  :root{
    --naranja:#FF6A00;
    --naranja-osc:#E85D00;
    --naranja-claro:#FF8A33;
    --naranja-suave:#FFF1E6;
    --tinta:#161311;
    --tinta2:#2B2420;
    --gris:#6B6460;
    --gris-claro:#E8E3DF;
    --fondo:#FBFAF9;
    --blanco:#FFFFFF;
    --verde:#1F8A4C;
    --rojo:#C4342B;
    --lima:#B7E04A;
    --radio:14px;
    --sombra:0 1px 2px rgba(22,19,17,.06), 0 8px 24px rgba(22,19,17,.06);
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    background:var(--fondo);color:var(--tinta);line-height:1.65;-webkit-font-smoothing:antialiased;
  }
  .wrap{max-width:1120px;margin:0 auto;padding:0 22px}
  .narrow{max-width:820px;margin:0 auto;padding:0 22px}

/* ── Barra ── */
.bar{position:sticky;top:0;z-index:50;background:rgba(251,250,249,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--gris-claro)}
.bar .wrap{display:flex;justify-content:space-between;align-items:center;height:64px;gap:16px}
.brand{display:flex;align-items:center;gap:11px}
.logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--naranja),var(--naranja-claro));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:#fff;box-shadow:0 3px 10px rgba(255,106,0,.3);flex-shrink:0}
.brand strong{font-size:.95rem;letter-spacing:-.015em;display:block}
.brand small{font-size:.68rem;color:var(--gris);text-transform:uppercase;letter-spacing:.05em}
.nav{display:flex;gap:22px;align-items:center}
.nav a{font-size:.86rem;color:var(--gris);text-decoration:none;font-weight:500;transition:color .15s}
.nav a:hover{color:var(--naranja-osc)}
.nav a.on{color:var(--naranja-osc);font-weight:700}
.btn{padding:9px 17px;border-radius:9px;border:none;background:var(--naranja);color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;font-family:inherit;text-decoration:none;display:inline-block;transition:all .16s}
.btn:hover{background:var(--naranja-osc)}
@media(max-width:820px){.nav a:not(.btn){display:none}}

