:root{--blue:#0b4d82;--blue2:#0e6da8;--red:#e32932;--ink:#102a43;--muted:#5e7184;--cream:#f5f8fb;--white:#fff;--line:#dbe5ed;--shadow:0 20px 60px rgba(15,45,70,.12);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.skip{position:fixed;left:16px;top:-60px;background:#111;color:#fff;padding:10px 14px;z-index:1000;border-radius:8px}.skip:focus{top:16px}.topline{height:5px;background:linear-gradient(90deg,var(--red) 0 30%,#fff 30% 34%,var(--blue) 34% 100%)}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(219,229,237,.8)}.header-main{min-height:88px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;min-width:280px}.brand img{width:54px;height:68px;object-fit:contain}.brand-copy{display:grid;gap:0}.brand-copy .eyebrow{font-size:.68rem;text-transform:uppercase;letter-spacing:.11em;color:var(--blue2);font-weight:800}.brand-copy strong{font-size:1.02rem;line-height:1.15}.brand-copy span:last-child{font-size:.76rem;color:var(--muted)}.mainnav{margin-left:auto;display:flex;align-items:center;gap:4px}.nav-link{position:relative;padding:11px 13px;border-radius:12px;font-size:.86rem;font-weight:750;color:#3f566b;transition:.22s ease}.nav-link:hover{background:#f0f5f8;color:var(--blue)}.nav-link.active{background:#edf4f8;color:var(--blue)}.nav-link.active:after{content:"";position:absolute;left:13px;right:13px;bottom:5px;height:2px;border-radius:5px;background:var(--red)}.menu-toggle{display:none;margin-left:auto;border:0;background:#eef4f8;color:var(--blue);padding:10px 12px;border-radius:12px;font-weight:800}.menu-toggle span{display:block;width:19px;height:2px;background:var(--blue);margin:3px auto}.menu-toggle b{font-size:.65rem}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f5f9fc,#fff)}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(14,109,168,.14),transparent 32%),radial-gradient(circle at 20% 70%,rgba(227,41,50,.08),transparent 28%)}.hero-grid{min-height:650px;padding:75px 0 95px;display:grid;grid-template-columns:1fr .92fr;gap:70px;align-items:center;position:relative}.hero-copy{position:relative;z-index:2}.badge{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #d6e3ec;background:#fff;border-radius:999px;color:var(--blue);font-size:.76rem;font-weight:800;box-shadow:0 8px 25px rgba(16,50,75,.06)}.dot{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px rgba(227,41,50,.12)}h1{font-size:clamp(3rem,5.4vw,5.4rem);line-height:.98;letter-spacing:-.055em;margin:22px 0;color:#102b43;max-width:760px}h1 em{font-style:normal;color:var(--blue2)}.hero-lead{font-size:1.08rem;max-width:650px;color:#53697c}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:13px 18px;border-radius:14px;font-weight:850;font-size:.9rem;transition:.2s ease}.btn span{font-size:1.1em}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 30px rgba(11,77,130,.2)}.btn-primary:hover{transform:translateY(-2px);background:#093f6c}.btn-ghost{border:1px solid #cbdbe6;background:#fff;color:var(--blue)}.btn-ghost:hover{transform:translateY(-2px);border-color:#9fbacc}.btn-light{background:#fff;color:var(--blue);box-shadow:0 12px 30px rgba(0,0,0,.12)}.hero-mini{display:flex;gap:18px;flex-wrap:wrap;color:#607487;font-size:.76rem}.hero-mini span{padding-right:18px;border-right:1px solid #d8e2e9}.hero-mini span:last-child{border:0}.hero-visual{position:relative}.photo-frame{padding:12px;background:#fff;border:1px solid #d7e2e9;border-radius:28px;box-shadow:var(--shadow);transform:rotate(1.2deg)}.photo-frame img{width:100%;height:440px;object-fit:cover;border-radius:19px;display:block}.floating-card{position:absolute;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border:1px solid #dbe5ed;border-radius:18px;box-shadow:0 18px 40px rgba(14,48,73,.16);display:flex;align-items:center;gap:12px;padding:12px 15px}.floating-card small{display:block;color:#64798b;font-size:.7rem}.floating-card b{font-size:.82rem}.card-top{top:-22px;right:-24px}.card-bottom{bottom:-22px;left:-25px}.card-bottom img{width:39px;height:48px;object-fit:contain}.icon,.mini-seal{width:35px;height:35px;border-radius:11px;background:#edf5f9;display:grid;place-items:center;color:var(--red);font-weight:900}.hero-wave{height:48px;background:#fff;clip-path:ellipse(60% 90% at 50% 100%)}.facts{margin-top:-15px;position:relative;z-index:4;background:#fff;border:1px solid #dce6ed;border-radius:22px;box-shadow:0 20px 45px rgba(20,56,83,.09);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.fact{padding:22px 23px;border-right:1px solid #e3ebf0}.fact:last-child{border:0}.fact span{font-size:.68rem;color:var(--red);font-weight:900;letter-spacing:.1em}.fact strong{display:block;font-size:.88rem;margin:3px 0}.fact small{color:#6c7f8e;font-size:.72rem}.section{padding:105px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.section-intro h2,.section-title h2,.calendar-copy h2,.contact-card h2{font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.03;letter-spacing:-.045em;margin:9px 0 20px}.section-intro p,.section-title p{color:var(--muted);font-size:1rem}.kicker{text-transform:uppercase;letter-spacing:.13em;font-size:.7rem;color:var(--red);font-weight:900}.text-link{display:inline-flex;gap:9px;color:var(--blue);font-weight:850;margin-top:14px}.identity-panel{background:#f4f8fb;border:1px solid #dce7ee;border-radius:28px;padding:28px}.identity-head{display:flex;gap:13px;align-items:center;padding-bottom:18px;border-bottom:1px solid #dce5eb}.identity-head small{display:block;color:#718495;font-size:.72rem}.identity-item{display:grid;grid-template-columns:42px 1fr;gap:15px;padding:20px 0;border-bottom:1px solid #dce5eb}.identity-item:last-child{border:0;padding-bottom:0}.identity-item>span{width:40px;height:40px;border-radius:13px;background:#fff;display:grid;place-items:center;color:var(--blue);font-weight:900;border:1px solid #d9e5ec}.identity-item h3{margin:0 0 4px;font-size:1rem}.identity-item p{margin:0;color:#607486;font-size:.88rem}.values{background:#f6f9fb}.section-title.centered{text-align:center;max-width:760px;margin:0 auto 42px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.value-card{background:#fff;border:1px solid #dce7ee;border-radius:22px;padding:25px;min-height:180px;transition:.25s}.value-card:hover,.life-card:hover,.doc-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(20,56,83,.09)}.value-card span{color:var(--red);font-size:.7rem;font-weight:900}.value-card h3{margin:15px 0 7px}.value-card p{margin:0;color:#677b8d;font-size:.86rem}.value-accent{background:linear-gradient(145deg,var(--blue),#0b5f97);color:#fff;border:0}.value-accent p{color:#dbeaf3}.community{background:#fff}.community-image{position:relative}.community-image img{width:100%;height:420px;object-fit:cover;border-radius:28px;display:block;box-shadow:var(--shadow)}.image-caption{position:absolute;left:20px;right:20px;bottom:20px;background:rgba(8,35,56,.82);color:#fff;padding:12px 15px;border-radius:14px;font-size:.8rem;backdrop-filter:blur(8px)}.context-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.context-pills span{padding:8px 11px;background:#f2f7fa;border:1px solid #dce8ee;border-radius:999px;font-size:.75rem;color:#476073}.life{background:#f7fafc}.life-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.life-card{background:#fff;border:1px solid #dce7ee;border-radius:22px;padding:25px;transition:.25s}.life-card.big{grid-column:span 2;display:grid;grid-template-columns:62px 1fr;gap:18px;background:linear-gradient(135deg,#0b4d82,#0e6da8);color:#fff;border:0}.life-card.big p{color:#dcecf6}.life-card>span,.life-card p{color:#688092;font-size:.84rem}.life-card.big>span{color:#dcecf6}.life-icon{font-size:1.8rem;margin-bottom:14px}.life-card.big .life-icon{margin:0}.life-card h3{margin:4px 0 8px;font-size:1.05rem}.life-card p{margin:0}.projects{padding-top:30px}.project-banner{border-radius:30px;background:linear-gradient(120deg,#092f50,#0d659b);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:55px 65px;overflow:hidden;position:relative}.project-banner:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;border:80px solid rgba(255,255,255,.06);right:-120px;top:-110px}.project-banner h2{font-size:clamp(2.8rem,6vw,5rem);letter-spacing:-.06em;margin:4px 0}.project-banner p{max-width:650px;color:#d7e9f5}.kicker.light{color:#f7b5b9}.project-mark{position:relative;z-index:2;width:180px;height:180px;border-radius:42px;background:#fff;color:var(--blue);display:grid;place-items:center;font-size:3.4rem;font-weight:950;box-shadow:0 20px 50px rgba(0,0,0,.16);transform:rotate(7deg)}.project-mark small{position:absolute;bottom:38px;font-size:1.4rem;letter-spacing:.2em;color:var(--red)}.doc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.doc-card{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid #dce7ee;border-radius:18px;background:#fff;transition:.22s}.doc-icon{width:48px;height:48px;border-radius:14px;background:#edf5f9;color:var(--blue);display:grid;place-items:center;font-size:1.25rem;font-weight:900}.doc-body{flex:1}.doc-body>span{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--red);font-weight:900}.doc-body h3{font-size:.95rem;margin:3px 0}.doc-body p{font-size:.75rem;color:#738697;margin:0}.doc-arrow{color:var(--blue);font-size:1.2rem}.calendar{background:#f7fafc}.calendar-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.calendar-list{background:#fff;border:1px solid #dce7ee;border-radius:24px;overflow:hidden}.calendar-list div{display:grid;grid-template-columns:105px 1fr;gap:15px;padding:15px 20px;border-bottom:1px solid #e5edf2;align-items:center}.calendar-list div:last-child{border:0}.calendar-list b{color:var(--red);font-size:.72rem;letter-spacing:.06em}.calendar-list span{font-size:.86rem}.calendar-list .highlight{background:#edf5f9}.contact{padding-bottom:80px}.contact-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:18px}.contact-card{background:linear-gradient(135deg,#092f50,#0b5b8e);color:#fff;border-radius:30px;padding:50px}.contact-card p{color:#d7e8f2;max-width:650px}.contact-items{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:30px 0}.contact-items div{padding:15px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:15px}.contact-items b{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#a9d0e6}.contact-items span{font-size:.82rem}.contact-actions{display:flex;align-items:center;gap:12px}.social{width:44px;height:44px;border-radius:13px;background:#fff;color:var(--blue);display:grid;place-items:center;font-weight:950}.contact-side{border:1px solid #dce7ee;border-radius:30px;background:#fff;display:grid;place-items:center;text-align:center;padding:35px}.contact-side img{width:145px;height:180px;object-fit:contain}.contact-side h3{margin:5px 0 0}.contact-side p{color:#6d8090;margin:0}.anniversary{margin-top:20px;padding:9px 12px;background:#f3f7f9;border-radius:999px;font-size:.72rem;color:var(--blue);font-weight:800}.footer{background:#071f34;color:#cbd9e3;padding:38px 0 18px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr .5fr;gap:30px;align-items:center}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:42px;height:55px;object-fit:contain}.footer-brand strong{display:block;color:#fff;font-size:.9rem}.footer-brand span{font-size:.72rem}.footer-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;font-size:.76rem}.footer-links a:hover,.footer-social a:hover{color:#fff}.footer-social{text-align:right;font-weight:800;font-size:.78rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:25px;padding-top:15px;display:flex;justify-content:space-between;font-size:.68rem;color:#8398a8}.to-top{position:fixed;right:20px;bottom:20px;width:44px;height:44px;border:0;border-radius:14px;background:var(--blue);color:#fff;box-shadow:0 15px 30px rgba(11,77,130,.25);opacity:0;pointer-events:none;transition:.2s;z-index:50}.to-top.show{opacity:1;pointer-events:auto}.reveal{opacity:1;transform:none;transition:opacity .7s ease,transform .7s ease}.js-ready .reveal{opacity:0;transform:translateY(20px)}.js-ready .reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}
@media(max-width:980px){.header-main{min-height:76px}.brand{min-width:0}.brand-copy strong{font-size:.9rem}.mainnav{gap:0}.nav-link{padding:9px 8px;font-size:.75rem}.hero-grid{grid-template-columns:1fr;gap:35px;padding-top:55px}.hero-copy{max-width:800px}.hero-visual{max-width:720px;width:100%;margin:auto}.facts{grid-template-columns:repeat(2,1fr)}.fact:nth-child(2){border-right:0}.fact:nth-child(-n+2){border-bottom:1px solid #e3ebf0}.two-col,.calendar-grid,.contact-grid{grid-template-columns:1fr}.life-grid{grid-template-columns:repeat(2,1fr)}.life-card.big{grid-column:span 2}.project-banner{padding:45px}.contact-items{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-brand{justify-content:center}.footer-social{text-align:center}.footer-bottom{flex-direction:column;gap:6px;text-align:center}}
@media(max-width:760px){.container{width:min(100% - 28px,620px)}.header-main{position:relative}.menu-toggle{display:block}.mainnav{display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;background:#fff;border-bottom:1px solid #dce7ee;box-shadow:0 20px 30px rgba(0,0,0,.08);padding:10px}.mainnav.open{display:grid}.nav-link{padding:12px 14px}.nav-link.active:after{left:14px;right:auto;width:35px}.hero-grid{padding:48px 0 70px}.hero-visual{padding:0 5px}.photo-frame img{height:310px}.card-top{right:-3px}.card-bottom{left:-3px}.hero-mini{display:grid;gap:5px}.hero-mini span{border:0;padding:0}.facts{grid-template-columns:1fr}.fact{border:0!important;border-bottom:1px solid #e3ebf0!important}.fact:last-child{border:0!important}.section{padding:75px 0}.value-grid,.life-grid,.doc-grid{grid-template-columns:1fr}.life-card.big{grid-column:auto;display:block}.life-card.big .life-icon{margin-bottom:14px}.project-banner{padding:35px 25px;display:block}.project-mark{width:120px;height:120px;margin-top:30px;font-size:2.2rem}.project-mark small{bottom:24px;font-size:1rem}.contact-card{padding:35px 25px}.footer-links{gap:11px}.brand img{width:45px;height:58px}.brand-copy .eyebrow{font-size:.58rem}.brand-copy span:last-child{font-size:.68rem}.brand-copy strong{font-size:.82rem}}
/* V2 - contenido ampliado */
.profile{background:#fff}.section-title{max-width:900px}.profile-grid{display:grid;grid-template-columns:1.35fr .85fr .85fr;gap:16px;margin-top:38px}.profile-card{background:#f7fafc;border:1px solid var(--line);border-radius:24px;padding:30px;min-height:245px;transition:.25s}.profile-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.profile-main{background:linear-gradient(145deg,#0b4d82,#0d6a9f);color:#fff;border:0}.profile-number{font-size:.68rem;font-weight:900;color:var(--red);letter-spacing:.12em}.profile-main .profile-number{color:#ffd5d7}.profile-card h3{font-size:1.25rem;margin:16px 0 10px}.profile-card p{color:#63778a;font-size:.9rem}.profile-main p{color:#e1eef6}.profile-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.profile-tags span{font-size:.68rem;padding:7px 10px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);border-radius:999px}.clean-list{list-style:none;padding:0;margin:14px 0 0}.clean-list li{padding:8px 0;border-bottom:1px solid #dfe8ee;font-size:.82rem;color:#63778a}.clean-list li:last-child{border:0}.clean-list b{color:var(--ink)}.identity-band{background:linear-gradient(115deg,#092f50,#0d669b);color:#fff;overflow:hidden}.identity-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}.identity-copy h2{font-size:clamp(2.4rem,5vw,4.8rem);line-height:.98;letter-spacing:-.055em;margin:10px 0 18px}.identity-copy p{color:#d6e8f3;max-width:650px}.identity-image{background:#fff;padding:10px;border-radius:24px;transform:rotate(1deg);box-shadow:0 25px 70px rgba(0,0,0,.2)}.identity-image img{width:100%;height:330px;object-fit:cover;border-radius:17px;display:block}.proposal{background:#f6f9fb}.proposal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.proposal-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;min-height:210px;transition:.25s}.proposal-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.proposal-icon{width:48px;height:48px;border-radius:15px;background:#edf5f9;display:grid;place-items:center;font-size:1.35rem}.proposal-card h3{margin:17px 0 7px;font-size:1.02rem}.proposal-card p{margin:0;color:#667a8c;font-size:.85rem}.context{background:#fff}.context-panel{background:#f5f9fb;border:1px solid var(--line);border-radius:28px;padding:12px}.context-panel-head{padding:18px 18px 20px;border-bottom:1px solid #dce7ee}.context-panel-head span{display:block;text-transform:uppercase;letter-spacing:.12em;color:var(--red);font-size:.67rem;font-weight:900}.context-panel-head b{font-size:1.35rem}.context-row{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:18px;border-bottom:1px solid #dce7ee}.context-row:last-child{border:0}.context-row>span{width:36px;height:36px;border-radius:11px;background:#fff;border:1px solid #dbe6ec;display:grid;place-items:center;color:var(--blue);font-size:.68rem;font-weight:900}.context-row b{display:block;font-size:.88rem}.context-row small{display:block;color:#6a7e90;font-size:.76rem;margin-top:3px}.spaces{background:#fff}.space-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.space-card{min-height:165px;border:1px solid var(--line);border-radius:20px;padding:22px;background:linear-gradient(180deg,#fff,#f6f9fb);display:flex;flex-direction:column;justify-content:flex-end;transition:.25s}.space-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.space-card span{color:var(--red);font-size:.67rem;font-weight:900;margin-bottom:auto}.space-card b{font-size:.88rem;line-height:1.25}.space-card small{color:#6b7f90;font-size:.72rem;margin-top:5px}.gallery{background:#f6f9fb}.gallery-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:15px}.gallery-item{margin:0;position:relative;min-height:300px;border-radius:24px;overflow:hidden;border:1px solid #d9e5ec;background:#fff;box-shadow:0 12px 35px rgba(15,45,70,.08)}.gallery-item img{width:100%;height:100%;min-height:300px;object-fit:cover;display:block;transition:transform .5s ease}.gallery-item:hover img{transform:scale(1.035)}.gallery-large{min-height:440px}.gallery-large img{min-height:440px}.gallery-seal{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff,#edf5f9)}.gallery-seal img{object-fit:contain;width:72%;height:72%;min-height:0}.gallery-item figcaption{position:absolute;left:15px;right:15px;bottom:15px;padding:12px 14px;background:rgba(7,31,52,.83);backdrop-filter:blur(10px);border-radius:14px;color:#fff}.gallery-item figcaption b{display:block;font-size:.82rem}.gallery-item figcaption span{display:block;color:#d2e3ed;font-size:.69rem}.goals{background:#fff}.goals-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.goal-list{border-top:1px solid var(--line)}.goal-list>div{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:21px 0;border-bottom:1px solid var(--line)}.goal-list span{width:34px;height:34px;border-radius:10px;background:#edf5f9;color:var(--blue);display:grid;place-items:center;font-size:.67rem;font-weight:900}.goal-list b{font-size:.93rem}.goal-list p{margin:4px 0 0;color:#667b8d;font-size:.82rem}.facebook-wide{display:inline-flex;margin-top:16px;padding:9px 12px;border-radius:11px;background:#edf5f9;color:var(--blue);font-weight:800;font-size:.72rem}.anniversary{margin-top:20px}.profile-card .text-link{font-size:.82rem}.section-title:not(.centered){margin-bottom:35px}
@media(max-width:1050px){.profile-grid{grid-template-columns:1fr 1fr}.profile-main{grid-column:span 2}.space-grid{grid-template-columns:repeat(3,1fr)}.gallery-grid{grid-template-columns:1.2fr 1fr}.gallery-seal{display:none}.gallery-item{min-height:330px}.gallery-item img{min-height:330px}.gallery-large,.gallery-large img{min-height:390px}.identity-layout,.goals-layout{grid-template-columns:1fr;gap:35px}}
@media(max-width:760px){.profile-grid,.proposal-grid,.space-grid,.gallery-grid{grid-template-columns:1fr}.profile-main{grid-column:auto}.profile-card{min-height:0}.identity-image img{height:260px}.space-card{min-height:145px}.gallery-seal{display:flex}.gallery-item,.gallery-item img,.gallery-large,.gallery-large img{min-height:290px}.gallery-seal img{min-height:0;height:230px}.goals-layout{gap:25px}}

/* V4 — movimiento, navegación equilibrada y presentación institucional */
html{scroll-behavior:smooth}
body{overflow-x:hidden}
/* Todos los párrafos mantienen una composición limpia y justificada. */
p{text-align:justify}
.hero-lead,.hero-copy p,.identity-copy p,.project-banner p,.contact-card p,.section-title p,.section-intro p{ text-align:justify }

/* Navegación con proporciones uniformes */
.mainnav{flex:1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;align-items:center;margin-left:18px}
.nav-link{display:flex;align-items:center;justify-content:center;text-align:center;min-height:42px;padding:8px 7px;border-radius:10px;white-space:nowrap;font-size:.73rem;line-height:1.15;font-weight:800;letter-spacing:.01em}
.nav-link:hover{background:#eef5f9}
.nav-link.active{background:#f0f6f9}
.nav-link.active:after{left:18%;right:18%;width:auto}

/* Movimiento de entrada sin pantalla de bloqueo */
/* Hero con profundidad y movimiento sutil */
.hero{overflow:hidden}
.hero-bg{animation:heroDrift 13s ease-in-out infinite alternate}
.hero-grid{position:relative;z-index:2}
.hero-copy{animation:heroIn .8s .15s both}
.hero-visual{animation:heroInRight .9s .28s both}
.hero-orbit{position:absolute;border:1px solid rgba(11,77,130,.13);border-radius:50%;pointer-events:none}
.orbit-a{width:430px;height:430px;right:-90px;top:15px;animation:orbitPulse 7s ease-in-out infinite}
.orbit-b{width:270px;height:270px;left:-80px;bottom:10px;animation:orbitPulse 6s ease-in-out infinite reverse}
.hero-spark{position:absolute;color:#d5222e;font-size:1.3rem;z-index:3;animation:sparkFloat 3.5s ease-in-out infinite}
.spark-1{top:14%;right:6%}.spark-2{bottom:15%;left:4%;animation-delay:1.3s}
.photo-frame{animation:photoFloat 6s ease-in-out infinite}
.floating-card{animation:cardFloat 4.5s ease-in-out infinite}
.card-bottom{animation-delay:1s}

/* Entrada progresiva sin volver invisible el contenido si JS falla */
.reveal{will-change:transform,opacity}
.reveal.visible{animation:contentRise .65s cubic-bezier(.2,.75,.25,1) both}
.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}

/* Galería de cuatro imágenes */
.gallery-four{grid-template-columns:1.35fr .8fr .8fr;grid-template-rows:260px 260px}
.gallery-four .gallery-large{grid-row:1 / span 2;min-height:540px}
.gallery-four .gallery-item,.gallery-four .gallery-item img{min-height:260px}
.gallery-four .gallery-motto{grid-column:2 / span 2}
.gallery-four .gallery-motto img{object-position:center 52%}

/* Proyecto estudiantil con el logotipo real */
.project-logo-wrap{width:min(300px,100%);padding:22px;border-radius:28px;background:rgba(255,255,255,.97);box-shadow:0 25px 65px rgba(0,0,0,.22);transform:rotate(2deg);animation:logoFloat 5s ease-in-out infinite}
.project-logo-wrap img{display:block;width:100%;height:auto}

/* Sección de formación más rica */
.goals-layout{align-items:center}
.goal-list>div{transition:transform .25s ease,background .25s ease;padding-left:8px;padding-right:8px;border-radius:15px}
.goal-list>div:hover{transform:translateX(7px);background:#f6fafc}

/* Tarjetas y botones con microinteracciones */
.btn,.proposal-card,.profile-card,.life-card,.space-card,.value-card,.fact{transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.btn:hover{transform:translateY(-2px)}

@keyframes heroIn{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes heroInRight{from{opacity:0;transform:translateX(28px) scale(.98)}to{opacity:1;transform:none}}
@keyframes heroDrift{from{transform:scale(1.02) translate3d(-.5%,0,0)}to{transform:scale(1.06) translate3d(.5%,-1%,0)}}
@keyframes orbitPulse{0%,100%{transform:scale(1);opacity:.45}50%{transform:scale(1.06);opacity:.9}}
@keyframes sparkFloat{0%,100%{transform:translateY(0) rotate(0);opacity:.55}50%{transform:translateY(-13px) rotate(20deg);opacity:1}}
@keyframes photoFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(.3deg)}}
@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes logoFloat{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(0deg) translateY(-7px)}}
@keyframes contentRise{from{opacity:.35;transform:translateY(18px)}to{opacity:1;transform:none}}

@media(max-width:1100px){.mainnav{grid-template-columns:repeat(7,minmax(70px,1fr));gap:2px;margin-left:8px}.nav-link{font-size:.67rem;padding:7px 4px}.gallery-four{grid-template-columns:1.2fr 1fr;grid-template-rows:260px 260px 260px}.gallery-four .gallery-large{grid-row:1 / span 2}.gallery-four .gallery-motto{grid-column:2;grid-row:3}.gallery-four .gallery-item,.gallery-four .gallery-item img{min-height:260px}}
@media(max-width:760px){.mainnav{grid-template-columns:1fr;margin-left:0}.nav-link{justify-content:flex-start;text-align:left;padding:12px 14px}.gallery-four{grid-template-columns:1fr;grid-template-rows:auto}.gallery-four .gallery-large,.gallery-four .gallery-motto{grid-column:auto;grid-row:auto}.gallery-four .gallery-item,.gallery-four .gallery-item img,.gallery-four .gallery-large{min-height:290px}.project-logo-wrap{margin:28px auto 0;width:min(260px,90%)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* V5 — animación viva sin pantalla de espera */
.mainnav{flex:1;display:grid;grid-template-columns:repeat(7,minmax(92px,1fr));gap:6px;align-items:center;margin-left:18px}
.nav-link{min-height:44px;padding:8px 10px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;line-height:1.12;font-size:.74rem}
.nav-link:hover{transform:translateY(-2px)}

/* Entrada del sitio: el usuario ve el contenido inmediatamente y este cobra vida de forma progresiva. */
.hero-copy{animation:heroIn .85s cubic-bezier(.2,.75,.25,1) .05s both}
.hero-visual{animation:heroInRight .95s cubic-bezier(.2,.75,.25,1) .15s both}
.facts{animation:factRise .8s cubic-bezier(.2,.75,.25,1) .35s both}
.section-title,.section-intro{animation:sectionFloatIn .75s cubic-bezier(.2,.75,.25,1) both}
.reveal{opacity:1;transform:none;will-change:transform,opacity}
.reveal.in-view{animation:contentRise .72s cubic-bezier(.2,.75,.25,1) both;animation-delay:calc(var(--motion-index,0) * 70ms)}

/* Sensación de movimiento continuo, pero discreta. */
.hero-bg{animation:heroDrift 12s ease-in-out infinite alternate}
.hero-orbit{animation:orbitPulse 7s ease-in-out infinite}
.orbit-b{animation-duration:6s;animation-direction:reverse}
.hero-spark{animation:sparkFloat 3.4s ease-in-out infinite}
.spark-2{animation-delay:1.2s}
.photo-frame{animation:photoFloat 6s ease-in-out infinite}
.card-top{animation:cardFloat 4.5s ease-in-out infinite}
.card-bottom{animation:cardFloat 4.8s ease-in-out 1s infinite}
.project-logo-wrap{animation:logoFloat 5s ease-in-out infinite}

/* Tarjetas con una interacción tridimensional muy ligera. */
.proposal-card,.value-card,.life-card,.space-card,.profile-card{transform:perspective(900px) rotateX(var(--my,0deg)) rotateY(var(--mx,0deg)) translateY(0)}
.proposal-card:hover,.value-card:hover,.life-card:hover,.space-card:hover,.profile-card:hover{box-shadow:0 22px 48px rgba(20,56,83,.12);transform:perspective(900px) rotateX(var(--my,0deg)) rotateY(var(--mx,0deg)) translateY(-6px)}
.gallery-item img{transition:transform .7s cubic-bezier(.2,.75,.25,1),filter .7s ease}
.gallery-item:hover img{transform:scale(1.055);filter:saturate(1.06)}

@keyframes factRise{from{opacity:.35;transform:translateY(24px) scale(.985)}to{opacity:1;transform:none}}
@keyframes sectionFloatIn{from{opacity:.45;transform:translateY(18px)}to{opacity:1;transform:none}}

/* Todos los textos en párrafo quedan visualmente alineados. */
p{ text-align:justify }

@media(max-width:1100px){
  .mainnav{grid-template-columns:repeat(7,minmax(70px,1fr));gap:3px;margin-left:10px}
  .nav-link{font-size:.68rem;padding:7px 5px}
}
@media(max-width:760px){
  .mainnav{grid-template-columns:1fr;margin-left:0}
  .nav-link{font-size:.82rem;padding:12px 14px;white-space:normal;justify-content:flex-start;text-align:left}
}
@media(prefers-reduced-motion:reduce){
  .hero-copy,.hero-visual,.facts,.section-title,.section-intro,.reveal,.hero-bg,.hero-orbit,.hero-spark,.photo-frame,.card-top,.card-bottom,.project-logo-wrap{animation:none!important}
}


/* V6 — navegación completa, secciones enlazadas y composición corregida */
.site-header .header-main{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:center;gap:24px;min-height:104px}
.mainnav{width:100%;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-left:0;align-items:center}
.nav-link{min-width:0;min-height:42px;padding:7px 6px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;line-height:1.12;font-size:.70rem;border:1px solid transparent}
.nav-link:hover{border-color:#dce7ee;background:#f2f7fa}
.nav-link.active{border-color:#d6e4ec}
.identity-band,.values,.spaces,.gallery,.goals,.calendar-teaser{scroll-margin-top:118px}
.goal-list>div{grid-template-columns:45px minmax(0,1fr)}
.goal-list>div>b,.goal-list>div>p{grid-column:2}
.goal-list>div>span{grid-column:1;grid-row:1 / span 2}
.calendar-teaser{background:#f7fafc}
.calendar-teaser-grid{display:grid;grid-template-columns:1fr .95fr;gap:70px;align-items:center}
.calendar-teaser-copy h2{font-size:clamp(2.3rem,4vw,3.5rem);line-height:1.03;letter-spacing:-.045em;margin:10px 0 18px}
.calendar-teaser-copy p{color:var(--muted);max-width:680px}
.calendar-teaser-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow);overflow:hidden}
.calendar-orbit{position:absolute;right:-22px;top:-35px;width:150px;height:150px;border-radius:50%;border:32px solid #edf4f8;color:#0b4d82;display:grid;place-items:center;font-size:1.05rem;font-weight:900;opacity:.9}
.calendar-teaser-date{position:relative;display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid #e2eaf0;z-index:1}
.calendar-teaser-date:last-child{border-bottom:0}
.calendar-teaser-date b{font-size:1.05rem;color:var(--red)}
.calendar-teaser-date span{font-weight:850;font-size:.9rem}
.calendar-teaser-date small{grid-column:2;color:#6a7e90;font-size:.76rem;margin-top:-10px}
.calendar-teaser-date.featured{padding-top:8px}
.calendar-page-hero{background:linear-gradient(135deg,#f5f9fc,#fff);padding:95px 0 85px;overflow:hidden}
.calendar-page-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}
.calendar-page-hero h1{font-size:clamp(3rem,6vw,5.2rem);margin:12px 0 22px}
.calendar-page-hero p{max-width:720px;color:#53697c;font-size:1.02rem}
.calendar-page-seal{width:260px;height:260px;border-radius:50%;background:linear-gradient(145deg,#0b4d82,#0e6da8);color:#fff;display:grid;place-items:center;align-content:center;text-align:center;box-shadow:0 25px 65px rgba(11,77,130,.24);position:relative}
.calendar-page-seal:before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.28);border-radius:50%}
.calendar-page-seal span{font-size:3.6rem;font-weight:950;letter-spacing:-.06em;line-height:1}
.calendar-page-seal b{font-size:1.05rem;margin-top:8px}.calendar-page-seal small{color:#d9eaf4;font-size:.72rem;margin-top:5px}
.calendar-back{justify-self:end;display:inline-flex;padding:10px 14px;border:1px solid #d7e3eb;border-radius:12px;color:var(--blue);font-weight:850;font-size:.78rem;background:#fff}
.calendar-event-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
.calendar-event{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;display:grid;grid-template-columns:100px 1fr;gap:18px;transition:.25s ease;animation:eventRise .7s cubic-bezier(.2,.75,.25,1) both;animation-delay:calc(var(--event-index) * 55ms)}
.calendar-event:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.event-date{border-right:1px solid #e1e9ee;padding-right:16px}.event-date b{display:block;font-size:1rem;color:var(--red)}.event-date span{display:block;margin-top:5px;color:#718495;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850}
.event-body h3{font-size:1rem;margin:0 0 7px}.event-body p{margin:0;color:#65798b;font-size:.82rem}
.calendar-reflection{padding:0 0 105px;background:#fff}.reflection-box{background:linear-gradient(120deg,#092f50,#0d659b);border-radius:30px;color:#fff;padding:58px 65px;position:relative;overflow:hidden}.reflection-box:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;border:70px solid rgba(255,255,255,.06);right:-90px;top:-100px}.reflection-box h2{font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.03;letter-spacing:-.045em;margin:10px 0 18px;position:relative;z-index:1}.reflection-box p{max-width:720px;color:#d7e9f5;position:relative;z-index:1}.reflection-box .btn{position:relative;z-index:1}
@keyframes eventRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.site-header .header-main{grid-template-columns:230px minmax(0,1fr);gap:14px}.mainnav{grid-template-columns:repeat(7,minmax(0,1fr))}.nav-link{font-size:.62rem;padding:6px 4px}.calendar-teaser-grid,.calendar-page-hero-grid{grid-template-columns:1fr;gap:35px}.calendar-page-seal{margin:auto}.calendar-back{justify-self:end}.calendar-event-grid{grid-template-columns:1fr}}
@media(max-width:760px){.site-header .header-main{display:flex;min-height:82px}.mainnav{display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;background:#fff;padding:10px;grid-template-columns:1fr 1fr;gap:5px;box-shadow:0 20px 30px rgba(0,0,0,.08);border-bottom:1px solid var(--line)}.mainnav.open{display:grid}.nav-link{font-size:.78rem;min-height:44px;padding:9px 10px}.calendar-teaser-grid{gap:28px}.calendar-teaser-date{grid-template-columns:85px 1fr}.calendar-teaser-date small{grid-column:2}.calendar-event{grid-template-columns:82px 1fr}.event-date{padding-right:12px}.calendar-page-hero{padding:65px 0}.calendar-page-seal{width:210px;height:210px}.calendar-page-seal span{font-size:3rem}.reflection-box{padding:38px 25px}.calendar-back{margin-left:auto}}

/* V7 — navegación agrupada y desplegable, con CYE 2026 como acceso destacado */
.site-header .header-main{grid-template-columns:285px minmax(0,1fr);gap:22px}
.mainnav{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-left:auto;min-width:0}
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-link,.nav-parent{min-height:44px;padding:9px 12px;border-radius:12px;font-size:.76rem;font-weight:800;color:#3f566b;white-space:nowrap;line-height:1.1}
.nav-parent{border:1px solid transparent;background:transparent;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:7px}
.nav-link:hover,.nav-parent:hover,.nav-dropdown:focus-within .nav-parent{background:#f0f5f8;color:var(--blue)}
.nav-link.active{background:#edf4f8;color:var(--blue)}
.nav-featured{background:var(--blue);color:#fff!important;box-shadow:0 9px 24px rgba(11,77,130,.18);padding-left:15px;padding-right:15px}
.nav-featured:hover{background:#093f6c!important;transform:translateY(-1px)}
.nav-featured.active{background:var(--blue);color:#fff!important}
.nav-featured.active:after{display:none}
.chevron{font-size:1rem;line-height:0;transform:translateY(-1px);transition:transform .2s ease}
.nav-dropdown:hover .chevron,.nav-dropdown:focus-within .chevron{transform:rotate(180deg) translateY(1px)}
.nav-dropdown::after{content:"";position:absolute;left:-8px;right:-8px;top:100%;height:12px;background:transparent}.dropdown-menu{position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%, -7px);width:245px;padding:8px;background:rgba(255,255,255,.98);border:1px solid #dbe5ed;border-radius:15px;box-shadow:0 20px 45px rgba(15,45,70,.16);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s ease;z-index:120}
.dropdown-menu:before{content:"";position:absolute;top:-6px;left:50%;width:11px;height:11px;background:#fff;border-left:1px solid #dbe5ed;border-top:1px solid #dbe5ed;transform:translateX(-50%) rotate(45deg)}
.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.dropdown-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:10px;color:#53687a;font-size:.79rem;line-height:1.3;border-bottom:1px solid #e8eef2;transition:.18s ease}
.dropdown-link:last-child{border-bottom:0}
.dropdown-link:hover{background:#f1f6f9;color:var(--blue);padding-left:16px}
.dropdown-link span{color:var(--blue);font-weight:900}

@media(max-width:1120px){
 .site-header .header-main{grid-template-columns:250px minmax(0,1fr);gap:10px}
 .brand{min-width:0}.brand-copy strong{font-size:.9rem}.brand-copy .eyebrow{font-size:.58rem}.brand-copy span:last-child{font-size:.68rem}
 .mainnav{gap:2px}.nav-link,.nav-parent{font-size:.68rem;padding:8px 7px}.nav-parent{gap:4px}.nav-featured{padding-left:10px;padding-right:10px}
}
@media(max-width:820px){
 .site-header .header-main{display:flex;min-height:82px}.mainnav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:12px;box-shadow:0 20px 35px rgba(0,0,0,.10);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:4px}
 .mainnav.open{display:flex}.nav-dropdown{display:block}.nav-link,.nav-parent{width:100%;min-height:44px;justify-content:space-between;text-align:left;padding:11px 14px;font-size:.8rem}.nav-featured{justify-content:center}.dropdown-menu{position:static;width:auto;transform:none;margin:3px 0 4px;padding:4px;box-shadow:none;border-radius:12px;background:#f7fafc;opacity:1;visibility:visible;pointer-events:auto;display:none}.nav-dropdown.open .dropdown-menu{display:block}.dropdown-menu:before{display:none}.dropdown-link{font-size:.77rem;padding:10px 12px}.menu-toggle{display:block}
}


/* V13 — ajustes de composición: eliminar espacios vacíos y mejorar separación del cierre del calendario */
@media(min-width:761px){
  /* Fortalezas: ocupa todo el ancho disponible para evitar un bloque aislado con hueco lateral. */
  .community > .container.two-col > .context-panel{grid-column:1 / -1;}
  /* Actividades: la última experiencia ocupa toda la fila, evitando un hueco visual. */
  .life-grid > .life-card:last-child{grid-column:1 / -1;}
}
/* En pantallas pequeñas se conserva el flujo de una sola columna. */
@media(max-width:760px){
  .community > .container.two-col > .context-panel{grid-column:auto;}
  .life-grid > .life-card:last-child{grid-column:auto;}
}
/* Separación visual entre la última fecha y el bloque final del calendario. */
.calendar-reflection{padding-top:32px;}

/* V14 — composición simétrica y pie de página */
@media(min-width:761px){
  /* Fortalezas: cuatro elementos en una cuadrícula 2 × 2 dentro de un panel de ancho completo. */
  .community > .container.two-col > .context-panel{
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    padding:12px;
    align-items:stretch;
  }
  .community .context-panel-head{grid-column:1 / -1;}
  .community .context-row{min-height:118px;}
  .community .context-row:nth-child(2n){border-right:1px solid #dce7ee;}
  .community .context-row:nth-last-child(-n+2){border-bottom:0;}

  /* Actividades: se conserva la tarjeta destacada y se completa la última fila con un recurso visual. */
  .life-grid > .life-card:last-child{
    grid-column:auto;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    overflow:hidden;
    padding:0;
  }
  .life-visual-image{height:145px;overflow:hidden;background:#eaf4fa;}
  .life-visual-image img{width:100%;height:100%;object-fit:cover;display:block;}
  .life-visual-copy{padding:18px 22px 22px;}
  .life-visual-copy span{color:#688092;font-size:.84rem;}
  .life-visual-copy h3{margin:4px 0 7px;font-size:1.05rem;}
  .life-visual-copy p{margin:0;color:#688092;font-size:.84rem;}
}

/* Contacto: cuatro datos organizados en pares, 2 × 2. */
.contact-items{grid-template-columns:repeat(2,minmax(0,1fr));}

/* Footer: enlaces verticales y legibles, sin saltos de palabra antiestéticos. */
.footer-social{display:flex;flex-direction:column;align-items:flex-end;gap:7px;text-align:right;white-space:nowrap;}
.footer-social a{display:inline-flex;align-items:center;justify-content:flex-end;min-height:22px;}
.admin-footer-link{font-size:.68rem;opacity:.7;font-weight:700;}

@media(max-width:980px){
  .footer-social{align-items:center;text-align:center;}
}
@media(max-width:760px){
  .community > .container.two-col > .context-panel{display:block;}
  .community .context-row{min-height:0;}
  .community .context-row:nth-child(2n){border-right:0;}
  .community .context-row:nth-last-child(-n+2){border-bottom:1px solid #dce7ee;}
  .community .context-row:last-child{border-bottom:0;}
  .life-card:last-child{display:flex;flex-direction:column;overflow:hidden;padding:0;}
  .life-visual-image{height:150px;overflow:hidden;}
  .life-visual-image img{width:100%;height:100%;object-fit:cover;display:block;}
  .life-visual-copy{padding:18px 22px 22px;}
}
@media(max-width:760px){.contact-items{grid-template-columns:1fr;}}


/* V21 — Vida escolar: composición estable para hasta 8 bloques administrables. */
.life-grid-managed{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(185px,auto);align-items:stretch;}
.life-grid-managed .life-card{height:100%;min-height:185px;display:flex;align-items:flex-start;gap:18px;padding:25px;overflow:hidden;}
.life-grid-managed .life-card.big{grid-column:span 2;display:grid;grid-template-columns:62px 1fr;align-items:start;min-height:185px;}
.life-grid-managed .life-card:not(.big) .life-icon{flex:0 0 auto;margin-top:1px;}
.life-grid-managed .life-card p{margin:0;color:#688092;font-size:.84rem;line-height:1.6;}
.life-grid-managed .life-card.big p{color:#dcecf6;}
.life-grid-managed .life-card h3{margin:4px 0 8px;font-size:1.05rem;line-height:1.3;}
.life-grid-managed .life-card>div:last-child{min-width:0;}
@media(max-width:980px){.life-grid-managed{grid-template-columns:repeat(2,minmax(0,1fr));}.life-grid-managed .life-card.big{grid-column:span 2;}}
@media(max-width:760px){.life-grid-managed{grid-template-columns:1fr;grid-auto-rows:auto;}.life-grid-managed .life-card,.life-grid-managed .life-card.big{grid-column:auto;display:block;min-height:0;height:auto;padding:25px;}.life-grid-managed .life-card.big .life-icon{margin-bottom:14px;}.life-grid-managed .life-card .life-icon{margin-bottom:14px;}}

/* V22 — Corrección definitiva de las tarjetas finales de Vida escolar.
   Las reglas antiguas para la última tarjeta ya no pueden cambiar su orientación,
   relleno ni distribución cuando la sección usa hasta 8 bloques administrables. */
.life-grid-managed > .life-card:last-child{
  grid-column:auto;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:flex-start;
  gap:18px;
  padding:25px;
  overflow:hidden;
  min-height:185px;
  height:100%;
}
.life-grid-managed > .life-card:last-child .life-icon{
  flex:0 0 auto;
  margin:1px 0 0;
}
@media(max-width:760px){
  .life-grid-managed > .life-card:last-child{
    grid-column:auto;
    display:block;
    min-height:0;
    height:auto;
    padding:25px;
  }
  .life-grid-managed > .life-card:last-child .life-icon{margin-bottom:14px;}
}

/* V21 — Administrador: los dos bloques adicionales de Vida escolar se identifican claramente. */
.optional-item{border-color:#b9d3e3!important;background:#f8fbfd!important;}

/* Parche Novedades institucionales */
.news{background:#f6f9fb;scroll-margin-top:118px}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.news-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 10px 30px rgba(15,45,70,.06);transition:.25s}.news-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.news-image{height:210px;background:#edf4f8;overflow:hidden}.news-image img{width:100%;height:100%;object-fit:cover;display:block}.news-body{padding:22px}.news-meta{font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin-bottom:8px}.news-body h3{margin:0 0 9px;font-size:1.08rem;line-height:1.3}.news-body p{margin:0;color:#667b8d;font-size:.82rem;line-height:1.6}.news-link{display:inline-flex;gap:8px;align-items:center;margin-top:16px;color:var(--blue);font-size:.76rem;font-weight:850}.news-link:hover{text-decoration:underline}@media(max-width:980px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.news-grid{grid-template-columns:1fr}.news-image{height:200px}}

.news-more{display:flex;justify-content:center;margin-top:28px}.news-archive{padding-top:150px}.news-archive .section-title{max-width:850px}.news-archive-grid{margin-top:34px}.news-archive-empty{padding:50px 24px;text-align:center;background:#f6f9fb;border:1px solid var(--line);border-radius:24px;color:#667b8d}.news-archive-empty h3{margin:0 0 8px;color:var(--ink)}
@media(max-width:760px){.news-archive{padding-top:128px}.news-more{margin-top:22px}.news-archive-grid{margin-top:24px}}

/* GALERÍA — muestra de hasta 8 fotografías + enlace al álbum completo en Facebook */
.gallery-eight{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,220px);}
.gallery-eight .gallery-large{grid-column:1 / span 2;grid-row:1 / span 2;min-height:0;}
.gallery-eight .gallery-wide{grid-column:3 / span 2;grid-row:1;min-height:0;}
.gallery-eight .gallery-item,.gallery-eight .gallery-item img{min-height:0;height:100%;}
.gallery-eight .gallery-large img{min-height:0;height:100%;}
.gallery-more{display:flex;justify-content:center;margin-top:28px;}
.gallery-more .btn{margin:0;}
@media(max-width:1050px){
  .gallery-eight{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,220px);}
  .gallery-eight .gallery-large{grid-column:1 / span 2;grid-row:1 / span 2;}
  .gallery-eight .gallery-wide{grid-column:1 / span 2;grid-row:auto;}
}
@media(max-width:760px){
  .gallery-eight{grid-template-columns:1fr;grid-template-rows:none;}
  .gallery-eight .gallery-large,.gallery-eight .gallery-wide{grid-column:auto;grid-row:auto;}
  .gallery-eight .gallery-item,.gallery-eight .gallery-item img,.gallery-eight .gallery-large{min-height:290px;height:auto;}
  .gallery-eight .gallery-item img{height:290px;}
  .gallery-more{margin-top:24px;}
  .gallery-more .btn{width:100%;}
}

/* PARCHE MENU MOVIL FINAL — solo navegación, no altera galería ni Novedades */
@media (max-width:820px){
  html,body{max-width:100%;overflow-x:hidden;}
  .site-header{overflow:visible;}
  .site-header .header-main{position:relative;overflow:visible;}
  .mainnav{
    position:absolute!important;
    top:calc(100% + 1px)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    padding:10px!important;
  }
  .mainnav.open{display:flex!important;}
  .nav-dropdown{position:static!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;}
  .nav-link,.nav-parent{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;}
  .dropdown-menu{
    position:static!important;
    left:auto!important;right:auto!important;top:auto!important;
    transform:none!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    box-sizing:border-box!important;
    margin:3px 0 4px!important;
    overflow:hidden!important;
  }
  .dropdown-link{display:flex!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;white-space:normal!important;overflow-wrap:anywhere!important;}
}

/* JCM — control flotante para bajar al final, con el mismo comportamiento visual del botón subir */
.to-bottom{position:fixed;right:20px;bottom:74px;width:44px;height:44px;border:0;border-radius:14px;background:var(--blue);color:#fff;box-shadow:0 15px 30px rgba(11,77,130,.25);opacity:0;pointer-events:none;transition:.2s;z-index:50}.to-bottom.show{opacity:1;pointer-events:auto}
@media(max-width:760px){.to-top{right:16px;bottom:16px}.to-bottom{right:16px;bottom:68px}}