:root{--navy:#073e66;--ink:#13364d;--muted:#577184;--blue:#068ac4;--cyan:#60c5df;--green:#62b651;--lime:#a8cf5e;--gold:#c6a568;--paper:#f6f9f6;--white:#fff;--line:#dce8e6;--shadow:0 26px 60px rgba(13,65,91,.1);font-family:'Avenir Next','Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:6px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Avenir Next','Segoe UI',Arial,sans-serif;letter-spacing:-.045em}p{line-height:1.66}.container{width:min(1250px,calc(100% - 80px));margin:auto}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:var(--blue)}.eyebrow-light{color:#9ee9e7}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(22,87,117,.1)}.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-link{display:flex;align-items:center;gap:13px;min-width:0}.brand-logo{width:53px;height:53px;object-fit:contain}.brand-text{display:flex;flex-direction:column;gap:2px}.brand-text strong{font-family:'Avenir Next','Segoe UI',Arial,sans-serif;letter-spacing:.14em;font-size:1.05rem;color:var(--navy)}.brand-text span{font-size:.72rem;color:var(--muted);white-space:nowrap}.header-actions{display:flex;align-items:center;gap:20px}.nav-link{font-size:.88rem;font-weight:700;color:var(--navy)}.nav-link:hover{color:var(--blue)}.header-cta{background:var(--navy);color:white;padding:12px 17px;border-radius:999px;font-weight:700;font-size:.82rem;white-space:nowrap}.header-cta:hover{background:#0c6689}.hero{padding:58px 0 24px}.hero-grid{min-height:540px;display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}.hero-copy{position:relative;z-index:2}.hero-mark{width:122px;filter:drop-shadow(0 12px 18px rgba(21,91,115,.13));margin-bottom:18px}.hero h1{font-size:clamp(3.2rem,5vw,5.7rem);line-height:1.045;max-width:650px;margin:16px 0 22px;color:var(--navy)}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{font-size:1.08rem;max-width:570px;color:#425f70;margin-bottom:26px}.hero-note{display:flex;align-items:center;gap:15px;color:var(--navy);font-weight:700;font-size:.92rem}.hero-note:before{content:'';height:2px;width:52px;background:linear-gradient(90deg,var(--green),var(--blue))}.hero-art{height:520px;position:relative}.hero-art:before{content:'';position:absolute;border-radius:46% 54% 64% 36%;background:linear-gradient(145deg,#dff3e9,#e5f4fb);inset:20px 45px 5px 75px;transform:rotate(-8deg)}.hero-photo{position:absolute;overflow:hidden;border:7px solid #fff;box-shadow:var(--shadow);border-radius:28px}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-photo.main{width:60%;height:70%;top:7%;right:3%;transform:rotate(3deg)}.hero-photo.secondary{width:48%;height:43%;bottom:2%;left:4%;transform:rotate(-7deg)}.hero-photo.tertiary{width:37%;height:34%;top:2%;left:5%;transform:rotate(-6deg)}.hero-orbit{position:absolute;width:83px;height:83px;border:2px solid var(--cyan);border-radius:50%;right:0;bottom:2%;opacity:.7}.bridge{padding:14px 0 46px}.bridge-inner{border-top:1px solid var(--line);padding-top:26px;display:flex;align-items:center;gap:35px}.bridge-label{font-size:.76rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:var(--green);white-space:nowrap}.bridge-inner p{margin:0;color:var(--muted);font-size:.93rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-heading h2{font-size:clamp(2rem,3.3vw,3.2rem);line-height:1.12;color:var(--navy);margin:9px 0 0}.section-heading p{max-width:390px;margin:0;color:var(--muted)}.sectors-section{padding:48px 0 76px}.sector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.sector-card{position:relative;display:block;min-height:330px;border-radius:23px;overflow:hidden;color:#fff;box-shadow:0 18px 38px rgba(9,57,78,.12);isolation:isolate;transition:transform .25s,box-shadow .25s}.sector-card:hover{transform:translateY(-6px);box-shadow:0 26px 45px rgba(9,57,78,.21)}.sector-card img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;transition:transform .6s}.sector-card:hover img{transform:scale(1.06)}.sector-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,38,55,.05) 30%,rgba(3,44,67,.88) 100%);z-index:1}.sector-card-content{position:absolute;z-index:2;inset:auto 25px 25px}.sector-card-number{display:block;font-size:.74rem;font-weight:800;letter-spacing:.16em;margin-bottom:8px;color:#a9f3ea}.sector-card h3{font-size:1.58rem;line-height:1.13;max-width:230px;margin:0 0 7px}.sector-card p{font-size:.87rem;opacity:.91;line-height:1.3;margin:0}.sector-card .card-arrow{position:absolute;right:0;bottom:0;border:1px solid rgba(255,255,255,.65);width:37px;height:37px;border-radius:50%;display:grid;place-items:center;font-size:1.3rem}.opportunities{padding:42px 0 80px;background:#eaf4f1}.opportunities .section-heading{margin-bottom:20px}.opportunity-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c9dcda;border-radius:22px;overflow:hidden;border:1px solid #c9dcda}.opportunity-link{display:flex;align-items:center;gap:15px;background:#fff;padding:21px 24px;font-size:.93rem;font-weight:700;min-height:86px;transition:background .2s}.opportunity-link:hover{background:#f2fbf7}.opportunity-index{color:var(--green);font-size:.74rem;letter-spacing:.1em}.opportunity-link b{margin-left:auto;color:var(--blue);font-size:1.3rem;font-weight:400}.sector-nav-wrap{background:#ecf4f3;border-bottom:1px solid var(--line)}.sector-nav{display:flex;gap:30px;align-items:center;overflow-x:auto;scrollbar-width:thin}.sector-nav a{font-size:.82rem;font-weight:700;white-space:nowrap;padding:16px 0;color:#526c7d;border-bottom:3px solid transparent}.sector-nav a:hover,.sector-nav a.active{color:var(--navy);border-bottom-color:var(--green)}.sector-intro{padding:62px 0 50px}.sector-intro-grid{display:grid;grid-template-columns:1fr .97fr;gap:55px;align-items:center}.sector-intro h1{font-size:clamp(2.8rem,4.6vw,5rem);line-height:1.08;color:var(--navy);margin:15px 0 20px}.sector-intro p{font-size:1.07rem;color:#476677;max-width:560px}.line-label{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--muted);margin:30px 0 10px}.line-pills{display:flex;flex-wrap:wrap;gap:9px}.line-pills span{font-size:.8rem;font-weight:700;color:var(--navy);border:1px solid #c9e0df;background:#fff;border-radius:999px;padding:9px 12px}.sector-cover{height:410px;border-radius:32px 32px 85px 32px;overflow:hidden;box-shadow:var(--shadow)}.sector-cover img{width:100%;height:100%;object-fit:cover}.project-section{padding:42px 0 76px;border-top:1px solid var(--line)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{display:flex;flex-direction:column;border-radius:20px;background:#fff;border:1px solid #dce9e8;overflow:hidden;box-shadow:0 13px 28px rgba(13,65,91,.055);transition:transform .2s,border-color .2s}.project-card:hover,.project-card.active{transform:translateY(-3px);border-color:var(--cyan)}.project-card img{width:100%;height:210px;object-fit:cover}.project-card-body{padding:22px;display:flex;flex-direction:column;flex:1}.project-card .status{font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;font-weight:800;color:#2c957b;margin-bottom:10px}.project-card h3{font-size:1.27rem;line-height:1.25;color:var(--navy);margin:0 0 10px}.project-card p{color:#5b7482;font-size:.88rem;line-height:1.48;margin-bottom:20px}.project-card .view{margin-top:auto;font-weight:800;color:var(--blue);font-size:.83rem}.project-detail{scroll-margin-top:150px;background:#fff;border-radius:30px;box-shadow:var(--shadow);overflow:hidden;margin-top:32px;border:1px solid #e0ece8}.detail-heading{padding:34px 40px 8px}.detail-heading h2{font-size:clamp(2rem,3vw,3rem);line-height:1.14;color:var(--navy);margin:10px 0 10px}.detail-heading p{color:var(--muted);margin-bottom:0;max-width:820px}.detail-media{display:grid;grid-template-columns:1.45fr .75fr;gap:11px;padding:30px 40px 0}.detail-media.single{display:block}.detail-media img{width:100%;height:350px;object-fit:cover;border-radius:17px}.detail-media img:nth-child(2){object-fit:cover}.detail-media .contain{object-fit:contain;background:#f8faf7;padding:15px}.detail-cols{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px;padding:33px 40px 35px}.detail-cols h3{font-size:1rem;color:var(--navy);margin-bottom:14px;letter-spacing:-.025em}.detail-cols p,.detail-cols li{color:#536c7d;font-size:.92rem;line-height:1.55}.detail-cols ul{padding-left:20px;margin:0}.detail-cols li+li{margin-top:7px}.detail-organizations{background:#eef7f5;padding:28px 40px 34px}.detail-organizations h3{font-size:1rem;letter-spacing:0;margin:0 0 16px;color:var(--navy)}.org-chip-list{display:flex;flex-wrap:wrap;gap:13px}.org-chip{background:#fff;display:flex;align-items:center;gap:12px;border:1px solid #d2e6e2;padding:10px 16px 10px 11px;border-radius:14px;font-weight:800;color:var(--navy);font-size:.85rem;min-height:62px}.org-chip:hover{border-color:var(--blue)}.org-chip img{width:45px;height:42px;object-fit:contain}.org-chip .wordmark{font-weight:900;font-size:.74rem;letter-spacing:.03em;color:var(--blue)}.org-chip b{color:var(--blue);font-size:1.2rem;font-weight:400}.empty-sector{border:1px solid var(--line);border-radius:22px;background:#fff;padding:35px;max-width:900px}.empty-sector h3{color:var(--navy);font-size:1.4rem}.empty-sector p{margin-bottom:0;color:var(--muted)}.org-page{padding:60px 0 85px}.breadcrumbs{font-size:.78rem;color:#6d8491;margin-bottom:28px}.breadcrumbs a{color:var(--blue);font-weight:700}.breadcrumbs span{margin:0 7px}.org-layout{display:grid;grid-template-columns:300px 1fr;gap:70px}.org-logo-panel{background:white;border-radius:26px;border:1px solid var(--line);min-height:280px;padding:32px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.org-logo-panel img{max-width:100%;max-height:190px;object-fit:contain}.org-logo-panel .wordmark{font-family:'Avenir Next','Segoe UI',Arial,sans-serif;font-size:2rem;font-weight:800;letter-spacing:-.04em;color:var(--navy)}.org-content h1{font-size:clamp(3rem,5vw,5rem);color:var(--navy);margin:10px 0 16px}.org-content .lead{font-size:1.12rem;max-width:720px;color:#446374}.org-role{margin-top:23px;background:#eaf5f0;border-left:4px solid var(--green);padding:19px 22px;border-radius:0 14px 14px 0;color:var(--navy);font-weight:700;line-height:1.5}.org-related{margin-top:35px}.org-related h2{font-size:1.5rem;color:var(--navy);margin-bottom:16px}.related-links{display:flex;flex-wrap:wrap;gap:10px}.related-links a{border-radius:999px;border:1px solid #cfe1df;padding:11px 15px;color:var(--navy);font-weight:700;font-size:.83rem;background:#fff}.related-links a:hover{border-color:var(--blue);color:var(--blue)}.back-sector{display:inline-flex;margin-top:36px;gap:10px;align-items:center;color:var(--blue);font-size:.87rem;font-weight:800}.logo-footer{padding:48px 0 55px;background:#fff;border-top:1px solid var(--line)}.logo-footer-header{display:flex;gap:20px;align-items:baseline;justify-content:space-between}.logo-footer h2{font-size:1.28rem;color:var(--navy);margin:0 0 6px}.logo-footer p{font-size:.83rem;color:var(--muted);margin:0}.logo-scroll{overflow-x:auto;margin-top:27px;padding:8px 0 12px;scrollbar-color:#b7d4d4 transparent}.logo-strip{position:relative;width:100%;min-width:1160px}.logo-strip img{width:100%;height:auto}.logo-hotspot{position:absolute;top:0;height:100%;display:block}.logo-hotspot:hover{outline:2px solid var(--cyan);outline-offset:-2px;border-radius:10px}.logo-footer-extra{display:flex;gap:12px;flex-wrap:wrap;margin-top:13px;font-size:.79rem;color:var(--muted)}.logo-footer-extra a{color:var(--navy);font-weight:700}.logo-footer-extra a:hover{text-decoration:underline}.site-footer{background:var(--navy);color:#d5e5ec;padding:21px 0}.site-footer .container{display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:.8rem}.site-footer strong{color:#fff;letter-spacing:.12em}.site-footer a:hover{text-decoration:underline}.error-page{padding:120px 0;min-height:55vh}.error-page h1{font-size:3rem;color:var(--navy)}
@media(max-width:1000px){.container{width:min(100% - 48px,1250px)}.hero-grid{gap:30px}.hero-art{height:460px}.hero h1{font-size:clamp(3rem,5vw,4.7rem)}.sector-grid,.project-grid{grid-template-columns:repeat(2,1fr)}.detail-cols{grid-template-columns:1fr 1fr}.detail-cols>div:first-child{grid-column:1/-1}.org-layout{gap:40px;grid-template-columns:240px 1fr}.opportunity-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.container{width:calc(100% - 36px)}.header-inner{height:68px}.brand-logo{width:43px;height:43px}.brand-text strong{font-size:.96rem}.brand-text span{display:none}.header-actions .nav-link{display:none}.header-cta{font-size:.72rem;padding:10px 13px}.hero{padding-top:34px}.hero-grid{grid-template-columns:1fr;gap:14px}.hero h1{font-size:clamp(2.85rem,11vw,4.3rem)}.hero p{font-size:.98rem}.hero-art{height:340px;max-width:550px;width:100%;margin:auto}.hero-photo{border-width:5px;border-radius:19px}.hero-photo.main{width:58%;height:70%}.hero-photo.secondary{width:48%;height:45%;left:1%}.hero-photo.tertiary{width:39%;height:38%}.bridge{padding:4px 0 34px}.bridge-inner{display:block}.bridge-inner p{margin-top:9px}.sectors-section{padding:22px 0 55px}.section-heading{display:block}.section-heading p{margin-top:12px}.sector-grid,.project-grid{grid-template-columns:1fr}.sector-card{min-height:310px}.opportunities{padding:42px 0 55px}.opportunity-list{grid-template-columns:1fr}.opportunity-link{min-height:68px}.sector-intro{padding:40px 0}.sector-intro-grid{grid-template-columns:1fr;gap:30px}.sector-intro h1{font-size:clamp(2.65rem,10vw,4rem)}.sector-cover{height:270px;border-radius:23px 23px 60px 23px}.project-section{padding:38px 0 55px}.project-card img{height:215px}.detail-heading{padding:27px 24px 0}.detail-media{grid-template-columns:1fr;padding:23px 24px 0}.detail-media img{height:250px}.detail-media img:nth-child(2){height:190px}.detail-cols{grid-template-columns:1fr;gap:22px;padding:26px 24px}.detail-cols>div:first-child{grid-column:auto}.detail-organizations{padding:24px}.org-layout{grid-template-columns:1fr;gap:28px}.org-logo-panel{min-height:220px;max-width:340px}.org-page{padding:38px 0 65px}.org-content h1{font-size:3rem}.logo-footer{padding:40px 0}.logo-footer-header{display:block}.site-footer .container{display:block}.site-footer span{display:block;margin-top:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sector-card,.sector-card img,.project-card{transition:none}}

/* Álbumes de sectores y proyectos */
.media-album{position:relative;width:100%;height:100%;overflow:hidden;background:#e6f0ef}
.gallery-frame{position:absolute;inset:0}
.media-album .gallery-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .75s ease;transform:none}
.media-album .gallery-slide.is-active{opacity:1;z-index:1}
.media-album .gallery-slide.contain{object-fit:contain;background:#f8faf7;padding:18px}
.sector-card .media-album{position:absolute;inset:0}
.project-card .media-album{height:210px;flex:none}
.sector-cover .media-album{height:100%}
.detail-media{display:block}
.detail-media .media-album{height:410px;border-radius:17px}
.gallery-dots{position:absolute;z-index:4;left:50%;bottom:15px;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:9px 11px;border-radius:999px;background:rgba(5,36,53,.35);backdrop-filter:blur(8px)}
.gallery-dot{display:block;flex:none;width:8px;height:8px;border:0;padding:0;border-radius:999px;background:rgba(255,255,255,.6);transition:width .2s,background .2s}
.gallery-dot.is-active{width:21px;background:white}
button.gallery-dot{width:29px;height:28px;position:relative;background:transparent}
button.gallery-dot::after{content:'';position:absolute;left:50%;top:50%;width:8px;height:8px;transform:translate(-50%,-50%);border-radius:999px;background:rgba(255,255,255,.65);transition:width .2s,background .2s}
button.gallery-dot.is-active::after{width:19px;background:#fff}
button.gallery-dot:hover::after{background:#b8eeeb}
@media(max-width:700px){.detail-media .media-album{height:270px}.project-card .media-album{height:215px}}
@media(prefers-reduced-motion:reduce){.media-album .gallery-slide,.gallery-dot,button.gallery-dot::after{transition:none}}
