/* Impulso Comercial — hoja de estilos compartida
   Diseño: verde profundo + dorado + crema (colores del logo). Una sola identidad, sin modo oscuro aparte:
   las secciones alternan fondo verde y crema a propósito. */
:root{
  --verde-profundo:#142822;
  --verde-base:#1C332B;
  --verde-linea:#2A3A34;
  --verde-suave:#3A4C44;
  --dorado:#C6A25C;
  --dorado-claro:#D8BC7C;
  --crema:#F5F1E8;
  --crema-2:#EDE7D9;
  --borde-crema:#E1DACA;
  --blanco:#FFFFFF;
  --texto-oscuro:#16241F;
  --texto-oscuro-sec:#4A5A53;
  --texto-claro:#C9D2CC;
  --texto-claro-sec:#9FB3AA;
  --burbuja-out:#D9E8B0;
  --pantalla:#ECE5D6;
  --rojo:#B5523B;
  --ok:#3E7A5A;
  --f-titulo:'Fraunces', Georgia, 'Times New Roman', serif;
  --f-texto:'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --ancho:1180px;
  --gutter:clamp(16px, 4vw, 28px);
  color-scheme:light;
}
[hidden]{display:none!important;}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;scroll-padding-top:84px;}
body{background:var(--crema);color:var(--texto-oscuro);font-family:var(--f-texto);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img{max-width:100%;display:block;}
h1,h2,h3{font-family:var(--f-titulo);font-weight:460;letter-spacing:-0.01em;text-wrap:balance;}
p{text-wrap:pretty;}
a{color:inherit;}
:focus-visible{outline:2px solid var(--dorado);outline-offset:3px;}
.wrap{max-width:var(--ancho);margin:0 auto;padding-inline:var(--gutter);}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.tnum{font-variant-numeric:tabular-nums;}

/* ---------- NAV ---------- */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(20,40,34,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--verde-linea);}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;}
.brand svg{width:30px;height:30px;flex-shrink:0;}
.brand span{font-family:var(--f-titulo);color:var(--crema);font-size:17px;letter-spacing:.02em;}
.nav-links{display:flex;gap:26px;list-style:none;}
.nav-links a{color:var(--texto-claro);text-decoration:none;font-size:14px;transition:color .2s;}
.nav-links a:hover{color:var(--dorado-claro);}
.nav-acc{display:flex;gap:10px;align-items:center;}
.nav-cta{background:var(--dorado);color:var(--verde-profundo);text-decoration:none;font-size:14px;font-weight:600;padding:9px 18px;border-radius:2px;transition:background .2s;white-space:nowrap;}
.nav-cta:hover{background:var(--dorado-claro);}
.nav-wa{color:var(--dorado);text-decoration:none;font-size:14px;font-weight:500;border:1px solid var(--verde-suave);padding:8px 14px;border-radius:2px;white-space:nowrap;}
.nav-wa:hover{border-color:var(--dorado);}
@media(max-width:980px){.nav-links{display:none;}}
@media(max-width:520px){.nav-wa{display:none;}.brand span{font-size:15px;}}

