:root{--blue:#03216b;--cyan:#03ceea;--yellow:#ffbe06;--cream:#fff9f0;--ink:#07152f;--pad:clamp(22px,7vw,112px)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;overflow-x:clip;background:var(--cream);color:var(--ink);font-family:"Poppins",sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.reading-progress{position:fixed;z-index:100;inset:0 0 auto;height:3px}.reading-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--yellow),var(--cyan),var(--blue));transform:scaleX(0);transform-origin:left}.front-header{position:fixed;z-index:50;top:0;left:0;width:100%;height:92px;padding:0 clamp(22px,6vw,90px);display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(100deg,#03216b38,#03216b15);border-bottom:1px solid #ffffff34;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);transition:.35s}.front-header.scrolled{height:74px;color:var(--blue);background:#fff9f078;border-bottom-color:#ffffffa8;box-shadow:0 14px 40px #03216b17}.front-brand{width:118px}.brand-motion{position:relative;display:block;width:100%;height:44px;color:#fff;overflow:hidden}.brand-mark{display:block;width:100%;height:100%;background:currentColor;-webkit-mask:url("public/media/logo-gp-escritura-sprite.png") center top/100% 6800% no-repeat;mask:url("public/media/logo-gp-escritura-sprite.png") center top/100% 6800% no-repeat;animation:brand-write 2.24s steps(67,end) .12s forwards}.front-header.scrolled:not(.over-dark) .brand-motion{color:var(--blue)}.front-header.over-dark .brand-motion,.front-footer .brand-motion{color:#fff}.brand-static .brand-mark{-webkit-mask-image:url("public/media/logo-gp-final-sprite.png");mask-image:url("public/media/logo-gp-final-sprite.png");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:center;mask-position:center;animation:none}.front-nav{display:flex;align-items:center;gap:28px;font-size:11px;font-weight:600}.front-nav a{position:relative}.front-nav a:not(.front-nav-button):after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--yellow);transition:.3s}.front-nav a:hover:after,.front-nav a.active:after{width:100%}.front-nav-button{padding:13px 18px;border:1px solid #ffffff8f;border-radius:999px;background:#ffffff16}.front-menu-toggle{display:none;width:44px;height:44px;border:1px solid #ffffff8f;border-radius:50%;background:#ffffff1f;color:inherit}.front-menu-toggle i{display:block;width:19px;height:2px;margin:5px auto;background:currentColor}.dark-section{background:var(--blue);color:#fff}.front-hero{position:relative;isolation:isolate;min-height:100svh;padding:135px var(--pad) 70px;display:grid;grid-template-columns:1fr .92fr;gap:6vw;align-items:center;overflow:hidden}.front-grid{position:absolute;z-index:-2;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.front-orb{position:absolute;z-index:-1;width:720px;height:720px;border-radius:50%;right:-220px;top:-160px;background:radial-gradient(circle at 35% 35%,#03ceea70,#03ceea0d 60%,transparent 70%);box-shadow:0 0 0 1px #ffffff21,0 0 0 74px #ffffff08}.front-kicker{display:flex;align-items:center;gap:12px;margin:0 0 24px;font-size:9px;font-weight:700;letter-spacing:.2em;color:var(--cyan)}.front-kicker>span{width:31px;height:3px;background:var(--yellow)}.front-kicker.dark{color:var(--blue)}.front-hero-logo{width:min(390px,85%);margin:0 0 28px;filter:drop-shadow(0 15px 30px #00113c70)}.front-hero h1{margin:0;font-size:clamp(56px,7vw,105px);line-height:.9;letter-spacing:-.065em}.front-hero h1 em,.front-title h2 em,.years-heading h2 em,.front-closing h2 em{font-weight:400;color:var(--yellow)}.front-hero-copy>p:not(.front-kicker){max-width:575px;margin:30px 0;font-size:15px;line-height:1.8;color:#ffffffd2}.front-primary{display:flex;align-items:center;gap:27px;width:max-content;padding:18px 23px;border-radius:999px;background:var(--yellow);color:var(--blue);font-size:11px;font-weight:700;box-shadow:0 18px 42px #00113c6b;transition:.3s}.front-primary:hover{transform:translateY(-4px)}.front-hero-visual{position:relative;height:min(70vh,650px);border:1px solid #ffffff52;border-radius:32px;overflow:hidden;box-shadow:0 35px 80px #00113c80}.front-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#03216b13,#03216bab)}.front-hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center}.visual-number{position:absolute;z-index:2;right:28px;top:22px;font-size:74px;font-weight:300;color:#ffffff42}.visual-caption{position:absolute;z-index:2;left:23px;bottom:22px;padding:10px 14px;border:1px solid #ffffff65;border-radius:999px;background:#03216b76;backdrop-filter:blur(12px);font-size:8px;font-weight:700;letter-spacing:.15em}.front-back{position:absolute;left:var(--pad);bottom:25px;font-size:8px;font-weight:700;letter-spacing:.18em;color:#ffffffa0}.front-section{padding:clamp(100px,11vw,160px) var(--pad)}.front-intro{position:relative;display:grid;grid-template-columns:.25fr 1fr .9fr;gap:5vw;align-items:start}.front-number{font-size:clamp(63px,8vw,115px);line-height:.8;font-weight:700;color:#03216b0d}.front-title h2,.years-heading h2{margin:0;font-size:clamp(44px,5.3vw,76px);line-height:1.02;letter-spacing:-.055em}.front-title h2 em{color:var(--blue)}.front-copy p{margin:0 0 23px;color:#435069;font-size:14px;line-height:1.85}.front-statement{position:relative;display:flex;justify-content:center;align-items:center;padding:clamp(120px,12vw,180px) var(--pad);overflow:hidden}.front-statement:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-250px;top:-230px;background:#03ceea1e;box-shadow:0 0 0 80px #ffffff08}.statement-image{position:relative;z-index:1;height:450px;border-radius:28px;overflow:hidden}.statement-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#03216b9c,transparent 60%)}.statement-image img{width:100%;height:100%;object-fit:cover}.front-statement blockquote{position:relative;z-index:1;margin:0 auto;font-size:clamp(32px,4vw,56px);line-height:1.2;letter-spacing:-.03em;text-align:center}.front-statement cite{display:block;margin-top:28px;color:var(--cyan);font-size:10px;font-style:normal;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.statement-detail{position:relative;z-index:1;margin:40px auto 0;max-width:710px;color:#ffffffd2;font-size:18px;line-height:1.7;text-align:center}.front-years{background:linear-gradient(135deg,#fff9f0,#eafafa)}.years-heading{max-width:850px;margin-bottom:65px}.years-heading h2 em{color:var(--blue)}.years-heading>p:not(.front-kicker){max-width:480px;margin:25px 0 0;color:#435069;font-size:14px}.year-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.year-card{position:relative;min-height:230px;border:1px solid #ffffffd8;border-radius:26px;overflow:hidden;background:var(--blue);box-shadow:0 24px 55px #03216b18;transition:.4s}.year-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03216b85,#03216b2b)}.year-card img{width:100%;height:100%;min-height:230px;object-fit:cover;transition:.7s}.year-card span{position:absolute;z-index:2;left:25px;right:25px;bottom:22px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:28px;font-weight:700}.year-card b{display:grid;place-items:center;width:41px;height:41px;border-radius:50%;background:#fff;color:var(--blue);font-size:16px}.year-card:hover{transform:translateY(-8px)}.year-card:hover img{transform:scale(1.05)}.front-closing{position:relative;padding:clamp(110px,12vw,170px) var(--pad);overflow:hidden;background:linear-gradient(135deg,#041b5c,#03216b 54%,#006f96)}.front-closing:after{content:"";position:absolute;width:560px;height:560px;border-radius:50%;right:-170px;top:-300px;border:1px solid #ffffff4d;box-shadow:0 0 0 72px #ffffff0a,0 0 0 144px #ffffff08}.front-closing h2{position:relative;z-index:1;margin:0;font-size:clamp(52px,7vw,100px);line-height:.94;letter-spacing:-.065em}.closing-actions{position:relative;z-index:1;display:flex;align-items:center;gap:30px;margin-top:45px}.closing-actions>a:last-child{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.front-top{position:fixed;z-index:45;right:22px;bottom:22px;width:48px;height:48px;border:1px solid #ffffff8a;border-radius:50%;background:#03216be8;color:#fff;opacity:0;visibility:hidden;transform:translateY(15px);transition:.3s}.front-top.visible{opacity:1;visibility:visible;transform:none}.front-footer{min-height:125px;padding:30px var(--pad);display:flex;align-items:center;gap:35px;background:#021745;color:#fff}.front-footer-brand{display:block;width:104px}.front-footer p{margin-right:auto;color:#ffffff9e;font-size:10px}.front-footer>span{font-size:9px;color:#ffffff7d}.reveal{opacity:0;transform:translateY(34px);transition:opacity .85s ease,transform .85s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}@keyframes brand-write{to{-webkit-mask-position:center bottom;mask-position:center bottom}}
@media(max-width:980px){.front-nav{display:none;position:absolute;top:82px;left:18px;right:18px;padding:28px;flex-direction:column;color:var(--blue);background:#fff9f078;border:1px solid #ffffffab;border-radius:23px;backdrop-filter:blur(14px) saturate(155%);box-shadow:0 18px 50px #03216b21}.front-nav.open{display:flex}.front-menu-toggle{display:block}.front-header.scrolled .front-menu-toggle{border-color:#03216b35}.front-hero{grid-template-columns:1fr;min-height:auto;padding-top:130px}.front-hero-visual{height:570px;max-width:680px}.front-intro{grid-template-columns:.2fr 1fr}.front-copy{grid-column:2}.statement-image{max-width:650px}.year-grid{grid-template-columns:1fr}.front-nav-button{border-color:#ffffffb8;background:#ffffff4f}}
@media(max-width:620px){.front-header{height:74px;padding:0 22px}.front-brand{width:104px}.brand-motion{height:40px}.front-hero{padding:115px 22px 72px}.front-hero h1{font-size:53px}.front-hero-logo{width:285px}.front-hero-copy>p:not(.front-kicker){font-size:14px}.front-hero-visual{height:420px}.front-back{display:none}.front-section,.front-statement,.front-closing{padding-left:22px;padding-right:22px}.front-intro{display:block}.front-number{position:absolute;right:22px;top:95px}.front-title{position:relative;z-index:1}.front-title h2,.years-heading h2{font-size:44px}.front-copy{margin-top:42px}.front-statement{padding-top:88px;padding-bottom:88px}.statement-image{height:350px}.front-statement blockquote{font-size:31px}.year-grid{gap:16px}.year-card,.year-card img{min-height:185px}.front-closing h2{font-size:52px}.closing-actions{align-items:flex-start;flex-direction:column}.front-footer{align-items:flex-start;flex-direction:column;gap:14px}.front-footer p{margin:0}.front-top{right:16px;bottom:16px;width:44px;height:44px}}

/* El origen: composición editorial equilibrada, sin el año decorativo. */
.front-section.front-intro{grid-template-columns:minmax(0,1.1fr) minmax(280px,.8fr);gap:clamp(42px,7vw,108px);align-items:center;padding-top:clamp(110px,12vw,165px);padding-bottom:clamp(105px,11vw,155px)}
.front-intro .front-title{max-width:780px}.front-intro .front-title h2{max-width:760px;font-size:clamp(46px,4.8vw,70px);line-height:.99}.front-intro .front-copy{max-width:560px;padding-left:clamp(0px,1.2vw,16px);border-left:1px solid #03216b1a}.front-intro .front-copy p{font-size:clamp(14px,1.05vw,16px);line-height:1.76}
@media(max-width:980px){.front-section.front-intro{grid-template-columns:1fr;gap:34px}.front-intro .front-copy{grid-column:auto;max-width:700px;padding-left:0;border-left:0}.front-intro .front-title h2{max-width:720px}}
@media(max-width:620px){.front-section.front-intro{display:block;padding-top:105px;padding-bottom:92px}.front-intro .front-title h2{font-size:clamp(39px,11vw,48px);line-height:1.03}.front-intro .front-copy{margin-top:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation:none!important}.brand-mark{-webkit-mask-image:url("public/media/logo-gp-final-sprite.png");mask-image:url("public/media/logo-gp-final-sprite.png");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:center;mask-position:center}}
.statement-content{max-width:960px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}

/* Nuevas Imágenes Ilustrativas (Intro) */
.intro-images {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr 1.2fr 1fr;
    gap: 20px;
    margin-top: 40px;
}
.intro-images img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    border-radius: 12px;
}
.intro-images img:nth-child(2) {
    height: 480px;
    margin-top: -50px;
}
@media (max-width: 980px) {
    .intro-images {
        gap: 16px;
        margin-top: 30px;
    }
    .intro-images img {
        height: 250px;
    }
    .intro-images img:nth-child(2) {
        height: 320px;
        margin-top: -35px;
    }
}
@media (max-width: 620px) {
    .intro-images {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .intro-images img, .intro-images img:nth-child(2) {
        height: 240px;
        margin-top: 0;
    }
}

/* Nueva Galería Unificada */
.front-gallery {
    padding-top: clamp(60px, 8vw, 100px);
}
.masonry-gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 50px;
}
.masonry-gallery img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 12px;
    display: block;
    box-shadow: 0 10px 20px #03216b10;
}
@media (max-width: 980px) {
    .masonry-gallery {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }
}
@media (max-width: 768px) {
    .masonry-gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 480px) {
    .masonry-gallery {
        grid-template-columns: 1fr;
    }
    .masonry-gallery img {
        aspect-ratio: 3 / 2;
    }
}

/* Split Sections (Imagen + Texto) */
.front-split-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(40px, 6vw, 100px);
    align-items: center;
    padding-top: clamp(60px, 8vw, 100px);
    padding-bottom: clamp(60px, 8vw, 100px);
}
.front-split-section .split-image {
    width: 100%;
}
.front-split-section .split-image img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 20px 40px #03216b15;
}
.front-split-section .split-content {
    max-width: 540px;
}
.front-split-section .split-content h2 {
    font-size: clamp(36px, 4vw, 54px);
    line-height: 1.05;
    margin-bottom: 24px;
}
.front-split-section .split-content p:not(.front-kicker) {
    font-size: clamp(15px, 1.1vw, 17px);
    line-height: 1.8;
    color: #435069;
    margin-bottom: 20px;
}


@media (max-width: 980px) {
    .front-split-section {
        grid-template-columns: 1fr;
        gap: 40px;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .front-split-section.reverse .split-content {
        order: 2;
    }
    .front-split-section.reverse .split-image {
        order: 1;
    }
    .front-split-section .split-content {
        max-width: 100%;
    }
}