@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/barlow-400-v1.woff2) format('woff2');}
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/barlow-500-v1.woff2) format('woff2');}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-600-v1.woff2) format('woff2');}
@font-face{font-family:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-700-v1.woff2) format('woff2');}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-condensed-600-v1.woff2) format('woff2');}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-condensed-700-v1.woff2) format('woff2');}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/barlow-condensed-800-v1.woff2) format('woff2');}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/barlow-condensed-900-v1.woff2) format('woff2');}
@font-face{font-family:'Barlow Fallback';font-style:normal;font-weight:400;src:local('Arial'),local('Liberation Sans'),local('Helvetica');size-adjust:96%;ascent-override:104.2%;descent-override:20.8%;line-gap-override:0%;}
@font-face{font-family:'Barlow Condensed Fallback';font-style:normal;font-weight:700;src:local('Arial Bold'),local('Arial-BoldMT'),local('Liberation Sans Bold'),local('Helvetica-Bold');size-adjust:79%;ascent-override:126.6%;descent-override:25.3%;line-gap-override:0%;}

:root{
  --red:#E11E0E; --red-deep:#C91408; --orange:#EA6E63;
  --dark:#1B1A1A; --ink:#26251F; --muted:#66655F; --faint:#B7B5AE;
  --border:#E7E4DC; --surface:#F5F3EE; --white:#FFFFFF; --paper:#FCFBF8;
  --ink-deep:#161514; --danger:#C62828; --red-tint:#FFF6F5;
  --green:#2E7D32; --green-bg:#E8F5E9;
  /* escala tipográfica cerrada (8 pasos) */
  --fs-xs:12px; --fs-sm:14px; --fs-base:16px; --fs-lg:18px; --fs-xl:22px; --fs-2xl:28px; --fs-3xl:clamp(30px,4vw,44px); --fs-hero:clamp(40px,5.6vw,64px);
  /* radios: 4 / 12 / 20 / círculo y píldora */
  --r-xs:4px; --r-md:12px; --r-lg:20px;
  --radius:20px; --radius-sm:12px;
  --ease-out:cubic-bezier(.2,.7,.2,1);
  --shadow-sm:0 2px 10px rgba(20,18,10,.06);
  --shadow-md:0 14px 40px rgba(20,18,10,.10);
  --shadow-lg:0 30px 80px rgba(20,18,10,.18);
  --shadow-red:0 14px 36px rgba(225,30,14,.30);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:focus-visible{outline:3px solid var(--dark);outline-offset:3px;border-radius:var(--r-xs);}
:where(.steps-section,.cta-section,.site-footer) :focus-visible{outline-color:var(--white);}
.skip-link{position:absolute;left:12px;top:-60px;z-index:200;background:var(--dark);color:var(--white);padding:14px 20px;border-radius:var(--r-md);font-weight:700;}
.skip-link:focus{top:12px;color:var(--white);}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth;}}
body{font-family:'Barlow','Barlow Fallback',-apple-system,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-wrap:pretty;}
h1,h2,h3{text-wrap:balance;}
html,body{overflow-x:clip;}
html{-webkit-text-size-adjust:100%;}
a{color:var(--red);text-decoration:none;}
a:hover{color:var(--red-deep);}
h1,h2,h3{font-family:'Barlow Condensed','Barlow Condensed Fallback',sans-serif;letter-spacing:-.01em;}
img{max-width:100%;display:block;}
button{font-family:inherit;}

.container{max-width:1180px;margin:0 auto;padding:0 28px;}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:'Barlow Condensed','Barlow Condensed Fallback',sans-serif;font-weight:800;font-size:var(--fs-base);letter-spacing:.02em;text-transform:uppercase;padding:16px 32px;border-radius:var(--r-md);border:none;cursor:pointer;transition:transform .16s var(--ease-out), box-shadow .16s var(--ease-out), background .16s var(--ease-out), color .16s var(--ease-out);white-space:nowrap;}
.btn-primary{background:var(--red);color:var(--white);box-shadow:var(--shadow-red);}
.btn-primary:hover{background:var(--red-deep);transform:translateY(-2px);box-shadow:0 18px 44px rgba(225,30,14,.4);}
.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm);}
.btn-ghost{background:transparent;color:var(--ink);border:2px solid var(--border);}
.btn-ghost:hover{border-color:var(--ink);background:var(--surface);}
.btn-outline-white{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.32);}
.btn-outline-white:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.6);}
.btn-sm{padding:8px 20px;font-size:var(--fs-sm);border-radius:var(--r-md);}

