/* Modelo B · Cercanía contemporánea: portada luminosa, editorial serifa y recorrido visual. */
::selection{background:#bdd7e5;color:#081a2e}
.site-header{background:rgba(248,251,253,.96)}
.hero{min-height:744px;background:#f2f5f7;color:#081a2e;overflow:hidden}
.hero:before{display:none}
.hero-photo{position:absolute;inset:52px max(25px,4.3vw) 68px 56%;height:auto;width:auto;z-index:-1;overflow:hidden;border-radius:210px 210px 28px 28px;box-shadow:0 26px 62px rgba(8,26,46,.16)}
.hero-photo img{object-position:52% center}
.hero-grid{min-height:744px;padding-block:66px 108px;align-items:center}
.hero-content{width:54%;max-width:590px}
.hero .eyebrow{color:#2e617e;font-size:10px;letter-spacing:.13em}
.hero .eyebrow-line{background:#387c99}
.hero h1{font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:clamp(61px,5.6vw,86px);letter-spacing:-.032em;word-spacing:.12em;line-height:1.06;color:#0e2a47;max-width:575px}
.hero h1 em{font-family:inherit;font-weight:400;font-size:.91em;line-height:1.15;letter-spacing:-.03em;color:#376f89;margin-top:10px}
.hero p{color:#526c7d;max-width:475px;font-size:15px;line-height:1.8}
.hero-actions{margin-top:28px}
.hero-actions .button-primary{background:#0e2a47;color:white;box-shadow:0 12px 25px rgba(14,42,71,.16)}
.hero-actions .button-primary:hover{background:#1f4e6b;box-shadow:0 15px 35px rgba(14,42,71,.24)}
.hero-actions .button-secondary{color:#0e2a47;border:1px solid #b6cbd8;background:rgba(255,255,255,.7)}
.hero-actions .button-secondary:hover{background:white}
.hero-proof span{background:#e3eef4;border-color:#cedfe8;color:#204a64}
.hero-proof i{color:#2b6582}
.hero-event-promo{background:white;border:1px solid #d9e5ed;box-shadow:0 16px 36px rgba(8,26,46,.09);max-width:468px;margin-top:26px}
.hero-event-promo:hover{background:#fff;border-color:#9fb8c9;box-shadow:0 18px 38px rgba(8,26,46,.13)}
.hero-event-promo small{color:#57778b}
.hero-event-promo strong{color:#0e2a47}
.promo-calendar{background:#0e2a47;color:white}
.promo-arrow{color:#1f4e6b}
.hero-floating-card{bottom:91px;right:3.3%;box-shadow:0 15px 50px rgba(8,26,46,.16)}
.hero-curve{background:#081a2e;bottom:-53px;height:80px}

/* Un bloque de accesos navy genera contraste inmediato después del hero claro. */
.pillar-section{background:#081a2e;padding-top:107px;padding-bottom:105px}
.quick-heading h2,.quick-heading h2 span{color:white}
.pillar-section .section-kicker{color:#a4cfe2}
.quick-heading>p{color:#b8cdda}
.quick-card,.quick-card:first-child{background:white;color:#081a2e;border-color:rgba(255,255,255,.2);border-radius:30px}
.quick-card .quick-icon,.quick-card:first-child .quick-icon{background:#e7f1f5;color:#1f4e6b}
.quick-card .quick-arrow,.quick-card:first-child .quick-arrow{color:#255672;background:#e9f1f6}
.quick-card h3,.quick-card:first-child h3{color:#0e2a47}
.quick-card p,.quick-card:first-child p{color:#5f7789}
.quick-card small,.quick-card:first-child small{color:#587f97}
.quick-card strong,.quick-card:first-child strong{color:#1f4e6b}
.quick-card:before,.quick-card:first-child:before{border-color:rgba(31,78,107,.1);box-shadow:none}

/* Una historia de revista: texto a la izquierda, fotografía a la derecha. */
.story-feature{background:#f7fafc}
.story-layout{grid-template-columns:.92fr 1.08fr;gap:clamp(45px,6.5vw,100px)}
.story-content{order:1}
.story-visual{order:2;border-radius:180px 180px 30px 30px;height:625px}
.story-content h2,.visual-commitment-copy h2{font-family:"DM Serif Display",Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.12;font-size:clamp(45px,4.45vw,64px)}
.story-content h2 em,.visual-commitment-copy h2 em{font-style:italic;line-height:1.15}
.story-value-list>div>span{border-radius:12px}
.story-photo-label{bottom:24px;left:29px}
.audience-section{background:white}
.section-title,.quick-heading h2,.blog-section-intro h2,.blog-page-title{letter-spacing:-.03em;word-spacing:.14em}

/* Faja institucional visual de contraste en lugar del bloque pastel. */
.visual-commitment{background:#0e2a47}
.visual-commitment .section-kicker{color:#a9d1e4}
.visual-commitment-copy h2{color:white}
.visual-commitment-copy h2 em{color:#bedeea}
.visual-commitment-copy>p{color:#d4e4ee}
.visual-commitment .button{background:#e1eef4;color:#0e2a47}
.visual-commitment .button:hover{background:white}
.commitment-photo{box-shadow:0 20px 54px rgba(0,0,0,.19)}

/* Blog estilo revista. */
.blog-card{border-radius:28px;box-shadow:0 15px 38px rgba(8,26,46,.065)}
.blog-cover{height:215px}
.blog-section-intro h2,.blog-page-title{font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:clamp(44px,4.7vw,68px)}
.blog-card h3{font-size:19px;letter-spacing:-.012em;word-spacing:.12em}
.resource-card{border-radius:29px}
.resource-photo{height:300px;border-radius:23px}
.resource-content h3{font-family:"DM Serif Display",Georgia,serif;font-size:30px;font-weight:400;letter-spacing:-.015em!important}

@media(max-width:1110px){
 .hero h1{font-size:clamp(53px,5.6vw,69px)}
 .hero-content{width:55%}
 .hero-photo{left:58%}
 .hero-floating-card{display:none}
 .story-visual{height:540px}
}
@media(max-width:820px){
 .hero{display:flex;flex-direction:column;min-height:0;overflow:hidden}
 .hero-grid{order:0;min-height:0;padding-block:63px 28px}
 .hero-content{width:100%;max-width:690px;margin-inline:auto;text-align:center}
 .hero h1{margin-inline:auto;font-size:clamp(51px,7vw,76px)}
 .hero p{margin-inline:auto}
 .hero-actions,.hero-proof{justify-content:center}
 .hero-event-promo{margin:28px auto 0;text-align:left}
 .hero-photo{position:relative;inset:auto;width:calc(100% - 62px);max-width:680px;height:410px;order:1;margin:0 auto 34px;border-radius:180px 180px 26px 26px}
 .hero-curve{display:none}
 .pillar-section{padding-top:77px}
 .story-layout{grid-template-columns:1fr;gap:38px}
 .story-visual{order:0;height:505px;border-radius:100px 100px 22px 22px}
 .story-content{order:1}
}
@media(max-width:640px){
 .hero{background:#f2f5f7}
 .hero-grid{order:0;padding-block:55px 28px}
 .hero-photo{order:1;width:calc(100% - 28px);height:305px;margin:0 auto 24px;border-radius:110px 110px 20px 20px}
 .hero h1{font-size:clamp(45px,10.6vw,59px);line-height:1.08;margin:17px auto 19px}
 .hero h1 em{margin-top:6px}
 .hero p{font-size:13px}
 .hero-actions{align-items:stretch}
 .hero-actions .button{white-space:normal}
 .hero-event-promo{padding:13px}
 .pillar-section{padding-block:73px 79px}
 .quick-heading h2{font-size:35px}
 .story-feature{padding-block:71px 83px}
 .story-visual{height:350px;border-radius:90px 90px 18px 18px}
 .story-content h2,.visual-commitment-copy h2{font-size:clamp(40px,10vw,49px)}
 .resource-photo{height:210px}
 .resource-content h3{font-size:28px}
 .blog-cover{height:225px}
}
@media(max-width:390px){
 .hero h1{font-size:43px}
 .hero-photo{height:260px}
 .story-visual{height:300px}
}

/* MODELO B · PALETA ALTERNATIVA: azul petróleo + azul bruma + hielo.
   Evoluciona la gama azul institucional, sin incorporar un color ajeno. */
:root{
 --navy:#10364a;
 --navy-2:#20566d;
 --blue:#347f99;
 --mist:#accfdf;
 --ice:#ecf6fa;
 --ink:#183b4d;
 --text:#547080;
 --border:#d7e8ee;
 --shadow:0 18px 55px rgba(24,78,101,.11);
}
body{background:#fafcfd;color:#183b4d}
.utility-bar{background:linear-gradient(100deg,#10364a,#286e86)}
.utility-dot{background:#b2e0ee}
.site-header{background:rgba(248,252,253,.97);border-bottom-color:#e0edf2}
.brand-name{color:#10364a}
.nav-button{background:#286e86;box-shadow:0 9px 23px rgba(30,98,124,.18)}
.nav-button:hover{background:#20566d}
.hero{background:linear-gradient(112deg,#e6f3f8 0%,#f8fbfd 52%,#d8edf5 100%)}
.hero-photo{border:8px solid rgba(255,255,255,.95);box-shadow:0 24px 65px rgba(42,99,120,.18)}
.hero .eyebrow{color:#276b84;background:rgba(255,255,255,.65);border:1px solid #cee3ec;border-radius:50px;padding:9px 13px}
.hero .eyebrow-line{background:#6fa9be}
.hero h1{color:#153d51}
.hero h1 em{color:#377f99}
.hero p{color:#4e7282}
.hero-actions .button-primary{background:#276f89;color:white;box-shadow:0 12px 26px rgba(39,111,137,.18)}
.hero-actions .button-primary:hover{background:#1d596f;box-shadow:0 18px 34px rgba(39,111,137,.24)}
.hero-actions .button-secondary{background:rgba(255,255,255,.75);border-color:#abd0df;color:#174960}
.hero-proof span{background:#dceef5;border-color:#c5e0ea;color:#285e72}
.hero-proof i{color:#458ca4}
.hero-event-promo{border:1px solid #d4e8f0;background:#fff;box-shadow:0 17px 37px rgba(40,107,133,.11)}
.hero-event-promo small{color:#5c8191}
.hero-event-promo strong{color:#1c5167}
.promo-calendar{background:#d6ebf3;color:#19576f}
.promo-arrow{color:#347f99}
.hero-curve{background:#e0eef4}

/* El inicio del recorrido ahora es claro y sereno: contraste con el A azul nocturno. */
.pillar-section{background:linear-gradient(125deg,#dcecf3 0%,#ecf7fa 54%,#e0f1f6 100%)}
.quick-heading h2{color:#10364a}
.quick-heading h2 span{color:#347f99}
.pillar-section .section-kicker{color:#29748e}
.quick-heading>p{color:#537788}
.quick-card{border-color:#d4e5ed;background:#fff;box-shadow:0 13px 27px rgba(39,93,113,.055)}
.quick-card:first-child{background:#20657c;border-color:#20657c;color:#fff}
.quick-card:first-child .quick-icon{background:rgba(255,255,255,.14);color:#fff}
.quick-card:first-child .quick-arrow{background:rgba(255,255,255,.13);color:#fff}
.quick-card:first-child h3,.quick-card:first-child strong{color:#fff}
.quick-card:first-child p,.quick-card:first-child small{color:#d5e9f0}

.story-feature{background:#fff}
.story-visual{border:8px solid #e0edf3;box-shadow:0 24px 65px rgba(24,78,101,.13)}
.story-content h2,.visual-commitment-copy h2{color:#194b61}
.story-content h2 em{color:#4087a1}
.story-value-list>div>span{background:#e1f0f5;color:#28738e}
.audience-section{background:#f0f7fa}
.about-section{background:#fff}
.about-visual{background:radial-gradient(circle at 30% 20%,#e0f0f6,#b6d8e5 54%,#90bbcc)}
.objective-section{background:#fbfdfe}

/* Bloque contrastante de azul laguna: cercano pero institucional. */
.visual-commitment{background:linear-gradient(120deg,#2d8099 0%,#1e5d76 58%,#143e55 100%)}
.visual-commitment .section-kicker{color:#d6f1f9}
.visual-commitment-copy h2{color:white}
.visual-commitment-copy h2 em{color:#d3edf5}
.visual-commitment-copy>p{color:#e0eef3}
.visual-commitment .button{background:white;color:#1a5670}
.events-section{background:#f7fbfd}
.blog-card{border-color:#deedf2;box-shadow:0 15px 36px rgba(35,97,121,.075)}
.blog-card-tags span{color:#226a83;background:#e3f2f7}
.resources-section{background:white}
.resource-card{border-color:#d8e9ef;box-shadow:0 15px 36px rgba(35,97,121,.06)}
.resource-photo{background:#d9edf4}
.resource-content h3{color:#1a5369}
.resource-content p{color:#577687}
.contact-section{background:#f7fbfd}
.contact-panel{background:linear-gradient(115deg,#184e66,#286f87)}
.contact-panel h2 em{color:#c6e7f2}
.site-footer{background:#10364a}

@media(max-width:820px){
 .hero-curve{display:none}
}