/*
Theme Name: Gasbel Financiera 2026
Theme URI: https://www.gasbelfinanciera.com/
Author: Grupo Guru
Author URI: https://www.gasbelfinanciera.com/
Description: Tema a la medida para GASBEL FINANCIERA, S.A. DE C.V., SOFOM, E.N.R. Slider panorámico 3D, animaciones de movimiento, simulador de crédito con solicitud en línea, SEO técnico completo (Schema.org, Open Graph, canonical, sitemap, IndexNow) y aviso de privacidad.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
License: Proprietary
Text Domain: gasbel
Tags: custom-menu, featured-images, translation-ready, one-column
*/

/* ==========================================================================
   Tokens
   ========================================================================== */
:root{
  --magenta:#E3168C;
  --magenta-2:#C40F78;
  --pink:#EE87B5;
  --sky:#4FA9DE;
  --blue:#0071BC;
  --purple:#2A0E4A;
  --purple-2:#4B1B7A;
  --violet:#7B2FBF;
  --ink:#1B1230;
  --text:#3E3A4B;
  --muted:#6D6E71;
  --line:#ECE6F3;
  --bg:#FFFFFF;
  --bg-soft:#FAF6FD;
  --white:#FFFFFF;
  --grad: linear-gradient(120deg,var(--magenta) 0%,var(--violet) 55%,var(--blue) 100%);
  --grad-dark: radial-gradient(1200px 600px at 10% -10%,#6a1f9e 0%,transparent 60%),radial-gradient(900px 500px at 110% 10%,#b3157a 0%,transparent 55%),linear-gradient(160deg,#1a0833 0%,#2A0E4A 60%,#14062a 100%);
  --radius:22px;
  --radius-sm:14px;
  --shadow:0 20px 60px -20px rgba(42,14,74,.35);
  --shadow-sm:0 8px 24px -10px rgba(42,14,74,.25);
  --font:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --container:1200px;
  --header-h:84px;
  --ease:cubic-bezier(.22,1,.36,1);
}

/* ==========================================================================
   Base
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);font-size:16px;line-height:1.7;color:var(--text);background:var(--bg);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
html,body{overflow-x:clip}
#contenido{overflow-x:clip;display:block}
.section,.trust,.hero{max-width:100vw}
a{color:var(--magenta);text-decoration:none;transition:color .2s}
a:hover{color:var(--violet)}
h1,h2,h3,h4{font-family:var(--font);color:var(--ink);line-height:1.15;margin:0 0 .6em;font-weight:700;letter-spacing:-.02em}
h1{font-size:clamp(2.3rem,5.4vw,4.6rem);font-weight:800}
h2{font-size:clamp(1.8rem,3.6vw,3rem)}
h3{font-size:clamp(1.2rem,1.8vw,1.5rem)}
p{margin:0 0 1em}
ul{margin:0 0 1em;padding-left:1.2em}
.serif{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:0}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:-999px;top:8px;z-index:1000;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px}
.skip-link:focus{left:8px}
:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:6px}
.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--magenta);padding:6px 14px;border-radius:999px;background:rgba(227,22,140,.08);border:1px solid rgba(227,22,140,.18);margin-bottom:18px}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--magenta);box-shadow:0 0 0 4px rgba(227,22,140,.18)}
.on-dark .eyebrow{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}
.on-dark .eyebrow::before{background:var(--pink)}
.section{padding:clamp(70px,9vw,130px) 0;position:relative}
.section--soft{background:var(--bg-soft)}
.section--dark{background:var(--grad-dark);color:#E9E2F5}
.section--dark h2,.section--dark h3{color:#fff}
.section-head{max-width:760px;margin:0 auto 56px;text-align:center}
.section-head p{color:var(--muted);font-size:1.08rem}
.section--dark .section-head p{color:#CFC4E2}

/* Buttons */
.btn{--bx:0px;--by:0px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font);font-weight:600;font-size:1rem;line-height:1;padding:17px 30px;border-radius:999px;border:0;cursor:pointer;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .3s;transform:translate(var(--bx),var(--by));text-decoration:none;white-space:nowrap}
.btn--primary{background:var(--grad);background-size:160% 100%;color:#fff;box-shadow:0 14px 34px -12px rgba(227,22,140,.6)}
.btn--primary:hover{color:#fff;background-position:100% 0;box-shadow:0 18px 40px -12px rgba(123,47,191,.6)}
.btn--ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(8px)}
.btn--ghost:hover{background:#fff;color:var(--purple)}
.btn--light{background:#fff;color:var(--purple)}
.btn--light:hover{color:var(--magenta)}
.btn--wa{background:#25D366;color:#fff;box-shadow:0 14px 30px -12px rgba(37,211,102,.7)}
.btn--wa:hover{color:#fff;background:#1fb457}
.btn svg{width:20px;height:20px;flex:none}
.btn .arrow{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.22);transition:transform .35s var(--ease)}
.btn:hover .arrow{transform:translateX(4px) rotate(-45deg)}

/* ==========================================================================
   Header
   ========================================================================== */
.topbar{background:var(--purple);color:#D9CDEB;font-size:.82rem}
.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:40px;flex-wrap:wrap}
.topbar a{color:#fff}
.topbar a:hover{color:var(--pink)}
.topbar__info{display:flex;gap:22px;flex-wrap:wrap}
.topbar__info span{display:inline-flex;gap:6px;align-items:center}
.topbar svg{width:14px;height:14px;fill:var(--pink)}
.admin-bar .site-header{top:32px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.82);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid transparent;transition:box-shadow .3s,border-color .3s}
.site-header.is-scrolled{box-shadow:0 10px 30px -18px rgba(42,14,74,.35);border-color:var(--line)}
.site-header .container{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);gap:24px}
.brand img{height:50px;width:auto}
.nav{display:flex;align-items:center;gap:6px}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px}
.nav li{position:relative}
.nav a{display:block;white-space:nowrap;padding:10px 14px;color:var(--ink);font-weight:500;font-size:.96rem;border-radius:999px;transition:background .2s,color .2s}
.nav a:hover,.nav .current-menu-item>a,.nav .current-menu-ancestor>a,.nav .current_page_item>a{color:var(--magenta);background:rgba(227,22,140,.07)}
.nav .menu-item-has-children>a::after{content:"";display:inline-block;width:7px;height:7px;margin-left:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg)}
.nav .sub-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:270px;flex-direction:column;background:#fff;border-radius:18px;padding:10px;box-shadow:var(--shadow);border:1px solid var(--line);opacity:0;visibility:hidden;transform:translateY(10px) scale(.98);transform-origin:top left;transition:all .3s var(--ease)}
.nav .sub-menu::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}
.nav li:hover>.sub-menu,.nav li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.nav .sub-menu a{border-radius:12px;padding:11px 14px}
.header-cta{display:flex;gap:10px;align-items:center}
.header-cta .btn{padding:13px 22px;font-size:.92rem}
.menu-toggle{display:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;position:relative}
.menu-toggle span,.menu-toggle span::before,.menu-toggle span::after{position:absolute;left:50%;top:50%;width:20px;height:2px;background:var(--ink);border-radius:2px;transition:transform .3s,background .3s;content:""}
.menu-toggle span{transform:translate(-50%,-50%)}
.menu-toggle span::before{transform:translate(-50%,-7px)}
.menu-toggle span::after{transform:translate(-50%,5px)}
.menu-open .menu-toggle span{background:transparent}
.menu-open .menu-toggle span::before{transform:translate(-50%,-1px) rotate(45deg)}
.menu-open .menu-toggle span::after{transform:translate(-50%,-1px) rotate(-45deg)}