/* eyebrow tag */
.tag{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:8px 16px 8px 12px;border-radius:100px;background:rgba(225,30,14,.08);color:var(--red-deep);border:1px solid rgba(225,30,14,.18);}

/* nav */
.nav-wrap{position:sticky;top:0;z-index:100;background:var(--paper);border-bottom:3px solid var(--dark);}
.nav-inner{max-width:1180px;margin:0 auto;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.nav-logo{display:flex;align-items:center;gap:8px;}
.nav-logo img{height:38px;width:auto;display:block;}
.nav-links{display:flex;align-items:center;gap:32px;}
.nav-link{font-family:'Barlow Condensed','Barlow Condensed Fallback',sans-serif;font-size:var(--fs-base);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);transition:color .15s var(--ease-out);}
.nav-link:hover{color:var(--ink);}
.nav-cta{display:flex;align-items:center;gap:12px;}
.mobile-toggle{display:none;background:transparent;border:1.5px solid var(--border);border-radius:var(--r-md);padding:8px;color:var(--ink);cursor:pointer;}
.mobile-menu{display:none;flex-direction:column;gap:4px;padding:8px 28px 20px;border-top:1px solid var(--border);background:var(--white);}
.mobile-menu.open{display:flex;}
.mobile-menu a{padding:12px 4px;font-weight:600;font-size:var(--fs-base);color:var(--ink);border-bottom:1px solid var(--border);}
.mobile-menu a:last-child{border-bottom:none;}
.mobile-menu a.mobile-menu-buy{display:none;margin-top:16px;width:100%;border-bottom:none;color:var(--white);padding:16px 20px;}

/* hero */
.hero{max-width:1180px;margin:0 auto;padding:76px 28px 84px;display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;position:relative;}
.hero-left{position:relative;z-index:1;}
.hero-title{font-size:var(--fs-hero);font-weight:900;line-height:1.03;letter-spacing:-.02em;margin:20px 0 20px;color:var(--dark);}
.hero-title .accent{color:var(--red);}
.hero-body{font-size:var(--fs-lg);line-height:1.65;color:var(--muted);max-width:480px;margin-bottom:32px;}
.hero-body strong{color:var(--ink);}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:28px;min-height:56px;}
.hero-proof{display:flex;align-items:center;gap:12px;font-size:var(--fs-sm);color:var(--muted);font-weight:600;}
.hero-proof-line{width:28px;height:2px;background:var(--border);flex-shrink:0;}

/* hero visual / mock device */
.hero-visual{position:relative;z-index:1;}
.device{background:var(--white);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--border);border-top:6px solid var(--dark);}
.device-body{padding:24px;background:var(--surface);}
.device-eyebrow{font-size:var(--fs-xs);font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;}

.lbl{background:var(--white);border:2px solid var(--dark);border-radius:var(--r-xs);overflow:hidden;box-shadow:var(--shadow-sm);font-family:Arial,Helvetica,sans-serif;color:var(--ink-deep);}
.lbl-hdr{background:var(--ink-deep);color:var(--white);display:flex;align-items:stretch;justify-content:space-between;}
.lbl-hdr-name{font-size:var(--fs-sm);font-weight:900;padding:8px 8px 8px 8px;letter-spacing:.01em;flex:1;}
.lbl-hdr-tag{font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;background:rgba(255,255,255,.16);border-left:1px solid rgba(255,255,255,.28);display:flex;align-items:center;padding:0 8px;white-space:nowrap;}
.lbl-body{padding:8px 12px 4px;font-size:var(--fs-xs);line-height:1.75;}
.lbl-alerg{display:flex;flex-wrap:wrap;gap:4px;padding:4px 8px 8px;}
.lbl-chip{border:1.5px solid var(--ink-deep);border-radius:var(--r-xs);padding:1px 8px;font-size:var(--fs-xs);font-weight:800;letter-spacing:.02em;}
.lbl-ftr{border-top:1.5px solid var(--ink-deep);padding:8px 8px 8px;text-align:center;}
.lbl-cad-label{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);}
.lbl-cad-date{font-size:var(--fs-lg);font-weight:900;color:var(--red-deep);line-height:1.1;}

