/* ============================================================
   OfertaVenezuela · Minisite Aliados
   Hoja de estilos unica (consolidada desde site.css + v2..v9)
   Paleta oficial · Poppins + Caveat Brush
   ============================================================ */

/* --- BLOQUE 1: base (ex site.css) --- */
:root{--navy:#0A1D3D;--navy2:#123A6B;--gold:#FFB400;--teal:#00B4A6;--coral:#FF5B5B;--cream:#FFF6EE;--white:#fff;--ink:#0A1D3D}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px}.header{position:fixed;z-index:50;top:0;left:0;right:0;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:rgba(10,29,61,.92);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.12);color:white}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-weight:700;font-size:18px}.brand>span span{color:var(--gold)}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px 13px 16px 16px;background:var(--gold);color:white;font-size:27px;line-height:1;transform:rotate(-7deg);box-shadow:5px 6px 0 rgba(0,180,166,.5)}nav{display:flex;gap:32px}nav a,footer a{color:inherit;text-decoration:none;font-weight:700;font-size:12px;letter-spacing:.08em}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;text-decoration:none;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.04em;transition:.2s ease}.button:hover{transform:translateY(-2px);filter:brightness(1.05)}.button-small{padding:13px 20px;background:white;color:var(--navy)}.button-primary{padding:18px 27px;background:var(--gold);color:var(--navy);box-shadow:0 14px 35px rgba(255,180,0,.25)}.button span{font-size:20px}.hero{position:relative;min-height:820px;padding:160px max(5vw,24px) 90px;display:grid;grid-template-columns:.92fr 1.08fr;gap:7vw;align-items:center;background:radial-gradient(circle at 20% 18%,#123A6B 0,transparent 30%),var(--navy);color:white;overflow:hidden}.hero-copy{position:relative;z-index:2;max-width:660px}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 24px;text-transform:uppercase;font-weight:700;font-size:11px;letter-spacing:.18em;color:var(--gold)}.eyebrow span{width:28px;height:2px;background:currentColor}.eyebrow.dark{color:#008C8C}.eyebrow.light{color:var(--gold)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:28px;font-size:clamp(4rem,6.5vw,7.4rem);line-height:.88;letter-spacing:-.065em}h1 em,h2 em{font-style:normal;color:var(--gold);position:relative}h1 em:after,h2 em:after{content:"";position:absolute;left:2%;right:0;bottom:-5px;height:5px;border-radius:50%;background:var(--teal);transform:rotate(-2deg)}.hero-intro{max-width:620px;color:rgba(255,255,255,.75);font-size:19px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.text-link{color:white;text-decoration:none;font-size:12px;font-weight:700}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:55px;padding-top:24px;border-top:1px solid rgba(255,255,255,.16)}.trust-row div{display:flex;flex-direction:column}.trust-row strong{font-size:14px}.trust-row span{margin-top:4px;color:rgba(255,255,255,.55);font-size:12px}.hero-visual{position:relative;z-index:2;max-width:660px}.image-frame{height:660px;overflow:hidden;border:10px solid rgba(255,255,255,.1);border-radius:48% 48% 30% 52%/40% 43% 52% 55%;box-shadow:0 30px 80px rgba(0,0,0,.35)}.image-frame img{width:100%;height:100%;object-fit:cover;object-position:center 43%}.metric{position:absolute;left:-38px;bottom:20px;padding:17px 22px;background:white;color:var(--navy);border-radius:18px;box-shadow:0 18px 45px rgba(0,0,0,.22)}.metric strong,.metric span{display:block}.metric strong{font-size:28px}.metric span{text-transform:uppercase;font-size:9px;font-weight:700;letter-spacing:.12em}.seal{position:absolute;right:-20px;top:-38px;width:125px;height:125px;display:grid;place-content:center;text-align:center;border-radius:50%;background:var(--gold);color:var(--navy);font-size:11px;text-transform:uppercase;transform:rotate(7deg);box-shadow:0 15px 40px rgba(255,180,0,.3)}.seal strong{font-size:16px}.leaf{position:absolute;width:430px;height:430px;border-radius:50%;opacity:.12;background:repeating-conic-gradient(from 15deg,transparent 0 9deg,#4A6E96 10deg 15deg,transparent 16deg 23deg)}.leaf-one{right:-210px;top:-160px}.leaf-two{left:-250px;bottom:-250px}.signal{display:flex;justify-content:center;align-items:center;gap:5vw;padding:24px 5vw;background:var(--teal);color:var(--navy)}.signal p{margin:0;font-size:13px;font-weight:600}.signal strong{font-size:20px}.signal i{width:1px;height:24px;background:rgba(10,29,61,.25)}.section{padding:120px max(5vw,24px)}.section-heading{max-width:900px;margin-bottom:55px}.section-heading h2,.control h2,.proof h2,.final-cta h2{font-size:clamp(3rem,5vw,6rem);line-height:.96;letter-spacing:-.055em;margin-bottom:28px}.section-heading>p:last-child{max-width:720px;font-size:18px;line-height:1.7;color:rgba(10,29,61,.68)}.section-heading.compact{max-width:760px}.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.person-card{min-width:0;border-radius:34px;overflow:hidden;background:white;box-shadow:0 20px 55px rgba(10,29,61,.09)}.person-card .photo{height:440px;overflow:hidden}.person-card img{width:100%;height:100%;object-fit:cover;transition:.5s}.person-card:hover img{transform:scale(1.03)}.person-card:nth-child(1) img{object-position:center 55%}.person-card:nth-child(2) img{object-position:center 67%}.person-card:nth-child(3) img{object-position:center 62%}.person-card>div:last-child{padding:28px}.person-card span{color:#008C8C;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.14em}.person-card h3{font-size:24px;line-height:1.25;margin:12px 0 0}.warm{border-bottom:7px solid var(--gold)}.ocean{border-bottom:7px solid var(--coral)}.teal{border-bottom:7px solid var(--teal)}.control{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center;background:var(--navy);color:white}.control-copy>p:not(.eyebrow){max-width:580px;color:rgba(255,255,255,.66);line-height:1.8;font-size:17px}.control-copy .button{margin-top:22px}.promise-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.promise-grid article{min-height:230px;padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:25px;background:linear-gradient(145deg,rgba(0,180,166,.17),rgba(255,255,255,.04))}.promise-grid b{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--teal);font-size:24px}.promise-grid h3{margin:35px 0 9px;font-size:20px}.promise-grid p{color:rgba(255,255,255,.6);line-height:1.55;font-size:14px}.steps{background:white}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step-grid article{position:relative;min-height:220px;padding:31px;border:1px solid rgba(10,29,61,.11);border-radius:25px}.step-grid article:nth-child(even){background:#E9F6F4}.step-grid span{font-size:44px;font-weight:700;color:rgba(10,29,61,.12)}.step-grid h3{font-size:22px;margin:25px 0 8px}.step-grid p{color:rgba(10,29,61,.63);line-height:1.6}.process-note{margin:30px 0 0;padding:21px 25px;border-left:5px solid var(--gold);background:var(--cream);font-size:15px}.proof{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center;background:var(--teal);color:var(--navy)}.proof-photo{height:650px;overflow:hidden;border-radius:42% 42% 45px 45px/34% 34% 45px 45px;box-shadow:0 28px 65px rgba(10,29,61,.2)}.proof-photo img{width:100%;height:100%;object-fit:cover;object-position:center 73%}.proof-copy>p:not(.eyebrow){max-width:630px;line-height:1.8;font-weight:600}.proof-copy h2 em{color:white}.proof-stats{display:flex;gap:36px;margin-top:43px;padding:27px 0;border-top:1px solid rgba(10,29,61,.25);border-bottom:1px solid rgba(10,29,61,.25)}.proof-stats div{display:flex;flex-direction:column}.proof-stats strong{font-size:28px}.proof-stats span{font-size:11px;text-transform:uppercase;font-weight:700}.proof-copy small{display:block;margin-top:15px;opacity:.66}.faq-list{max-width:900px;margin-left:auto}.faq-list details{border-top:1px solid rgba(10,29,61,.18)}.faq-list details:last-child{border-bottom:1px solid rgba(10,29,61,.18)}summary{display:flex;justify-content:space-between;gap:20px;padding:26px 0;cursor:pointer;font-size:19px;font-weight:700;list-style:none}summary::-webkit-details-marker{display:none}summary span{font-size:28px;color:var(--teal);transition:.2s}details[open] summary span{transform:rotate(45deg)}details p{max-width:760px;padding:0 50px 25px 0;color:rgba(10,29,61,.66);line-height:1.7}.final-cta{padding:110px max(5vw,24px);background:radial-gradient(circle at 85% 50%,#123A6B,transparent 35%),var(--navy);color:white;text-align:center}.final-cta>div{max-width:900px;margin:auto}.final-cta p:not(.eyebrow){max-width:680px;margin:0 auto 30px;color:rgba(255,255,255,.68);line-height:1.7}.final-cta .eyebrow{justify-content:center}.final-cta .button{margin-bottom:20px}.final-cta small{display:block;color:rgba(255,255,255,.55)}footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:25px;padding:45px max(5vw,24px) 100px;background:#061428;color:rgba(255,255,255,.65)}footer p{margin:0;text-align:center;font-size:12px}footer div:nth-of-type(2){display:flex;gap:20px}footer small{grid-column:1/-1;text-align:center;color:rgba(255,255,255,.35)}.mobile-cta{display:none}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}@media(max-width:980px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:135px}.hero-copy{max-width:760px}.hero-visual{max-width:720px;margin:auto}.image-frame{height:600px}.people-grid{grid-template-columns:1fr 1fr}.people-grid article:last-child{grid-column:1/-1}.control,.proof{grid-template-columns:1fr}.step-grid{grid-template-columns:1fr 1fr}.proof-photo{height:560px}.proof-copy{max-width:760px}.signal{flex-wrap:wrap}}@media(max-width:640px){body{padding-bottom:68px}.header{height:68px;padding:0 18px}.header .button{display:none}.brand{font-size:14px}.brand-mark{width:34px;height:34px;font-size:22px}.hero{min-height:auto;padding:118px 20px 70px;gap:55px}h1{font-size:clamp(3.6rem,18vw,5.6rem)}.hero-intro{font-size:17px}.hero-actions{align-items:flex-start;flex-direction:column}.trust-row{gap:10px}.trust-row strong{font-size:12px}.trust-row span{font-size:10px}.image-frame{height:520px;border-radius:42px}.metric{left:-3px;bottom:-20px}.seal{right:-4px;width:105px;height:105px}.signal{justify-content:flex-start;gap:13px;padding:20px}.signal i{display:none}.signal p{width:100%;display:flex;justify-content:space-between}.section{padding:82px 20px}.section-heading h2,.control h2,.proof h2,.final-cta h2{font-size:clamp(2.8rem,13vw,4.6rem)}.people-grid,.promise-grid,.step-grid{grid-template-columns:1fr}.people-grid article:last-child{grid-column:auto}.person-card .photo{height:400px}.promise-grid article{min-height:auto}.proof-photo{height:470px}.proof-stats{gap:15px;justify-content:space-between}.proof-stats strong{font-size:22px}.proof-stats span{font-size:9px}.final-cta{padding:85px 20px}footer{grid-template-columns:1fr;text-align:center;padding:45px 20px}footer .brand,footer div:nth-of-type(2){justify-content:center}footer small{grid-column:auto}.mobile-cta{position:fixed;z-index:60;left:12px;right:12px;bottom:10px;display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-radius:999px;background:var(--gold);color:var(--navy);text-decoration:none;font-size:13px;font-weight:700;box-shadow:0 12px 35px rgba(0,0,0,.28)}}


/* --- BLOQUE 2: crecimiento, categorias, expansion (ex site-v2.css) --- */
.hero{min-height:900px;grid-template-columns:.85fr 1.15fr}.hero-visual{max-width:none}.image-frame{height:690px;border-radius:40px;clip-path:polygon(8% 0,100% 0,100% 89%,90% 100%,0 100%,0 11%);border:0}.image-frame img{object-position:center}.hero:after,.growth:after,.categories:after,.expansion:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:68px;background:var(--cream);clip-path:polygon(0 72%,10% 50%,22% 67%,35% 38%,49% 64%,63% 42%,79% 66%,90% 45%,100% 64%,100% 100%,0 100%)}
.growth{position:relative;display:grid;grid-template-columns:.78fr 1.22fr;gap:7vw;align-items:center;overflow:hidden;background:var(--navy);color:#fff;padding-top:145px;padding-bottom:175px}.growth:before{content:"";position:absolute;width:480px;height:480px;left:-260px;top:80px;border:90px solid rgba(0,180,166,.08);border-radius:50%}.growth-copy{position:relative;z-index:2}.growth-copy h2{font-size:clamp(4rem,7vw,7.6rem);line-height:.87;letter-spacing:-.07em;margin-bottom:30px}.growth-copy>p:not(.eyebrow){max-width:520px;color:rgba(255,255,255,.64);font-size:18px;line-height:1.7}.live-followers{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;justify-content:start;column-gap:13px;margin-top:45px}.live-dot{grid-row:1/3;align-self:center;width:12px;height:12px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 0 rgba(0,180,166,.65);animation:pulse 1.8s infinite}.live-followers strong{font-size:45px;line-height:1}.live-followers small{text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.48);font-size:9px}.chart-shell{position:relative;padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:32px;background:linear-gradient(150deg,rgba(255,255,255,.1),rgba(255,255,255,.025));box-shadow:0 30px 80px rgba(0,0,0,.28);backdrop-filter:blur(10px)}.chart-top{display:flex;justify-content:space-between;color:rgba(255,255,255,.45);font-size:10px;font-weight:700;letter-spacing:.16em}.chart-top strong{color:var(--gold);font-size:16px}.growth-chart{width:100%;overflow:visible}.grid-lines path{fill:none;stroke:rgba(255,255,255,.1);stroke-width:1}.chart-area{fill:url(#areaGlow);opacity:0;transition:opacity .7s}.chart-line{fill:none;stroke:var(--gold);stroke-width:8;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 9px rgba(255,180,0,.5))}.chart-points circle{fill:var(--navy);stroke:var(--gold);stroke-width:5;opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(0)}.chart-labels{fill:rgba(255,255,255,.42);font:600 13px Poppins,sans-serif}.chart-shell.animated .chart-area{opacity:1}.chart-shell.animated .chart-points circle{animation:pop .45s forwards}.chart-shell.animated .chart-points circle:nth-child(2){animation-delay:.25s}.chart-shell.animated .chart-points circle:nth-child(3){animation-delay:.5s}.chart-shell.animated .chart-points circle:nth-child(4){animation-delay:.75s}.chart-badge{position:absolute;right:-20px;top:70px;display:flex;align-items:center;gap:13px;padding:15px 19px;border-radius:18px;background:#fff;color:var(--navy);box-shadow:0 18px 40px rgba(0,0,0,.25)}.chart-badge>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--teal);color:#fff;font-size:24px}.chart-badge strong,.chart-badge small{display:block}.chart-badge small{text-transform:uppercase;font-size:9px;letter-spacing:.12em}
.categories{position:relative;overflow:hidden;background:var(--navy);color:#fff;padding-top:145px;padding-bottom:175px}.categories .section-heading>p:last-child{color:rgba(255,255,255,.6)}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.category-grid .cat{position:relative;min-height:170px;display:flex;flex-direction:column;justify-content:space-between;padding:22px;border:1px solid rgba(255,255,255,.13);border-radius:24px;overflow:hidden;background:linear-gradient(145deg,rgba(0,180,166,.18),rgba(255,255,255,.04));transition:transform .3s,background .3s,border-color .3s}.category-grid .cat:nth-child(3n+2){background:linear-gradient(145deg,rgba(255,180,0,.2),rgba(255,255,255,.04))}.category-grid .cat:nth-child(4n){background:linear-gradient(145deg,rgba(255,91,91,.18),rgba(255,255,255,.04))}.category-grid .cat:after{content:"";position:absolute;width:100px;height:100px;right:-45px;bottom:-50px;border:16px solid rgba(255,255,255,.07);border-radius:50%;transition:.35s}.category-grid .cat:hover{transform:translateY(-8px);border-color:rgba(255,180,0,.6);background:rgba(0,180,166,.28)}.category-grid .cat:hover:after{transform:scale(1.5)}.category-grid b{font-size:31px;font-weight:500}.category-grid span{position:relative;z-index:1;font-size:13px;font-weight:700}
.expansion{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center;overflow:hidden;background:var(--navy);color:#fff;padding-top:145px;padding-bottom:175px}.expansion h2{font-size:clamp(3.5rem,6vw,7rem);line-height:.9;letter-spacing:-.065em}.expansion-copy>p:not(.eyebrow){max-width:560px;color:rgba(255,255,255,.62);line-height:1.75}.route{position:relative;display:flex;flex-direction:column;gap:13px}.route-line{position:absolute;left:31px;top:35px;bottom:35px;width:3px;background:rgba(255,255,255,.11)}.route-line i{display:block;width:100%;height:0;background:linear-gradient(var(--gold),var(--teal));box-shadow:0 0 16px var(--teal)}.route article{position:relative;z-index:1;display:grid;grid-template-columns:64px 1fr auto;align-items:center;min-height:82px;padding:12px 20px 12px 0;border:1px solid rgba(255,255,255,.1);border-radius:21px;background:rgba(255,255,255,.045);transition:.25s}.route article:hover{transform:translateX(8px);background:rgba(255,255,255,.09)}.route b{display:grid;place-items:center;width:62px;height:58px;color:rgba(255,255,255,.3);font-size:13px}.route span{font-weight:700;font-size:20px}.route small{text-transform:uppercase;letter-spacing:.13em;color:rgba(255,255,255,.38);font-size:8px}.route .active{border-color:rgba(255,180,0,.55);background:linear-gradient(90deg,rgba(255,180,0,.2),rgba(255,255,255,.05))}.route .active b,.route .active small{color:var(--gold)}
.person-card .photo{height:360px}.person-card:nth-child(1) img,.person-card:nth-child(2) img,.person-card:nth-child(3) img,.proof-photo img{object-position:center}.reveal{transition-duration:.8s;transition-timing-function:cubic-bezier(.2,.8,.2,1)}@keyframes pulse{70%{box-shadow:0 0 0 13px rgba(0,180,166,0)}}@keyframes pop{to{opacity:1;transform:scale(1)}}
@media(max-width:980px){.hero,.growth,.expansion{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.hero{padding-bottom:95px}.image-frame{height:430px;border-radius:32px;clip-path:none}.growth,.categories,.expansion{padding-top:110px;padding-bottom:130px}.growth-copy h2,.expansion h2{font-size:clamp(2.8rem,13vw,4.6rem)}.chart-shell{padding:15px 10px}.chart-badge{right:5px;top:55px}.category-grid{grid-template-columns:1fr 1fr}.category-grid .cat{min-height:140px}.person-card .photo{height:300px}.route article{grid-template-columns:55px 1fr}.route article small{display:none}}
@media(prefers-reduced-motion:reduce){.live-dot{animation:none}.chart-line{stroke-dashoffset:0}.chart-area{opacity:1}.chart-points circle{opacity:1;transform:none}}


/* --- BLOQUE 3: marca, recorrido, contadores (ex site-v3.css) --- */
.brand-official{width:190px;height:58px;display:flex;align-items:center}.brand-official img{display:block;width:100%;height:100%;object-fit:contain}.header .brand-official img{filter:none}footer .brand-official{width:180px;height:85px}.registered-callout{display:flex;align-items:center;gap:19px;max-width:520px;margin-top:26px;padding:19px 22px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:linear-gradient(120deg,rgba(0,180,166,.24),rgba(255,255,255,.05));box-shadow:0 18px 40px rgba(0,0,0,.12)}.registered-callout>strong{font-size:42px;line-height:1;color:var(--gold)}.registered-callout b,.registered-callout span{display:block}.registered-callout b{font-size:15px}.registered-callout span{margin-top:5px;color:rgba(255,255,255,.55);font-size:11px;line-height:1.45}.proof-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.proof-stats div{padding:13px 18px}.proof-stats div:nth-child(odd){border-right:1px solid rgba(10,29,61,.18)}.signal{gap:3vw}.signal p{text-align:center}
.steps{overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(0,180,166,.08),transparent 40%),#fff}.steps:before{content:"";position:absolute;right:-180px;top:100px;width:390px;height:390px;border:70px solid rgba(255,180,0,.08);border-radius:50%}.journey-stage{position:relative;max-width:1240px;height:700px;margin:30px auto 0}.journey-path{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.journey-base,.journey-progress{fill:none;stroke-linecap:round;stroke-linejoin:round}.journey-base{stroke:rgba(10,29,61,.09);stroke-width:13;stroke-dasharray:1 2}.journey-progress{stroke:url(#journeyGradient);stroke:var(--teal);stroke-width:7;stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 7px rgba(0,180,166,.35))}.journey-stage article{position:absolute;width:28%;min-height:210px;padding:27px 27px 24px;border:1px solid rgba(10,29,61,.1);border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 22px 55px rgba(10,29,61,.09);transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .4s,box-shadow .4s;z-index:2}.journey-stage article:after{content:"";position:absolute;inset:auto 25px 0;height:4px;border-radius:4px;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform .5s}.journey-stage article.active{transform:translateY(-9px) scale(1.025);border-color:rgba(0,180,166,.55);box-shadow:0 28px 65px rgba(10,29,61,.16)}.journey-stage article.active:after{transform:scaleX(1)}.journey-stage article>span{position:absolute;right:22px;top:20px;color:rgba(10,29,61,.11);font-size:39px;font-weight:700}.journey-stage article>b{display:grid;place-items:center;width:48px;height:48px;margin-bottom:29px;border-radius:17px;background:var(--navy);color:var(--gold);font-size:23px}.journey-stage article h3{margin:0 0 9px;font-size:24px}.journey-stage article p{margin:0;color:rgba(10,29,61,.59);font-size:14px;line-height:1.55}.journey-stage article[data-step="1"]{left:0;top:0}.journey-stage article[data-step="2"]{left:36%;top:45px}.journey-stage article[data-step="3"]{right:0;top:0}.journey-stage article[data-step="4"]{right:2%;bottom:15px}.journey-stage article[data-step="5"]{left:36%;bottom:0}.journey-stage article[data-step="6"]{left:1%;bottom:18px}.journey-token{position:absolute;z-index:5;width:68px;height:68px;left:7%;top:17%;padding:10px;border-radius:23px;background:#fff;box-shadow:0 15px 30px rgba(10,29,61,.22);transform:translate(-50%,-50%);transition:left .08s linear,top .08s linear}.journey-token img{width:100%;height:100%;object-fit:contain}.process-note{position:relative;max-width:820px;margin:0 auto;text-align:center;border:0;border-radius:999px;background:var(--navy);color:#fff;box-shadow:0 20px 50px rgba(10,29,61,.18)}.process-note strong{color:var(--gold)}
@media(max-width:980px){.signal{display:grid;grid-template-columns:1fr 1fr}.signal i{display:none}.journey-stage{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px}.journey-path,.journey-token{display:none}.journey-stage article{position:relative!important;inset:auto!important;width:auto;min-height:215px}.journey-stage article.active{transform:none}.proof-stats{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.brand-official{width:142px;height:50px}.signal{grid-template-columns:1fr}.registered-callout{align-items:flex-start}.registered-callout>strong{font-size:34px}.journey-stage{grid-template-columns:1fr;padding-left:20px}.journey-stage:before{content:"";position:absolute;left:3px;top:20px;bottom:20px;width:4px;border-radius:5px;background:linear-gradient(var(--gold),var(--teal),var(--coral))}.journey-stage article{min-height:auto}.proof-stats{grid-template-columns:1fr 1fr}.proof-stats div{padding:10px}.proof-stats strong{font-size:19px!important}}


/* --- BLOQUE 4: carrusel superior y seguridad (ex site-v4.css) --- */
.slim-hero{position:relative;height:360px;margin-top:78px;overflow:hidden;background:var(--navy);color:#fff}.slim-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,29,61,.98) 0%,rgba(10,29,61,.82) 48%,rgba(10,29,61,.2) 100%),url('hero-alianza.webp') center 42%/cover}.slim-hero:after{content:"";position:absolute;inset:auto 0 0;height:5px;background:linear-gradient(90deg,var(--teal),var(--gold),var(--coral));background-size:200% 100%;animation:flowGradient 6s linear infinite}.slim-slide{position:absolute;z-index:2;left:max(7vw,28px);top:50%;max-width:700px;opacity:0;transform:translateY(calc(-50% + 24px));transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1);pointer-events:none}.slim-slide.active{opacity:1;transform:translateY(-50%);pointer-events:auto}.slim-slide>span{display:block;margin-bottom:14px;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.slim-slide h2{margin:0 0 12px;font-size:clamp(2.4rem,4.2vw,4.7rem);line-height:.93;letter-spacing:-.055em}.slim-slide p{margin:0;color:rgba(255,255,255,.68);font-size:16px}.slim-arrow{position:absolute;z-index:4;top:50%;width:42px;height:42px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(10,29,61,.28);color:#fff;font-size:28px;backdrop-filter:blur(8px)}.slim-prev{left:18px}.slim-next{right:18px}.slim-dots{position:absolute;z-index:4;left:max(7vw,28px);bottom:27px;display:flex;gap:8px}.slim-dots button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.35);transition:.3s}.slim-dots button.active{width:34px;background:var(--gold)}.hero{min-height:760px;padding-top:95px}
.security{position:relative;display:grid;grid-template-columns:.78fr 1.22fr;gap:8vw;align-items:center;overflow:hidden;background:radial-gradient(circle at 10% 20%,#154674,transparent 35%),var(--navy);color:#fff}.security:before{content:"";position:absolute;left:-100px;bottom:-170px;width:400px;height:400px;border:80px solid rgba(0,180,166,.08);border-radius:50%}.security-copy{position:relative;z-index:2}.security h2{font-size:clamp(3.6rem,6vw,6.8rem);line-height:.9;letter-spacing:-.06em}.security-copy>p:not(.eyebrow){max-width:540px;color:rgba(255,255,255,.64);line-height:1.75}.bank-chip{position:relative;display:flex;align-items:center;gap:16px;max-width:440px;margin-top:38px;padding:18px 22px;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:rgba(255,255,255,.07);box-shadow:0 22px 60px rgba(0,0,0,.2)}.bank-chip>span{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:var(--gold);color:var(--navy);font-size:20px;font-weight:700}.bank-chip strong,.bank-chip small{display:block}.bank-chip small{margin-top:4px;color:rgba(255,255,255,.5)}.bank-chip i{position:absolute;right:20px;width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 6px rgba(0,180,166,.12);animation:pulse 1.8s infinite}.security-flow{position:relative;display:flex;flex-direction:column;gap:13px}.security-beam{position:absolute;left:35px;top:55px;bottom:55px;width:2px;background:rgba(255,255,255,.12)}.security-beam i{display:block;width:100%;height:0;background:linear-gradient(var(--gold),var(--teal));box-shadow:0 0 13px var(--teal);transition:height .1s linear}.security-flow article{position:relative;z-index:2;display:grid;grid-template-columns:54px 55px 1fr auto;align-items:center;gap:17px;min-height:112px;padding:18px 22px 18px 8px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:linear-gradient(110deg,rgba(255,255,255,.09),rgba(255,255,255,.035));opacity:0;transform:translateX(36px) scale(.98);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1),border-color .4s,background .4s}.security-flow article.visible{opacity:1;transform:none}.security-flow article:hover{border-color:rgba(255,180,0,.5);background:linear-gradient(110deg,rgba(0,180,166,.16),rgba(255,255,255,.05))}.security-flow article>b{display:grid;place-items:center;width:54px;color:rgba(255,255,255,.22);font-size:12px}.security-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:rgba(0,180,166,.18);color:var(--gold);font-size:22px}.security-flow h3{margin:0 0 5px;font-size:18px}.security-flow p{margin:0;color:rgba(255,255,255,.55);font-size:13px;line-height:1.45}.security-flow article>small{color:rgba(255,255,255,.3);font-size:8px;font-weight:700;letter-spacing:.12em}.security-flow article:nth-child(3){transition-delay:.1s}.security-flow article:nth-child(4){transition-delay:.2s}.security-flow article:nth-child(5){transition-delay:.3s}
.signal p,.trust-row>div,.promise-grid article,.step-grid article,.proof-stats>div,.route article,.category-grid .cat,.registered-callout{will-change:transform,opacity}.animate-in{opacity:0!important;transform:translateY(28px) scale(.975)!important;filter:blur(4px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1),filter .75s ease!important}.animate-in.visible{opacity:1!important;transform:none!important;filter:none}.signal .animate-in:nth-child(3n){transition-delay:.08s!important}.signal .animate-in:nth-child(5n){transition-delay:.16s!important}.signal .animate-in:nth-child(7n){transition-delay:.24s!important}.proof-stats .animate-in:nth-child(2){transition-delay:.1s!important}.proof-stats .animate-in:nth-child(3){transition-delay:.2s!important}.proof-stats .animate-in:nth-child(4){transition-delay:.3s!important}
@keyframes flowGradient{to{background-position:200% 0}}
@media(max-width:980px){.security{grid-template-columns:1fr}.slim-hero{height:340px}.security-flow article{grid-template-columns:54px 55px 1fr}.security-flow article>small{display:none}}
@media(max-width:640px){.slim-hero{height:390px;margin-top:68px}.slim-hero:before{background:linear-gradient(90deg,rgba(10,29,61,.95),rgba(10,29,61,.68)),url('hero-alianza.webp') 62% center/cover}.slim-slide{left:52px;right:45px}.slim-slide h2{font-size:clamp(2.3rem,11vw,3.6rem)}.slim-prev{left:7px}.slim-next{right:7px}.hero{padding-top:80px}.security-flow article{grid-template-columns:42px 1fr;padding:18px 16px}.security-flow article>b{width:42px}.security-icon{display:none}.security-beam{left:28px}.bank-chip{padding-right:48px}}
@media(prefers-reduced-motion:reduce){.slim-hero:after,.bank-chip i{animation:none}.animate-in,.security-flow article{opacity:1!important;transform:none!important;filter:none!important}}


/* --- BLOQUE 5: fotografia en categorias y metricas (ex site-v5.css) --- */
.category-grid .cat{min-height:235px;justify-content:flex-end;background-image:linear-gradient(0deg,rgba(10,29,61,.94) 0%,rgba(10,29,61,.35) 65%,rgba(10,29,61,.08) 100%),var(--photo)!important;background-position:center;background-size:cover;border-color:rgba(255,255,255,.22);box-shadow:0 18px 38px rgba(0,0,0,.16)}.category-grid .cat:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 50%,rgba(255,91,91,.35));opacity:0;transition:.4s}.category-grid .cat:hover{transform:translateY(-10px) scale(1.025);border-color:var(--coral);background-image:linear-gradient(0deg,rgba(10,29,61,.94),rgba(10,29,61,.08)),var(--photo)!important;box-shadow:0 26px 55px rgba(0,0,0,.28)}.category-grid .cat:hover:before{opacity:1}.category-grid .cat:hover:after{border-color:rgba(255,91,91,.32)}.category-grid b{position:absolute;z-index:2;right:17px;top:16px;display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:rgba(10,29,61,.74);color:#fff;font-size:21px;backdrop-filter:blur(7px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.category-grid span{font-size:15px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.proof{position:relative;overflow:hidden;background:linear-gradient(130deg,#00B4A6 0%,#00B4A6 68%,#FF5B5B 160%)}.proof:before,.proof:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.proof:before{width:430px;height:430px;right:-180px;top:-170px;border:75px solid rgba(255,91,91,.18);animation:floatRing 7s ease-in-out infinite}.proof:after{width:18px;height:18px;right:9%;bottom:15%;background:var(--coral);box-shadow:34px -58px 0 var(--gold),-22px -100px 0 rgba(255,255,255,.55);animation:floatDots 4s ease-in-out infinite}.proof-copy,.proof-photo{position:relative;z-index:2}.proof-stats{gap:14px;border:0}.proof-stats div{position:relative;min-height:145px;display:flex;justify-content:center;padding:19px 22px;border:1px solid rgba(10,29,61,.14)!important;border-radius:22px;background:rgba(255,255,255,.14);box-shadow:0 13px 30px rgba(10,29,61,.08);backdrop-filter:blur(9px);overflow:hidden}.proof-stats div:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:5px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform 1.6s ease}.proof-stats div.visible:before{transform:scaleX(1)}.proof-stats div:nth-child(1):before,.proof-stats div:nth-child(4):before{background:var(--coral)}.proof-stats strong{font-size:clamp(2rem,3.1vw,3.8rem);line-height:.95;letter-spacing:-.055em}.proof-stats span{margin-top:11px;font-size:10px;letter-spacing:.13em}.stat-number.coral{color:#fff;text-shadow:0 4px 20px rgba(255,91,91,.55)}.stat-number.gold{color:var(--gold)}.stat-number.navy{color:var(--navy)}.stat-number.white{color:#fff}.signal p:nth-of-type(2) strong{color:var(--coral)}.signal p:nth-of-type(4) strong{color:#fff}.signal{border-bottom:4px solid var(--coral)}
.journey-stage article{overflow:hidden}.journey-stage article:before{content:"";position:absolute;width:110px;height:110px;left:-80px;top:-70px;border:18px solid rgba(255,91,91,.11);border-radius:50%;transition:transform .7s ease}.journey-stage article.visible{animation:cardArrive .8s cubic-bezier(.2,.8,.2,1) both}.journey-stage article.visible:before{transform:translate(45px,38px) scale(1.3)}.journey-stage article.visible>b{animation:iconWake .65s .25s cubic-bezier(.2,.8,.2,1) both}.journey-stage article:nth-of-type(3n) b{background:var(--coral);color:#fff}.journey-stage article:nth-of-type(2n) b{background:var(--teal);color:#fff}.journey-stage article.active{border-color:var(--coral)}.journey-stage article.active:after{background:linear-gradient(90deg,var(--coral),var(--gold))}.journey-progress{stroke:var(--coral)}
@keyframes cardArrive{from{opacity:0;transform:translateY(48px) rotateX(5deg) scale(.96)}to{opacity:1;transform:none}}@keyframes iconWake{from{transform:scale(.5) rotate(-18deg);opacity:0}to{transform:none;opacity:1}}@keyframes floatRing{50%{transform:translate(-18px,24px) rotate(8deg)}}@keyframes floatDots{50%{transform:translateY(-18px) rotate(8deg)}}
@media(max-width:980px){.category-grid{grid-template-columns:repeat(3,1fr)}.journey-stage article.visible{animation:cardArrive .75s cubic-bezier(.2,.8,.2,1) both}.journey-stage article:nth-of-type(2){animation-delay:.1s}.journey-stage article:nth-of-type(3){animation-delay:.2s}.journey-stage article:nth-of-type(4){animation-delay:.3s}.journey-stage article:nth-of-type(5){animation-delay:.4s}.journey-stage article:nth-of-type(6){animation-delay:.5s}}
@media(max-width:640px){.category-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-20px;padding:0 20px 24px 0}.category-grid .cat{flex:0 0 74vw;min-height:280px;scroll-snap-align:start}.proof-stats div{min-height:122px}.proof-stats strong{font-size:28px!important}}
@media(prefers-reduced-motion:reduce){.proof:before,.proof:after{animation:none}.journey-stage article.visible,.journey-stage article.visible>b{animation:none}}


/* --- BLOQUE 6: curvas y microinteracciones (ex site-v6.css) --- */
/* v6: curvas fluidas, fotografia visible y microinteracciones */
.hero::after,.growth::after,.categories::after,.expansion::after{height:76px!important;clip-path:none!important;left:-4%!important;width:108%!important;border-radius:50% 50% 0 0/100% 100% 0 0!important}
.categories::after{background:#FFF6EE!important}

/* Coral como pulso, equilibrado con teal y azul. */
.proof{background:linear-gradient(135deg,#008C8C 0%,#00B4A6 58%,#008C8C 100%)!important}
.proof::before{border-color:rgba(255,91,91,.38)!important}
.proof .eyebrow::before,.proof .eyebrow::after{background:#FF5B5B!important}
.proof-stats>div{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:24px;padding:28px 24px;background:rgba(10,29,61,.1);transform:translateZ(0);transition:transform .4s cubic-bezier(.2,.8,.2,1),background .4s,border-color .4s,box-shadow .4s}
.proof-stats>div::before{content:"";position:absolute;inset:-80% -30%;z-index:-1;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.2) 49%,transparent 60%);transform:translateX(-72%) rotate(8deg);transition:transform .65s ease}
.proof-stats>div::after{content:"";position:absolute;right:20px;top:20px;width:10px;height:10px;border-radius:50%;background:#FF5B5B;box-shadow:0 0 0 7px rgba(255,91,91,.14),0 0 22px rgba(255,91,91,.55);transition:transform .4s,box-shadow .4s}
.proof-stats>div:hover{transform:translateY(-10px) scale(1.015);background:rgba(10,29,61,.22);border-color:rgba(255,255,255,.55);box-shadow:0 22px 55px rgba(10,29,61,.22)}
.proof-stats>div:hover::before{transform:translateX(72%) rotate(8deg)}
.proof-stats>div:hover::after{transform:scale(1.25);box-shadow:0 0 0 11px rgba(255,91,91,.12),0 0 30px rgba(255,91,91,.72)}
.proof-stats .stat-number{display:inline-block;transition:transform .4s cubic-bezier(.2,.8,.2,1),color .3s}
.proof-stats>div:hover .stat-number{transform:translateY(-4px) scale(1.07);color:#FFE9A8}

/* Rutas explicitas para garantizar la fotografia en produccion. */
.category-grid .cat{min-height:220px;background-size:cover!important;background-position:center!important;box-shadow:inset 0 -90px 70px rgba(10,29,61,.56)}
.category-grid .cat:nth-child(1){background-image:url("categories/restaurantes.webp")!important}
.category-grid .cat:nth-child(2){background-image:url("categories/hoteles.webp")!important}
.category-grid .cat:nth-child(3){background-image:url("categories/experiencias.webp")!important}
.category-grid .cat:nth-child(4){background-image:url("categories/entretenimiento.webp")!important}
.category-grid .cat:nth-child(5){background-image:url("categories/bienestar.webp")!important}
.category-grid .cat:nth-child(6){background-image:url("categories/salud.webp")!important}
.category-grid .cat:nth-child(7){background-image:url("categories/fitness.webp")!important}
.category-grid .cat:nth-child(8){background-image:url("categories/compras.webp")!important}
.category-grid .cat:nth-child(9){background-image:url("categories/servicios.webp")!important}
.category-grid .cat:nth-child(10){background-image:url("categories/eventos.webp")!important}
.category-grid .cat:nth-child(11){background-image:url("categories/playas.webp")!important}
.category-grid .cat:nth-child(12){background-image:url("categories/mascotas.webp")!important}
.category-grid .cat:nth-child(13){background-image:url("categories/cursos.webp")!important}
.category-grid .cat:nth-child(14){background-image:url("categories/ninos.webp")!important}
.category-grid .cat:nth-child(15){background-image:url("categories/autos.webp")!important}
.category-grid .cat::before{background:radial-gradient(circle at 80% 18%,rgba(255,180,0,.4),transparent 28%)!important;opacity:0;transition:opacity .45s,transform .6s cubic-bezier(.2,.8,.2,1)!important}
.category-grid .cat::after{content:"";position:absolute;right:20px;bottom:20px;color:#fff;font-size:.74rem;font-weight:800;letter-spacing:.08em;opacity:0;transform:translateX(-12px);transition:opacity .35s,transform .35s}
.category-grid .cat:hover{transform:translateY(-9px) scale(1.018)!important;border-color:rgba(255,180,0,.78)!important;box-shadow:0 24px 50px rgba(10,29,61,.38),inset 0 -100px 78px rgba(10,29,61,.68)!important}
.category-grid .cat:hover::before{opacity:1;transform:scale(1.1)}
.category-grid .cat:hover::after{opacity:1;transform:translateX(0)}
.category-grid .cat h3{position:relative;z-index:2;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.category-grid .cat:hover h3{transform:translateY(-22px)}

.registered-callout,.signal p,.promise-grid article{transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s,border-color .38s,background .38s!important}
.registered-callout:hover,.signal p:hover,.promise-grid article:hover{transform:translateY(-8px)!important;border-color:rgba(255,91,91,.62)!important;box-shadow:0 22px 50px rgba(10,29,61,.2),0 0 0 1px rgba(255,91,91,.12)!important}

@media(max-width:760px){.hero::after,.growth::after,.categories::after,.expansion::after{height:42px!important}.category-grid .cat{min-height:180px}}
@media(prefers-reduced-motion:reduce){.proof-stats>div,.proof-stats>div::before,.proof-stats .stat-number,.category-grid .cat,.category-grid .cat h3{transition:none!important}}


/* --- BLOQUE 7: fondos del carrusel y continuidad cromatica (ex site-v7.css) --- */
/* v7: narrativa fotografica y ondas con continuidad cromatica */
.slim-hero::before{display:none!important}
.slim-backdrops{position:absolute;inset:0;overflow:hidden}
.slim-backdrops::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,29,61,.98) 0%,rgba(10,29,61,.84) 42%,rgba(10,29,61,.32) 72%,rgba(10,29,61,.18) 100%);z-index:2}
.slim-backdrops img{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover;object-position:center 48%;opacity:0;transform:scale(1.07);transition:opacity 1s ease,transform 6s cubic-bezier(.2,.7,.2,1)}
.slim-backdrops img:nth-child(1){object-position:center 48%}
.slim-backdrops img:nth-child(2){object-position:center 60%}
.slim-backdrops img:nth-child(3){object-position:center 43%}
.slim-backdrops img.active{opacity:1;transform:scale(1);z-index:1}

/* La onda pertenece visualmente a la seccion siguiente. */
.hero::after{background:var(--teal)!important}
.categories::after{display:none!important}
.growth::after,.expansion::after{background:var(--cream)!important;bottom:-1px!important}

/* Corrige la correspondencia exacta entre las 15 categorias y sus fotos. */
.category-grid .cat:nth-child(3){background-image:url("categories/playas.webp")!important}
.category-grid .cat:nth-child(4){background-image:url("categories/experiencias.webp")!important}
.category-grid .cat:nth-child(5){background-image:url("categories/compras.webp")!important}
.category-grid .cat:nth-child(6){background-image:url("categories/bienestar.webp")!important}
.category-grid .cat:nth-child(7){background-image:url("categories/salud.webp")!important}
.category-grid .cat:nth-child(8){background-image:url("categories/fitness.webp")!important}
.category-grid .cat:nth-child(9){background-image:url("categories/entretenimiento.webp")!important}
.category-grid .cat:nth-child(10){background-image:url("categories/eventos.webp")!important}
.category-grid .cat:nth-child(11){background-image:url("categories/mascotas.webp")!important}
.category-grid .cat:nth-child(12){background-image:url("categories/servicios.webp")!important}
.category-grid .cat:nth-child(13){background-image:url("categories/cursos.webp")!important}
.category-grid .cat:nth-child(14){background-image:url("categories/ninos.webp")!important}
.category-grid .cat:nth-child(15){background-image:url("categories/autos.webp")!important}

/* Una imagen costera adicional acompana la vision de expansion sin competir con el texto. */
.expansion::before{content:"";position:absolute;inset:0 0 0 52%;background:linear-gradient(90deg,var(--navy) 0%,rgba(10,29,61,.83) 28%,rgba(10,29,61,.58) 100%),url("categories/playas.webp") center/cover no-repeat;opacity:.42;pointer-events:none}
.expansion-copy,.route{position:relative;z-index:2}

@media(max-width:640px){.slim-backdrops::after{background:linear-gradient(90deg,rgba(10,29,61,.96),rgba(10,29,61,.58))}.slim-backdrops img{object-position:65% center}.expansion::before{inset:42% 0 0 0;opacity:.2}}
@media(prefers-reduced-motion:reduce){.slim-backdrops img{transition:none!important;transform:none!important}}


/* --- BLOQUE 8: hero luminoso (ex site-v8.css) --- */
/* v8: primer pantallazo mas luminoso y retrato mejor encuadrado */
.slim-backdrops img:nth-child(1){object-position:center 27%!important}
.slim-backdrops::after{background:linear-gradient(90deg,rgba(10,29,61,.98) 0%,rgba(10,29,61,.84) 38%,rgba(10,29,61,.26) 68%,rgba(10,29,61,.08) 100%)!important}

/* El segundo bloque cambia a crema para cortar la masa azul del inicio. */
.hero{background:radial-gradient(circle at 13% 20%,rgba(0,180,166,.12),transparent 27%),var(--cream)!important;color:var(--navy)!important;padding-top:125px!important}
.hero::before{content:"";position:absolute;z-index:1;left:-5%;top:-34px;width:110%;height:64px;background:var(--teal);border-radius:0 0 50% 50%/0 0 100% 100%;pointer-events:none}
.hero-intro{color:rgba(10,29,61,.7)!important}
.hero .text-link{color:var(--navy)!important}
.hero .trust-row{border-top-color:rgba(10,29,61,.16)!important}
.hero .trust-row span{color:rgba(10,29,61,.58)!important}
.hero .leaf{opacity:.07}
.hero .image-frame{clip-path:none!important;border:8px solid #fff!important;border-radius:48px 48px 150px 48px!important;box-shadow:0 30px 80px rgba(10,29,61,.18)!important}

@media(max-width:640px){.slim-backdrops img:nth-child(1){object-position:58% 28%!important}.hero{padding-top:92px!important}.hero::before{top:-22px;height:42px}.hero .image-frame{border-radius:34px 34px 90px 34px!important}}


/* --- BLOQUE 9: boton permanente del encabezado (ex site-v9.css) --- */
/* v9: llamada a la accion permanente y visible */
.header .button-small{position:relative;isolation:isolate;overflow:visible;background:var(--gold)!important;color:var(--navy)!important;border:1px solid rgba(255,255,255,.32);box-shadow:0 8px 24px rgba(255,180,0,.28);transition:transform .28s ease,box-shadow .28s ease,filter .28s ease}
.header .button-small::before{content:"";position:absolute;z-index:-1;inset:-5px;border-radius:inherit;border:2px solid rgba(255,180,0,.62);opacity:0;transform:scale(.96);animation:allyHeartbeat 2.35s cubic-bezier(.2,.7,.2,1) infinite;pointer-events:none}
.header .button-small::after{content:"";position:absolute;z-index:-2;inset:-10px;border-radius:inherit;background:rgba(255,180,0,.12);filter:blur(10px);animation:allyGlow 2.35s ease-in-out infinite;pointer-events:none}
.header .button-small:hover{transform:translateY(-2px) scale(1.035);box-shadow:0 12px 34px rgba(255,180,0,.45),0 0 0 1px rgba(255,255,255,.2);filter:brightness(1.05)}
.header .button-small span{display:inline-block;animation:allyArrow 2.35s ease-in-out infinite}
@keyframes allyHeartbeat{0%,38%,100%{opacity:0;transform:scale(.96)}10%{opacity:.62;transform:scale(1.045)}22%{opacity:0;transform:scale(1.12)}}
@keyframes allyGlow{0%,38%,100%{opacity:.35;transform:scale(.98)}10%{opacity:.85;transform:scale(1.04)}22%{opacity:.28;transform:scale(1.1)}}
@keyframes allyArrow{0%,35%,100%{transform:translateX(0)}12%{transform:translateX(4px)}22%{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.header .button-small::before,.header .button-small::after,.header .button-small span{animation:none!important}.header .button-small{box-shadow:0 8px 24px rgba(255,180,0,.35)}}


/* ============================================================
   BLOQUE 10 · CAPA NUEVA
   Tipografia oficial, gancho de aliado fundador, WhatsApp,
   accesibilidad y correcciones de jerarquia.
   ============================================================ */

:root{
  --morado:#7B61FF;
  --teal-dark:#008C8C;
  --turquesa:#00B4A6;
}

/* --- Tipografia oficial: Poppins cuerpo, Caveat Brush acentos --- */
body{font-family:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}
h1,h2,h3,strong,b,.button,summary,nav a,footer a{font-family:'Poppins',system-ui,sans-serif}
h1,h2{font-weight:700}
h3{font-weight:600}
.eyebrow,.trust-row strong,.route span,.proof-stats span,.signal strong{font-weight:600}

/* Acento manuscrito de marca en los titulares */
h1 em,h2 em,.slim-title em{
  font-family:'Caveat Brush',cursive;
  font-weight:400;
  font-size:1.18em;
  letter-spacing:.005em;
  line-height:.9;
  padding-right:.06em;
}
h1 em:after,h2 em:after{bottom:2px;height:6px;opacity:.85}
@media(max-width:640px){h1 em,h2 em{font-size:1.12em}}

/* --- Correccion de jerarquia: el carrusel ya no usa h2 --- */
.slim-slide .slim-title{
  margin:0 0 12px;
  font-family:'Poppins',sans-serif;
  font-weight:700;
  font-size:clamp(2.4rem,4.2vw,4.7rem);
  line-height:.93;
  letter-spacing:-.055em;
}
@media(max-width:640px){.slim-slide .slim-title{font-size:clamp(2.3rem,11vw,3.6rem)}}

/* --- Gancho: aliado fundador --- */
.founder-pill{
  display:inline-flex;align-items:center;gap:11px;
  margin:0 0 26px;padding:9px 18px 9px 11px;
  border-radius:999px;
  background:linear-gradient(100deg,rgba(123,97,255,.16),rgba(255,91,91,.14));
  border:1px solid rgba(123,97,255,.42);
  font-size:12.5px;font-weight:600;color:var(--navy);
}
.founder-pill b{
  display:grid;place-items:center;padding:5px 11px;border-radius:999px;
  background:var(--morado);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;
}
.hero .founder-pill{background:linear-gradient(100deg,rgba(123,97,255,.18),rgba(255,91,91,.12))}

.founder-band{
  position:relative;z-index:3;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 26px;
  padding:26px max(5vw,24px);
  background:linear-gradient(100deg,var(--morado) 0%,#6B54E8 46%,var(--coral) 140%);
  color:#fff;text-align:center;
}
.founder-band .fb-count{
  display:grid;place-items:center;min-width:64px;height:64px;padding:0 14px;
  border-radius:20px;background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.32);
  font-size:26px;font-weight:700;line-height:1;
}
.founder-band p{margin:0;max-width:640px;text-align:left;font-size:15px;line-height:1.55}
.founder-band p strong{display:block;font-size:18px;margin-bottom:3px}
.founder-band .button{padding:15px 24px;background:#fff;color:var(--navy);white-space:nowrap}
@media(max-width:640px){
  .founder-band{flex-direction:column;text-align:center;padding:28px 20px}
  .founder-band p{text-align:center}
}

/* Morado como tercer acento en las tarjetas de condiciones */
.promise-grid article:nth-child(2) b,
.promise-grid article:nth-child(3) b{background:var(--morado)}

/* --- Boton flotante de WhatsApp --- */
.wa-float{
  position:fixed;z-index:55;right:18px;bottom:22px;
  display:inline-flex;align-items:center;gap:10px;
  height:56px;padding:0 20px 0 16px;
  border-radius:999px;background:#25D366;color:#062b16;
  text-decoration:none;font-size:13.5px;font-weight:700;
  box-shadow:0 14px 34px rgba(0,0,0,.26);
  transition:transform .25s ease,box-shadow .25s ease;
}
.wa-float:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(0,0,0,.32)}
.wa-float svg{width:25px;height:25px;flex:none;fill:currentColor}
@media(max-width:640px){
  .wa-float{right:12px;bottom:76px;height:52px;padding:0 16px 0 13px;font-size:0;gap:0}
  .wa-float svg{width:26px;height:26px}
}

/* --- Pie de pagina con contacto y legales --- */
.foot-contact{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;margin:0}
.foot-contact a{font-size:12px;font-weight:600;letter-spacing:.04em;color:rgba(255,255,255,.78);text-decoration:none}
.foot-contact a:hover{color:var(--gold)}
footer .foot-legal{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:6px}
footer .foot-legal a{font-size:11px;letter-spacing:.05em;color:rgba(255,255,255,.5)}
footer .foot-legal a:hover{color:rgba(255,255,255,.85)}
footer .foot-note{grid-column:1/-1;max-width:760px;margin:14px auto 0;text-align:center;font-size:10.5px;line-height:1.6;color:rgba(255,255,255,.34)}

/* --- Accesibilidad --- */
.skip-link{position:absolute;left:-9999px;top:0;z-index:200;padding:14px 20px;background:var(--gold);color:var(--navy);font-weight:700;border-radius:0 0 14px 0}
.skip-link:focus{left:0}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
.slim-arrow{cursor:pointer}
.slim-dots button{cursor:pointer}

/* --- Ruta de expansion con seis etapas --- */
.route article{min-height:74px}
.route .done{border-color:rgba(0,180,166,.4)}
@media(max-width:640px){.route span{font-size:17px}}

/* --- Pagina de gracias --- */
.thanks{
  min-height:100vh;display:grid;place-items:center;
  padding:120px max(5vw,24px) 80px;
  background:radial-gradient(circle at 78% 24%,#123A6B,transparent 42%),var(--navy);
  color:#fff;text-align:center;
}
.thanks-box{max-width:720px}
.thanks-check{
  display:grid;place-items:center;width:86px;height:86px;margin:0 auto 30px;
  border-radius:50%;background:var(--turquesa);color:var(--navy);font-size:42px;
  box-shadow:0 18px 50px rgba(0,180,166,.35);
}
.thanks h1{font-size:clamp(2.8rem,6vw,5rem);margin-bottom:22px}
.thanks p{color:rgba(255,255,255,.72);font-size:17px;line-height:1.75;max-width:600px;margin:0 auto 18px}
.thanks-next{
  display:grid;gap:12px;max-width:560px;margin:38px auto 34px;text-align:left;
}
.thanks-next div{
  display:grid;grid-template-columns:42px 1fr;align-items:center;gap:14px;
  padding:17px 20px;border:1px solid rgba(255,255,255,.13);border-radius:20px;
  background:rgba(255,255,255,.05);
}
.thanks-next b{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--gold);color:var(--navy);font-size:15px}
.thanks-next span{font-size:14.5px;color:rgba(255,255,255,.78);line-height:1.5}
.thanks .button{margin:0 6px 12px}
.thanks-back{display:inline-block;margin-top:14px;color:rgba(255,255,255,.55);font-size:12px;font-weight:600;text-decoration:none}
.thanks-back:hover{color:#fff}

@media(prefers-reduced-motion:reduce){
  .wa-float{transition:none}
}


/* ============================================================
   BLOQUE 11 · FORMULARIO DE REGISTRO EN PAGINA
   ============================================================ */

.form-section{
  position:relative;overflow:hidden;
  padding:110px max(5vw,24px) 120px;
  background:radial-gradient(circle at 88% 12%,rgba(0,180,166,.1),transparent 38%),var(--cream);
}
.form-section:before{
  content:"";position:absolute;left:-6%;top:-40px;width:112%;height:70px;
  background:var(--navy);border-radius:0 0 50% 50%/0 0 100% 100%;pointer-events:none;
}
.form-shell{
  position:relative;z-index:2;max-width:1180px;margin:0 auto;
  display:grid;grid-template-columns:.82fr 1.18fr;gap:6vw;align-items:start;
}

/* --- Columna izquierda --- */
.form-intro{position:sticky;top:100px}
.form-intro .eyebrow{color:var(--teal-dark)}
.form-intro h2{font-size:clamp(2.8rem,4.6vw,4.6rem);line-height:.94;letter-spacing:-.05em;margin-bottom:22px}
.form-intro>p:not(.eyebrow){max-width:440px;color:rgba(10,29,61,.68);font-size:16.5px;line-height:1.75}
.form-assur{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:11px}
.form-assur li{display:grid;grid-template-columns:26px 1fr;align-items:center;gap:11px;font-size:14.5px;font-weight:500}
.form-assur b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--turquesa);color:#fff;font-size:13px}
.form-alt{
  margin-top:32px;padding:19px 22px;border-radius:20px;
  background:#fff;border:1px solid rgba(10,29,61,.1);box-shadow:0 14px 34px rgba(10,29,61,.07);
}
.form-alt span{display:block;font-size:13px;color:rgba(10,29,61,.6);margin-bottom:6px}
.form-alt a{color:var(--teal-dark);font-weight:700;font-size:15px;text-decoration:none}
.form-alt a:hover{color:var(--coral)}

/* --- Tarjeta del formulario --- */
.ally-form{
  padding:34px 34px 30px;border-radius:30px;background:#fff;
  border:1px solid rgba(10,29,61,.09);box-shadow:0 30px 70px rgba(10,29,61,.11);
}
.form-progress{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.form-progress span{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:rgba(10,29,61,.45)}
.form-progress strong{font-size:13px;font-weight:700;color:var(--teal-dark)}
.form-bar{flex:1 1 100%;height:5px;border-radius:99px;background:rgba(10,29,61,.09);overflow:hidden}
.form-bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--turquesa),var(--gold));transition:width .45s cubic-bezier(.2,.8,.2,1)}

.ally-form fieldset{margin:0 0 26px;padding:0;border:0}
.ally-form legend{
  padding:0;margin-bottom:16px;font-size:11px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--teal-dark);
}
.ally-form legend .f-opt{font-style:normal;color:rgba(10,29,61,.35);letter-spacing:.08em}

.f-field{display:block;margin-bottom:15px}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.f-label{display:block;margin-bottom:7px;font-size:13.5px;font-weight:600;color:var(--navy)}
.f-label i{font-style:normal;color:var(--coral)}

.ally-form input[type=text],.ally-form input[type=tel],.ally-form input[type=email],
.ally-form select,.ally-form textarea{
  width:100%;padding:14px 16px;border-radius:14px;
  border:1.5px solid rgba(10,29,61,.15);background:#FDFCFA;
  font-family:'Poppins',sans-serif;font-size:15px;color:var(--navy);
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.ally-form textarea{resize:vertical;min-height:88px;line-height:1.6}
.ally-form select{appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%230A1D3D' d='M6 8 0 0h12z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;background-size:11px;padding-right:40px}
.ally-form input:focus,.ally-form select:focus,.ally-form textarea:focus{
  outline:0;border-color:var(--turquesa);background:#fff;
  box-shadow:0 0 0 4px rgba(0,180,166,.14);
}
.ally-form ::placeholder{color:rgba(10,29,61,.32)}

/* Botones de modalidad */
.f-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.f-pills label{position:relative;cursor:pointer}
.f-pills input{position:absolute;opacity:0;width:0;height:0}
.f-pills span{
  display:grid;place-items:center;padding:14px 8px;border-radius:14px;
  border:1.5px solid rgba(10,29,61,.15);background:#FDFCFA;
  font-size:14px;font-weight:600;color:var(--navy);transition:.2s;
}
.f-pills label:hover span{border-color:rgba(0,180,166,.5)}
.f-pills input:checked + span{background:var(--navy);border-color:var(--navy);color:#fff}
.f-pills input:focus-visible + span{outline:3px solid var(--gold);outline-offset:2px}

.f-hint{display:block;margin:7px 2px 0;font-size:12.5px;line-height:1.5;color:rgba(10,29,61,.5)}
p.f-hint{margin-top:-8px;margin-bottom:16px}

/* Errores */
.f-error{display:none;margin:7px 2px 0;font-size:12.5px;font-weight:600;font-style:normal;color:var(--coral)}
.f-field.invalid .f-error{display:block}
.f-field.invalid input,.f-field.invalid select,.f-field.invalid .f-pills span{
  border-color:var(--coral);background:#FFF7F7;
}

/* Trampa antispam: invisible para personas, tentadora para robots */
.f-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.f-submit{width:100%;padding:19px 24px;font-size:14.5px;margin-top:6px}
.f-submit[disabled]{opacity:.6;cursor:progress;transform:none!important}
.f-legal{margin:16px 2px 0;font-size:11.5px;line-height:1.6;color:rgba(10,29,61,.5)}
.f-legal a{color:var(--teal-dark);font-weight:600}
.f-status{margin:14px 0 0;padding:0;font-size:13.5px;font-weight:600;line-height:1.55;text-align:center}
.f-status.error{padding:14px 16px;border-radius:14px;background:#FFF1F1;border:1px solid rgba(255,91,91,.4);color:#C43333}
.f-status.working{color:var(--teal-dark)}

@media(max-width:980px){
  .form-shell{grid-template-columns:1fr;gap:44px}
  .form-intro{position:static}
}
@media(max-width:640px){
  .form-section{padding:80px 20px 96px}
  .form-section:before{top:-22px;height:44px}
  .ally-form{padding:24px 20px 22px;border-radius:24px}
  .f-row{grid-template-columns:1fr;gap:0}
  .f-pills{grid-template-columns:1fr 1fr 1fr;gap:7px}
  .f-pills span{padding:13px 4px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .form-bar i{transition:none}
}


/* ============================================================
   BLOQUE 12 · INTERACCIONES
   Categorias accionables, navegacion animada y acordeon con
   señal clara de que se puede abrir.
   ============================================================ */

/* ─── Tarjetas de categoria como botones ─── */
.category-grid .cat{
  -webkit-appearance:none;appearance:none;
  font-family:'Poppins',sans-serif;text-align:left;cursor:pointer;
  align-items:flex-start;
}
.category-grid .cat:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.category-grid .cat span{display:block;margin-bottom:5px}

/* Ejemplos de negocios · aparecen al pasar el cursor */
.cat-ej{
  position:relative;z-index:2;display:block;
  font-style:normal;font-size:11.5px;font-weight:500;line-height:1.5;
  color:rgba(255,255,255,.86);text-shadow:0 2px 8px rgba(10,29,61,.9);
  max-height:0;opacity:0;overflow:hidden;
  transform:translateY(6px);
  transition:max-height .4s cubic-bezier(.2,.8,.2,1),opacity .3s,transform .4s;
}
.category-grid .cat:hover .cat-ej,
.category-grid .cat:focus-visible .cat-ej{max-height:96px;opacity:1;transform:none}

/* Llamado a la accion · sustituye al antiguo "Explorar" */
.cat-go{
  position:absolute;z-index:2;left:22px;right:18px;bottom:18px;
  font-style:normal;font-size:11px;font-weight:800;letter-spacing:.06em;
  color:var(--gold);text-shadow:0 2px 8px rgba(10,29,61,.9);
  opacity:0;transform:translateY(8px);transition:.32s;
}
.category-grid .cat:hover .cat-go,
.category-grid .cat:focus-visible .cat-go{opacity:1;transform:none}
.category-grid .cat:hover span{transform:translateY(-2px)}

/* En movil no hay cursor: los ejemplos se ven siempre, mas discretos */
@media(hover:none){
  .cat-ej{max-height:60px;opacity:.78;transform:none;font-size:10.5px;-webkit-line-clamp:3}
  .cat-go{display:none}
  .category-grid .cat{padding-bottom:20px}
}

/* Confirmacion al elegir una categoria */
.category-grid .cat.elegida{
  border-color:var(--gold)!important;
  box-shadow:0 0 0 3px rgba(255,180,0,.45),0 24px 50px rgba(10,29,61,.4)!important;
}

/* ─── Navegacion superior ─── */
.nav-anim a{position:relative;padding:6px 2px}
.nav-anim a span{position:relative;display:inline-block;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.nav-anim a:after{
  content:"";position:absolute;left:50%;right:50%;bottom:0;height:2.5px;border-radius:2px;
  background:linear-gradient(90deg,var(--turquesa),var(--gold));
  transition:left .34s cubic-bezier(.2,.8,.2,1),right .34s cubic-bezier(.2,.8,.2,1);
}
.nav-anim a:hover span{transform:translateY(-2px)}
.nav-anim a:hover:after,.nav-anim a:focus-visible:after{left:0;right:0}
/* Seccion en la que esta el visitante */
.nav-anim a.actual{color:var(--gold)}
.nav-anim a.actual:after{left:0;right:0;background:var(--gold);opacity:.85}

/* ─── Preguntas frecuentes ─── */
.faq-list summary{position:relative;cursor:pointer;transition:color .25s,padding-left .3s}
.faq-list summary:hover{color:var(--teal-dark)}
.faq-list details:not([open]) summary:hover{padding-left:6px}

/* El signo + gira hasta convertirse en x */
.faq-list summary span{
  transition:transform .38s cubic-bezier(.34,1.4,.5,1),background .3s,color .3s;
}
.faq-list details[open] summary span{transform:rotate(135deg)}
.faq-list summary:hover span{background:var(--turquesa);color:#fff;transform:scale(1.12)}
.faq-list details[open] summary:hover span{transform:rotate(135deg) scale(1.12)}

/* Barra lateral que se dibuja al abrir */
.faq-list details{position:relative;overflow:hidden}
.faq-list details:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--turquesa),var(--gold));
  transform:scaleY(0);transform-origin:top;transition:transform .42s cubic-bezier(.2,.8,.2,1);
}
.faq-list details[open]:before{transform:scaleY(1)}

/* La respuesta entra deslizandose */
.faq-body{overflow:hidden}
.faq-list details[open] .faq-body{animation:faqAbrir .42s cubic-bezier(.2,.8,.2,1)}
@keyframes faqAbrir{
  from{opacity:0;transform:translateY(-10px)}
  to{opacity:1;transform:none}
}

/* Pista en la primera pregunta: late suave hasta que alguien abre una */
.faq-list.sin-tocar .faq-hint summary span{animation:latir 2.6s ease-in-out 1.5s 3}
@keyframes latir{
  0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,180,166,.5)}
  50%{transform:scale(1.1);box-shadow:0 0 0 9px rgba(0,180,166,0)}
}

@media(prefers-reduced-motion:reduce){
  .cat-ej,.cat-go,.nav-anim a:after,.nav-anim a span,.faq-list summary span,.faq-list details:before{transition:none}
  .faq-list details[open] .faq-body{animation:none}
  .faq-list.sin-tocar .faq-hint summary span{animation:none}
  .cat-ej{max-height:96px;opacity:1;transform:none}
}


/* ============================================================
   BLOQUE 13 · PAGINA DE AVISO LEGAL
   ============================================================ */

.legal-page{background:var(--cream)}
.legal-page .header{position:relative;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(10,29,61,.08)}

.legal-wrap{max-width:820px;margin:0 auto;padding:120px max(5vw,24px) 90px}
.legal-wrap h1{font-size:clamp(2.6rem,5.4vw,4.4rem);line-height:.95;letter-spacing:-.05em;margin:0 0 20px}
.legal-lead{font-size:18px;line-height:1.7;color:rgba(10,29,61,.72);max-width:620px;margin:0 0 14px}
.legal-date{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(10,29,61,.42);margin:0}

.legal-toc{
  display:flex;flex-wrap:wrap;gap:8px;
  margin:36px 0 12px;padding:22px;border-radius:22px;
  background:#fff;border:1px solid rgba(10,29,61,.09);box-shadow:0 12px 30px rgba(10,29,61,.06);
}
.legal-toc a{
  padding:8px 14px;border-radius:99px;background:rgba(0,180,166,.1);
  font-size:12.5px;font-weight:600;color:var(--teal-dark);text-decoration:none;transition:.2s;
}
.legal-toc a:hover{background:var(--teal-dark);color:#fff}

.legal-wrap section{padding:34px 0;border-bottom:1px solid rgba(10,29,61,.1);scroll-margin-top:100px}
.legal-wrap section:last-of-type{border-bottom:0}
.legal-wrap h2{
  font-size:clamp(1.35rem,2.4vw,1.75rem);line-height:1.25;letter-spacing:-.02em;
  margin:0 0 16px;color:var(--navy);
}
.legal-wrap p{margin:0 0 14px;font-size:15.5px;line-height:1.78;color:rgba(10,29,61,.78)}
.legal-wrap ul{margin:0 0 16px;padding-left:0;list-style:none;display:grid;gap:9px}
.legal-wrap li{
  position:relative;padding-left:26px;font-size:15.5px;line-height:1.7;color:rgba(10,29,61,.78);
}
.legal-wrap li:before{
  content:"";position:absolute;left:6px;top:11px;width:7px;height:7px;
  border-radius:50%;background:var(--turquesa);
}
.legal-wrap strong{color:var(--navy);font-weight:600}
.legal-wrap a{color:var(--teal-dark);font-weight:600}

.legal-pendiente{
  display:inline-block;padding:3px 10px;border-radius:8px;
  background:rgba(255,180,0,.22);border:1px dashed rgba(255,180,0,.75);
  font-size:13px;font-weight:700;color:#8A6200;
}

.legal-cierre{
  margin-top:48px;padding:36px 30px;border-radius:26px;text-align:center;
  background:var(--navy);color:#fff;
}
.legal-cierre p{color:rgba(255,255,255,.7);font-size:16px;margin-bottom:20px}
.legal-cierre .thanks-back{display:block;margin-top:20px}

@media(max-width:640px){
  .legal-wrap{padding:96px 20px 70px}
  .legal-toc{padding:16px;gap:6px}
  .legal-toc a{font-size:11.5px;padding:7px 11px}
}


/* ============================================================
   BLOQUE 14 · AJUSTE DE MARGEN EN LAS PREGUNTAS
   La barra lateral necesitaba aire: sin margen quedaba pegada
   al texto de la pregunta y de la respuesta.
   ============================================================ */

.faq-list details{padding-left:26px;transition:padding-left .3s cubic-bezier(.2,.8,.2,1)}
.faq-list details:before{border-radius:0 3px 3px 0}
.faq-list details[open]{padding-left:30px}

/* El desplazamiento al pasar el cursor parte del nuevo margen */
.faq-list details:not([open]) summary:hover{padding-left:5px}

@media(max-width:640px){
  .faq-list details{padding-left:18px}
  .faq-list details[open]{padding-left:21px}
}
@media(prefers-reduced-motion:reduce){
  .faq-list details{transition:none}
}


/* ============================================================
   BLOQUE 15 · TARJETAS DE CATEGORIA, REHECHAS
   Se anulan las capas anteriores que se pisaban entre si:
   el circulo decorativo, el recuadro del emoji, el degradado
   doble y el texto flotante que chocaba con los ejemplos.
   ============================================================ */

/* --- Anular los adornos heredados --- */
.category-grid .cat:before,
.category-grid .cat::before,
.category-grid .cat:after,
.category-grid .cat::after{content:none!important;display:none!important}
.category-grid b{display:none!important}

/* --- La tarjeta --- */
.category-grid .cat{
  min-height:230px!important;
  display:flex!important;flex-direction:column;justify-content:flex-end;
  padding:20px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:22px!important;
  overflow:hidden;
  background-position:center!important;
  background-size:cover!important;
  /* Un solo degradado suave: la foto respira arriba y el texto se lee abajo */
  background-blend-mode:normal;
  box-shadow:0 16px 34px rgba(0,0,0,.34)!important;
  transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s,border-color .32s!important;
}

/* Capa de color separada de la foto: asi el matiz cambia sin tocar la imagen */
.category-grid .cat > span{position:relative;z-index:3}
.category-grid .cat .cat-ej,
.category-grid .cat .cat-go{position:relative;z-index:3}

.category-grid .cat{isolation:isolate}

/* Velo de lectura · reposo */
.cat-velo{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,
    rgba(10,29,61,0) 0%,
    rgba(10,29,61,.06) 42%,
    rgba(10,29,61,.62) 74%,
    rgba(10,29,61,.90) 100%);
  transition:background .38s ease;
}
/* Velo de lectura · al pasar el cursor cambia de matiz */
.category-grid .cat:hover .cat-velo,
.category-grid .cat:focus-visible .cat-velo{
  background:linear-gradient(180deg,
    rgba(0,140,140,.30) 0%,
    rgba(0,140,140,.44) 40%,
    rgba(10,29,61,.82) 76%,
    rgba(10,29,61,.96) 100%);
}

.category-grid .cat:hover{
  transform:translateY(-7px)!important;
  border-color:var(--gold)!important;
  box-shadow:0 24px 46px rgba(0,0,0,.42)!important;
}

/* --- Textos, todos en flujo: ya no se pisan --- */
.category-grid .cat span{
  display:block;margin:0!important;
  font-size:15.5px;font-weight:700;color:#fff;line-height:1.25;
  text-shadow:0 2px 10px rgba(10,29,61,.75);
}
.cat-ej{
  display:block;margin:0;
  font-style:normal;font-size:11.5px;font-weight:500;line-height:1.5;
  color:rgba(255,255,255,.92);text-shadow:0 2px 8px rgba(10,29,61,.85);
  max-height:0;opacity:0;overflow:hidden;
  transition:max-height .38s cubic-bezier(.2,.8,.2,1),opacity .3s,margin .38s;
}
.category-grid .cat:hover .cat-ej,
.category-grid .cat:focus-visible .cat-ej{max-height:90px;opacity:1;margin-top:8px}

.cat-go{
  position:static!important;display:block;
  font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.07em;
  color:var(--gold);text-shadow:0 2px 8px rgba(10,29,61,.85);
  max-height:0;opacity:0;overflow:hidden;
  transition:max-height .38s cubic-bezier(.2,.8,.2,1),opacity .3s,margin .38s;
}
.category-grid .cat:hover .cat-go,
.category-grid .cat:focus-visible .cat-go{max-height:24px;opacity:1;margin-top:9px}

/* --- Sin cursor: los ejemplos se ven siempre --- */
@media(hover:none){
  .cat-ej{max-height:80px;opacity:.9;margin-top:7px}
  .cat-go{display:none}
  .cat-velo{background:linear-gradient(180deg,rgba(10,29,61,0),rgba(10,29,61,.30) 34%,rgba(10,29,61,.88) 100%)}
}

.category-grid .cat.elegida{
  border-color:var(--gold)!important;
  box-shadow:0 0 0 3px rgba(255,180,0,.55),0 24px 46px rgba(0,0,0,.42)!important;
}

@media(prefers-reduced-motion:reduce){
  .cat-velo,.cat-ej,.cat-go,.category-grid .cat{transition:none!important}
  .cat-ej{max-height:90px;opacity:1;margin-top:8px}
}


/* ============================================================
   BLOQUE 16 · INSTAGRAM ENLAZADO Y CONDICIONES DESTACADAS
   ============================================================ */

/* ─── La métrica ahora lleva a Instagram ─── */
.metric-ig{
  display:flex!important;align-items:center;gap:13px;
  text-decoration:none;cursor:pointer;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s!important;
}
.metric-ig:hover{transform:translateY(-4px);box-shadow:0 24px 55px rgba(10,29,61,.28)!important}
.metric-ig .ig-logo{
  display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;
  background:linear-gradient(135deg,#FFB400 0%,#FF5B5B 48%,#7B61FF 100%);
  box-shadow:0 8px 20px rgba(255,91,91,.34);
  transition:transform .35s cubic-bezier(.34,1.4,.5,1);
}
.metric-ig:hover .ig-logo{transform:rotate(-8deg) scale(1.08)}
.metric-ig .ig-logo svg{width:23px;height:23px;fill:#fff}
.metric-ig .metric-datos{display:block}
.metric-ig .metric-datos strong{display:block;font-size:26px;line-height:1.05;color:var(--navy)}
.metric-ig .metric-datos span{
  display:block;margin-top:2px;text-transform:uppercase;
  font-size:8.5px;font-weight:700;letter-spacing:.11em;color:rgba(10,29,61,.6);
}
.metric-ig .metric-ir{
  margin-left:2px;font-size:16px;font-weight:700;color:var(--coral);
  opacity:0;transform:translateX(-6px);transition:.3s;
}
.metric-ig:hover .metric-ir{opacity:1;transform:none}

/* ─── Las tres condiciones ─── */
.trust-row.destacada{
  grid-template-columns:repeat(3,1fr);gap:14px!important;
  margin-top:46px!important;padding-top:30px!important;
}
.trust-row.destacada > div{
  position:relative;isolation:isolate;
  display:flex!important;flex-direction:row!important;align-items:center;gap:11px;
  padding:15px 16px 16px;
}
.trust-row.destacada b{display:block;font-weight:400}
.trust-row.destacada strong{
  display:block;font-size:14.5px!important;font-weight:700!important;
  line-height:1.15;color:var(--navy)!important;
}
.trust-row.destacada span{
  display:block;margin-top:1px!important;
  font-size:11.5px!important;font-weight:500;color:rgba(10,29,61,.62)!important;
}

/* El check, en turquesa de marca */
.trust-row .tick{
  display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:50%;
  background:var(--turquesa);box-shadow:0 6px 16px rgba(0,180,166,.38);
  transform:scale(0);transition:transform .5s cubic-bezier(.34,1.5,.5,1);
  transition-delay:var(--espera);
}
.trust-row .tick svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:3.4;
  stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:30;stroke-dashoffset:30;
  transition:stroke-dashoffset .45s ease;
  transition-delay:calc(var(--espera) + 180ms);
}
.trust-row > div.visible .tick{transform:scale(1)}
.trust-row > div.visible .tick svg{stroke-dashoffset:0}

/* El óvalo, como trazado a mano con marcador */
.trust-row .marcador{
  position:absolute;z-index:-1;inset:-7px -10px -9px -12px;
  width:calc(100% + 22px);height:calc(100% + 16px);
  transform:rotate(var(--giro));overflow:visible;pointer-events:none;
}
.trust-row .marcador path{
  fill:none;stroke:var(--coral);stroke-width:2.6;
  stroke-linecap:round;opacity:.72;
  stroke-dasharray:640;stroke-dashoffset:640;
  transition:stroke-dashoffset 1.1s cubic-bezier(.4,.1,.3,1);
  transition-delay:calc(var(--espera) + 320ms);
}
.trust-row > div.visible .marcador path{stroke-dashoffset:0}

.trust-row.destacada > div:hover .marcador path{stroke:var(--gold);opacity:1}
.trust-row.destacada > div:hover .tick{transform:scale(1.12)}
.trust-row .tick,.trust-row .marcador path{will-change:transform,stroke-dashoffset}

@media(max-width:900px){
  .trust-row.destacada{grid-template-columns:1fr;gap:6px!important}
  .trust-row.destacada > div{padding:13px 16px 14px}
  .trust-row .marcador{inset:-4px -10px -6px -12px;height:calc(100% + 10px)}
}
@media(max-width:640px){
  .metric-ig{gap:11px}
  .metric-ig .ig-logo{width:38px;height:38px}
  .metric-ig .metric-datos strong{font-size:22px}
  .metric-ig .metric-ir{display:none}
  .trust-row.destacada strong{font-size:13.5px!important}
}
@media(prefers-reduced-motion:reduce){
  .trust-row .tick{transform:scale(1);transition:none}
  .trust-row .tick svg{stroke-dashoffset:0;transition:none}
  .trust-row .marcador path{stroke-dashoffset:0;transition:none}
  .metric-ig,.metric-ig .ig-logo{transition:none}
}


/* ============================================================
   BLOQUE 17 · MENU MOVIL
   En pantallas pequeñas la navegación estaba simplemente
   oculta. Ahora hay hamburguesa y panel desplegable.
   ============================================================ */

.hamburguesa{display:none}
.menu-movil,.menu-fondo{display:none}

@media(max-width:900px){

  /* El botón dorado vuelve, más compacto, junto a la hamburguesa */
  .header .button{
    display:inline-flex!important;
    padding:10px 15px!important;font-size:11px!important;
    margin-left:auto;margin-right:10px;
  }
  .header .button span{display:none}

  .hamburguesa{
    display:grid;place-content:center;gap:5px;flex:none;
    width:44px;height:44px;padding:0;
    -webkit-appearance:none;appearance:none;cursor:pointer;
    border:1px solid rgba(255,255,255,.22);border-radius:13px;
    background:rgba(255,255,255,.08);
  }
  .hamburguesa span{
    display:block;width:19px;height:2.2px;border-radius:2px;background:#fff;
    transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .22s;
  }
  .hamburguesa[aria-expanded="true"] span:nth-child(1){transform:translateY(7.2px) rotate(45deg)}
  .hamburguesa[aria-expanded="true"] span:nth-child(2){opacity:0}
  .hamburguesa[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.2px) rotate(-45deg)}
  .hamburguesa:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

  /* Velo detrás del panel */
  .menu-fondo{
    display:block;position:fixed;z-index:48;inset:0;
    background:rgba(10,29,61,.55);backdrop-filter:blur(3px);
    opacity:0;pointer-events:none;transition:opacity .3s;
  }
  .menu-fondo.abierto{opacity:1;pointer-events:auto}

  /* El panel */
  .menu-movil{
    display:block;position:fixed;z-index:49;
    top:68px;left:10px;right:10px;
    padding:14px;border-radius:22px;
    background:var(--navy);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 26px 60px rgba(10,29,61,.5);
    opacity:0;transform:translateY(-14px) scale(.97);transform-origin:top right;
    pointer-events:none;
    transition:opacity .28s ease,transform .34s cubic-bezier(.2,.8,.2,1);
  }
  .menu-movil.abierto{opacity:1;transform:none;pointer-events:auto}

  .menu-movil nav{display:block!important;margin-bottom:12px}
  .menu-movil nav a{
    display:flex;align-items:center;gap:13px;
    padding:15px 14px;border-radius:14px;
    color:#fff;font-size:15px;font-weight:600;letter-spacing:0;
    text-decoration:none;transition:background .22s,padding-left .25s;
  }
  .menu-movil nav a b{
    font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--turquesa);
  }
  .menu-movil nav a:active{background:rgba(255,255,255,.09);padding-left:20px}
  .menu-movil nav a + a{border-top:1px solid rgba(255,255,255,.09)}

  .menu-movil .button{
    display:flex!important;width:100%;justify-content:center;
    padding:16px!important;font-size:13.5px!important;margin:0!important;
  }
  .menu-movil .button span{display:inline-block!important}

  .menu-extras{
    display:flex;gap:10px;margin-top:12px;padding-top:12px;
    border-top:1px solid rgba(255,255,255,.11);
  }
  .menu-extras a{
    flex:1;padding:11px;border-radius:12px;text-align:center;
    background:rgba(255,255,255,.07);color:rgba(255,255,255,.82);
    font-size:12px;font-weight:600;text-decoration:none;
  }
  .menu-extras a:active{background:rgba(255,255,255,.14)}

  /* Con el menú abierto no se desplaza el fondo */
  body.menu-abierto{overflow:hidden}
}

@media(prefers-reduced-motion:reduce){
  .menu-movil,.menu-fondo,.hamburguesa span{transition:none}
}


/* ============================================================
   BLOQUE 18 · CATEGORIAS EN MOVIL: REJILLA, NO CARRUSEL
   Con 15 categorias, el desplazamiento lateral escondia 13.
   Ahora se ven todas de dos en dos.
   ============================================================ */

@media(max-width:900px){
  .category-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:11px!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
    margin-right:0!important;
    padding:0!important;
  }
  .category-grid .cat{
    flex:none!important;
    min-height:178px!important;
    scroll-snap-align:none!important;
    padding:15px!important;
    border-radius:19px!important;
  }
  /* Con 15 tarjetas la última quedaría sola: ocupa el ancho completo */
  .category-grid .cat:last-child{
    grid-column:1 / -1;
    min-height:132px!important;
  }
  .category-grid .cat span{font-size:14px}
  .cat-ej{
    font-size:10px;line-height:1.42;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    max-height:30px;margin-top:5px;opacity:.88;
  }
}

@media(max-width:400px){
  .category-grid{gap:9px!important}
  .category-grid .cat{min-height:162px!important;padding:13px!important}
  .category-grid .cat span{font-size:13px}
  .cat-ej{font-size:9.5px;-webkit-line-clamp:2;max-height:28px}
}


/* ============================================================
   BLOQUE 19 · BANDA FINAL DE CATEGORIAS
   Para los negocios que no se reconocen en las quince:
   servicios digitales, creativos y profesionales.
   ============================================================ */

.category-grid .cat-ancha{
  grid-column:1 / -1;
  min-height:120px!important;
  flex-direction:row!important;align-items:center;justify-content:flex-start!important;
  gap:0 26px;flex-wrap:wrap;
  padding:26px 30px!important;
  background-image:none!important;
  background:linear-gradient(105deg,rgba(123,97,255,.22) 0%,rgba(0,180,166,.16) 52%,rgba(255,180,0,.14) 100%)!important;
  border:1.5px dashed rgba(255,255,255,.34)!important;
  box-shadow:none!important;
}
.category-grid .cat-ancha .cat-velo{display:none}
.category-grid .cat-ancha:hover{
  border-color:var(--gold)!important;
  border-style:solid!important;
  background:linear-gradient(105deg,rgba(123,97,255,.32) 0%,rgba(0,180,166,.24) 52%,rgba(255,180,0,.2) 100%)!important;
  transform:translateY(-4px)!important;
  box-shadow:0 20px 42px rgba(10,29,61,.34)!important;
}
.ancha-titulo{
  flex:0 0 auto;
  font-size:19px!important;font-weight:700;color:#fff;line-height:1.2;
  text-shadow:none!important;
}
.category-grid .cat-ancha .cat-ej{
  flex:1 1 260px;
  max-height:none!important;opacity:1!important;margin:0!important;
  font-size:12.5px;color:rgba(255,255,255,.78);text-shadow:none;
  -webkit-line-clamp:unset;display:block;
}
.category-grid .cat-ancha .cat-go{
  flex:0 0 auto;
  max-height:none!important;opacity:.85!important;margin:0!important;
  font-size:11.5px;color:var(--gold);text-shadow:none;
}
.category-grid .cat-ancha:hover .cat-go{opacity:1!important}

@media(max-width:900px){
  /* Con dieciséis tarjetas, las dos últimas ocupan el ancho completo
     para que ninguna quede sola en su fila. */
  .category-grid .cat:nth-last-child(2){grid-column:1 / -1;min-height:126px!important}
  .category-grid .cat-ancha{
    flex-direction:column!important;align-items:flex-start;
    gap:9px;padding:20px!important;min-height:auto!important;
  }
  .ancha-titulo{font-size:16.5px!important}
  .category-grid .cat-ancha .cat-ej{flex:none;font-size:11.5px}
}
@media(max-width:400px){
  .ancha-titulo{font-size:15.5px!important}
  .category-grid .cat-ancha .cat-ej{font-size:11px}
}


/* ============================================================
   BLOQUE 20 · MENU MOVIL AMPLIADO
   Seis destinos con subtítulo, para que quien llega con prisa
   sepa a dónde va sin recorrer toda la página.
   ============================================================ */

@media(max-width:900px){
  .menu-movil{
    max-height:calc(100vh - 88px);
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }
  .menu-movil nav a{
    align-items:flex-start;gap:12px;
    padding:12px 13px!important;
  }
  .menu-movil nav a b{
    flex:none;padding-top:2px;
    font-size:9.5px!important;letter-spacing:.14em;
    color:var(--turquesa);
  }
  .menu-movil nav a i{display:block;font-style:normal;min-width:0}
  .menu-movil nav a strong{
    display:block;font-size:14.5px;font-weight:600;line-height:1.2;color:#fff;
  }
  .menu-movil nav a small{
    display:block;margin-top:2px;
    font-size:11px;font-weight:400;line-height:1.35;
    color:rgba(255,255,255,.52);
  }
  .menu-movil nav a:active b{color:var(--gold)}
}

/* Cuatro opciones caben bien en escritorio; en pantallas medias se aprieta */
@media(min-width:901px) and (max-width:1120px){
  nav.nav-anim{gap:22px}
  .nav-anim a{font-size:11.5px}
}

@media(prefers-reduced-motion:reduce){
  .menu-movil{scroll-behavior:auto}
}


/* ============================================================
   BLOQUE 21 · MENSAJE ABIERTO EN LA BANDA FINAL
   ============================================================ */

.ancha-abierta{
  display:block;margin-top:9px;
  font-size:13.5px;font-weight:600;line-height:1.45;
  color:#fff;
}
.ancha-abierta:before{
  content:"";display:inline-block;vertical-align:middle;
  width:22px;height:2px;margin:-2px 9px 0 0;border-radius:2px;
  background:linear-gradient(90deg,var(--morado),var(--gold));
}
.category-grid .cat-ancha .cat-go{
  font-size:13px;font-weight:800;letter-spacing:.05em;
  opacity:1!important;
  transition:transform .3s cubic-bezier(.2,.8,.2,1);
}
.category-grid .cat-ancha:hover .cat-go{transform:translateX(5px)}

@media(max-width:900px){
  .ancha-abierta{font-size:12.5px;margin-top:8px}
  .category-grid .cat-ancha .cat-go{font-size:12.5px}
}


/* ============================================================
   BLOQUE 22 · DOS CORRECCIONES
   1. El mensaje de bienvenida quedaba oculto por la regla que
      esconde los emojis de las tarjetas.
   2. Sobraba aire entre las categorías y la sección siguiente.
   ============================================================ */

.category-grid .cat-ancha .ancha-abierta{
  display:block!important;
  margin-top:9px;
  font-size:13.5px;font-weight:600;line-height:1.45;color:#fff;
  text-shadow:none;
}
.category-grid .cat-ancha .ancha-abierta:before{
  content:"";display:inline-block;vertical-align:middle;
  width:22px;height:2px;margin:-2px 9px 0 0;border-radius:2px;
  background:linear-gradient(90deg,var(--morado),var(--gold));
}

/* La banda final necesita respirar hacia dentro, no hacia fuera */
.categories{padding-bottom:105px}
@media(max-width:900px){
  .categories{padding-bottom:78px}
  .category-grid .cat-ancha .ancha-abierta{font-size:12.5px;margin-top:8px}
}


/* ============================================================
   BLOQUE 23 · SIN DESPLAZAMIENTO LATERAL
   Varias secciones tienen anillos decorativos que se salen
   del ancho de pantalla y creaban esa franja a la derecha.
   ============================================================ */

/* clip en lugar de hidden: contiene el desborde sin romper
   los elementos que quedan fijos al desplazarse. */
html{overflow-x:clip}
body{overflow-x:clip;max-width:100%}

.steps,.proof,.searching,.control,.signal,
.founder-band,.final-cta,.categories,.faq{overflow:hidden}

/* El recuadro flotante de la gráfica se salía en pantallas medias */
@media(max-width:1180px){
  .chart-badge{right:-6px}
}
@media(max-width:640px){
  .chart-badge{right:0}
  .seal{right:0}
}

/* Los óvalos de marcador no deben empujar el ancho */
.trust-row .marcador{max-width:none}
.trust-row.destacada{overflow:visible}


/* ============================================================
   BLOQUE 24 · FUERA LOS ANILLOS DECORATIVOS
   Cinco aros de borde grueso repartidos por la página. Además
   de ensuciar, eran la causa del desplazamiento lateral.
   ============================================================ */

.growth:before,
.steps:before,
.security:before,
.proof:before,
.journey-stage article:before{
  content:none!important;
  display:none!important;
}

/* Sin los aros, algunas secciones pueden respirar un poco menos */
.proof:before{animation:none!important}


/* ============================================================
   BLOQUE 25 · FUERA LAS TEXTURAS Y SELLO CON CARACTER
   ============================================================ */

/* Los abanicos del hero, fuera */
.leaf,.leaf-one,.leaf-two{display:none!important}

/* ─── El sello: de círculo plano a insignia de marca ─── */
.seal{
  width:148px!important;height:148px!important;
  display:grid!important;place-content:center;gap:1px;
  border-radius:50%;
  background:linear-gradient(142deg,#FFC93C 0%,var(--gold) 46%,#FF9838 100%)!important;
  color:var(--navy)!important;
  text-transform:none!important;
  transform:rotate(-7deg);
  box-shadow:0 18px 44px rgba(255,180,0,.42),
             0 0 0 7px rgba(255,180,0,.15),
             inset 0 -3px 12px rgba(255,120,0,.22)!important;
  transition:transform .45s cubic-bezier(.34,1.4,.5,1),box-shadow .45s;
  animation:selloFlota 5.5s ease-in-out infinite;
}
.seal-arriba{
  display:block;
  font-size:9.5px;font-weight:700;letter-spacing:.19em;
  text-transform:uppercase;color:rgba(10,29,61,.62);
}
.seal strong{
  display:block;
  font-family:'Caveat Brush',cursive;
  font-size:33px!important;font-weight:400;line-height:.94;
  letter-spacing:.005em;color:var(--navy);
}

@keyframes selloFlota{
  0%,100%{transform:rotate(-7deg) translateY(0)}
  50%    {transform:rotate(-5.5deg) translateY(-7px)}
}
.seal:hover{
  animation-play-state:paused;
  transform:rotate(0deg) scale(1.07);
  box-shadow:0 24px 56px rgba(255,180,0,.55),
             0 0 0 9px rgba(255,180,0,.22),
             inset 0 -3px 12px rgba(255,120,0,.22)!important;
}

@media(max-width:900px){
  .seal{width:122px!important;height:122px!important}
  .seal strong{font-size:27px!important}
  .seal-arriba{font-size:8.5px}
}
@media(prefers-reduced-motion:reduce){
  .seal{animation:none;transition:none;transform:rotate(-7deg)}
}