/* Identidad oficial ¡Despierta Guayaquil! — colores muestreados del logo del ML_BRANDBOOK; tipografías del brandbook */
@font-face{font-family:"Inter";src:url(../fonts/Inter-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url(../fonts/Inter-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Inter";src:url(../fonts/Inter-700.woff2) format("woff2");font-weight:700 800;font-display:swap}
@font-face{font-family:"Inter";src:url(../fonts/Inter-900.woff2) format("woff2");font-weight:900;font-display:swap}
:root{--navy:#2a518f;--navy-d:#1b3766;--ink:#0f1f3d;--sky:#36a9d7;--sky-l:#e6f4fb;--orange:#f57b14;--paper:#fbf8f3;--white:#fff;
--disp:"Inter",system-ui,sans-serif;--sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--pad:clamp(1.25rem,5vw,4rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;font:400 1.0625rem/1.6 var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}figure{margin:0}
a{color:var(--navy)}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:4px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.75rem 1rem;z-index:100}.skip:focus{left:0}
.wrap{max-width:1240px;margin:0 auto;padding:0 var(--pad)}
.sec{padding:clamp(4.5rem,11vw,9rem) 0}
.eyebrow{font:800 .78rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--navy);margin:0 0 1.1rem}
.eyebrow--light{color:var(--sky-l)}
.h2{font:900 clamp(2.1rem,6.4vw,4.4rem)/.98 var(--disp);letter-spacing:-.035em;margin:0 0 1.5rem;text-wrap:balance}
.h2--xl{font-size:clamp(2.6rem,9vw,7rem)}
.lead{font-size:clamp(1.15rem,2.1vw,1.4rem);line-height:1.5}
.narrow{max-width:46rem}
.grid2{display:grid;gap:clamp(2.5rem,6vw,6rem);align-items:center}
@media(min-width:900px){.grid2{grid-template-columns:1.05fr .95fr}.grid2--rev>:first-child{order:0}}
.btns{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.75rem 0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.85rem 1.5rem;border-radius:999px;font:800 1rem/1 var(--sans);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s,background .15s}
.btn--orange{background:var(--orange);color:var(--ink)}.btn--orange:hover{background:#ff8f33;transform:translateY(-2px)}
.btn--ghost{border-color:#fff;color:#fff}.btn--ghost:hover{background:#fff;color:var(--navy)}
.linkbtn{background:none;border:0;padding:.5rem 0;font:800 1rem var(--sans);color:var(--navy);text-decoration:underline;text-underline-offset:4px;cursor:pointer}

/* NAV */
.nav{position:sticky;top:0;z-index:50;background:rgba(27,55,102,.96);backdrop-filter:blur(8px)}
.nav__in{max-width:1240px;margin:0 auto;padding:.55rem var(--pad);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.nav__brand img{height:40px;width:auto}
.nav__toggle{width:48px;height:48px;background:none;border:0;cursor:pointer;display:grid;place-items:center}
.burger,.burger::before,.burger::after{display:block;width:24px;height:2.5px;background:#fff;border-radius:2px;position:relative;transition:transform .2s}
.burger::before,.burger::after{content:"";position:absolute;left:0}.burger::before{top:-7px}.burger::after{top:7px}
.nav__toggle[aria-expanded=true] .burger{background:transparent}.nav__toggle[aria-expanded=true] .burger::before{transform:translateY(7px) rotate(45deg)}.nav__toggle[aria-expanded=true] .burger::after{transform:translateY(-7px) rotate(-45deg)}
.nav__menu{display:none;position:absolute;left:0;right:0;top:100%;background:var(--navy-d);padding:.5rem var(--pad) 1.25rem}
.nav__menu.open{display:block}
.nav__menu ul{list-style:none;margin:0;padding:0}
.nav__menu a{display:block;padding:.85rem 0;color:#fff;text-decoration:none;font-weight:800;font-size:1.1rem;border-bottom:1px solid rgba(255,255,255,.12)}
.nav__cta{color:var(--orange)!important}
@media(min-width:1000px){.nav__toggle{display:none}.nav__menu{display:block;position:static;background:none;padding:0}.nav__menu ul{display:flex;gap:1.6rem;align-items:center}.nav__menu a{border:0;padding:.4rem 0;font-size:.95rem}.nav__cta{background:var(--orange);color:var(--ink)!important;padding:.6rem 1.1rem!important;border-radius:999px}}

/* HERO */
.hero{position:relative;background:var(--navy);color:#fff;overflow:hidden}
.hero::before{content:"";position:absolute;right:-20%;bottom:-10%;width:90vw;max-width:900px;aspect-ratio:1;background:var(--sky);clip-path:polygon(18% 6%,100% 0,92% 100%,0 88%);opacity:.9}
.hero__in{position:relative;max-width:1240px;margin:0 auto;padding:1.6rem var(--pad) 0;display:grid}
.hero__title{font:900 clamp(2.15rem,9.6vw,4.6rem)/.94 var(--disp);letter-spacing:-.04em;margin:0;text-wrap:balance}
.hero__title .hl{display:block;font-family:var(--disp);color:#fff;text-transform:uppercase;letter-spacing:-.03em;font-size:1.06em;line-height:.98;margin:.12em 0 .04em}
.hero__lede{font-size:clamp(1.05rem,2vw,1.3rem);max-width:34rem;margin:1.1rem 0 0;color:#eaf3fb}
.hero__close{font:900 clamp(1.3rem,3vw,1.9rem)/1.1 var(--disp);color:var(--orange);margin:0 0 1.5rem;text-transform:uppercase}
.hero__img{position:relative;margin:0 -1rem;justify-self:center;width:min(100%,520px)}
.hero__img img{width:100%;max-height:78vh;object-fit:contain;object-position:bottom}
.hero__logo{position:absolute;width:min(46vw,300px);right:var(--pad);bottom:1.5rem;filter:drop-shadow(0 10px 25px rgba(0,0,0,.25))}
@media(max-width:899px){
 .hero__in{padding-top:1.1rem}
 .hero__text{display:contents}
 .eyebrow--light{order:0}.hero__title{order:1}.hero__img{order:2;margin-top:-.5rem}.hero__lede{order:3}.btns{order:4}.hero__close{order:5}
 .hero__img{width:78%;max-width:380px;margin-top:-1rem}
 .hero__img img{max-height:none}
 .hero__lede,.btns,.hero__close{background:var(--navy);margin-left:calc(-1*var(--pad));margin-right:calc(-1*var(--pad));padding-left:var(--pad);padding-right:var(--pad)}
 .hero__lede{padding-top:1.5rem;margin-top:0}.btns{margin-top:0;margin-bottom:0;padding-top:1.5rem;padding-bottom:1rem}.hero__close{padding-bottom:6.5rem}
 .hero__logo{width:min(52vw,230px);right:auto;left:var(--pad)}
}
@media(min-width:900px){.hero__in{grid-template-columns:1.1fr .9fr;align-items:end;min-height:min(calc(100vh - 56px),860px);padding-top:3rem}.hero__text{padding-bottom:10rem;align-self:center}.hero__img{margin:0;width:100%;max-width:600px}.hero__logo{left:auto}}

/* ORIGINS */
.barrios{list-style:none;padding:0;margin:1.75rem 0 .5rem;display:flex;flex-wrap:wrap;gap:.5rem}
.barrios li{background:var(--white);border:1.5px solid var(--navy);color:var(--navy);padding:.45rem .9rem;border-radius:999px;font-weight:800;font-size:.95rem}
.barrios:not(.all-shown) .more{display:none}
.photostack{position:relative;display:grid;grid-template-columns:repeat(6,1fr)}
.ph img{border-radius:6px;box-shadow:0 20px 50px -25px rgba(15,31,61,.5)}
.ph--a{grid-column:1/6;grid-row:1}.ph--b{grid-column:4/7;grid-row:1;margin-top:58%;border:6px solid var(--paper);border-radius:10px}

/* EXP */
.exp{background:var(--white)}
.exp__img{background:var(--sky-l);border-radius:8px;overflow:hidden;max-width:480px}
@media(min-width:900px){.grid2--rev{grid-template-columns:.8fr 1.2fr}}
.timeline{list-style:none;padding:0;margin:2rem 0 0;counter-reset:t;border-left:3px solid var(--sky)}
.timeline li{counter-increment:t;position:relative;padding:.6rem 0 .6rem 1.6rem;font:800 1.15rem/1.3 var(--sans)}
.timeline li::before{content:"";position:absolute;left:-9.5px;top:1rem;width:16px;height:16px;border-radius:50%;background:var(--orange);border:3px solid var(--white)}

/* WHY */
.why{background:var(--navy-d);color:#fff}
.why__grid{display:grid;gap:2rem;align-items:end}
@media(min-width:900px){.why__grid{grid-template-columns:1.4fr 1fr}}
.why__media{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:8px}
.why__media img{width:100%;height:100%;object-fit:cover}
.why__intro{font:400 clamp(1.25rem,2.6vw,1.75rem)/1.4 var(--sans);margin:0;border-left:4px solid var(--orange);padding-left:1.25rem}

/* TURN */
.turn .grid2{align-items:start}
.turn__bridge{margin:clamp(3rem,8vw,6rem) 0 0;font:900 clamp(1.9rem,5.5vw,4rem)/1 var(--disp);letter-spacing:-.035em;color:var(--navy);text-wrap:balance}
.turn__bridge span{color:var(--orange);display:block}

/* PROPS */
.props{background:var(--sky-l)}
.cards{display:grid;gap:1rem;margin-top:2.5rem}
@media(min-width:700px){.cards{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.cards{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--white);border-radius:10px;padding:1.6rem 1.5rem 1.25rem;display:flex;flex-direction:column;scroll-margin-top:90px;border-top:6px solid var(--navy)}
.card:target{box-shadow:0 0 0 3px var(--orange)}
.card__n{font:900 2.6rem/1 var(--disp);color:var(--sky)}
.card h3{font:900 1.4rem/1.1 var(--disp);letter-spacing:-.02em;margin:.6rem 0 .5rem;color:var(--navy)}
.card__f{margin:0 0 1rem;font-size:1.05rem;flex:1}
.card details summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;font-weight:800;color:var(--ink);background:var(--orange);padding:.7rem 1.1rem;border-radius:999px;min-height:44px}
.card details summary::-webkit-details-marker{display:none}
.card details summary::after{content:"+";font-size:1.2rem;line-height:1}.card details[open] summary::after{content:"–"}
.card ul{margin:1rem 0 .5rem;padding-left:1.1rem}.card li{margin:.4rem 0}
.share{font-size:.9rem;font-weight:800}
.all{margin-top:2rem}
.all>summary{list-style:none;cursor:pointer;display:inline-flex;gap:.6rem;align-items:center;font:900 1.15rem var(--sans);color:var(--navy);border:2px solid var(--navy);padding:.85rem 1.4rem;border-radius:999px;min-height:52px}
.all>summary::-webkit-details-marker{display:none}
.all>summary::after{content:"↓"}.all[open]>summary::after{content:"↑"}
.cards--more .card{border-top-color:var(--sky)}

/* GOV */
.gov{background:var(--navy);color:#fff;overflow:hidden}
.principles{list-style:none;padding:0;margin:2rem 0;display:grid;gap:.75rem}
@media(min-width:600px){.principles{grid-template-columns:1fr 1fr}}
.principles li{background:rgba(255,255,255,.08);border-radius:8px;padding:1rem 1.1rem;border-left:4px solid var(--orange)}
.principles strong{display:block;font:900 1.35rem/1 var(--disp);text-transform:uppercase;letter-spacing:-.02em;color:#fff;margin-bottom:.25rem}
.common{background:var(--sky-l);color:var(--ink);border-radius:10px;padding:1.5rem}
.common h3{font:900 1.5rem/1 var(--disp);text-transform:uppercase;letter-spacing:-.02em;color:var(--navy);margin:0 0 .5rem}.common p{margin:0}
.gov__img{max-width:460px;justify-self:center}
@media(max-width:899px){.gov__img{max-width:300px;margin-bottom:calc(-1*clamp(4.5rem,11vw,9rem))}}
@media(min-width:900px){.gov__img{align-self:end;margin-bottom:calc(-1*clamp(4.5rem,11vw,9rem))}}

/* FORM */
.form{background:var(--white);border-radius:12px;padding:clamp(1.25rem,4vw,2.25rem);box-shadow:0 30px 60px -40px rgba(15,31,61,.5);display:grid;gap:.4rem}
.form label{font-weight:800;margin-top:.8rem}
.opt,.req{font-weight:400;color:#4a5568;font-size:.9rem}
.form input[type=text],.form select,.form textarea{width:100%;font:inherit;padding:.8rem .9rem;border:2px solid #9aa9c0;border-radius:8px;background:#fff;color:var(--ink);min-height:48px}
.form input:focus-visible,.form select:focus-visible,.form textarea:focus-visible{border-color:var(--navy)}
.check{display:flex;gap:.7rem;align-items:flex-start;margin:1rem 0 .5rem}.check input{width:22px;height:22px;margin-top:.15rem;accent-color:var(--navy);flex:none}.check label{margin:0;font-weight:400}
.err{color:#b3261e;font-weight:800;margin:.2rem 0 0;font-size:.95rem}
.form .btn{margin-top:.75rem;justify-self:start}
.form__status{margin:.5rem 0 0;font-weight:800}

/* FOOTER */
.foot{background:var(--ink);color:#dfe7f3;padding:4rem 0 2rem}
.foot__logo{width:220px;margin-bottom:2rem}
.foot__cols{display:grid;gap:1.5rem}@media(min-width:800px){.foot__cols{grid-template-columns:repeat(4,1fr)}}
.foot__h{font:800 .8rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--sky);margin:0 0 .5rem}
.foot ul{list-style:none;padding:0;margin:0}.foot p{margin:0}
.todo{background:#fff3cd;color:#5c4400;padding:.1rem .35rem;border-radius:3px;font-size:.9rem}
.foot__legal{margin-top:2rem!important}
.foot__sign{margin-top:2rem!important;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.15);display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.totop{color:#fff}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(min-width:900px){.gov .grid2{grid-template-columns:1.35fr .65fr}}

/* Galería + redes */
.gal{background:var(--white,#fff)}.gal__lead{max-width:40rem;margin:0 0 2rem}
.gal__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}
@media(min-width:700px){.gal__grid{grid-template-columns:repeat(3,1fr);gap:1rem}}
.gal__grid a{display:block;border-radius:10px;overflow:hidden;aspect-ratio:4/3;background:var(--sky-l)}
.gal__grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.gal__grid a:hover img,.gal__grid a:focus-visible img{transform:scale(1.04)}
.gal__grid a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.gal__more{margin:2rem 0 0}.btn--navy{background:var(--navy);color:#fff}
.social{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.social a{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:.4rem .8rem;border:1.5px solid rgba(255,255,255,.35);border-radius:999px;color:#fff;text-decoration:none;font-weight:700;font-size:.9rem}
.social a:hover,.social a:focus-visible{background:var(--orange);border-color:var(--orange);color:var(--ink)}
@media(max-width:899px){.hero__img{margin-top:1rem!important}}
.social--talk{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;list-style:none;padding:0;margin:.6rem 0 0}.social--talk a{display:inline-flex;align-items:center;gap:.45rem;font-weight:700;color:inherit;text-decoration:none}
.gal__grid li{border-radius:10px;overflow:hidden;aspect-ratio:4/3;background:var(--sky-l)}
/* 06 PROPUESTAS — versión "histriónica" (bloques de color, números gigantes, titulares con resaltado) */
.props{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.props::before{content:"";position:absolute;right:-12vw;top:-10vw;width:48vw;height:48vw;border-radius:50%;background:var(--sky);opacity:.22}
.props::after{content:"";position:absolute;left:-8vw;bottom:-6vw;width:30vw;height:30vw;border-radius:50%;border:clamp(14px,3vw,40px) solid var(--orange);opacity:.5}
.props .wrap{position:relative;z-index:1}
.props__eye{color:var(--sky);position:relative}
.props__num{position:absolute;right:0;top:-.35em;font:900 clamp(7rem,24vw,20rem)/.8 var(--disp);color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.28);letter-spacing:-.06em;pointer-events:none}
.props__h{text-transform:uppercase;font-size:clamp(2.5rem,9.5vw,7.4rem);line-height:.9;letter-spacing:-.04em;color:#fff;max-width:14ch}
.props__h span{display:block}
.props__l1{font-size:.5em;color:var(--sky);letter-spacing:-.02em}
.props__l2 mark,.pcard h3 mark{background:var(--orange);color:#fff;padding:0 .14em;display:inline-block;transform:rotate(-2deg);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.props__l2 mark{font-size:1.15em;box-shadow:.08em .08em 0 var(--ink)}
.props__l3{font-style:italic}
.props .lead{color:#e6f4fb}
.pcards{gap:clamp(1rem,2vw,1.5rem);margin-top:clamp(2.5rem,5vw,4rem)}
@media(min-width:700px){.pcards{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.pcards{grid-template-columns:repeat(4,1fr)}.pcards>.pcard:nth-child(odd){transform:translateY(1.75rem)}}
.pcard{position:relative;border:0;border-radius:18px;padding:1.5rem 1.4rem 1.4rem;overflow:hidden;box-shadow:8px 8px 0 rgba(15,31,61,.55)}
.pcard--navy{background:#1b3766;color:#fff;outline:3px solid var(--sky);outline-offset:-3px}
.pcard--orange{background:var(--orange);color:var(--ink)}
.pcard--sky{background:var(--sky);color:var(--ink)}
.pcard--white{background:#fff;color:var(--ink)}
.pcard__top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.pcard .card__n{display:grid;place-items:center;width:4.4rem;height:4.4rem;border-radius:50%;font:900 2.3rem/1 var(--disp);letter-spacing:-.05em;background:var(--orange);color:#fff;box-shadow:inset 0 0 0 3px #fff}
.pcard--orange .card__n{background:var(--navy)}
.pcard--sky .card__n{background:var(--navy)}
.pcard__ic{flex:none;width:clamp(48px,5vw,60px);height:auto;opacity:.95}
.pcard--navy .pcard__ic{color:var(--sky)}.pcard--white .pcard__ic{color:var(--navy)}.pcard--orange .pcard__ic,.pcard--sky .pcard__ic{color:var(--ink)}
.pcard h3{font:900 clamp(1.55rem,2.4vw,1.9rem)/1 var(--disp);text-transform:uppercase;letter-spacing:-.03em;margin:1.2rem 0 .7rem;color:inherit}
.pcard--orange h3 mark{background:var(--navy)}
.pcard--white h3{color:var(--navy)}
.pcard .card__f{font-weight:600;font-size:1.08rem;line-height:1.35}
.pcard details summary{background:var(--ink);color:#fff}
.pcard--navy details summary{background:var(--orange);color:var(--ink)}
.pcard ul{padding-left:0;list-style:none}
.pcard li{position:relative;padding-left:1.4rem;font-weight:500}
.pcard li::before{content:"";position:absolute;left:0;top:.55em;width:.65rem;height:.65rem;border-radius:2px;background:currentColor;transform:rotate(45deg)}
.pcard .share{color:inherit}
.pcard:target{box-shadow:0 0 0 5px var(--orange),8px 8px 0 rgba(15,31,61,.55)}
.props .all{margin-top:clamp(2.5rem,5vw,4rem)}
.props .all>summary{background:#fff;color:var(--navy);border-color:#fff;font-size:clamp(1.1rem,2vw,1.35rem);text-transform:uppercase;letter-spacing:.02em;box-shadow:6px 6px 0 var(--orange)}
.props .all>summary:hover{background:var(--orange);color:#fff;border-color:var(--orange)}
.pcard--sm .card__n{width:3.6rem;height:3.6rem;font-size:1.8rem}
.cards--more .pcard{transform:none!important}
@media(prefers-reduced-motion:reduce){.props__l2 mark,.pcard h3 mark{transform:none}}
.props::after{opacity:1;border-color:var(--orange);width:22vw;height:22vw;left:-11vw;bottom:-11vw}
@media(min-width:1100px){.pcard{min-height:27rem}.pcard h3{font-size:2rem}.pcard .card__n{width:5rem;height:5rem;font-size:2.7rem}}
.pcard h3 mark{padding:.02em .14em}
@media(min-width:1100px){.pcard h3{font-size:clamp(1.5rem,1.75vw,1.95rem)}}.pcard h3{overflow-wrap:anywhere;hyphens:auto}
@media(max-width:699px){.props__num{-webkit-text-stroke-color:rgba(255,255,255,.14)}}
/* v4: tarjetas abren modal (sin acordeón). Fix: align-items:start evita filas estiradas */
.pcards{align-items:stretch}
@media(min-width:1100px){.pcards>.pcard:nth-child(odd){transform:none}.pcards>.pcard:nth-child(4n+2),.pcards>.pcard:nth-child(4n+4){transform:translateY(-1rem)}}
.pcard{cursor:pointer;transition:transform .15s,box-shadow .15s}
.pcard:hover{box-shadow:12px 12px 0 rgba(15,31,61,.6)}
.pcard__cta{position:static;margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.7rem 1.1rem;border-radius:999px;font-weight:800;text-decoration:none;background:var(--ink);color:#fff}
.pcard__cta::after{content:"";position:absolute;inset:0;border-radius:inherit}
.pcard__cta::before{content:"+";order:2;font-size:1.2rem;line-height:1}
.pcard--navy .pcard__cta{background:var(--orange);color:var(--ink)}
.pcard__cta:focus-visible{outline:3px solid #fff;box-shadow:0 0 0 6px var(--orange)}
html.modal-open{overflow:hidden}
.pmodal{padding:0;border:0;background:transparent;max-width:min(860px,94vw);width:100%;max-height:92vh;color:var(--ink)}
.pmodal::backdrop{background:rgba(15,31,61,.82)}
.pmodal__in{position:relative;background:#fff;border-radius:22px;overflow:auto;max-height:92vh;box-shadow:12px 12px 0 var(--orange)}
.pmodal__head{padding:2rem clamp(1.25rem,4vw,3rem) 1.75rem;background:var(--c-bg,var(--navy));color:var(--c-fg,#fff)}
.pmodal__top{display:flex;align-items:center;gap:1rem}
.pmodal__n{display:grid;place-items:center;width:clamp(4.5rem,10vw,6.5rem);height:clamp(4.5rem,10vw,6.5rem);border-radius:50%;background:var(--c-n,var(--orange));color:#fff;font:900 clamp(2.4rem,6vw,3.6rem)/1 var(--disp);letter-spacing:-.05em;box-shadow:inset 0 0 0 4px #fff}
.pmodal__ic svg{width:clamp(52px,8vw,76px);height:auto;color:var(--c-ic,currentColor)}
.pmodal__count{margin:1.2rem 0 .3rem;font:800 .85rem var(--sans);letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.pmodal__h{font:900 clamp(2rem,5.5vw,3.6rem)/.95 var(--disp);text-transform:uppercase;letter-spacing:-.035em;margin:0 0 .8rem}
.pmodal__h mark{background:var(--c-mark,var(--orange));color:#fff;padding:0 .14em;display:inline-block;transform:rotate(-2deg)}
.pmodal__f{margin:0;font-size:clamp(1.1rem,2.2vw,1.35rem);font-weight:600;max-width:40rem}
.pmodal__body{padding:1.75rem clamp(1.25rem,4vw,3rem) .5rem}
.pmodal__body ul{list-style:none;margin:0;padding:0;display:grid;gap:1.1rem;counter-reset:m}
.pmodal__body li{position:relative;padding:0 0 1.1rem 3.2rem;border-bottom:2px dashed #d7e3f2;counter-increment:m}
.pmodal__body li:last-child{border-bottom:0}
.pmodal__body li::before{content:counter(m);position:absolute;left:0;top:0;width:2.2rem;height:2.2rem;border-radius:8px;background:var(--navy);color:#fff;display:grid;place-items:center;font:900 1.1rem var(--disp);transform:rotate(-4deg)}
.pmodal__body li:nth-child(even)::before{background:var(--orange)}
.pmodal__body strong{display:block;font:900 1.15rem/1.2 var(--disp);color:var(--navy);margin-bottom:.3rem}
.pmodal__body span{display:block;line-height:1.5}
.pmodal__share{display:inline-block;margin:0 clamp(1.25rem,4vw,3rem) 1rem;color:var(--navy)}
.pmodal__nav{position:sticky;bottom:0;display:flex;justify-content:space-between;gap:.75rem;padding:1rem clamp(1.25rem,4vw,3rem);background:var(--ink)}
.pmodal__nav button{min-height:48px;border-radius:999px;border:2px solid #fff;background:transparent;color:#fff;font:800 .95rem var(--sans);padding:.6rem 1.1rem;cursor:pointer;text-align:left}
.pmodal__next{background:var(--orange)!important;border-color:var(--orange)!important;color:var(--ink)!important;text-align:right!important}
.pmodal__nav button:hover{transform:translateY(-2px)}
.pmodal__x{position:absolute;top:.9rem;right:.9rem;z-index:2;width:48px;height:48px;border-radius:50%;border:0;background:#fff;color:var(--ink);font:900 1.9rem/1 var(--sans);cursor:pointer;box-shadow:0 2px 0 rgba(0,0,0,.25)}
@media(max-width:699px){.pmodal{max-width:100vw;max-height:100dvh;height:100dvh;margin:0;border-radius:0}.pmodal__in{border-radius:0;max-height:100dvh;height:100dvh;box-shadow:none;display:flex;flex-direction:column}.pmodal__body{flex:1}.pmodal__nav button{font-size:.85rem;flex:1}}
@media(prefers-reduced-motion:reduce){.pmodal__h mark{transform:none}}

.pmodal__share{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:.5rem clamp(1.25rem,4vw,3rem) 1.25rem}
.pmodal__wa{display:inline-flex;align-items:center;gap:.6rem;min-height:52px;padding:.8rem 1.4rem;border-radius:999px;background:#25D366;color:#0f1f3d;font:900 1rem/1.15 var(--sans);text-decoration:none;box-shadow:5px 5px 0 var(--navy)}
.pmodal__wa:hover{background:#1fbd5a;transform:translateY(-2px)}
.pmodal__copy{min-height:48px;padding:.7rem 1.2rem;border-radius:999px;border:2px solid var(--navy);background:#fff;color:var(--navy);font:800 .95rem var(--sans);cursor:pointer}
.pmodal__copied{font-weight:700;color:var(--navy);font-size:.9rem}

/* v5: dinamismo (todo visible sin JS; .js-anim lo añade JS solo si no hay reduced-motion) */
.btn-dl{display:inline-flex;align-items:center;gap:.6rem;min-height:56px;padding:.9rem 1.6rem;border-radius:999px;background:var(--orange);color:var(--ink);font:900 1.1rem/1.1 var(--sans);text-transform:uppercase;letter-spacing:.02em;text-decoration:none;box-shadow:6px 6px 0 #fff;transition:transform .2s,box-shadow .2s}
.btn-dl:hover{transform:translate(-2px,-3px) rotate(-1deg);box-shadow:9px 9px 0 #fff}
.btn-dl--sm{min-height:52px;font-size:.95rem;text-transform:none;box-shadow:5px 5px 0 var(--navy);padding:.8rem 1.3rem}
.btn-dl--sm:hover{box-shadow:7px 7px 0 var(--navy)}
.props__dl{margin:1.5rem 0 0}
.js-anim .pcard{opacity:0;transform:translateY(70px) rotate(-3deg) scale(.92)}
.js-anim .pcard.in{opacity:1;transform:none;transition:opacity .6s ease,transform .7s cubic-bezier(.2,1.4,.4,1),box-shadow .2s}
.pcard.in:hover,.pcard:hover{transform:translateY(-10px) rotate(-1.5deg)!important;box-shadow:14px 16px 0 rgba(15,31,61,.6);transition-delay:0s!important}
.pcard:nth-child(even):hover{transform:translateY(-10px) rotate(1.5deg)!important}
.pcard:hover .card__n{transform:scale(1.12) rotate(-8deg)}
.pcard .card__n{transition:transform .25s cubic-bezier(.2,1.6,.4,1)}
.pmodal[open] .pmodal__in{animation:pm-open .55s cubic-bezier(.2,1.25,.35,1)}
.pmodal[open]::backdrop{animation:pm-bd .4s ease}
@keyframes pm-open{0%{opacity:0;transform:scale(.55) translateY(80px) rotate(-4deg);clip-path:circle(8% at 50% 60%)}60%{opacity:1;clip-path:circle(120% at 50% 50%)}100%{transform:none;clip-path:circle(150% at 50% 50%)}}
@keyframes pm-bd{from{opacity:0}to{opacity:1}}
.pmodal[open] .pmodal__n{animation:pm-n .7s .15s cubic-bezier(.2,1.6,.4,1) both}
@keyframes pm-n{from{transform:scale(0) rotate(-180deg)}to{transform:none}}
.pmodal__in.sl-n{animation:pm-sn .45s cubic-bezier(.2,1.1,.3,1)}.pmodal__in.sl-p{animation:pm-sp .45s cubic-bezier(.2,1.1,.3,1)}
.pmodal__in.sl-n .pmodal__n,.pmodal__in.sl-p .pmodal__n{animation:pm-n .6s cubic-bezier(.2,1.6,.4,1) both}
@keyframes pm-sn{from{opacity:0;transform:translateX(18%) rotate(2deg)}to{opacity:1;transform:none}}
@keyframes pm-sp{from{opacity:0;transform:translateX(-18%) rotate(-2deg)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.pmodal[open] .pmodal__in,.pmodal[open] .pmodal__n,.pmodal[open]::backdrop{animation:none}.pcard:hover,.pcard.in:hover{transform:none!important}.pcard:hover .card__n{transform:none}}

/* v5 footer */
.foot{background:var(--ink);position:relative;overflow:hidden;border-top:8px solid var(--orange)}
.foot::before{content:"";position:absolute;right:-120px;top:-120px;width:340px;height:340px;border-radius:50%;background:var(--navy);opacity:.55}
.foot__in{position:relative}
@media(min-width:800px){.foot__cols{grid-template-columns:1.1fr 1fr 1fr;gap:2.5rem}}
.fblk{display:flex;flex-direction:column;align-items:flex-start;gap:.9rem;padding:1.5rem;border-radius:18px;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.12)}
.foot .foot__h{font:900 1.15rem/1.1 var(--sans);letter-spacing:.04em;color:#fff;margin:0}
.fblk__t{color:#c9d6ea;font-size:.98rem}
.fbtn{box-shadow:5px 5px 0 var(--sky);font-size:1rem;text-transform:none;padding:.85rem 1.3rem;margin-top:auto}
.fbtn:hover{box-shadow:8px 8px 0 var(--sky)}
.fbtn--sky{background:var(--sky);box-shadow:5px 5px 0 var(--orange)}.fbtn--sky:hover{box-shadow:8px 8px 0 var(--orange)}
.social--icons{display:flex;flex-wrap:wrap;gap:.75rem;list-style:none;padding:0;margin:0}
.social--icons a{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;min-height:0;padding:0;border-radius:50%;border:0;background:var(--navy);color:#fff;box-shadow:4px 4px 0 var(--orange);transition:transform .2s,box-shadow .2s,background .2s}
.social--icons a svg{width:26px;height:26px}
.social--icons a:hover,.social--icons a:focus-visible{background:var(--orange);color:var(--ink);transform:translateY(-4px) rotate(-6deg);box-shadow:6px 6px 0 var(--sky)}
.foot .social--icons a{background:#fff;color:var(--navy)}
.foot .social--icons a:hover,.foot .social--icons a:focus-visible{background:var(--orange);color:var(--ink)}
@media(prefers-reduced-motion:reduce){.social--icons a:hover{transform:none}}
.foot .social--icons{gap:.55rem}.foot .social--icons a{width:48px;height:48px}.foot .social--icons a svg{width:22px;height:22px}
@media(min-width:800px){.foot .social--icons{flex-wrap:nowrap;gap:.45rem}.foot .social--icons a{width:46px;height:46px}}