.device-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;}
.device-print{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:var(--white);font-size:var(--fs-xs);font-weight:700;padding:8px 16px;border-radius:var(--r-md);box-shadow:0 6px 16px rgba(225,30,14,.3);}
.device-hint{font-size:var(--fs-xs);color:var(--muted);}

.float-badge{position:absolute;background:var(--white);border-radius:var(--r-md);padding:12px 16px;box-shadow:var(--shadow-md);border:1px solid var(--border);display:flex;align-items:center;gap:12px;z-index:2;}
.float-badge-1{top:-22px;right:-18px;}
.float-badge-2{left:-22px;bottom:20px;}
.float-icon{width:38px;height:38px;border-radius:var(--r-md);background:var(--red);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--white);}
.float-title{font-size:var(--fs-sm);font-weight:700;color:var(--ink);}
.float-sub{font-size:var(--fs-xs);color:var(--muted);}
.price-big{font-size:var(--fs-2xl);font-weight:900;color:var(--red-deep);line-height:1;font-family:'Barlow Condensed','Barlow Condensed Fallback',sans-serif;}
.price-sub{font-size:var(--fs-xs);color:var(--muted);margin-top:4px;font-weight:600;}

/* trust bar */
.trust-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);padding:20px 28px;}
.trust-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 36px;}
.trust-item{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm);font-weight:600;color:var(--ink);}
.trust-item svg{color:var(--red);flex-shrink:0;}

/* sections generic */
.section{padding:96px 28px;}
.section-head{max-width:620px;margin:0 auto 56px;text-align:center;}
.section-title{font-size:var(--fs-3xl);font-weight:900;line-height:1.08;letter-spacing:-.015em;margin:16px 0 16px;color:var(--dark);}
.section-sub{font-size:var(--fs-base);color:var(--muted);line-height:1.6;}

/* demo video */
.demo-section{padding-top:80px;}
.demo-frame{max-width:1124px;margin:0 auto;background:var(--dark);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;border-top:6px solid var(--dark);}
.demo-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:var(--ink-deep);}
.demo-notes{max-width:1124px;margin:20px auto 0;display:flex;flex-wrap:wrap;gap:12px 28px;align-items:flex-start;justify-content:space-between;}
.demo-meta{font-size:var(--fs-sm);color:var(--muted);max-width:56ch;line-height:1.6;}
.demo-script{font-size:var(--fs-sm);color:var(--ink);}
.demo-script summary{cursor:pointer;font-weight:700;padding:8px 0;}
.demo-script summary:focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:var(--r-xs);}
.demo-script ol{margin:8px 0 0;padding-left:20px;line-height:1.7;color:var(--muted);max-width:56ch;}

/* features */
.feat-grid{max-width:1124px;margin:0 auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;}
.feat{grid-column:span 3;background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:32px;transition:box-shadow .2s var(--ease-out),border-color .2s var(--ease-out);}
.feat:hover{box-shadow:0 10px 30px rgba(20,18,10,.08);border-color:var(--dark);}
.feat-lead{grid-column:span 4;background:var(--dark);border-color:var(--dark);color:var(--white);}
.feat-lead:hover{border-color:var(--red);}
.feat-short{grid-column:span 2;}
.feat-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.feat-head svg{color:var(--red);flex-shrink:0;}
.feat-title{font-size:var(--fs-xl);font-weight:800;color:var(--dark);font-family:'Barlow Condensed','Barlow Condensed Fallback',sans-serif;letter-spacing:0;line-height:1.1;}
.feat-body{font-size:var(--fs-base);color:var(--muted);line-height:1.6;}
.feat-lead .feat-title{font-size:var(--fs-2xl);color:var(--white);}
.feat-lead .feat-head svg{color:var(--white);}
.feat-lead .feat-body{font-size:var(--fs-base);color:rgba(255,255,255,.78);max-width:56ch;}
.alg-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;}
.alg-chip{border:1.5px solid rgba(255,255,255,.65);border-radius:var(--r-xs);padding:4px 8px;font-family:Arial,Helvetica,sans-serif;font-size:var(--fs-xs);font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--white);}