/* ---------- BOTONES ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;padding:15px 26px;border-radius:2px;font-weight:600;font-size:15px;font-family:var(--f-texto);border:1px solid transparent;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s;line-height:1.25;}
.btn:active{transform:translateY(1px);}
.btn-oro{background:var(--dorado);color:var(--verde-profundo);}
.btn-oro:hover{background:var(--dorado-claro);}
.btn-linea{background:transparent;color:var(--crema);border-color:var(--verde-suave);font-weight:500;}
.btn-linea:hover{border-color:var(--crema);}
.btn-oscuro{background:var(--verde-profundo);color:var(--crema);}
.btn-oscuro:hover{background:var(--verde-base);}
.btn-linea-osc{background:transparent;color:var(--texto-oscuro);border-color:#CFC7B4;font-weight:500;}
.btn-linea-osc:hover{border-color:var(--texto-oscuro);}
.btn svg{width:18px;height:18px;flex-shrink:0;}
.micro{font-size:12.5px;color:var(--texto-claro-sec);}
.claro .micro,.micro.osc{color:var(--texto-oscuro-sec);}

/* ---------- SECCIONES ---------- */
.sec{padding-block:clamp(64px,9vw,104px);}
.sec.verde{background:var(--verde-profundo);color:var(--texto-claro);}
.sec.verde2{background:var(--verde-base);color:var(--texto-claro);}
.sec.crema2{background:var(--crema-2);}
.head{max-width:60ch;margin-bottom:clamp(36px,5vw,56px);}
.kicker{font-family:var(--f-texto);font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#9A7A3C;margin-bottom:12px;}
.verde .kicker,.verde2 .kicker{color:var(--dorado);}
.head h2{font-size:clamp(27px,3.6vw,38px);line-height:1.15;color:var(--texto-oscuro);}
.verde .head h2,.verde2 .head h2{color:var(--crema);}
.head p.desc{margin-top:14px;font-size:16px;color:var(--texto-oscuro-sec);max-width:58ch;}
.verde .head p.desc,.verde2 .head p.desc{color:var(--texto-claro);}

/* línea de pulso (motivo del logo) */
.pulso{height:48px;display:block;width:100%;}
.pulso path{stroke:var(--dorado);stroke-width:1.5;fill:none;opacity:.55;}

/* ---------- HERO ---------- */
.hero{background:var(--verde-profundo);padding-block:clamp(48px,7vw,84px) clamp(64px,8vw,100px);position:relative;overflow:hidden;}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 85% 30%,rgba(198,162,92,.10),transparent 70%);pointer-events:none;}
.hero .wrap{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center;position:relative;}
.hero-eyebrow{color:var(--dorado);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.vivo{display:inline-flex;align-items:center;gap:7px;background:rgba(198,162,92,.12);border:1px solid rgba(198,162,92,.35);color:var(--dorado-claro);padding:4px 10px;border-radius:20px;font-size:11.5px;letter-spacing:.06em;}
.vivo i{width:7px;height:7px;border-radius:50%;background:#7FD18B;box-shadow:0 0 0 0 rgba(127,209,139,.6);animation:latido 2s infinite;}
@keyframes latido{0%{box-shadow:0 0 0 0 rgba(127,209,139,.55);}70%{box-shadow:0 0 0 8px rgba(127,209,139,0);}100%{box-shadow:0 0 0 0 rgba(127,209,139,0);}}
.hero h1{color:var(--crema);font-size:clamp(34px,5vw,54px);line-height:1.08;margin-bottom:22px;}
.hero h1 em{font-style:italic;color:var(--dorado);font-weight:380;}
.hero .lead{color:var(--texto-claro);font-size:clamp(16px,1.6vw,18px);max-width:48ch;margin-bottom:32px;}
.cta-row{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-start;}
.cta-grupo{display:flex;flex-direction:column;gap:8px;}
.sellos{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:34px;padding-top:24px;border-top:1px solid var(--verde-linea);}
.sello{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--texto-claro);}
.sello svg{width:16px;height:16px;color:var(--dorado);flex-shrink:0;}
@media(max-width:900px){.hero .wrap{grid-template-columns:1fr;gap:40px;}}
@media(max-width:480px){.cta-row{flex-direction:column;align-items:stretch;}.cta-row .btn{width:100%;}}

/* ---------- TELÉFONO ---------- */
.phone{background:#0F1F1A;border-radius:34px;padding:12px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6),0 0 0 1px var(--verde-linea);max-width:320px;width:100%;margin:0 auto;}
.phone-screen{background:var(--pantalla);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;}
.phone-head{background:var(--verde-base);padding:14px 16px;display:flex;align-items:center;gap:10px;}
.avatar{width:34px;height:34px;border-radius:50%;background:var(--dorado);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--verde-profundo);flex-shrink:0;}
.phone-head .name{font-size:13.5px;font-weight:600;color:var(--crema);line-height:1.2;}
.phone-head .status{font-size:11px;color:var(--texto-claro-sec);}
.phone-body{padding:16px 12px;display:flex;flex-direction:column;gap:8px;min-height:300px;}
.bubble{padding:8px 12px;border-radius:12px;font-size:13px;line-height:1.45;max-width:84%;white-space:pre-line;color:var(--texto-oscuro);box-shadow:0 1px 0 rgba(0,0,0,.06);animation:sube .45s ease both;}
.bubble.in{background:var(--blanco);align-self:flex-start;border-bottom-left-radius:3px;}
.bubble.out{background:var(--burbuja-out);align-self:flex-end;border-bottom-right-radius:3px;}
.bubble .bt{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;}
.bubble .bt span{flex:1;text-align:center;font-size:12px;font-weight:600;color:#1F6E8C;background:#F4F8F9;border:1px solid #D9E5E8;border-radius:8px;padding:5px 6px;white-space:nowrap;}
.phone-pie{font-size:10.5px;color:#7C786C;text-align:center;padding:2px 10px 12px;}
@keyframes sube{from{opacity:.0;transform:translateY(6px);}to{opacity:1;transform:none;}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}

/* ---------- PROBLEMA ---------- */
.escenas{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.escena{background:var(--blanco);border:1px solid var(--borde-crema);padding:26px 24px;border-radius:3px;display:flex;flex-direction:column;gap:10px;}
.escena .hora{font-family:var(--f-titulo);font-size:30px;color:var(--verde-base);line-height:1;}
.escena .dia{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#9A7A3C;}
.escena h3{font-size:19px;line-height:1.3;}
.escena p{font-size:14.5px;color:var(--texto-oscuro-sec);}
.escena .solucion{margin-top:auto;padding-top:14px;border-top:1px dashed var(--borde-crema);font-size:14px;color:var(--ok);font-weight:500;}
@media(max-width:860px){.escenas{grid-template-columns:1fr;}}

/* ---------- PASOS ---------- */
.pasos{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;counter-reset:p;}
.paso{position:relative;padding-top:22px;border-top:1px solid #D3CBB8;}
.paso-num{font-family:var(--f-titulo);font-size:15px;color:#9A7A3C;margin-bottom:10px;font-weight:560;}
.paso h3{font-size:19px;margin-bottom:8px;}
.paso p{font-size:14.5px;color:var(--texto-oscuro-sec);}
@media(max-width:900px){.pasos{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.pasos{grid-template-columns:1fr;}}

/* ---------- PRUÉBELA / SIMULADOR ---------- */
.prueba-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:start;}
.num-box{background:var(--blanco);border:1px solid var(--borde-crema);padding:22px 24px;border-radius:3px;margin:24px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;}
.num-box .num{font-family:var(--f-titulo);font-size:clamp(24px,3vw,30px);color:var(--verde-base);line-height:1.1;}
.num-box p{font-size:13.5px;color:var(--texto-oscuro-sec);}
.copiar{font:500 13px var(--f-texto);background:transparent;border:1px solid #CFC7B4;color:var(--texto-oscuro);padding:8px 12px;border-radius:2px;cursor:pointer;}
.copiar:hover{border-color:var(--texto-oscuro);}
.lista-oro{list-style:none;display:grid;gap:10px;}
.lista-oro li{font-size:15px;padding-left:24px;position:relative;}
.lista-oro li::before{content:"";position:absolute;left:0;top:11px;width:12px;height:2px;background:var(--dorado);}
.sim{display:grid;grid-template-columns:1fr;gap:14px;}
.sim .phone{max-width:380px;}
.sim .phone-body{height:380px;min-height:0;overflow-y:auto;scroll-behavior:smooth;}
.sim-form{display:flex;gap:8px;padding:10px;background:#E2DACA;}
.sim-form input{flex:1;min-width:0;border:none;border-radius:20px;padding:10px 14px;font:14px var(--f-texto);background:var(--blanco);color:var(--texto-oscuro);}
.sim-form button{border:none;background:var(--verde-base);color:var(--crema);width:42px;height:42px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.sim-form button svg{width:18px;height:18px;}
.chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:380px;margin:0 auto;}
.chip{font:500 13px var(--f-texto);background:var(--blanco);border:1px solid var(--borde-crema);color:var(--texto-oscuro);padding:7px 12px;border-radius:20px;cursor:pointer;}
.chip:hover{border-color:var(--dorado);}
.sim-nota{font-size:12.5px;color:var(--texto-oscuro-sec);text-align:center;max-width:380px;margin:0 auto;}
.escribiendo{align-self:flex-start;background:var(--blanco);border-radius:12px;padding:10px 14px;display:flex;gap:4px;}
.escribiendo i{width:6px;height:6px;border-radius:50%;background:#9AA59F;animation:pun 1s infinite;}
.escribiendo i:nth-child(2){animation-delay:.15s}.escribiendo i:nth-child(3){animation-delay:.3s}
@keyframes pun{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.aviso-doc{background:var(--verde-profundo);border-radius:4px;padding:16px 18px;color:var(--texto-claro);font-size:13.5px;max-width:380px;margin:0 auto;width:100%;}
.aviso-doc b{color:var(--dorado);font-weight:600;display:block;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;}
.aviso-doc pre{white-space:pre-wrap;font:13px/1.5 var(--f-texto);color:var(--crema);}
@media(max-width:900px){.prueba-grid{grid-template-columns:1fr;gap:40px;}}

/* ---------- CONVERSACIONES (tabs) ---------- */
.demo-grid{display:grid;grid-template-columns:1fr 320px;gap:56px;align-items:start;}
.tabs{display:flex;flex-direction:column;gap:2px;}
.tab-btn{text-align:left;background:transparent;border:none;border-left:2px solid var(--verde-suave);color:var(--texto-claro-sec);font-family:var(--f-texto);font-size:15px;padding:15px 20px;cursor:pointer;transition:color .2s,border-color .2s,background .2s;}
.tab-btn .t{display:block;font-weight:600;margin-bottom:3px;}
.tab-btn .s{display:block;font-size:13.5px;color:#7F918A;}
.tab-btn[aria-selected="true"]{border-color:var(--dorado);color:var(--crema);background:rgba(198,162,92,.06);}
.tab-btn[aria-selected="true"] .s{color:#C2B183;}
.tab-btn:hover{color:var(--crema);}
.demo-real .phone-body{max-height:540px;overflow-y:auto;}
@media(max-width:900px){.demo-grid{grid-template-columns:1fr;gap:28px;}.tabs{flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:6px;scrollbar-width:thin;}.tab-btn{border-left:none;border-bottom:2px solid var(--verde-suave);flex-shrink:0;max-width:240px;}.tab-btn .s{display:none;}}

/* ---------- FUNCIONES ---------- */
.fn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--verde-linea);border:1px solid var(--verde-linea);}
.fn{background:var(--verde-profundo);padding:28px 26px;display:flex;flex-direction:column;gap:8px;}
.fn .ico{width:36px;height:36px;color:var(--dorado);margin-bottom:6px;}
.fn h3{color:var(--crema);font-size:18.5px;line-height:1.3;}
.fn p{font-size:14.5px;color:var(--texto-claro);}
.ademas{margin-top:34px;display:flex;flex-wrap:wrap;gap:10px;}
.ademas-t{width:100%;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--dorado);margin-bottom:4px;}
.tag{font-size:13.5px;color:var(--crema);border:1px solid var(--verde-suave);padding:7px 13px;border-radius:20px;}
@media(max-width:900px){.fn-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.fn-grid{grid-template-columns:1fr;}}

/* ---------- CON / SIN ---------- */
.tabla-wrap{overflow-x:auto;border:1px solid var(--borde-crema);border-radius:3px;background:var(--blanco);}
.comp{width:100%;border-collapse:collapse;min-width:620px;font-size:15px;}
.comp th,.comp td{text-align:left;padding:16px 20px;border-bottom:1px solid var(--borde-crema);vertical-align:top;}
.comp thead th{font-family:var(--f-texto);font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--texto-oscuro-sec);background:var(--crema);}
.comp thead th.con{color:var(--verde-profundo);background:#EFE3C6;}
.comp td:first-child{font-weight:600;color:var(--texto-oscuro);width:24%;}
.comp td.sin{color:var(--texto-oscuro-sec);}
.comp td.con{color:var(--verde-profundo);background:#FBF6EA;}
.comp tr:last-child td{border-bottom:none;}

/* ---------- CALCULADORA ---------- */
.calc{display:grid;grid-template-columns:1.1fr 1fr;gap:0;border:1px solid var(--verde-linea);}
.calc-in{padding:clamp(24px,4vw,40px);display:grid;gap:26px;background:var(--verde-base);}
.campo label{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;color:var(--crema);margin-bottom:10px;}
.campo label output{font-family:var(--f-titulo);font-size:20px;color:var(--dorado-claro);white-space:nowrap;}
.campo .ayuda{font-size:12.5px;color:var(--texto-claro-sec);margin-top:6px;}
input[type=range]{width:100%;accent-color:var(--dorado);height:28px;}
.calc-out{padding:clamp(24px,4vw,40px);background:var(--crema);color:var(--texto-oscuro);display:flex;flex-direction:column;gap:18px;}
.calc-out .et{font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#9A7A3C;}
.calc-out .grande{font-family:var(--f-titulo);font-size:clamp(38px,5vw,54px);line-height:1;color:var(--rojo);}
.calc-out .linea{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;padding-block:10px;border-bottom:1px solid var(--borde-crema);}
.calc-out .linea b{font-variant-numeric:tabular-nums;font-weight:600;}
.calc-out .veredicto{background:var(--verde-profundo);color:var(--crema);padding:18px 20px;border-radius:3px;font-size:15px;}
.calc-out .veredicto strong{color:var(--dorado-claro);font-weight:600;}
.calc-out .aclara{font-size:12px;color:var(--texto-oscuro-sec);}
@media(max-width:900px){.calc{grid-template-columns:1fr;}}

/* ---------- NO HACE ---------- */
.nohace-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 48px;max-width:1000px;}
.nohace-item{display:grid;grid-template-columns:28px 1fr;gap:14px;}
.nohace-item svg{width:24px;height:24px;color:#9A7A3C;margin-top:3px;}
.nohace-item h3{font-size:18.5px;margin-bottom:6px;}
.nohace-item p{font-size:14.5px;color:var(--texto-oscuro-sec);}
@media(max-width:760px){.nohace-grid{grid-template-columns:1fr;}}

/* ---------- PRECIO ---------- */
.precio-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:start;}
.precio-card{background:var(--verde-profundo);border:1px solid var(--dorado);padding:clamp(26px,4vw,40px);border-radius:3px;position:relative;}
.precio-card .plan{font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--dorado);margin-bottom:12px;}
.precio-num{font-family:var(--f-titulo);font-size:clamp(44px,6vw,62px);color:var(--crema);line-height:1;}
.precio-num small{font-size:17px;color:var(--texto-claro);font-family:var(--f-texto);}
.precio-card ul{list-style:none;margin:24px 0 28px;display:grid;gap:10px;}
.precio-card li{color:var(--texto-claro);font-size:14.5px;padding-left:26px;position:relative;}
.precio-card li::before{content:"";position:absolute;left:2px;top:7px;width:11px;height:6px;border-left:2px solid var(--dorado);border-bottom:2px solid var(--dorado);transform:rotate(-45deg);}
.precio-card .btn{width:100%;}
.precio-card .alt{display:block;text-align:center;margin-top:14px;font-size:14px;color:var(--texto-claro);}
.precio-card .alt a{color:var(--dorado-claro);}
.precio-side{display:grid;gap:26px;}
.precio-side h3{color:var(--crema);font-size:20px;margin-bottom:8px;}
.precio-side p{font-size:15px;color:var(--texto-claro);}
.garantia{border:1px solid var(--dorado);padding:22px 24px;border-radius:3px;display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start;background:rgba(198,162,92,.06);}
.garantia svg{width:44px;height:44px;color:var(--dorado);}
.garantia h3{color:var(--dorado-claro);font-size:19px;margin-bottom:4px;}
@media(max-width:900px){.precio-grid{grid-template-columns:1fr;}}

/* ---------- RECOMENDADOS ---------- */
.reco{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center;}
.reco-esc{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.reco-esc div{background:var(--blanco);border:1px solid var(--borde-crema);padding:22px 16px;text-align:center;border-radius:3px;}
.reco-esc .n{font-family:var(--f-titulo);font-size:15px;color:var(--texto-oscuro-sec);}
.reco-esc .v{font-family:var(--f-titulo);font-size:clamp(28px,3.5vw,38px);color:var(--verde-base);line-height:1.1;margin:6px 0;}
.reco-esc .d{font-size:13px;color:var(--texto-oscuro-sec);}
.reco-esc div.top{background:var(--verde-profundo);border-color:var(--verde-profundo);}
.reco-esc div.top .n,.reco-esc div.top .d{color:var(--texto-claro);}
.reco-esc div.top .v{color:var(--dorado);}
.reco p{font-size:15.5px;color:var(--texto-oscuro-sec);margin-bottom:14px;}
.reco .nota{font-size:13px;}
@media(max-width:860px){.reco{grid-template-columns:1fr;}}
@media(max-width:420px){.reco-esc{grid-template-columns:1fr;}}

/* ---------- CÓMO EMPEZAR: dos caminos ---------- */
.caminos{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.camino{border:1px solid var(--verde-linea);padding:clamp(24px,3.5vw,36px);border-radius:3px;display:flex;flex-direction:column;gap:18px;}
.camino.web{border-color:var(--dorado);}
.camino-t{display:flex;align-items:center;gap:12px;}
.camino-t svg{width:28px;height:28px;color:var(--dorado);}
.camino h3{color:var(--crema);font-size:22px;}
.camino ol{list-style:none;counter-reset:c;display:grid;gap:14px;}
.camino li{counter-increment:c;display:grid;grid-template-columns:30px 1fr;gap:12px;font-size:14.5px;color:var(--texto-claro);}
.camino li::before{content:counter(c);width:28px;height:28px;border-radius:50%;border:1px solid var(--dorado);color:var(--dorado);display:flex;align-items:center;justify-content:center;font-family:var(--f-titulo);font-size:13px;}
.camino li b{color:var(--crema);font-weight:600;}
.camino .btn{margin-top:auto;}
.comun{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:28px;border-top:1px solid var(--verde-linea);}
.comun h4{font-family:var(--f-titulo);font-weight:460;color:var(--crema);font-size:18px;margin-bottom:6px;}
.comun p{font-size:14px;color:var(--texto-claro);}
.comun .cuando{font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--dorado);margin-bottom:6px;}
@media(max-width:860px){.caminos,.comun{grid-template-columns:1fr;}}

/* ---------- NOSOTROS ---------- */
.nos{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}
.nos-txt p{font-size:16px;color:var(--texto-oscuro-sec);margin-bottom:16px;max-width:58ch;}
.nos-txt p strong{color:var(--texto-oscuro);font-weight:600;}
.compromisos{display:grid;gap:0;border-top:1px solid #D3CBB8;}
.compromiso{display:grid;grid-template-columns:150px 1fr;gap:18px;padding-block:18px;border-bottom:1px solid #D3CBB8;}
.compromiso .k{font-family:var(--f-titulo);font-size:20px;color:var(--verde-base);line-height:1.2;}
.compromiso p{font-size:14.5px;color:var(--texto-oscuro-sec);}
@media(max-width:860px){.nos{grid-template-columns:1fr;gap:36px;}}
@media(max-width:460px){.compromiso{grid-template-columns:1fr;gap:4px;}}

/* ---------- FAQ ---------- */
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start;}
.faq-list{display:grid;gap:8px;}
.faq details{background:var(--blanco);border:1px solid var(--borde-crema);border-radius:3px;padding:0 22px;}
.faq details[open]{border-color:#D3C6A3;}
.faq summary{cursor:pointer;padding:18px 0;font-weight:600;font-size:15.5px;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";color:#9A7A3C;font-size:22px;font-weight:400;flex-shrink:0;line-height:1;}
.faq details[open] summary::after{content:"–";}
.faq details p{padding:0 0 18px;font-size:14.5px;color:var(--texto-oscuro-sec);max-width:70ch;}
.faq-side p{font-size:15px;color:var(--texto-oscuro-sec);margin-bottom:20px;}
@media(max-width:900px){.faq-grid{grid-template-columns:1fr;gap:28px;}}

/* ---------- CTA FINAL ---------- */
.final{background:var(--verde-base);text-align:center;}
.final h2{color:var(--crema);font-size:clamp(28px,4vw,42px);max-width:22ch;margin:0 auto 16px;line-height:1.15;}
.final p{color:var(--texto-claro);font-size:16px;margin:0 auto 34px;max-width:52ch;}
.final .cta-row{justify-content:center;}
.final .cta-grupo{align-items:center;}

/* ---------- FOOTER ---------- */
footer{background:var(--verde-profundo);padding-block:56px 32px;color:var(--texto-claro-sec);}
.foot{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px;}
.foot h4{font:600 12.5px var(--f-texto);letter-spacing:.1em;text-transform:uppercase;color:var(--dorado);margin-bottom:14px;}
.foot ul{list-style:none;display:grid;gap:8px;font-size:14px;}
.foot a{color:var(--texto-claro);text-decoration:none;}
.foot a:hover{color:var(--dorado-claro);}
.foot .tagline{font-size:14px;margin-top:12px;max-width:34ch;}
.foot-bottom{margin-top:40px;padding-top:22px;border-top:1px solid #223832;font-size:12.5px;color:#6F807A;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;}
@media(max-width:860px){.foot{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.foot{grid-template-columns:1fr;}}

/* ---------- WHATSAPP FLOTANTE ---------- */
.wa-flot{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;align-items:center;gap:10px;background:#1F9D55;color:#fff;text-decoration:none;border-radius:30px;padding:12px 18px 12px 14px;box-shadow:0 12px 30px -8px rgba(0,0,0,.45);font-weight:600;font-size:14.5px;transition:transform .2s;}
.wa-flot:hover{transform:translateY(-2px);}
.wa-flot svg{width:24px;height:24px;}
@media(max-width:520px){.wa-flot span{display:none;}.wa-flot{padding:14px;}}

/* ---------- PÁGINA CONTRATAR ---------- */
.ct-hero{background:var(--verde-profundo);padding-block:clamp(40px,6vw,64px);}
.ct-hero h1{color:var(--crema);font-size:clamp(30px,4.4vw,46px);line-height:1.1;margin-bottom:14px;}
.ct-hero p{color:var(--texto-claro);max-width:60ch;}
.ct-elige{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px;max-width:860px;}
.ct-op{border:1px solid var(--verde-suave);border-radius:3px;padding:20px 22px;text-decoration:none;color:var(--texto-claro);display:grid;gap:6px;transition:border-color .2s;}
.ct-op:hover{border-color:var(--dorado);}
.ct-op b{color:var(--crema);font-family:var(--f-titulo);font-weight:460;font-size:19px;}
.ct-op span{font-size:14px;}
@media(max-width:700px){.ct-elige{grid-template-columns:1fr;}}
.etapa{display:grid;grid-template-columns:56px 1fr;gap:22px;padding-block:44px;border-bottom:1px solid #D3CBB8;}
.etapa:last-child{border-bottom:none;}
.etapa-n{width:48px;height:48px;border-radius:50%;background:var(--verde-profundo);color:var(--dorado);display:flex;align-items:center;justify-content:center;font-family:var(--f-titulo);font-size:20px;}
.etapa h2{font-size:clamp(24px,3vw,30px);margin-bottom:8px;}
.etapa > div > p.desc{color:var(--texto-oscuro-sec);max-width:62ch;margin-bottom:22px;}
@media(max-width:600px){.etapa{grid-template-columns:1fr;gap:12px;}}
.pago-box{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:860px;}
.pago-op{background:var(--blanco);border:1px solid var(--borde-crema);border-radius:3px;padding:22px;display:flex;flex-direction:column;gap:10px;}
.pago-op h3{font-size:19px;}
.pago-op p{font-size:14px;color:var(--texto-oscuro-sec);}
.pago-op .btn{margin-top:auto;}
.pago-op.mp{border-color:var(--dorado);}
@media(max-width:700px){.pago-box{grid-template-columns:1fr;}}
.resumen-precio{display:flex;flex-wrap:wrap;gap:10px 26px;margin-bottom:22px;font-size:14px;color:var(--texto-oscuro-sec);}
.resumen-precio b{color:var(--texto-oscuro);}

/* formulario */
.ficha{background:var(--blanco);border:1px solid var(--borde-crema);border-radius:3px;max-width:860px;}
.ficha-prog{display:flex;border-bottom:1px solid var(--borde-crema);overflow-x:auto;}
.ficha-prog button{flex:1;min-width:110px;background:transparent;border:none;border-bottom:2px solid transparent;padding:14px 10px;font:500 13px var(--f-texto);color:var(--texto-oscuro-sec);cursor:pointer;white-space:nowrap;}
.ficha-prog button[aria-current="step"]{color:var(--texto-oscuro);border-bottom-color:var(--dorado);font-weight:600;}
.ficha-prog button.hecho{color:var(--ok);}
.ficha-body{padding:clamp(20px,4vw,36px);}
.ficha fieldset{border:none;display:grid;gap:18px;}
.ficha legend{font-family:var(--f-titulo);font-size:22px;margin-bottom:4px;}
.ficha .leg-desc{font-size:14px;color:var(--texto-oscuro-sec);margin-top:-8px;}
.fila{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media(max-width:600px){.fila{grid-template-columns:1fr;}}
.f{display:grid;gap:6px;min-width:0;}
.f > label,.f > .lab{font-size:14px;font-weight:600;color:var(--texto-oscuro);}
.f .opc{font-weight:400;color:var(--texto-oscuro-sec);}
.f input[type=text],.f input[type=tel],.f input[type=email],.f input[type=date],.f input[type=time],.f select,.f textarea{width:100%;border:1px solid #D3CBB8;border-radius:3px;padding:11px 12px;font:15px var(--f-texto);color:var(--texto-oscuro);background:var(--blanco);}
.f textarea{min-height:92px;resize:vertical;}
.f input:focus,.f select:focus,.f textarea:focus{outline:2px solid var(--dorado);outline-offset:0;border-color:var(--dorado);}
.f .ay{font-size:12.5px;color:var(--texto-oscuro-sec);}
.f.err input,.f.err textarea,.f.err select{border-color:var(--rojo);}
.f .msg-err{font-size:12.5px;color:var(--rojo);display:none;}
.f.err .msg-err{display:block;}
.opciones{display:flex;flex-wrap:wrap;gap:8px;}
.opciones label{display:flex;align-items:center;gap:8px;border:1px solid #D3CBB8;border-radius:3px;padding:9px 13px;font-size:14px;cursor:pointer;background:var(--blanco);}
.opciones label:has(input:checked){border-color:var(--dorado);background:#FBF6EA;}
.opciones input{accent-color:var(--verde-base);}
.horarios{display:grid;gap:8px;}
.hor{display:grid;grid-template-columns:110px auto 1fr 1fr;gap:10px;align-items:center;font-size:14px;}
.hor input[type=time]{padding:8px 8px;}
.hor .cerr{font-size:13px;color:var(--texto-oscuro-sec);grid-column:3 / 5;}
@media(max-width:520px){.hor{grid-template-columns:1fr auto;}.hor input[type=time]{grid-column:span 1;}.hor .cerr{grid-column:1 / -1;}}
.ficha-nav{display:flex;justify-content:space-between;gap:12px;padding:18px clamp(20px,4vw,36px);border-top:1px solid var(--borde-crema);background:var(--crema);flex-wrap:wrap;}
.guardado{font-size:12.5px;color:var(--texto-oscuro-sec);align-self:center;}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;}
.check input{margin-top:4px;accent-color:var(--verde-base);width:16px;height:16px;flex-shrink:0;}
.listo{background:var(--verde-profundo);color:var(--texto-claro);border-radius:3px;padding:clamp(24px,4vw,40px);max-width:860px;}
.listo h3{color:var(--crema);font-size:26px;margin-bottom:10px;}
.listo p{margin-bottom:16px;}
.listo .cta-row{margin-top:8px;}
.caja-info{background:#FBF6EA;border:1px solid #E8D9B4;border-radius:3px;padding:14px 16px;font-size:14px;color:var(--texto-oscuro);}

/* ---------- LEGAL ---------- */
.legal{max-width:760px;}
.legal h2{font-size:28px;margin:44px 0 12px;}
.legal h3{font-size:19px;margin:26px 0 8px;}
.legal p,.legal li{font-size:15.5px;color:var(--texto-oscuro-sec);margin-bottom:10px;}
.legal ul{padding-left:20px;}
.legal .actualizado{font-size:13px;color:var(--texto-oscuro-sec);}
.etapa > div{min-width:0;}
.ficha{min-width:0;}

/* ---------- INTERESADOS ---------- */
.interes{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:start;}
.int-form{background:var(--crema);border-radius:3px;padding:clamp(20px,3.5vw,32px);display:grid;gap:16px;position:relative;}
.int-form .f > label{color:var(--texto-oscuro);}
.int-acc{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;}
.int-acc .micro{color:var(--texto-oscuro-sec);}
.int-ok{background:var(--verde-profundo);color:var(--crema);padding:14px 16px;border-radius:3px;font-size:14.5px;}
.int-ok a{color:var(--dorado-claro);}
@media(max-width:900px){.interes{grid-template-columns:1fr;gap:28px;}}
@media(min-width:901px){.faq-side{position:sticky;top:96px;}}