/* ==========================================================================
   HERO — slider panorámico 3D
   ========================================================================== */
.hero{position:relative;min-height:calc(100svh - var(--header-h) - 40px);min-height:640px;overflow:hidden;background:#12052a;color:#fff;isolation:isolate}
.pano{position:absolute;inset:0;perspective:1400px;perspective-origin:50% 50%;z-index:-2}
.pano__ring{position:absolute;inset:0;transform-style:preserve-3d;transition:transform 1.6s var(--ease)}
.pano__panel{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;background:#12052a}
.pano__panel img{width:100%;height:100%;object-fit:cover;transform:scale(1.12);transition:transform 8s linear,filter 1.2s}
.pano__panel.is-active img{transform:scale(1.0)}
.pano__panel:not(.is-active) img{filter:brightness(.55) saturate(.8)}
.hero__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,6,42,.92) 0%,rgba(42,14,74,.72) 42%,rgba(42,14,74,.15) 75%,rgba(227,22,140,.12) 100%),linear-gradient(0deg,rgba(18,5,42,.6),transparent 40%)}
.hero__grain{position:absolute;inset:0;z-index:-1;opacity:.12;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.hero__inner{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:inherit;padding-top:90px;padding-bottom:210px;transition:transform .6s var(--ease)}
.hero__slide{max-width:720px;display:none}
.hero__slide.is-active{display:block}
.hero__slide h1,.hero__slide .h1{color:#fff;margin-bottom:22px;font-size:clamp(2.3rem,5.4vw,4.6rem);font-weight:800;line-height:1.05;letter-spacing:-.03em}
.hero__slide h1 .serif,.hero__slide .h1 .serif{color:var(--pink);font-size:1.08em}
.hero__slide p{font-size:clamp(1.02rem,1.4vw,1.2rem);color:#E2D8F2;max-width:560px;margin-bottom:34px}
.hero__actions{display:flex;gap:14px;flex-wrap:wrap}
.hero__controls{position:absolute;left:0;right:0;bottom:104px;z-index:3}
.hero__controls .container{display:flex;align-items:center;justify-content:space-between;gap:20px}
.hero__dots{display:flex;gap:12px;flex-wrap:wrap}
.hero__dot{position:relative;display:flex;align-items:center;gap:10px;background:none;border:0;color:#CDBFE3;font:500 .82rem var(--font);cursor:pointer;padding:6px 0;text-align:left}
.hero__dot b{display:block;width:54px;height:3px;border-radius:3px;background:rgba(255,255,255,.25);overflow:hidden;position:relative}
.hero__dot b::after{content:"";position:absolute;inset:0;background:var(--pink);transform:scaleX(0);transform-origin:left}
.hero__dot.is-active{color:#fff}
.hero__dot.is-active b::after{animation:dotfill var(--hero-delay,7s) linear forwards}
@keyframes dotfill{to{transform:scaleX(1)}}
.hero__arrows{display:flex;gap:10px}
.hero__arrow{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;display:grid;place-items:center;backdrop-filter:blur(6px);transition:background .25s,transform .25s}
.hero__arrow:hover{background:var(--magenta);border-color:var(--magenta);transform:scale(1.06)}
.hero__arrow svg{width:20px;height:20px}
.hero__badge{position:absolute;right:max(24px,calc((100vw - var(--container))/2 + 24px));top:50%;transform:translateY(-50%);z-index:2;width:190px;height:190px;border-radius:50%;display:grid;place-items:center;text-align:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(10px)}
.hero__badge strong{display:block;font-size:2.6rem;line-height:1;color:#fff;font-weight:800}
.hero__badge span{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#E2D8F2}
.hero__badge svg{position:absolute;inset:0;width:100%;height:100%;animation:spin 22s linear infinite}
.hero__badge text{fill:#fff;font:600 10.5px var(--font);letter-spacing:3px;text-transform:uppercase}
@keyframes spin{to{transform:rotate(360deg)}}
.scroll-cue{display:none;position:absolute;left:50%;bottom:110px;transform:translateX(-50%);width:26px;height:42px;border:2px solid rgba(255,255,255,.4);border-radius:14px;z-index:2}
.scroll-cue::after{content:"";position:absolute;left:50%;top:8px;width:4px;height:8px;border-radius:2px;background:#fff;transform:translateX(-50%);animation:cue 1.8s infinite}
@keyframes cue{0%{opacity:0;transform:translate(-50%,0)}40%{opacity:1}100%{opacity:0;transform:translate(-50%,14px)}}

/* Split text / magnific text */
.split .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.split .w>span{display:inline-block;transform:translateY(110%) rotate(6deg);opacity:0;transition:transform 1s var(--ease),opacity 1s var(--ease);transition-delay:calc(var(--i)*55ms)}
.split.is-in .w>span{transform:none;opacity:1}
.magnify{--mx:50%;--my:50%;position:relative}
.magnify-lens{position:relative;display:inline-block;background:linear-gradient(90deg,var(--ink),var(--ink)) no-repeat;-webkit-background-clip:text;background-clip:text}
.text-reveal{background:linear-gradient(90deg,var(--ink) 0 50%,#D7CCE4 50% 100%);background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;transition:background-position 1.4s var(--ease)}
.text-reveal.is-in{background-position:0 0}
.section--dark .text-reveal{background-image:linear-gradient(90deg,#fff 0 50%,rgba(255,255,255,.25) 50% 100%)}

/* Reveal on scroll */
[data-reveal]{opacity:0;transform:translateY(40px);transition:opacity 1s var(--ease),transform 1s var(--ease);transition-delay:var(--d,0ms)}
[data-reveal="left"]{transform:translateX(-50px)}
[data-reveal="right"]{transform:translateX(50px)}
[data-reveal="zoom"]{transform:scale(.92)}
[data-reveal].is-in{opacity:1;transform:none}

/* ==========================================================================
   Marquee / trust strip
   ========================================================================== */
.trust{position:relative;z-index:4;margin-top:-70px}
.trust__grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--line)}
.trust__item{padding:30px 26px;display:flex;gap:16px;align-items:flex-start;border-right:1px solid var(--line);transition:background .3s}
.trust__item:last-child{border-right:0}
.trust__item:hover{background:var(--bg-soft)}
.trust__icon{flex:none;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--grad);color:#fff;box-shadow:0 10px 20px -10px rgba(227,22,140,.7)}
.trust__icon svg{width:26px;height:26px}
.trust__item h2,.trust__item h3{font-size:1rem;margin:0 0 4px}
.trust__item p{font-size:.88rem;color:var(--muted);margin:0;line-height:1.5}

.marquee{overflow:hidden;white-space:nowrap;padding:26px 0;border-block:1px solid var(--line);background:#fff;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee__track{display:inline-flex;gap:56px;animation:marquee 38s linear infinite;padding-left:56px}
.marquee__track span{font-size:clamp(1.4rem,3vw,2.4rem);font-weight:800;color:transparent;-webkit-text-stroke:1.2px #CDBFE0;letter-spacing:-.02em;display:inline-flex;align-items:center;gap:56px}
.marquee__track span::after{content:"✦";color:var(--magenta);-webkit-text-stroke:0;font-size:.6em}
.marquee__track span:nth-child(3n+1){color:var(--ink);-webkit-text-stroke:0}
@keyframes marquee{to{transform:translateX(-50%)}}

/* ==========================================================================
   About / split
   ========================================================================== */
.split-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(40px,6vw,90px);align-items:center}
.media-stack{position:relative;aspect-ratio:4/4.4}
.media-stack__main{position:absolute;inset:0 18% 12% 0;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}
.media-stack__main img{width:100%;height:100%;object-fit:cover;transform:scale(1.15);will-change:transform}
.media-stack__sub{position:absolute;right:0;bottom:0;width:48%;aspect-ratio:1;border-radius:24px;overflow:hidden;border:8px solid #fff;box-shadow:var(--shadow)}
.media-stack__sub img{width:100%;height:100%;object-fit:cover}
.media-stack__chip{position:absolute;left:-14px;bottom:20%;background:#fff;border-radius:18px;padding:16px 20px;box-shadow:var(--shadow);display:flex;gap:14px;align-items:center;animation:float 6s ease-in-out infinite}
.media-stack__chip strong{font-size:1.8rem;line-height:1;color:var(--magenta);font-weight:800}
.media-stack__chip>span{font-size:.8rem;line-height:1.3;color:var(--muted)}
@keyframes float{50%{transform:translateY(-12px)}}
.values{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 32px;padding:0;list-style:none}
.values li{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:500;font-size:.92rem;color:var(--ink);transition:transform .3s var(--ease),border-color .3s}
.values li:hover{transform:translateY(-3px);border-color:var(--pink)}
.values li::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--grad) center/100%;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/></svg>") center/contain no-repeat}
.lead{font-size:1.12rem;color:var(--text)}

/* Stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.stat{padding:34px 26px;border-radius:var(--radius);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);text-align:left}
.stat strong{display:block;font-size:clamp(2.4rem,4.4vw,3.6rem);font-weight:800;line-height:1;color:#fff;letter-spacing:-.03em}
.stat strong em{font-style:normal;background:linear-gradient(90deg,var(--pink),var(--sky));-webkit-background-clip:text;background-clip:text;color:transparent}
.stat span{display:block;margin-top:10px;color:#CFC4E2;font-size:.95rem}

/* ==========================================================================
   Services — carrusel 3D coverflow
   ========================================================================== */
.coverflow{position:relative;perspective:1600px;height:560px;margin-top:10px;user-select:none;touch-action:pan-y}
.coverflow__track{position:absolute;inset:0;transform-style:preserve-3d}
.svc-card{position:absolute;left:50%;top:0;width:min(380px,82vw);margin-left:calc(min(380px,82vw)/-2);height:520px;border-radius:28px;overflow:hidden;background:#fff;box-shadow:var(--shadow);transition:transform .9s var(--ease),opacity .9s var(--ease),filter .9s;cursor:pointer;display:flex;flex-direction:column;color:var(--text)}
.svc-card__media{position:relative;height:250px;overflow:hidden}
.svc-card__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.svc-card:hover .svc-card__media img{transform:scale(1.08)}
.svc-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(42,14,74,.7))}
.svc-card__tag{position:absolute;left:18px;top:18px;z-index:2;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--purple)}
.svc-card__num{position:absolute;right:18px;bottom:10px;z-index:2;font-size:3.6rem;font-weight:800;color:rgba(255,255,255,.9);line-height:1;letter-spacing:-.04em}
.svc-card__body{padding:26px 26px 28px;display:flex;flex-direction:column;flex:1}
.svc-card__body h3{margin-bottom:8px}
.svc-card__body p{color:var(--muted);font-size:.95rem;margin-bottom:18px}
.svc-card__body .link{margin-top:auto;font-weight:600;display:inline-flex;align-items:center;gap:8px}
.svc-card__body .link::after{content:"→";transition:transform .3s}
.svc-card:hover .link::after{transform:translateX(5px)}
.coverflow__nav{display:flex;justify-content:center;gap:12px;margin-top:26px}
.coverflow__nav button{width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;display:grid;place-items:center;transition:all .25s;color:var(--ink)}
.coverflow__nav button:hover{background:var(--magenta);color:#fff;border-color:var(--magenta)}
.coverflow__nav svg{width:20px;height:20px}
.coverflow__dots{display:flex;gap:8px;align-items:center;margin:0 10px}
.coverflow__dots i{width:8px;height:8px;border-radius:999px;background:#D9CDE8;transition:all .3s}
.coverflow__dots i.is-active{width:28px;background:var(--magenta)}

/* Service grid (servicios page) */
.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px}
.svc-grid .svc-card{position:relative;left:auto;margin:0;width:auto;height:auto}
.tilt{transform-style:preserve-3d;transition:transform .5s var(--ease)}
.tilt-inner{transform:translateZ(30px)}

/* ==========================================================================
   Simulador (estilo Financiera Independencia)
   ========================================================================== */
.sim{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start}
.sim__card{background:#fff;border-radius:28px;box-shadow:var(--shadow);border:1px solid var(--line);overflow:hidden}
.sim__head{padding:26px 30px;background:var(--grad);color:#fff}
.sim__head h3{color:#fff;margin:0;font-size:1.35rem}
.sim__head p{margin:4px 0 0;opacity:.9;font-size:.92rem}
.sim__body{padding:28px 30px 30px}
.sim__step{margin-bottom:28px}
.sim__label{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--ink);margin-bottom:14px}
.sim__label i{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(227,22,140,.1);color:var(--magenta);font-style:normal;font-size:.85rem;font-weight:700}
.chips{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.chip{position:relative}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip span{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;cursor:pointer;font-size:.92rem;font-weight:500;color:var(--text);transition:all .25s;line-height:1.3;height:100%}
.chip span::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;border:2px solid #CFC2DF;transition:all .25s}
.chip input:checked+span{border-color:var(--magenta);background:rgba(227,22,140,.05);color:var(--ink)}
.chip input:checked+span::before{border:6px solid var(--magenta)}
.chip input:focus-visible+span{outline:3px solid var(--sky);outline-offset:2px}
.amount{text-align:center;margin:6px 0 12px}
.amount output{display:block;font-size:clamp(2.2rem,5vw,3rem);font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1.1}
.amount small{color:var(--muted)}
.range-wrap{display:flex;align-items:center;gap:12px}
.range-btn{flex:none;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--line);background:#fff;font-size:1.2rem;font-weight:600;color:var(--magenta);cursor:pointer;line-height:1}
.range-btn:hover{background:var(--magenta);color:#fff;border-color:var(--magenta)}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:8px;background:linear-gradient(90deg,var(--magenta) var(--p,50%),#EEE6F6 var(--p,50%));outline:none}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:6px solid var(--magenta);box-shadow:0 4px 12px rgba(227,22,140,.4);cursor:grab}
input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:6px solid var(--magenta);cursor:grab}
.range-scale{display:flex;justify-content:space-between;font-size:.78rem;color:var(--muted);margin-top:6px;padding:0 50px}
.sim__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:.82rem;font-weight:600;color:var(--ink)}
.field input,.field select,.field textarea{font:inherit;font-size:.95rem;padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);transition:border-color .2s,box-shadow .2s;width:100%}
.field select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23E3168C'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:22px;padding-right:40px}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--magenta);box-shadow:0 0 0 4px rgba(227,22,140,.12)}
.field textarea{min-height:120px;resize:vertical}
.sim__result{position:sticky;top:calc(var(--header-h) + 20px);background:var(--grad-dark);color:#fff;border-radius:28px;padding:32px;box-shadow:var(--shadow);overflow:hidden}
.sim__result::before{content:"";position:absolute;width:300px;height:300px;right:-120px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(238,135,181,.45),transparent 70%)}
.sim__result h3{color:#fff;font-size:1.05rem;font-weight:600;opacity:.9;margin-bottom:6px}
.sim__pay{font-size:clamp(2.4rem,5vw,3.4rem);font-weight:800;line-height:1;letter-spacing:-.03em;margin:4px 0 6px}
.sim__pay small{font-size:1rem;font-weight:500;opacity:.8;letter-spacing:0}
.sim__list{list-style:none;padding:0;margin:22px 0;display:grid;gap:10px}
.sim__list li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px dashed rgba(255,255,255,.18);font-size:.93rem}
.sim__list li b{color:#fff}
.sim__cat{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:16px 18px;font-size:.82rem;line-height:1.55;color:#E2D8F2}
.sim__cat strong{color:var(--pink);font-size:1.15rem;font-weight:800}
.sim__actions{display:grid;gap:12px;margin-top:22px}
.sim__actions .btn{width:100%}
.linklike{background:none;border:0;color:#fff;text-decoration:underline;cursor:pointer;font:500 .9rem var(--font);padding:4px}
.sim__note{font-size:.76rem;color:var(--muted);margin-top:14px;line-height:1.5}

/* Stepper de solicitud */
.stepper{display:flex;gap:8px;margin-bottom:24px}
.stepper span{flex:1;height:5px;border-radius:5px;background:#EEE6F6;position:relative;overflow:hidden}
.stepper span.is-done::after{content:"";position:absolute;inset:0;background:var(--grad)}
.form-step{display:none;animation:stepIn .6s var(--ease)}
.form-step.is-active{display:block}
@keyframes stepIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-grid .full{grid-column:1/-1}
.check{display:flex;gap:12px;align-items:flex-start;font-size:.88rem;color:var(--text);line-height:1.5}
.check input{margin-top:3px;width:20px;height:20px;accent-color:var(--magenta);flex:none}
.form-actions{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:22px;flex-wrap:wrap}
.hp{position:absolute!important;left:-9999px!important}
.alert{padding:16px 20px;border-radius:14px;margin-bottom:20px;font-weight:500}
.alert--ok{background:#E8FBF0;color:#0E6B39;border:1px solid #BDEFD2}
.alert--err{background:#FFF0F4;color:#A1123F;border:1px solid #FFD0DD}

/* Modal amortización */
.modal{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(20,6,42,.6);backdrop-filter:blur(6px)}
.modal.is-open{display:flex}
.modal__box{background:#fff;border-radius:24px;max-width:760px;width:100%;max-height:86vh;overflow:auto;padding:28px;box-shadow:var(--shadow);animation:stepIn .5s var(--ease)}
.modal__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.modal__close{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:1.4rem;cursor:pointer}
.table{width:100%;border-collapse:collapse;font-size:.88rem}
.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:right}
.table th:first-child,.table td:first-child{text-align:center}
.table thead th{position:sticky;top:-28px;background:var(--bg-soft);color:var(--ink);font-weight:600}

/* ==========================================================================
   Páginas interiores
   ========================================================================== */
.page-hero{position:relative;padding:clamp(90px,12vw,170px) 0 clamp(70px,9vw,120px);background:var(--grad-dark);color:#fff;overflow:hidden;isolation:isolate}
.page-hero__bg{position:absolute;inset:-10% 0;z-index:-2;background-size:cover;background-position:center;opacity:.35;will-change:transform}
.page-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(26,8,51,.95),rgba(42,14,74,.65) 60%,rgba(227,22,140,.25))}
.page-hero h1{color:#fff;max-width:900px;margin-bottom:16px}
.page-hero p{color:#E2D8F2;max-width:640px;font-size:1.12rem;margin:0}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 22px;font-size:.88rem;color:#CFC4E2}
.breadcrumbs a{color:#fff}
.breadcrumbs li+li::before{content:"/";margin-right:8px;opacity:.5}
.page-hero__orb{position:absolute;right:-120px;bottom:-200px;width:520px;height:520px;border-radius:50%;background:conic-gradient(from 0deg,var(--magenta),var(--violet),var(--blue),var(--pink),var(--magenta));filter:blur(70px);opacity:.45;z-index:-1;animation:spin 18s linear infinite}

.product-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(36px,6vw,80px);align-items:center}
.product-intro__img{border-radius:28px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3.4;position:relative}
.product-intro__img img{width:100%;height:100%;object-fit:cover}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0 30px}
.fact{padding:18px;border-radius:18px;background:var(--bg-soft);border:1px solid var(--line)}
.fact small{display:block;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}
.fact b{display:block;color:var(--ink);font-size:1.05rem;line-height:1.3;margin-top:6px}
.check-list{list-style:none;padding:0;margin:0 0 1em;display:grid;gap:12px}
.check-list li{position:relative;padding-left:34px;line-height:1.55}
.check-list li::before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:var(--grad);box-shadow:0 6px 14px -6px rgba(227,22,140,.6)}
.check-list li::after{content:"";position:absolute;left:7px;top:8px;width:8px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.cards-2{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.req-card{background:#fff;border-radius:var(--radius);padding:34px;border:1px solid var(--line);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s}
.req-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.req-card::before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:var(--grad)}
.req-card h3{display:flex;align-items:center;gap:12px}
.req-card h3 span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(227,22,140,.1);color:var(--magenta)}
.req-card h3 svg{width:22px;height:22px}
.benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.benefit{padding:26px;border-radius:20px;background:#fff;border:1px solid var(--line);transition:transform .4s var(--ease),border-color .3s}
.benefit:hover{transform:translateY(-5px);border-color:var(--pink)}
.benefit .ico{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:var(--grad);color:#fff;margin-bottom:16px}
.benefit .ico svg{width:24px;height:24px}
.benefit h3{font-size:1.08rem;margin-bottom:6px}
.benefit p{margin:0;color:var(--muted);font-size:.93rem}

/* Costos y comisiones */
.costs{max-width:980px;margin:0 auto;background:#fff;border-radius:30px;box-shadow:var(--shadow);padding:clamp(28px,5vw,56px);text-align:center;border:1px solid var(--line);position:relative;overflow:hidden}
.costs::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--grad)}
.costs h2{color:var(--magenta)}
.rate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:26px 0 30px}
.rate{padding:26px 20px;border-radius:22px;background:var(--bg-soft);border:1px solid var(--line)}
.rate small{display:block;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
.rate strong{display:block;font-size:clamp(2.6rem,6vw,3.8rem);font-weight:800;line-height:1.05;color:var(--magenta);letter-spacing:-.03em;margin:8px 0 4px}
.rate span{font-size:.88rem;color:var(--text)}
.rate--cat strong{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.costs__dates{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:6px 0 20px}
.costs__dates span{padding:9px 16px;border-radius:999px;background:rgba(227,22,140,.07);color:var(--ink);font-size:.9rem;font-weight:500}
.legal{font-size:.9rem;color:var(--muted);line-height:1.7;max-width:820px;margin:0 auto 14px}
.costs .btn{margin-top:16px}
.cond-table{width:100%;border-collapse:separate;border-spacing:0;margin:10px 0 26px;text-align:left;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.cond-table th,.cond-table td{padding:16px 20px;border-bottom:1px solid var(--line)}
.cond-table tr:last-child td,.cond-table tr:last-child th{border-bottom:0}
.cond-table th{width:42%;background:var(--bg-soft);color:var(--ink);font-weight:600}
.cond-table td b{color:var(--magenta);font-size:1.15rem}

/* CTA band */
.cta-band{position:relative;border-radius:32px;overflow:hidden;padding:clamp(40px,6vw,70px);background:var(--grad-dark);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;isolation:isolate}
.cta-band::after{content:"";position:absolute;right:-80px;top:-120px;width:420px;height:420px;border-radius:50%;background:conic-gradient(var(--magenta),var(--violet),var(--blue),var(--magenta));filter:blur(60px);opacity:.5;z-index:-1;animation:spin 16s linear infinite}
.cta-band h2{color:#fff;margin:0 0 6px}
.cta-band p{margin:0;color:#E2D8F2}
.cta-band__actions{display:flex;gap:12px;flex-wrap:wrap}

/* Contact */
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:start}
.contact-cards{display:grid;gap:16px}
.contact-card{display:flex;gap:16px;padding:22px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform .4s var(--ease)}
.contact-card:hover{transform:translateX(6px)}
.contact-card .ico{flex:none;width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:var(--grad);color:#fff}
.contact-card .ico svg{width:22px;height:22px}
.contact-card h3{font-size:1rem;margin:0 0 4px}
.contact-card p{margin:0;font-size:.93rem;color:var(--muted)}
.contact-card a{color:var(--ink);font-weight:500}
.form-card{background:#fff;border-radius:28px;padding:clamp(24px,4vw,40px);box-shadow:var(--shadow);border:1px solid var(--line)}
.map{border-radius:24px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm);margin-top:16px;aspect-ratio:16/10}
.map iframe{width:100%;height:100%;border:0;display:block}

/* FAQ */
.faq{max-width:860px;margin:0 auto;display:grid;gap:12px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:0 24px;transition:box-shadow .3s}
.faq details[open]{box-shadow:var(--shadow-sm)}
.faq summary{cursor:pointer;list-style:none;padding:20px 30px 20px 0;font-weight:600;color:var(--ink);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--magenta);transition:transform .3s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq details p{padding-bottom:20px;margin:0;color:var(--muted)}

/* Prose (legal / blog) */
.prose{max-width:860px;margin:0 auto}
.prose h2{font-size:clamp(1.4rem,2.4vw,1.9rem);margin-top:1.8em}
.prose h3{margin-top:1.4em}
.prose li{margin-bottom:.4em}
.prose .card{background:var(--bg-soft);border:1px solid var(--line);border-radius:18px;padding:22px 26px;margin:20px 0}

/* Blog */
.posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px}
.post-card{background:#fff;border-radius:24px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform .4s var(--ease),box-shadow .4s;display:flex;flex-direction:column}
.post-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.post-card__img{aspect-ratio:16/10;overflow:hidden;background:var(--grad)}
.post-card__img img{width:100%;height:100%;object-fit:cover}
.post-card__body{padding:24px;display:flex;flex-direction:column;flex:1}
.post-card__body time{font-size:.8rem;color:var(--muted)}
.post-card__body h2,.post-card__body h3{font-size:1.2rem;margin:8px 0 10px}
.post-card__body h2 a,.post-card__body h3 a{color:var(--ink)}
.pagination{display:flex;gap:8px;justify-content:center;margin-top:40px}
.pagination .page-numbers{padding:10px 16px;border-radius:12px;border:1px solid var(--line);color:var(--ink)}
.pagination .current{background:var(--magenta);color:#fff;border-color:var(--magenta)}

/* ==========================================================================
   Footer
   ========================================================================== */
.site-footer{background:#160829;color:#BFB3D3;font-size:.92rem;position:relative;overflow:hidden}
.site-footer::before{content:"";position:absolute;left:-200px;top:-200px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(123,47,191,.35),transparent 70%)}
.footer-main{position:relative;display:grid;grid-template-columns:1.3fr 1fr .9fr .7fr .9fr;gap:36px;padding:80px 0 50px}
.site-footer h2{color:#fff;font-size:1.02rem;margin-bottom:18px;font-weight:600;letter-spacing:0}
.site-footer a{color:#E2D8F2}
.site-footer a:hover{color:var(--pink)}
.footer-brand img{height:52px;width:auto;margin-bottom:18px}
.footer-une{margin-top:18px;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);font-size:.86rem;line-height:1.6}
.footer-une strong{color:#fff;display:block;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.footer-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.footer-list li{display:flex;gap:10px;align-items:flex-start}
.footer-list svg{width:16px;height:16px;flex:none;margin-top:4px;fill:var(--pink)}
.social{display:flex;gap:10px;margin-top:18px}
.social a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);transition:all .25s}
.social a:hover{background:var(--magenta);border-color:var(--magenta);transform:translateY(-3px)}
.social svg{width:18px;height:18px;fill:#fff}
.footer-reg{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.footer-reg a{display:block;background:#fff;border-radius:14px;padding:10px 12px}
.footer-reg img{height:64px;width:auto}
.footer-legal{position:relative;border-top:1px solid rgba(255,255,255,.1);padding:24px 0 30px;font-size:.84rem;text-align:center}
.footer-legal p{margin:0 0 8px}
.footer-legal .links{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center}
.footer-legal .links a{color:var(--pink)}
.footer-disclaimer{font-size:.78rem;color:#9D90B4;max-width:980px;margin:12px auto 0;line-height:1.6}

/* Floating WhatsApp */
.wa-float{position:fixed;right:22px;bottom:22px;z-index:200;width:62px;height:62px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 14px 30px -8px rgba(37,211,102,.7);transition:transform .3s}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:32px;height:32px;fill:#fff}
.wa-float::before{content:"";position:absolute;inset:0;border-radius:50%;background:#25D366;animation:pulse 2.2s infinite;z-index:-1}
@keyframes pulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.7);opacity:0}}

/* Progress bar + cursor glow */
.progress{position:fixed;left:0;top:0;height:3px;width:100%;background:var(--grad);transform-origin:left;transform:scaleX(0);z-index:400}
.cursor-glow{position:fixed;left:0;top:0;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(227,22,140,.12),transparent 65%);transform:translate(-50%,-50%);transition:opacity .3s;opacity:0}

/* WordPress core */
.alignleft{float:left;margin:0 1.5em 1em 0}
.alignright{float:right;margin:0 0 1em 1.5em}
.aligncenter{margin-left:auto;margin-right:auto}
.wp-caption-text{font-size:.85rem;color:var(--muted)}
.entry-content>.wp-block-html:first-child{margin-top:0}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:1100px){
  .footer-main{grid-template-columns:1fr 1fr 1fr}
  .footer-brand{grid-column:1/-1}
  .hero__badge{display:none}
}
@media (max-width:960px){
  :root{--header-h:72px}
  .menu-toggle{display:block}
  .nav{position:absolute;left:0;right:0;top:100%;height:calc(100vh - var(--header-h));height:calc(100dvh - var(--header-h));background:#fff;flex-direction:column;align-items:stretch;padding:20px 24px 40px;overflow:auto;transform:translateX(100%);transition:transform .45s var(--ease);z-index:99}
  .menu-open .nav{transform:none}
  .nav ul{flex-direction:column;gap:2px}
  .nav a{font-size:1.1rem;padding:14px 12px;border-radius:12px;white-space:normal}
  .nav .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 0 14px;min-width:0;background:transparent}
  .nav .menu-item-has-children>a::after{display:none}
  .header-cta .btn--primary{display:none}
  .topbar__info span.hide-sm{display:none}
  .split-grid,.product-intro,.sim,.contact-grid,.cards-2{grid-template-columns:1fr}
  .trust__grid{grid-template-columns:1fr 1fr}
  .trust__item:nth-child(2){border-right:0}
  .trust__item:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .stats{grid-template-columns:1fr 1fr}
  .sim__result{position:relative;top:0}
  .facts{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width:640px){
  .container{padding:0 16px}
  .topbar{display:none}
  .brand img{height:40px}
  .hero{min-height:600px}
  .hero__inner{padding-top:56px;padding-bottom:190px}
  .hero__controls{bottom:92px}
  .hero__dot{font-size:0;gap:0}
  .hero__dot b{width:34px}
  .hero__arrows{display:none}
  .scroll-cue{display:none}
  .trust__grid{grid-template-columns:1fr}
  .trust__item{border-right:0;border-bottom:1px solid var(--line)}
  .stats{grid-template-columns:1fr}
  .chips,.sim__row,.form-grid{grid-template-columns:1fr}
  .facts{grid-template-columns:1fr}
  .footer-main{grid-template-columns:1fr}
  .coverflow{height:540px}
  .sim__body,.sim__head{padding-left:20px;padding-right:20px}
  .range-scale{padding:0}
  .media-stack__chip{left:0}
  .cta-band{border-radius:24px}
  .table{font-size:.78rem}
  .table th,.table td{padding:8px 6px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  [data-reveal],.split .w>span{opacity:1!important;transform:none!important}
}
@media print{
  .site-header,.topbar,.wa-float,.hero__controls,.progress,.cursor-glow{display:none!important}
}