/* steps (dark) */
.steps-section{background:var(--dark);padding:96px 28px;color:var(--white);}
.steps-grid{max-width:1124px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;}
.step{padding:24px 24px 0 0;text-align:left;border-top:2px solid rgba(255,255,255,.18);}
.step-num{display:block;font-family:'Barlow Condensed','Barlow Condensed Fallback',sans-serif;font-size:72px;font-weight:900;line-height:1;color:var(--red);margin-bottom:16px;font-variant-numeric:tabular-nums;}
.step-title{font-size:var(--fs-lg);font-weight:800;margin-bottom:12px;color:var(--white);font-family:'Barlow Condensed','Barlow Condensed Fallback',sans-serif;}
.step-body{font-size:var(--fs-base);color:rgba(255,255,255,.72);line-height:1.65;}

/* comparison */
.compare-section{padding:96px 28px;background:var(--surface);}
.cost-panel{max-width:760px;margin:0 auto 64px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:36px 36px;box-shadow:var(--shadow-sm);}
.cost-title{font-size:var(--fs-sm);font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:24px;text-align:center;}
.cost-row{display:flex;align-items:center;gap:16px;margin-bottom:16px;}
.cost-row:last-child{margin-bottom:0;}
.cost-label{width:112px;flex-shrink:0;font-size:var(--fs-sm);font-weight:700;color:var(--ink);}
.cost-track{flex:1;height:30px;background:var(--surface);border-radius:var(--r-md);overflow:hidden;position:relative;}
.cost-fill{height:100%;border-radius:var(--r-md);display:flex;align-items:center;justify-content:flex-end;padding-right:12px;}
.cost-value{font-size:var(--fs-sm);font-weight:800;color:var(--white);white-space:nowrap;}
.cost-note{font-size:var(--fs-xs);color:var(--muted);text-align:center;margin-top:24px;line-height:1.6;}
.cost-save{display:flex;justify-content:center;gap:28px;margin-top:20px;flex-wrap:wrap;}
.cost-save-item{text-align:center;}
.cost-save-num{font-size:var(--fs-xl);font-weight:900;color:var(--green);font-family:'Barlow Condensed','Barlow Condensed Fallback',sans-serif;}
.cost-save-label{font-size:var(--fs-xs);color:var(--muted);font-weight:600;}

.comp-wrap{max-width:820px;margin:0 auto;}
.comp-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md);background:var(--white);}
.comp-table thead tr{background:var(--dark);}
.comp-table th{padding:16px 24px;text-align:left;color:var(--white);font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;}
.comp-table th:last-child{background:var(--red);text-align:center;}
.comp-table td{padding:16px 24px;border-bottom:1px solid var(--border);vertical-align:middle;}
.comp-table td:last-child{text-align:center;font-weight:700;}
.comp-table tbody tr:last-child td{border-bottom:none;}
.comp-table tbody tr:hover td{background:var(--paper);}
.comp-label{font-weight:700;color:var(--dark);}
.comp-yes svg{flex-shrink:0;}
.comp-yes{color:var(--green);display:inline-flex;align-items:center;vertical-align:middle;gap:4px;}
.comp-no{color:var(--muted);font-weight:500;}
.comp-hero{color:var(--red-deep);font-weight:800;}
.comp-highlight td{background:var(--red-tint) !important;color:var(--red-deep);font-weight:800;}