/* ── Hero ── */
.hero{background:linear-gradient(158deg,var(--tinta) 0%,var(--tinta2) 72%);color:#fff;padding:72px 0 60px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;top:-160px;right:-130px;width:520px;height:520px;background:radial-gradient(circle,rgba(255,106,0,.19) 0%,transparent 66%);pointer-events:none}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:46px;align-items:center}
@media(max-width:900px){.hero .wrap{grid-template-columns:1fr;gap:34px}}
.eyebrow{display:inline-block;border:1.5px solid rgba(255,106,0,.45);color:var(--naranja-claro);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 13px;border-radius:99px;margin-bottom:20px}
.hero h1{font-size:3rem;line-height:1.1;letter-spacing:-.035em;margin-bottom:18px}
.hero h1 em{color:var(--naranja);font-style:normal}
.hero .deck{color:#B8B0AB;font-size:1.1rem;max-width:520px}
.hero-cta{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.btn-lg{padding:14px 27px;border-radius:11px;font-size:.94rem;font-weight:700;text-decoration:none;display:inline-block;transition:all .18s;border:none;cursor:pointer;font-family:inherit}
.btn-lg.p{background:var(--naranja);color:#fff;box-shadow:0 5px 18px rgba(255,106,0,.32)}
.btn-lg.p:hover{background:var(--naranja-osc);transform:translateY(-1px)}
.btn-lg.s{background:rgba(255,255,255,.08);color:#fff;border:1.5px solid rgba(255,255,255,.2)}
.btn-lg.s:hover{border-color:var(--naranja);color:var(--naranja-claro)}
.btn-lg.ghost{background:#fff;color:var(--tinta);border:1.5px solid var(--gris-claro)}
.btn-lg.ghost:hover{border-color:var(--naranja);color:var(--naranja-osc)}

/* ── Tarjeta del hero ── */
.hero-card{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);border-radius:16px;padding:26px;backdrop-filter:blur(8px)}
.hero-card h3{font-size:.76rem;text-transform:uppercase;letter-spacing:.09em;color:#8A827D;margin-bottom:16px;font-weight:800}
.hl{display:flex;gap:13px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08);align-items:flex-start}
.hl:last-child{border-bottom:none;padding-bottom:0}
.hl .ic{width:29px;height:29px;border-radius:8px;background:rgba(255,106,0,.16);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--naranja);font-weight:800;font-size:.9rem}
.hl .t{font-size:.88rem;font-weight:600;margin-bottom:2px}
.hl .s{font-size:.79rem;color:#9C948F;line-height:1.45}

/* ── Franja de confianza ── */
.trust{background:var(--blanco);border-bottom:1px solid var(--gris-claro);padding:26px 0}
.trust .wrap{display:flex;justify-content:space-around;gap:26px;flex-wrap:wrap;text-align:center}
.trust .it strong{display:block;font-size:1.5rem;color:var(--naranja);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.trust .it span{font-size:.78rem;color:var(--gris);text-transform:uppercase;letter-spacing:.06em}

/* ── Secciones ── */
.sect{padding:68px 0}
.sect h2{font-size:2.05rem;letter-spacing:-.032em;margin-bottom:12px;text-align:center}
.sect .sub{color:var(--gris);text-align:center;max-width:620px;margin:0 auto 44px;font-size:1.04rem}
.incl{background:#fff;border-top:1px solid var(--gris-claro);border-bottom:1px solid var(--gris-claro)}

/* ── Verticales ── */
.vblocks{display:flex;flex-direction:column;gap:22px}
.vblock{background:#fff;border:1.5px solid var(--gris-claro);border-radius:16px;padding:32px 30px;transition:all .2s}
.vblock:hover{border-color:var(--naranja-claro);box-shadow:var(--sombra)}
.vblock .k{font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--naranja-osc);margin-bottom:10px}
.vblock .vhead{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
@media(max-width:900px){.vblock .vhead{grid-template-columns:1fr;gap:20px}}
.vblock h3{font-size:1.45rem;letter-spacing:-.022em;margin-bottom:10px}
.vblock .lead{font-size:.95rem;color:var(--gris)}
.caps{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}
@media(max-width:640px){.caps{grid-template-columns:1fr}}
.caps li{font-size:.87rem;padding-left:20px;position:relative;color:var(--tinta2)}
.caps li::before{content:"✓";position:absolute;left:0;top:0;color:var(--naranja);font-weight:800;font-size:.8rem}

/* ── Recuadro de caso ── */
.caso{background:var(--naranja-suave);border:1px solid #FFD9BC;border-radius:14px;padding:24px 26px;margin-top:26px}
.caso .ck{font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--naranja-osc);margin-bottom:9px}
.caso h4{font-size:1.05rem;margin-bottom:8px;letter-spacing:-.015em}
.caso p{font-size:.9rem;color:var(--tinta2)}
.caso ul{list-style:none;margin-top:12px;font-size:.88rem;color:var(--tinta2)}
.caso ul li{padding:3px 0 3px 16px;position:relative}
.caso ul li::before{content:"→";position:absolute;left:0;color:var(--naranja);font-weight:800}

/* ── Rejillas de características ── */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
@media(max-width:900px){.grid3{grid-template-columns:1fr}}
.feat{text-align:left}
.feat .ic{width:44px;height:44px;border-radius:12px;background:var(--naranja-suave);display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:15px;border:1px solid #FFD9BC}
.feat h4{font-size:1.05rem;margin-bottom:7px;letter-spacing:-.015em}
.feat p{font-size:.9rem;color:var(--gris)}

/* ── Cómo trabajamos: pasos ── */
.pasos{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:900px){.pasos{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.pasos{grid-template-columns:1fr}}
.paso{background:#fff;border:1.5px solid var(--gris-claro);border-radius:13px;padding:22px}
.paso .n{width:30px;height:30px;border-radius:9px;background:var(--naranja);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.88rem;margin-bottom:13px}
.paso h4{font-size:1rem;margin-bottom:6px;letter-spacing:-.015em}
.paso p{font-size:.85rem;color:var(--gris)}

/* ── Planes ── */
.planes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}
@media(max-width:900px){.planes{grid-template-columns:1fr;max-width:460px;margin:0 auto}}
.plan{background:#fff;border:1.5px solid var(--gris-claro);border-radius:16px;padding:30px 26px;position:relative;transition:all .2s}
.plan:hover{transform:translateY(-3px);box-shadow:var(--sombra)}
.plan.dest{border:2px solid var(--naranja);box-shadow:0 8px 30px rgba(255,106,0,.16)}
.badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--naranja);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;padding:5px 14px;border-radius:99px;white-space:nowrap}
.plan h3{font-size:1.28rem;letter-spacing:-.02em;margin-bottom:5px}
.plan .who{font-size:.83rem;color:var(--gris);margin-bottom:20px;min-height:38px}
.price{display:flex;align-items:baseline;gap:6px;margin-bottom:5px}
.price .cur{font-size:1.05rem;font-weight:700;color:var(--gris);align-self:flex-start;margin-top:6px}
.price .amt{font-size:2.85rem;font-weight:800;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.price .per{font-size:.9rem;color:var(--gris)}
.setup{font-size:.8rem;color:var(--gris);margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid var(--gris-claro)}
.setup b{color:var(--tinta)}
.feats{list-style:none;margin-bottom:26px}
.feats li{display:flex;gap:11px;padding:7px 0;font-size:.89rem;align-items:flex-start}
.feats li::before{content:"✓";color:var(--naranja);font-weight:800;flex-shrink:0;width:18px;height:18px;border-radius:50%;background:var(--naranja-suave);display:flex;align-items:center;justify-content:center;font-size:.7rem;margin-top:2px}
.feats li.off{color:#B0A9A4}
.feats li.off::before{content:"—";color:#C9C2BD;background:#F3F0ED}
.plan .btn{width:100%;text-align:center;padding:12px;font-size:.9rem}
.plan .btn.ghost{background:#fff;color:var(--tinta);border:1.5px solid var(--gris-claro)}
.plan .btn.ghost:hover{border-color:var(--naranja);color:var(--naranja-osc);background:#fff}

/* ── FAQ ── */
.faq{max-width:760px;margin:0 auto}
details{background:#fff;border:1px solid var(--gris-claro);border-radius:11px;padding:17px 21px;margin-bottom:11px}
details[open]{border-color:var(--naranja-claro)}
summary{font-weight:700;font-size:.96rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--naranja);font-size:1.3rem;font-weight:700;line-height:1}
details[open] summary::after{content:"−"}
details p{font-size:.9rem;color:var(--gris);margin-top:12px;padding-top:12px;border-top:1px solid #F1EDEA}

/* ── CTA final ── */
.final{background:linear-gradient(155deg,var(--tinta) 0%,var(--tinta2) 100%);color:#fff;padding:72px 0;text-align:center}
.final h2{font-size:2.2rem;letter-spacing:-.033em;margin-bottom:14px}
.final p{color:#B8B0AB;font-size:1.06rem;max-width:560px;margin:0 auto 32px}
.final .nota{font-size:.83rem;color:#8A827D;margin-top:24px}

/* ── Footer ── */
footer{background:var(--tinta);color:#8A827D;padding:34px 0;border-top:3px solid var(--naranja);font-size:.85rem}
footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
footer strong{color:#fff;display:block;margin-bottom:3px}
footer .r{text-align:right}
@media(max-width:600px){footer .r{text-align:left}}

/* ── Impresión ── */
@media print{
  .bar,.hero-cta{display:none}
  body{background:#fff}
  .hero,.final,footer{background:#fff;color:#000}
  .hero h1,.final h2{color:#000}
  .plan,.vblock,.paso,.caso{break-inside:avoid}
}