/* pricing */
.pricing-section{padding:96px 28px;text-align:center;}
.pricing-card{max-width:460px;margin:0 auto;background:var(--white);border-radius:var(--r-lg);border:2px solid var(--border);box-shadow:var(--shadow-lg);overflow:hidden;}
.pricing-head{background:var(--red);padding:36px 40px 32px;color:var(--white);text-align:center;}
.pricing-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.4);font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 16px;border-radius:100px;margin-bottom:20px;}
.pricing-name{font-family:'Barlow Condensed','Barlow Condensed Fallback',sans-serif;font-size:var(--fs-2xl);font-weight:900;margin-bottom:4px;}
.pricing-desc{font-size:var(--fs-sm);margin-bottom:24px;}
.pricing-amount{font-size:var(--fs-hero);font-weight:900;line-height:1;font-family:'Barlow Condensed','Barlow Condensed Fallback',sans-serif;}
.pricing-amount sup{font-size:var(--fs-2xl);vertical-align:top;margin-top:12px;font-family:'Barlow',sans-serif;}
.pricing-period{font-size:var(--fs-sm);margin-top:8px;}
.pricing-body{padding:36px 40px;text-align:left;}
.pricing-list{list-style:none;margin-bottom:28px;}
.pricing-list li{display:flex;align-items:flex-start;gap:12px;padding:12px 0;font-size:var(--fs-base);border-bottom:1px solid var(--border);color:var(--ink);}
.pricing-list li:last-child{border-bottom:none;}
.pricing-list svg{color:var(--red);flex-shrink:0;margin-top:4px;}
.consent{display:flex;align-items:flex-start;gap:12px;font-size:var(--fs-sm);line-height:1.5;color:var(--ink);margin:0 0 16px;cursor:pointer;}
.consent input{width:18px;height:18px;margin-top:4px;accent-color:var(--red);flex-shrink:0;cursor:pointer;}
.consent a{color:var(--red-deep);}
.pricing-guarantee{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:var(--r-md);padding:16px 16px;font-size:var(--fs-sm);color:var(--muted);margin-top:20px;line-height:1.5;}
.pricing-guarantee svg{flex-shrink:0;color:var(--red);}

/* faq */
.faq-section{padding:96px 28px;}
.faq-wrap{max-width:700px;margin:0 auto;}
.faq-item{border-bottom:1px solid var(--border);}
.faq-q{display:flex;width:100%;align-items:center;justify-content:space-between;gap:20px;padding:24px 4px;cursor:pointer;user-select:none;background:none;border:0;font:inherit;color:inherit;text-align:left;}
.faq-q-text{font-size:var(--fs-base);font-weight:700;color:var(--dark);}
.faq-q:hover .faq-q-text{color:var(--red-deep);}
.faq-icon{flex-shrink:0;width:26px;height:26px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);transition:transform .2s var(--ease-out), border-color .2s var(--ease-out), background .2s var(--ease-out), color .2s var(--ease-out);}
.faq-a{font-size:var(--fs-base);color:var(--muted);line-height:1.75;padding:0 36px 24px 4px;}

/* CTA */
.cta-section{background:var(--red);padding:96px 28px;text-align:center;color:var(--white);}
.cta-title{font-size:var(--fs-3xl);font-weight:900;line-height:1.08;margin-bottom:20px;}
.cta-sub{font-size:var(--fs-lg);margin:0 auto 36px;max-width:480px;line-height:1.55;}
.cta-pills{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:36px;}
.cta-pill{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.4);font-size:var(--fs-sm);font-weight:600;padding:8px 16px;border-radius:100px;}
.cta-meta{font-size:var(--fs-sm);margin-top:20px;}

/* footer */
.site-footer{background:var(--dark);color:rgba(255,255,255,.5);padding:44px 28px;}
.footer-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;}
.footer-logo{display:flex;align-items:center;gap:8px;opacity:.85;}
.footer-logo img{height:32px;width:auto;display:block;filter:brightness(0) invert(1);}
.footer-links{display:flex;gap:24px;flex-wrap:wrap;}
.footer-links a{font-size:var(--fs-sm);color:rgba(255,255,255,.62);}
.footer-links a:hover{color:var(--white);}
.footer-copy{font-size:var(--fs-xs);}

@media (max-width:960px){
  .hero{grid-template-columns:1fr;gap:44px;padding:52px 24px 60px;}
  .hero-visual{max-width:420px;margin:0 auto;}
  .float-badge{display:none;}
  .feat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .feat,.feat-lead,.feat-short{grid-column:span 1;}
  .feat-lead{grid-column:span 2;}
  .steps-grid{grid-template-columns:1fr;gap:32px;}
  .nav-links{display:none;}
  .mobile-toggle{display:inline-flex;}
  .cost-label{width:88px;font-size:var(--fs-sm);}
}
@media (max-width:520px){
  .nav-buy{display:none;}
  .mobile-menu a.mobile-menu-buy{display:flex;}
}
@media (max-width:640px){
  .feat-grid{grid-template-columns:1fr;}
  .feat,.feat-lead,.feat-short{grid-column:span 1;}
  .hero-actions .btn{width:100%;}
  .trust-item:nth-child(n+4){display:none;}
  .footer-inner{flex-direction:column;text-align:center;}
  .footer-links{justify-content:center;}
  .comp-table{font-size:var(--fs-xs);table-layout:fixed;}
  .comp-table th{padding:12px 8px;font-size:var(--fs-xs);letter-spacing:0;}
  .comp-table td{padding:12px 8px;}
  .comp-table th:nth-child(1){width:34% !important;}
  .comp-table th:nth-child(2){width:29% !important;}
  .comp-table th:nth-child(3){width:37% !important;}
  .comp-yes{gap:4px;text-align:left;}
  .cost-label{width:76px;}
  .cost-panel{padding:28px 20px;}
  .cost-fill{min-width:76px;padding-right:8px;}
}


.mobile-toggle .ic-open{display:none;} .mobile-toggle.is-open .ic-open{display:inline-flex;} .mobile-toggle.is-open .ic-closed{display:none;}
.mobile-toggle span{line-height:0;}
.faq-a{display:none;} .faq-item.open .faq-a{display:block;}
.faq-item.open .faq-icon{transform:rotate(45deg);border-color:var(--red);color:var(--red);}

/* ---- accesibilidad, números y movimiento ---- */
.page-wrap{width:100%;overflow-x:clip;background:var(--paper);}
.nav-link{padding:8px 4px;display:inline-flex;align-items:center;min-height:44px;}
.nav-logo{min-height:44px;}
.nav-buy{min-height:44px;}
.mobile-toggle{min-width:44px;min-height:44px;align-items:center;justify-content:center;}
.footer-links a{display:inline-flex;align-items:center;min-height:44px;padding:0;}
.consent{min-height:44px;}
.consent input{width:24px;height:24px;margin-top:0;}
.consent a{text-decoration:underline;}
.price-big,.pricing-amount,.cost-value,.cost-save-num,.lbl-cad-date,.comp-table td,.float-title{font-variant-numeric:tabular-nums;}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important;}}

.section-head.is-left{max-width:1124px;margin:0 auto 48px;text-align:left;}
.section-head.is-left .section-sub{max-width:56ch;}
.faq-wrap .section-head.is-left,.faq-section .section-head.is-left{max-width:700px;}

/* sustituyen a los estilos en línea (permiten una CSP sin 'unsafe-inline' en estilos) */
.on-dark{color:var(--white);}
.on-dark-title{color:var(--white);}
.on-dark-sub{color:rgba(255,255,255,.72);}
.tag.tag-dark{color:var(--white);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);}
.cost-fill-paper{width:100%;background:#75746E;}
.cost-fill-others{width:67%;background:var(--dark);}
.cost-fill-us{width:43%;background:var(--red);}
.comp-table th.w40{width:40%;}
.comp-table th.w30{width:30%;}
.comp-bad{color:#C62828;font-weight:700;}
.btn-block{width:100%;padding:17px;}

/* compra: el error aparece junto a la casilla */
.consent-err{font-size:var(--fs-sm);font-weight:600;color:var(--danger);margin:-4px 0 14px;line-height:1.4;}
.consent-err[hidden]{display:none;}
.consent.has-error{outline:2px solid var(--danger);outline-offset:4px;border-radius:var(--r-xs);}

/* método de cálculo de la comparativa */
.cost-method{max-width:760px;margin:20px auto 0;font-size:var(--fs-sm);color:var(--ink);}
.cost-method summary{cursor:pointer;font-weight:700;padding:10px 0;text-align:center;}
.cost-method summary:focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:var(--r-xs);}
.cost-method-body{background:var(--white);border:1px solid var(--border);border-radius:var(--r-md);padding:20px 24px;margin-top:8px;line-height:1.65;}
.cost-method-body p{margin:0 0 10px;color:var(--muted);}
.cost-method-body p:last-child{margin-bottom:0;}
.cost-method-body strong{color:var(--ink);}

/* pie: datos del titular */
.footer-legal{flex-basis:100%;font-size:var(--fs-xs);line-height:1.6;color:rgba(255,255,255,.62);text-align:left;}
.footer-legal a{color:rgba(255,255,255,.78);}
@media (max-width:640px){.footer-legal{text-align:center;}}
.cost-method-body p{max-width:72ch;margin-left:auto;margin-right:auto;}
.footer-legal{max-width:90ch;}

/* comparativa: coste y horas lado a lado, con el ahorro total debajo */
.cost-grid{max-width:1040px;margin:0 auto 32px;display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.cost-grid .cost-panel{max-width:none;margin:0;}
.cost-fill{min-width:84px;}
.time-panel .cost-fill-others,.time-panel .cost-fill-us{width:32%;}
.time-note{font-size:var(--fs-sm);color:var(--muted);text-align:center;margin:24px 0 0;line-height:1.55;}
.total-save{max-width:1040px;margin:0 auto 40px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:32px 36px;box-shadow:var(--shadow-sm);text-align:center;}
.total-save-head{display:flex;align-items:baseline;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:18px;}
.total-save-num{font-size:var(--fs-xl);font-weight:900;color:var(--green);font-family:'Barlow Condensed','Barlow Condensed Fallback',sans-serif;font-variant-numeric:tabular-nums;}
.total-save-label{font-size:var(--fs-sm);font-weight:700;color:var(--ink);}
.total-legend{list-style:none;margin:0 auto;padding:0;display:flex;justify-content:center;gap:12px 28px;flex-wrap:wrap;font-size:var(--fs-sm);color:var(--muted);}
.total-legend li{display:flex;align-items:center;gap:8px;}
.total-legend{margin-top:0 !important;}
.total-legend strong{color:var(--ink);white-space:nowrap;}
.total-vs{font-size:var(--fs-sm);color:var(--muted);margin:18px auto 0;max-width:68ch;line-height:1.6;}
.total-vs strong{color:var(--ink);}
.cost-foot{max-width:760px;margin:0 auto 56px;}
@media (max-width:900px){.cost-grid{grid-template-columns:1fr;}}
@media (max-width:640px){.total-save{padding:24px 20px;}}

.basis-strip{max-width:1040px;margin:0 auto 24px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);}
.basis-item{padding:22px 16px;text-align:center;border-left:1px solid var(--border);}
.basis-item:first-child{border-left:0;}
.basis-num{font-size:var(--fs-xl);font-weight:900;color:var(--ink);font-family:'Barlow Condensed','Barlow Condensed Fallback',sans-serif;font-variant-numeric:tabular-nums;line-height:1.1;}
.basis-num.basis-good{color:var(--green);}
.basis-label{font-size:var(--fs-xs);font-weight:600;color:var(--muted);margin-top:4px;}
@media (max-width:640px){.basis-strip{grid-template-columns:1fr 1fr;}.basis-item:nth-child(3){border-left:0;}.basis-item:nth-child(n+3){border-top:1px solid var(--border);}}