/* ORDEN 244 (26/10/2026): diseño al estilo de stripe.com con los colores de los vinos de Jerez (fino, amontillado, oloroso, tinto,
   palo cortado) sobre azul noche. Letras Hanken Grotesk y Geist Mono, guardadas en el servidor. Una sola apariencia clara.
   Los nombres de las variables antiguas se mantienen para no tocar las páginas: --verde es ahora el color de acción (tinto). */
:root{
  color-scheme:light;
  --bg:#ffffff; --bg-2:#f6f8fa; --fg:#0f1d2b; --muted:#5b6b7c; --line:#e3e8ee; --tinta-2:#3a4a5c; --tinta-boton:#0f1d2b;
  --verde:#8f1d3f; --verde-osc:#6b1430; --verde-fg:#ffffff; --verde-suave:#f7e8ed;
  --bodega:#0d1928; --bodega-fg:#e8edf3; --bodega-muted:#9fb0c3; --noche-2:#16263a; --noche-raya:#2a3b52;
  --albero:#c4701f; --albero-suave:#fbf0e1;
  --fino:#e7b84a; --amontillado:#d6812c; --oloroso:#b2432b; --tinto:#8f1d3f; --cortado:#5a2a6d; --albariza:#f4e9d3;
  --panel:#ffffff; --sombra:0 1px 2px rgba(15,29,43,.06),0 24px 48px -24px rgba(15,29,43,.3);
  --display:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;
  --body:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;
  --mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --ancho:1180px; --radio:12px;
}

*{box-sizing:border-box}
body{background:var(--bg);color:var(--fg);font:16px/1.6 var(--body);margin:0}
a{color:inherit}
.env{max-width:var(--ancho);margin:0 auto;padding-inline:clamp(16px,4vw,32px)}
h1,h2,h3{font-family:var(--display);line-height:1.08;margin:0;text-wrap:balance;letter-spacing:-.01em}
h1{font-size:clamp(38px,5.4vw,62px);font-weight:300}
h2{font-size:clamp(30px,3.6vw,44px);font-weight:300}
h3{font-size:21px;font-weight:500}
p{margin:0}
.ante{font:600 13px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--verde)}
.sub{color:var(--muted);font-size:clamp(17px,1.6vw,19px);max-width:60ch}
section{padding-block:clamp(64px,8vw,104px)}
.cabeza{display:grid;gap:14px;max-width:760px;margin-bottom:44px}
.centro{text-align:center;margin-inline:auto;justify-items:center}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:999px;font:600 16px var(--body);text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-1px)}
.btn:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--albero);outline-offset:2px}
.btn.pri{background:var(--verde);color:var(--verde-fg)}
.btn.sec{border-color:var(--line);background:var(--panel);color:var(--fg)}
.btn.peq{min-height:40px;padding:0 18px;font-size:15px}

/* aviso de arriba */
.aviso{background:var(--bodega);color:var(--bodega-fg);font-size:14px;text-align:center;padding:9px 16px}
.aviso b{color:var(--albero)}

/* barra */
header.barra{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.barra .env{display:flex;align-items:center;gap:28px;min-height:72px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:300 23px var(--display);letter-spacing:-.02em}
.logo i{width:32px;height:32px;border-radius:10px;background:var(--bodega);display:grid;place-items:center}
.logo i svg{width:18px;height:18px}
.menu{display:flex;gap:26px;flex:1}
.menu a{text-decoration:none;color:var(--muted);font-weight:500;font-size:15.5px}
.menu a:hover{color:var(--fg)}
.acciones{display:flex;gap:10px}
.movil{display:none}
@media (max-width:960px){.menu,.acciones .sec{display:none}.barra .env{justify-content:space-between}.movil{display:block}}
.movil summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-weight:600}
.movil summary::-webkit-details-marker{display:none}
.movil nav{position:absolute;left:16px;right:16px;top:70px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radio);padding:12px;display:grid;box-shadow:var(--sombra)}
.movil nav a{padding:12px;text-decoration:none;font-weight:500;border-radius:10px}
.movil nav a:hover{background:var(--bg-2)}

/* portada */
.portada{padding-block:clamp(48px,6vw,84px) clamp(56px,7vw,96px);background:linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%)}
.portada .env{display:grid;grid-template-columns:1.02fr 1fr;gap:clamp(32px,5vw,64px);align-items:center}
.portada .txt{display:grid;gap:22px;min-width:0}
.chip{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:6px 12px 6px 8px;border-radius:999px;background:var(--albero-suave);color:var(--fg);font-size:14px;font-weight:500}
.chip span{background:var(--albero);color:#fff;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}
h1 em{font-style:normal;color:var(--verde)}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.notas{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:14.5px}
.notas span::before{content:"✓ ";color:var(--verde);font-weight:700}
@media (max-width:900px){.portada .env{grid-template-columns:1fr}}

/* pantalla del programa (hecha en HTML, con los colores reales del programa) */
.pantalla{background:var(--panel);border:1px solid var(--line);border-radius:22px;box-shadow:var(--sombra);overflow:hidden;min-width:0}
.pantalla .tope{display:flex;gap:6px;padding:11px 14px;border-bottom:1px solid var(--line);align-items:center}
.pantalla .tope i{width:10px;height:10px;border-radius:50%;background:var(--line)}
.pantalla .tope span{margin-left:10px;font:12px var(--mono);color:var(--muted)}
.app{display:grid;grid-template-columns:150px 1fr;min-height:360px;font-size:12.5px}
.app aside{background:var(--bodega);color:var(--bodega-fg);padding:14px 10px;display:grid;align-content:start;gap:3px}
.app aside b{font:500 14px var(--display);padding:0 8px 10px}
.app aside span{padding:6px 8px;border-radius:7px;color:var(--bodega-muted)}
.app aside span.on{background:var(--noche-2);color:var(--bodega-fg)}
.app main{padding:16px;display:grid;gap:12px;align-content:start;background:var(--bg-2);min-width:0}
.app h4{margin:0;font:500 17px var(--display)}
.cifras{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cifras div{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:9px 10px;display:grid;gap:2px;min-width:0}
.cifras small{color:var(--muted);font-size:11px}
.cifras strong{font:600 15px var(--mono);font-variant-numeric:tabular-nums}
.bandeja{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px;display:grid;gap:6px}
.bandeja .t{font-weight:600;font-size:12.5px;display:flex;justify-content:space-between}
.fila{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:6px 8px;border-radius:8px;background:var(--bg-2);min-width:0}
.fila span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fila .n{font:12px var(--mono);font-variant-numeric:tabular-nums}
.est{font-size:10.5px;font-weight:600;border-radius:999px;padding:2px 7px;background:var(--verde-suave);color:var(--verde)}
.est.rev{background:var(--albero-suave);color:var(--albero)}
.burbuja{justify-self:end;max-width:78%;background:var(--bodega);color:var(--bodega-fg);border-radius:12px 12px 4px 12px;padding:8px 10px;font-size:12px}
@media (max-width:520px){.app{grid-template-columns:1fr}.app aside{display:none}.cifras{grid-template-columns:1fr 1fr}.cifras div:last-child{display:none}}

/* perfiles */
.perfiles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.perfil{border:1px solid var(--line);border-radius:var(--radio);padding:28px;display:grid;gap:14px;align-content:start;background:var(--panel)}
.perfil .ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--verde-suave)}
.perfil .ic svg{width:26px;height:26px;stroke:var(--verde);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.perfil p{color:var(--muted)}
.perfil a{font-weight:600;color:var(--verde);text-decoration:none}
@media (max-width:860px){.perfiles{grid-template-columns:1fr}}

/* funciones */
.funciones{background:var(--bg-2)}
.rejilla{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.fun{background:var(--panel);border:1px solid var(--line);border-radius:var(--radio);padding:26px;display:grid;gap:10px;align-content:start}
.fun .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--bodega)}
.fun .ic svg{width:22px;height:22px;stroke:var(--albero);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fun p{color:var(--muted);font-size:15.5px}
.fun .mods{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.fun .mods span{font:500 12.5px var(--mono);border:1px solid var(--line);border-radius:7px;padding:2px 7px;color:var(--fg)}
.fun.ancha{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.fun.ancha > div{display:grid;gap:10px}
@media (max-width:960px){.rejilla{grid-template-columns:1fr 1fr}.fun.ancha{grid-column:span 2}}
@media (max-width:640px){.rejilla{grid-template-columns:1fr}.fun.ancha{grid-column:auto;grid-template-columns:1fr}}

/* Contalín */
.chat{background:var(--bg-2);border-radius:14px;padding:14px;display:grid;gap:8px;font-size:14px}
.chat .yo{justify-self:end;background:var(--verde);color:var(--verde-fg);border-radius:12px 12px 4px 12px;padding:8px 12px;max-width:85%}
.chat .el{justify-self:start;background:var(--panel);border:1px solid var(--line);border-radius:12px 12px 12px 4px;padding:8px 12px;max-width:90%}
.chat .el b{font-family:var(--mono);font-weight:500}

/* plazos VERI*FACTU */
.plazos .env{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.linea{display:grid;gap:0;border-left:2px solid var(--line);margin-left:8px}
.hito{position:relative;padding:0 0 28px 28px;display:grid;gap:4px}
.hito:last-child{padding-bottom:0}
.hito::before{content:"";position:absolute;left:-9px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--bg);border:3px solid var(--verde)}
.hito.hoy::before{background:var(--albero);border-color:var(--albero)}
.hito b{font:500 20px var(--display)}
.hito span{color:var(--muted)}
@media (max-width:860px){.plazos .env{grid-template-columns:1fr}}

/* precios */
.precios{background:var(--bodega);color:var(--bodega-fg)}
.precios .ante{color:var(--albero)}
.precios .sub{color:var(--bodega-muted)}
.planes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.plan{background:var(--noche-2);border:1px solid var(--noche-raya);border-radius:var(--radio);padding:30px 26px;display:grid;gap:18px;align-content:start;position:relative}
.plan.top{background:var(--panel);color:var(--fg);border-color:var(--albero)}
.plan .marca{position:absolute;top:-13px;left:26px;background:var(--albero);color:#fff;font-size:12.5px;font-weight:600;border-radius:999px;padding:4px 12px}
.plan .precio{font:300 40px var(--display);display:flex;align-items:baseline;gap:6px}
.plan .precio small{font:500 15px var(--body);opacity:.75}
.plan .por{font-size:13px;color:var(--albero);font-weight:600}
.plan ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:15px}
.plan li{padding-left:24px;position:relative}
.plan li::before{content:"";position:absolute;left:0;top:7px;width:12px;height:7px;border-left:2px solid var(--albero);border-bottom:2px solid var(--albero);transform:rotate(-45deg)}
.plan .btn{width:100%}
.plan:not(.top) .btn.sec{background:transparent;color:var(--bodega-fg);border-color:var(--noche-raya)}
.nota-precio{margin-top:26px;font-size:14px;color:var(--bodega-muted);text-align:center}
@media (max-width:900px){.planes{grid-template-columns:1fr;max-width:480px;margin-inline:auto}}

/* asesorías */
.asesoria{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;border:1px solid var(--line);border-radius:26px;padding:clamp(28px,4vw,48px);background:linear-gradient(135deg,var(--albero-suave),var(--bg) 70%)}
.asesoria .txt{display:grid;gap:16px}
.asesoria ul{margin:0;padding-left:20px;display:grid;gap:6px;color:var(--muted)}
.ficha{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;gap:10px;font-size:14px}
.ficha .f{display:grid;grid-template-columns:1fr auto;gap:8px;padding:8px 10px;border-radius:10px;background:var(--bg-2)}
.ficha .f b{font-weight:600}
@media (max-width:860px){.asesoria{grid-template-columns:1fr}}

/* seguridad */
.seguridad .cuatro{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.seg{display:grid;gap:10px;align-content:start}
.seg .ic{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--verde)}
.seg .ic svg{width:22px;height:22px;stroke:var(--verde);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.seg p{color:var(--muted);font-size:15px}
@media (max-width:960px){.seguridad .cuatro{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.seguridad .cuatro{grid-template-columns:1fr}}

/* Jerez */
.jerez{background:var(--bg-2)}
.jerez .env{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center}
.sello{width:150px;height:150px;border-radius:50%;border:2px solid var(--albero);display:grid;place-items:center;text-align:center;font:500 15px/1.2 var(--display);color:var(--albero);padding:20px}
.sello b{display:block;font-size:34px;color:var(--fg)}
.jerez p{color:var(--muted);max-width:62ch}
@media (max-width:700px){.jerez .env{grid-template-columns:1fr;justify-items:start}}

/* ayuda */
.ayuda .tres{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ay{border:1px solid var(--line);border-radius:var(--radio);padding:24px;display:grid;gap:8px}
.ay p{color:var(--muted);font-size:15px}
@media (max-width:860px){.ayuda .tres{grid-template-columns:1fr}}

/* cierre y contacto */
.cierre{padding-block:0 clamp(64px,8vw,104px)}
.caja-cierre{background:var(--verde);color:var(--verde-fg);border-radius:28px;padding:clamp(32px,5vw,64px);display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center}
.caja-cierre h2{color:inherit}
.caja-cierre p{opacity:.9}
form.contacto{background:var(--panel);color:var(--fg);border-radius:18px;padding:22px;display:grid;gap:12px}
form.contacto label{display:grid;gap:5px;font-size:14px;font-weight:500}
form.contacto input,form.contacto select{font:inherit;padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--fg);min-width:0;width:100%}
#ok{font-size:14px;color:var(--verde);font-weight:600}
@media (max-width:860px){.caja-cierre{grid-template-columns:1fr}}

/* pie */
footer{border-top:1px solid var(--line);padding-block:56px 32px;font-size:15px}
footer .cols{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}
footer h5{margin:0 0 12px;font:600 13px var(--body);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
footer ul a{text-decoration:none;color:var(--fg)}
footer .marca p{color:var(--muted);margin-top:12px;max-width:34ch}
footer .legal{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:13.5px}
@media (max-width:860px){footer .cols{grid-template-columns:1fr 1fr}}
.boceto{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30;background:var(--albero);color:#fff;font-size:12.5px;font-weight:600;border-radius:999px;padding:6px 12px;box-shadow:0 6px 18px rgba(0,0,0,.18)}
@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}

/* ===== Web completa (10/10/2026): páginas interiores con la misma identidad ===== */
.menu{gap:16px}
.menu a{font-size:15px}
.menu a[aria-current="page"]{color:var(--fg);font-weight:600;box-shadow:inset 0 -2px 0 var(--albero)}
@media (max-width:1180px){.menu,.acciones .sec{display:none}.barra .env{justify-content:space-between}.movil{display:block}}
.movil nav{max-height:70vh;overflow:auto}

/* cabecera de página interior */
.cab-pag{padding-block:clamp(44px,6vw,80px) clamp(48px,6vw,80px);background:linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);border-bottom:1px solid var(--line)}
.cab-pag .env{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.cab-pag.sola .env{grid-template-columns:1fr}
.cab-pag .txt{display:grid;gap:20px;min-width:0;max-width:720px}
.migas{font-size:14px;color:var(--muted)}
.migas a{color:var(--muted)}
@media (max-width:900px){.cab-pag .env{grid-template-columns:1fr}}

/* bloques de texto + pantalla, alternos */
.bloques{display:grid;gap:clamp(56px,7vw,96px)}
.bloque{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.bloque.inv > .txt{order:2}
.bloque .txt{display:grid;gap:14px;min-width:0}
.bloque .txt p{color:var(--muted)}
@media (max-width:860px){.bloque{grid-template-columns:1fr}.bloque.inv > .txt{order:0}}
.check{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.check li{padding-left:26px;position:relative}
.check li::before{content:"";position:absolute;left:2px;top:8px;width:12px;height:7px;border-left:2px solid var(--verde);border-bottom:2px solid var(--verde);transform:rotate(-45deg)}
.pronto{display:inline-block;vertical-align:2px;margin-left:6px;font:600 11.5px/1 var(--body);letter-spacing:.03em;padding:4px 8px;border-radius:999px;background:var(--albero-suave);color:var(--albero);white-space:nowrap}

/* tarjeta de muestra (mini pantallas) */
.muestra{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--sombra);padding:18px;display:grid;gap:10px;min-width:0;font-size:14px}
.muestra .t{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:600}
.muestra .t small{font:12px var(--mono);color:var(--muted);font-weight:400}
.reng{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:var(--bg-2);min-width:0}
.reng > span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reng .n,.num{font:13px var(--mono);font-variant-numeric:tabular-nums}
.reng.dos{grid-template-columns:1fr auto}
.cuenta{font:12px var(--mono);color:var(--verde);background:var(--verde-suave);border-radius:6px;padding:2px 6px}
.factura{display:grid;gap:12px}
.factura .cab{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.factura .cab b{font:500 18px var(--display)}
.factura table{width:100%;border-collapse:collapse;font-size:13.5px}
.factura td{padding:6px 0;border-bottom:1px solid var(--line)}
.factura td:last-child{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}
.factura .pie{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}
.qr{width:74px;height:74px;color:var(--fg);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:4px}
.factura .leyenda{font-size:12px;color:var(--muted)}
.mods-grandes{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.mod{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:2px;background:var(--panel)}
.mod b{font:600 20px var(--mono)}
.mod span{font-size:12.5px;color:var(--muted)}

/* índice de funciones */
.indice{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ir{border:1px solid var(--line);border-radius:var(--radio);padding:26px;display:grid;gap:10px;align-content:start;background:var(--panel);text-decoration:none;transition:border-color .15s,transform .15s}
.ir:hover{border-color:var(--verde);transform:translateY(-2px)}
.ir p{color:var(--muted);font-size:15.5px}
.ir .mas{color:var(--verde);font-weight:600}
.ir .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--bodega)}
.ir .ic svg{width:22px;height:22px;stroke:var(--albero);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:960px){.indice{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.indice{grid-template-columns:1fr}}

/* tabla comparativa */
.tabla-env{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radio);background:var(--panel)}
table.comp{width:100%;min-width:640px;border-collapse:collapse;font-size:15px}
table.comp th,table.comp td{padding:12px 16px;border-bottom:1px solid var(--line);text-align:left}
table.comp thead th{font:500 16px var(--display);background:var(--bg-2)}
table.comp td:not(:first-child),table.comp th:not(:first-child){text-align:center;width:16%}
table.comp tr.grupo td{font:600 12.5px var(--body);letter-spacing:.07em;text-transform:uppercase;color:var(--verde);background:var(--bg)}
table.comp .si{color:var(--verde);font-weight:700}
table.comp .no{color:var(--muted)}
table.comp tr:last-child td{border-bottom:0}

/* preguntas */
.faq{display:grid;gap:10px;max-width:860px}
.faq details{border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.faq summary{cursor:pointer;list-style:none;padding:18px 20px;font-weight:600;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:600 22px/1 var(--display);color:var(--verde)}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 20px 18px;color:var(--muted);max-width:70ch}

/* pasos */
.pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:p}
.paso{border-top:2px solid var(--verde);padding-top:18px;display:grid;gap:8px;counter-increment:p}
.paso::before{content:counter(p);font:300 34px/1 var(--display);color:var(--albero)}
.paso p{color:var(--muted);font-size:15.5px}
@media (max-width:860px){.pasos{grid-template-columns:1fr}}

/* hoja de ruta */
.ruta{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
.col-ruta{border:1px solid var(--line);border-radius:var(--radio);padding:22px;display:grid;gap:12px;background:var(--panel)}
.col-ruta h3{display:flex;justify-content:space-between;align-items:center}
.col-ruta ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:15px}
.col-ruta li{padding:9px 12px;border-radius:10px;background:var(--bg-2)}
.col-ruta.hecho h3 span{color:var(--verde)}
.col-ruta.marcha{border-color:var(--albero)}
@media (max-width:900px){.ruta{grid-template-columns:1fr}}

.franja{background:var(--bg-2)}
.dos-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:760px){.dos-col{grid-template-columns:1fr}}
.caja{border:1px solid var(--line);border-radius:var(--radio);padding:26px;display:grid;gap:10px;align-content:start;background:var(--panel)}
.caja p{color:var(--muted)}
.copiar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.copiar code{font:500 16px var(--mono);background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:10px 14px;user-select:all}
@media (prefers-reduced-motion:reduce){.ir{transition:none}.ir:hover{transform:none}}
@media (max-width:520px){.acciones{display:none}.logo{font-size:21px}}
.btn{white-space:nowrap}.acciones{flex-shrink:0}
.campo{font:inherit;padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--fg);width:100%;min-width:0}
form.caja label{font-weight:500;font-size:14px}

/* Contalín, el cerebro */
.menu a .ia{font:700 10.5px/1 var(--body);letter-spacing:.04em;background:var(--albero);color:#fff;border-radius:6px;padding:3px 5px;margin-left:4px;vertical-align:2px}
.cerebro{background:var(--bodega);color:var(--bodega-fg)}
.cerebro .ante{color:var(--albero)}
.cerebro .sub{color:var(--bodega-muted)}
.ia-rejilla{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ia-rejilla article{background:var(--noche-2);border:1px solid var(--noche-raya);border-radius:var(--radio);padding:24px;display:grid;gap:10px;align-content:start}
.ia-rejilla p{color:var(--bodega-muted);font-size:15.5px}
.ia-rejilla .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--albero)}
.ia-rejilla .ic svg{width:22px;height:22px;stroke:var(--bodega);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ia-pie{margin-top:28px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--noche-raya);padding-top:22px;color:var(--bodega-muted)}
@media (max-width:960px){.ia-rejilla{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.ia-rejilla{grid-template-columns:1fr}}
.app.con-ia{grid-template-columns:1fr 230px}.app.con-ia aside{display:none}
.app.con-ia aside{font-size:12px}
.panel-ia{background:var(--panel);border-left:1px solid var(--line);padding:12px;display:grid;gap:8px;align-content:start;font-size:12.5px;min-width:0}
.ia-cab{display:flex;align-items:center;gap:7px;font:500 14px var(--display)}
.ia-punto{width:9px;height:9px;border-radius:50%;background:var(--albero);box-shadow:0 0 0 4px var(--albero-suave)}
.ia-el{background:var(--bg-2);border-radius:10px 10px 10px 3px;padding:8px 10px}
.ia-el b{font-family:var(--mono);font-weight:500}
.ia-yo{justify-self:end;background:var(--verde);color:var(--verde-fg);border-radius:10px 10px 3px 10px;padding:7px 10px;max-width:90%}
@media (max-width:1100px){.app.con-ia{grid-template-columns:1fr 210px}.app.con-ia aside{display:none}}
@media (max-width:560px){.app.con-ia{grid-template-columns:1fr}.panel-ia{border-left:0;border-top:1px solid var(--line)}}

/* Blog */
.blog-lista{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.post{border:1px solid var(--line);border-radius:var(--radio);background:var(--panel);text-decoration:none;display:grid;grid-template-rows:auto 1fr;overflow:hidden;transition:border-color .15s,transform .15s}
.post:hover{border-color:var(--verde);transform:translateY(-2px)}
.post .tapa{aspect-ratio:16/8;display:grid;place-items:center;font:300 clamp(30px,4vw,44px)/1 var(--display);color:var(--albero);background:var(--bodega);letter-spacing:-.02em;max-width:100%}
.post .tapa.v{background:var(--verde);color:var(--verde-fg)}
.post .tapa.a{background:var(--albero-suave);color:var(--albero)}
.post .cuerpo{padding:22px;display:grid;gap:10px;align-content:start}
.post .meta,.art-meta{font-size:13.5px;color:var(--muted)}
.post p{color:var(--muted);font-size:15.5px}
@media (max-width:960px){.blog-lista{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.blog-lista{grid-template-columns:1fr}}
.articulo .env{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
.prosa{font-size:17.5px;line-height:1.72;max-width:70ch;display:grid;gap:18px;min-width:0}
.prosa h2{font-size:clamp(25px,2.6vw,31px);margin-top:20px}
.prosa h3{font-size:20px;margin-top:6px}
.prosa ul,.prosa ol{margin:0;padding-left:22px;display:grid;gap:8px}
.prosa .entradilla{font-size:20px;line-height:1.6;color:var(--muted)}
.prosa .nota{border-left:3px solid var(--albero);background:var(--albero-suave);padding:14px 18px;border-radius:0 12px 12px 0;font-size:16px}
.prosa .tabla-env{margin:4px 0}
.prosa table.comp{min-width:520px;font-size:15px}
.prosa table.comp td:not(:first-child),.prosa table.comp th:not(:first-child){text-align:left;width:auto}
.fuentes{font-size:14.5px;color:var(--muted)}
.fuentes a{color:var(--muted)}
.lateral{position:sticky;top:calc(96px + env(safe-area-inset-top,0px));display:grid;gap:16px}
.lateral .caja{padding:22px}
@media (max-width:980px){.articulo .env{grid-template-columns:1fr}.lateral{position:static}}
@media (prefers-reduced-motion:reduce){.post{transition:none}.post:hover{transform:none}}
.menu a{white-space:nowrap}

/* 13/10/2026: preguntas con h3 (SEO), piloto automático y caso real */
.faq summary h3{font:inherit;margin:0;display:inline}
.auto-dia{display:grid;gap:12px;max-width:860px;margin:0;padding:0;list-style:none}
.auto-dia li{display:grid;grid-template-columns:76px 1fr;gap:16px;align-items:start;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.auto-dia b{font:600 15px var(--mono);color:var(--verde)}
.auto-dia p{margin:0;color:var(--muted)}
.auto-dia h3{margin:0 0 4px;font-size:17px}
.caso{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(16px,3vw,32px);align-items:center;border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:clamp(20px,3vw,32px);box-shadow:var(--sombra)}
.caso .cifra{font:300 clamp(40px,6vw,64px)/1 var(--display);color:var(--verde)}
.caso .cifra small{display:block;font:500 14px var(--body);color:var(--muted);margin-top:6px}
.caso p{margin:0;color:var(--muted)}
.caso h3{margin:0 0 6px}
@media (max-width:760px){.caso{grid-template-columns:1fr}}
.saldo-ej{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.saldo-ej .caja ul{margin:8px 0 0;padding-left:18px;display:grid;gap:8px}
.saldo-ej .caja li{color:var(--muted)}
.saldo-ej .coste{font:600 13px var(--mono);color:var(--verde);white-space:nowrap}
table.comp.auto th,table.comp.auto td,table.comp.auto td:not(:first-child),table.comp.auto th:not(:first-child){text-align:left;width:auto}
table.comp.auto td:first-child{width:26%;font-weight:600}
table.comp.auto td:nth-child(2){width:46%}
table.comp.auto.fmt td:nth-child(3),table.comp.auto.fmt th:nth-child(3){text-align:center;width:16%}

/* como en el servidor (10/10) */
.menu{gap:14px}
.menu a{font-size:14.5px}

/* ===== Web v2 (14/10/2026): menú desplegable, capturas reales, módulos nuevos ===== */
html{scroll-behavior:smooth;scroll-padding-top:90px}
img{max-width:100%;height:auto;display:block}
.aviso a{color:inherit;font-weight:600}
.nuevo{display:inline-block;vertical-align:2px;margin-left:6px;font:700 10.5px/1 var(--body);letter-spacing:.05em;text-transform:uppercase;padding:4px 7px;border-radius:999px;background:var(--albero);color:#fff;white-space:nowrap}

/* menú con desplegables */
.menu{align-items:center;gap:6px}
.menu > a,.desp > button{padding:8px 10px;border-radius:10px;font:500 15px var(--body);color:var(--muted);text-decoration:none;background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.menu > a:hover,.desp > button:hover,.desp:focus-within > button,.desp.abierto > button{color:var(--fg);background:var(--bg-2)}
.menu > a[aria-current="page"]{box-shadow:none;color:var(--fg);font-weight:600}
.desp{position:relative}
.desp > button::after{content:"";width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-3px);opacity:.7}
.panel-desp{display:none;position:absolute;top:calc(100% + 10px);left:-16px;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--sombra);padding:10px;z-index:40;min-width:300px}
.panel-desp::before{content:"";position:absolute;inset:-12px 0 auto 0;height:12px}
.desp:hover .panel-desp,.desp:focus-within .panel-desp,.desp.abierto .panel-desp{display:grid}
.desp.cerrado .panel-desp{display:none!important}
.panel-desp.dos{grid-template-columns:repeat(2,minmax(0,1fr));width:min(680px,84vw)}
.panel-desp a{display:grid;grid-template-columns:36px 1fr;gap:2px 12px;align-items:center;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--fg)}
.panel-desp a:hover,.panel-desp a:focus-visible{background:var(--bg-2)}
.panel-desp a i{grid-row:span 2;width:36px;height:36px;border-radius:10px;background:var(--verde-suave);display:grid;place-items:center}
.panel-desp a i svg{width:18px;height:18px;stroke:var(--verde);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.panel-desp a b{font-weight:600;font-size:15px}
.panel-desp a span{font-size:13px;color:var(--muted);line-height:1.35}
.panel-desp .todas{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:6px;padding:12px 12px 6px;border-radius:0;font-weight:600;color:var(--verde)}
.panel-desp .todas:hover{background:none;text-decoration:underline}
.movil nav h6{margin:10px 12px 2px;font:600 12px var(--body);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.movil nav a.cta-m{background:var(--verde);color:var(--verde-fg);text-align:center;margin-top:8px}
@media (max-width:1100px){.menu,.acciones .sec{display:none}.barra .env{justify-content:space-between}.movil{display:block}}

/* portada v2 */
.portada.v2{overflow:hidden;padding-bottom:clamp(40px,5vw,72px)}
.portada.v2 .env{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.portada.v2 .sub{max-width:54ch}
.escena{position:relative;min-width:0}
.marco{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 40px 80px -32px rgba(15,29,43,.38),0 2px 6px rgba(15,29,43,.06);overflow:hidden;margin:0;min-width:0}
.marco .tope{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line);align-items:center;background:var(--bg)}
.marco .tope i{width:10px;height:10px;border-radius:50%;background:var(--line)}
.marco .tope span{margin:0 auto;font:12px var(--mono);color:var(--muted);background:var(--bg-2);border-radius:8px;padding:3px 14px}
.marco img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top left}
.portada.v2 .escena .marco{width:118%;max-width:none}
@media (max-width:900px){.portada.v2 .env{grid-template-columns:1fr}.portada.v2 .escena .marco{width:100%}}
.flota{position:absolute;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sombra);padding:12px 14px;display:grid;gap:4px;font-size:13.5px;max-width:280px;z-index:2}
.flota .cab{display:flex;align-items:center;gap:8px;font:500 13.5px var(--display)}
.flota p{color:var(--muted);line-height:1.45}
.flota.ia{left:-28px;bottom:-22px}
.flota.cobro{right:-14px;bottom:22%;grid-template-columns:auto 1fr;align-items:center;gap:2px 12px}
.flota.cobro .ic{grid-row:span 2;width:38px;height:38px;border-radius:12px;background:var(--verde-suave);display:grid;place-items:center}
.flota.cobro .ic svg{width:20px;height:20px;stroke:var(--verde);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.flota.cobro b{font:600 15px var(--mono);font-variant-numeric:tabular-nums}
.flota small{color:var(--muted);font-size:12.5px}
@media (max-width:1180px){.flota.cobro{right:8px}}
.faq-dos{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,64px);align-items:start}
.faq-dos .cabeza{margin:0;position:sticky;top:110px}
.faq-dos .faq{max-width:none}
@media (max-width:860px){.faq-dos{grid-template-columns:1fr}.faq-dos .cabeza{position:static}}
@media (max-width:900px){.flota.ia{left:8px;bottom:-26px}}
@media (max-width:520px){.flota{display:none}}
@media (prefers-reduced-motion:no-preference){.flota{animation:sube .7s cubic-bezier(.2,.7,.2,1) both}.flota.ia{animation-delay:.5s}.flota.cobro{animation-delay:.9s}}
@keyframes sube{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* franja de confianza */
.confianza{border-block:1px solid var(--line);padding-block:22px;background:var(--bg)}
.confianza ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 22px}
.confianza li{display:flex;align-items:center;gap:10px;font-weight:500;font-size:15px;color:var(--muted)}
.confianza svg{width:22px;height:22px;stroke:var(--verde);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
@media (max-width:700px){.confianza ul{justify-content:flex-start}}

/* módulos */
.modulos{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.modulo{position:relative;border:1px solid var(--line);border-radius:var(--radio);padding:24px;display:grid;gap:10px;align-content:start;background:var(--panel);text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s}
.modulo:hover{border-color:var(--verde);transform:translateY(-2px);box-shadow:var(--sombra)}
.modulo .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--bodega)}
.modulo .ic svg{width:22px;height:22px;stroke:var(--albero);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.modulo h3{font-size:19px}
.modulo p{color:var(--muted);font-size:15px}
.modulo .nuevo{position:absolute;top:22px;right:20px;margin:0}
@media (max-width:1060px){.modulos{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.modulos{grid-template-columns:1fr}}

/* recorrido por pantallas */
.recorrido{background:var(--bg-2)}
.pestanas{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.pestanas button{font:600 15px var(--body);padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer}
.pestanas button[aria-selected="true"]{background:var(--bodega);border-color:var(--bodega);color:var(--bodega-fg)}
.pestanas button:focus-visible{outline:3px solid var(--albero);outline-offset:2px}
.vista{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:center}
.vista[hidden]{display:none}
.vista .txt{display:grid;gap:12px}
.vista .txt p{color:var(--muted)}
@media (max-width:960px){.vista{grid-template-columns:1fr}.vista .txt{order:-1}}

/* destacados con móvil */
.destacado{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,6vw,80px);align-items:center}
.destacado.inv > .txt{order:2}
.destacado .txt{display:grid;gap:16px;min-width:0}
.destacado .txt > p{color:var(--muted);font-size:17px}
.destacado .escena{display:flex;justify-content:center;padding-block:10px}
@media (max-width:900px){.destacado{grid-template-columns:1fr}.destacado.inv > .txt{order:0}}
.oscuro{background:var(--bodega);color:var(--bodega-fg)}
.oscuro .ante{color:var(--albero)}
.oscuro .txt > p,.oscuro .sub{color:var(--bodega-muted)}
.oscuro .check li::before{border-color:var(--albero)}
.oscuro .btn.sec{background:transparent;color:var(--bodega-fg);border-color:var(--noche-raya)}
.telefono{width:min(300px,78vw);border-radius:46px;padding:11px;background:#0b1522;box-shadow:0 50px 90px -30px rgba(0,0,0,.5),inset 0 0 0 1.5px #2a3b52;position:relative;flex:none}
.telefono::before{content:"";position:absolute;top:20px;left:50%;transform:translateX(-50%);width:84px;height:22px;border-radius:999px;background:#0b1522;z-index:1}
.telefono img{border-radius:36px;width:100%;aspect-ratio:390/880;object-fit:cover;object-position:top;border-top:36px solid #f6f8fa;background:#f6f8fa}
.escena .flota.apunte{left:auto;right:calc(50% - 250px);bottom:56px;top:auto}
.escena .flota.aviso-iban{left:calc(50% - 260px);top:56px;max-width:240px}
@media (max-width:620px){.escena .flota.apunte,.escena .flota.aviso-iban{display:none}}
.flota .mono{font-family:var(--mono);font-size:12.5px}
.tres-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:6px}
.tres-mini div{border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:4px;background:var(--panel)}
.oscuro .tres-mini div{border-color:var(--noche-raya);background:var(--noche-2)}
.tres-mini b{font:500 16px var(--display)}
.tres-mini span{font-size:13.5px;color:var(--muted)}
.oscuro .tres-mini span{color:var(--bodega-muted)}
@media (max-width:640px){.tres-mini{grid-template-columns:1fr}}

/* antes y ahora */
.antes-ahora{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--panel)}
.antes-ahora > div{padding:clamp(22px,3vw,34px);display:grid;gap:4px;align-content:start}
.antes-ahora .con{background:linear-gradient(160deg,var(--verde-suave),var(--panel) 75%);border-left:1px solid var(--line)}
.antes-ahora h3{margin-bottom:10px;display:flex;align-items:center;gap:10px}
.antes-ahora ul{list-style:none;margin:0;padding:0;display:grid}
.antes-ahora li{padding:12px 0 12px 30px;border-bottom:1px dashed var(--line);position:relative}
.antes-ahora li:last-child{border-bottom:0}
.antes-ahora li::before{position:absolute;left:0;top:12px;font-weight:700;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px}
.antes-ahora .sin li{color:var(--muted)}
.antes-ahora .sin li::before{content:"✕";color:var(--muted);background:var(--bg-2)}
.antes-ahora .con li::before{content:"✓";color:var(--verde-fg);background:var(--verde)}
@media (max-width:760px){.antes-ahora{grid-template-columns:1fr}.antes-ahora .con{border-left:0;border-top:1px solid var(--line)}}

/* cifras grandes */
.datos{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.dato{border-top:2px solid var(--albero);padding-top:14px;display:grid;gap:4px}
.dato b{font:300 clamp(30px,3.6vw,42px)/1 var(--display);letter-spacing:-.02em}
.dato span{color:var(--muted);font-size:15px}
.oscuro .dato span{color:var(--bodega-muted)}
@media (max-width:760px){.datos{grid-template-columns:1fr 1fr}}

/* captura dentro de una página interior */
.cab-pag .escena{display:flex;justify-content:center}
figure.cap{margin:0;display:grid;gap:10px}
figure.cap figcaption{font-size:14px;color:var(--muted);text-align:center}
@media (prefers-reduced-motion:reduce){.modulo{transition:none}.modulo:hover{transform:none}html{scroll-behavior:auto}}

/* semáforo de clientes (asesorías) */
.sem{gap:6px;font-size:13.5px}
.sem-f{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr));gap:10px;align-items:center;padding:9px 10px;border-radius:10px;background:var(--bg-2)}
.sem-f.sem-c{background:none;padding:2px 10px;font:600 11.5px var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.sem-f b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sem-f span{display:flex;gap:7px;align-items:center;min-width:0;color:var(--muted)}
.sem-f i{flex:none;width:10px;height:10px;border-radius:50%;background:#2f9e7d}.sem-f i.a{background:#d79a1e}.sem-f i.r{background:#c2533c}
@media (max-width:760px){.sem-f{grid-template-columns:minmax(0,1fr) repeat(4,auto)}.sem-f span{font-size:0;gap:0}.sem-f.sem-c span{font-size:10px}}

/* SEO: palabra clave dentro del H1, con aspecto de antetítulo */
h1 .h1-ante{display:block;font:600 13px/1.4 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--verde);margin-bottom:14px}
.oscuro h1 .h1-ante,.precios h1 .h1-ante{color:var(--albero)}

/* ORDEN 133 (17/10/2026): demo bien visible */
.btn.demo{background:var(--albero);color:#fff;border-color:var(--albero)}
.btn.demo:hover{filter:brightness(1.06)}
.btn .vivo,.demo-flota .vivo{width:9px;height:9px;border-radius:50%;background:#fff;flex-shrink:0;box-shadow:0 0 0 0 rgba(255,255,255,.75);animation:latido 1.8s ease-out infinite}
@keyframes latido{0%{box-shadow:0 0 0 0 rgba(255,255,255,.75)}70%{box-shadow:0 0 0 9px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.acciones .btn.demo{display:inline-flex}
.movil .demo-m{background:var(--albero)!important;color:#fff!important}
.demo-flota{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:var(--albero);color:#fff;
  text-decoration:none;box-shadow:0 14px 34px -10px rgba(15,29,43,.55);font:600 15px var(--body);line-height:1.15}
.demo-flota b{font-weight:700}.demo-flota small{display:block;font-weight:500;font-size:12px;opacity:.92}
.demo-flota span.vivo + b{margin-left:2px}
.demo-flota:hover{filter:brightness(1.06)}
@media (max-width:640px){.demo-flota{right:12px;bottom:12px;padding:10px 14px;font-size:14px}.demo-flota small{display:none}}
@media print{.demo-flota{display:none}}
@media (prefers-reduced-motion:reduce){.btn .vivo,.demo-flota .vivo{animation:none}}
.nota-demo{margin:0;color:var(--muted);font-size:15px}
.nota-demo b{color:var(--fg)}
.demo-chips{display:flex;flex-wrap:wrap;gap:8px}
.demo-chips span{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:5px 12px;font-size:14px;font-weight:500}
.empresas-demo{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:900px){.empresas-demo{grid-template-columns:1fr}}
.ir .emp{font:500 12.5px var(--mono);color:var(--muted)}

/* GUÍA DE USO (mejora 62, 17/10/2026) */
.g-doc{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.g-lado{position:sticky;top:90px;display:grid;gap:6px;font-size:15px}
.g-lado b{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:4px}
.g-lado a{color:var(--fg);text-decoration:none;padding:4px 10px;border-radius:8px}.g-lado a:hover{background:var(--bg-2)}.g-lado a.on{background:var(--verde-suave);font-weight:600}
.g-texto{max-width:780px;display:grid;gap:14px}
.g-texto h2{margin:26px 0 0;font-size:clamp(22px,2.4vw,28px);scroll-margin-top:90px}
.g-texto h3{margin:14px 0 0;font-size:19px}
.g-texto p,.g-texto li{font-size:16.5px;line-height:1.65}
.g-texto ol{margin:0;padding-left:24px;display:grid;gap:6px}
.g-cap{margin:6px 0 10px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel);box-shadow:0 18px 40px -26px rgba(15,29,43,.4)}
.g-cap img{display:block;width:100%;height:auto}
.g-tabla{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.g-tabla table{border-collapse:collapse;width:100%;font-size:15px}
.g-tabla th,.g-tabla td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.g-tabla th{background:var(--bg-2);font-size:13px;text-transform:uppercase;letter-spacing:.03em}
.g-tabla tr:last-child td{border-bottom:0}
.g-indice{background:var(--bg-2);border-radius:14px;padding:16px 20px;display:grid;gap:4px}
.g-indice a{color:var(--verde)}
.g-pasos{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
.g-pdf{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
@media (max-width:900px){.g-doc{grid-template-columns:1fr}.g-lado{position:static}}
@media print{header.barra,footer,.g-lado,.g-pasos,.demo-flota,.aviso{display:none!important}.g-doc{display:block}}

/* orden 182: el menú con «Te la llevamos» cabe en pantallas medianas */
@media (min-width:1101px) and (max-width:1659px){.barra .acciones .btn.demo{display:none}.barra .env{gap:20px}.menu{gap:12px}}
@media (min-width:1101px) and (max-width:1359px){.menu a[href="cambiar.html"]{display:none}}

/* ORDEN 190: dos bloques, «Solo el programa» y «Programa + asesoría» */
.menu > .desp > button.actual,.menu > a[aria-current="page"]{color:var(--fg);font-weight:600}
.panel-desp.bloque{width:min(760px,90vw);grid-template-columns:1fr;gap:6px;padding:14px}
.panel-desp.bloque.ase{width:min(440px,90vw)}
.pd-cab{display:grid;gap:2px;padding:6px 12px 10px;border-bottom:1px solid var(--line)}
.pd-cab .ante{font-size:11.5px}.pd-cab b{font:500 18px var(--display)}.pd-cab > span:last-child{font-size:13.5px;color:var(--muted)}
.panel-desp.ase .pd-cab .ante{color:var(--albero)}
.pd-cols{display:grid;grid-template-columns:1.4fr 1fr;gap:4px 10px}.pd-cols.uno{grid-template-columns:1fr}
.pd-cols h6{margin:8px 12px 2px;font:600 11.5px var(--body);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.pd-pie{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center;border-top:1px solid var(--line);padding:10px 12px 2px}
.panel-desp .pd-pie a{display:inline;padding:0;border-radius:0;font-size:14px;font-weight:600;color:var(--muted);text-decoration:none}.panel-desp .pd-pie a:hover{background:none}.panel-desp .pd-pie a:hover{color:var(--fg)}.panel-desp .pd-pie a.ir{margin-left:auto;color:var(--verde)}
.panel-desp.ase a i{background:var(--albero-suave)}.panel-desp.ase a i svg{stroke:var(--albero)}
@media (max-width:1240px){.menu .m-pre{display:none}}
/* móvil: dos bloques plegables y una fila de enlaces */
.movil nav .m-bloque{border:1px solid var(--line);border-radius:14px;margin:4px 0;background:var(--bg)}
.movil nav .m-bloque summary{border:0;padding:12px 14px;display:grid;gap:2px;position:relative}
.movil nav .m-bloque summary::after{content:"";position:absolute;right:16px;top:20px;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg)}
.movil nav .m-bloque[open] summary::after{transform:rotate(-135deg);top:24px}
.movil nav .m-bloque summary b{font-size:16.5px}.movil nav .m-bloque summary small{color:var(--muted);font-size:13px;font-weight:500}
.movil nav .m-bloque.ase summary small{color:var(--albero)}
.movil nav .m-bloque > div{display:grid;padding:0 6px 8px}.movil nav .m-bloque > div a{padding:9px 10px}
.movil nav .m-bloque a.m-ir{color:var(--verde);font-weight:700}
.movil nav .m-fila{display:flex;flex-wrap:wrap;gap:2px;margin:6px 0 2px}.movil nav .m-fila a{padding:10px 12px}
/* portada: los dos caminos */
.portada.v3 .env{display:grid;gap:34px;grid-template-columns:1fr}
.portada.v3 .txt.centro{max-width:860px;margin:0 auto;text-align:center;display:grid;gap:18px;justify-items:center}
.portada.v3 h1{font-size:clamp(36px,5.4vw,64px);margin:0}.portada.v3 h1 em{display:block}
.caminos{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1040px;width:100%;margin:0 auto}
.camino{display:grid;gap:12px;align-content:start;color:var(--fg);background:var(--panel);border:1.5px solid var(--line);border-radius:22px;padding:28px 28px 24px;box-shadow:var(--sombra);transition:transform .15s,border-color .15s}
.camino:hover{transform:translateY(-3px);border-color:var(--verde)}
.camino h2{margin:0;font-size:clamp(24px,2.6vw,30px)}.camino h2 a{color:inherit;text-decoration:none}.camino small a{color:inherit}.camino p{margin:0;color:var(--muted)}
.camino .check{margin:2px 0}.camino .precio{font-size:15px;color:var(--muted)}.camino .precio b{font:300 32px var(--display);color:var(--fg)}
.camino .btn{justify-self:start}.camino small{color:var(--muted);font-size:13.5px}
.camino.ase{background:var(--bodega);color:var(--bodega-fg);border-color:var(--noche-raya)}.camino.ase:hover{border-color:var(--albero)}
.camino.ase .ante{color:var(--albero)}.camino.ase p,.camino.ase small,.camino.ase .precio{color:var(--bodega-muted)}.camino.ase .precio b{color:#fff}
.camino.ase .btn{background:var(--albero);color:#fff;border-color:var(--albero)}
.camino.ase .check li::before{border-color:var(--albero)}
.portada.v3 .notas.centro{justify-content:center}
/* mismo programa, distinto reparto */
.reparto{background:var(--bg-2)}
.rep-capturas{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1180px;margin:0 auto 30px}
.rep-capturas figure{margin:0;display:grid;gap:12px;align-content:start}
.rep-capturas .rc-cab{display:grid;gap:2px}.rep-capturas .rc-cab b{font:500 17px/1.3 var(--display)}
.rep-capturas .ase .ante{color:var(--albero)}
.rep-capturas .marco{border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--sombra);background:var(--panel)}
.rep-capturas .ase .marco{border:2px solid var(--albero)}
.rep-capturas img{display:block;width:100%;height:auto}
.rep-env{max-width:880px;margin:0 auto}
.rep-tabla{background:var(--panel);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.rf{display:grid;grid-template-columns:minmax(0,1.6fr) 1fr 1fr;gap:10px;align-items:center;padding:12px 18px;border-top:1px solid var(--line)}
.rf.cab{border-top:0;background:var(--bg);font:600 13px var(--body);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.rf.cab span:last-child{color:var(--albero)}
.rf-n{display:grid;grid-template-columns:34px 1fr;align-items:center;column-gap:10px;font-weight:600;font-size:15px}
.rf-n i{grid-row:span 2;width:34px;height:34px;border-radius:10px;background:var(--verde-suave);display:grid;place-items:center}
.rf-n i svg{width:17px;height:17px;stroke:var(--verde);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.rf-n small{font-weight:400;color:var(--muted);font-size:12.5px}
.quien{justify-self:start;border-radius:999px;padding:4px 11px;font-size:13px;font-weight:600}
.quien.tu{background:var(--verde-suave);color:var(--verde)}.quien.auto{background:#e8eef9;color:#2d4f8a}.quien.nos{background:var(--albero);color:#fff}
@media (max-width:860px){.rep-capturas{grid-template-columns:1fr}}
@media (max-width:760px){.caminos{grid-template-columns:1fr}.camino{padding:22px}
  /* ORDEN 191: en el móvil cada fila dice de qué columna es cada etiqueta */
  .rf.cab{display:none}.rf{grid-template-columns:1fr 1fr;gap:10px 12px;padding:14px 16px}.rf-n{grid-column:1/-1}
  .rf-c{display:grid;gap:5px;justify-items:start;background:var(--bg-2);border-radius:12px;padding:8px 10px}
  .rf-c::before{content:attr(data-col);font:600 11px var(--body);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
  .rf-c.ase{background:var(--albero-suave)}.rf-c.ase::before{color:var(--albero)}}
/* ORDEN 206 (mejora 88): arriba solo «Entrar», destacado y visible también en el móvil sin abrir el menú; en el menú del móvil, el primero */
.acciones .btn.entrar-b{display:inline-flex}
@media (max-width:520px){.acciones{display:flex}.acciones .btn.entrar-b{min-height:40px;padding:0 16px}.barra .env{gap:10px}}
.movil nav a.m-entrar{margin:0 0 8px;font-weight:700}
/* ORDEN 213: la fila de enlaces del menú del móvil, en dos columnas (con las calculadoras son 8) */
.movil nav .m-fila{display:grid;grid-template-columns:1fr 1fr;gap:2px}
/* Botones de llamar y WhatsApp (pie, menú del móvil y contacto) */
.tel-wa{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.tel-wa svg{width:18px;height:18px;flex:none;stroke:var(--verde);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.movil nav .m-tel-wa{display:grid;grid-template-columns:1fr 1fr;margin:8px 0 2px}
.movil nav .m-tel-wa a{padding:0 12px}
footer .legal a{color:inherit}
.hablar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;color:var(--muted)}
.hablar .tel-wa{margin-top:0}

/* ORDEN 227: botón «Empieza hoy» en la barra (al lado de Entrar) y arriba del menú del móvil */
.barra .acciones .btn.empieza-b{display:inline-flex}
.movil nav .m-empieza{display:flex;justify-content:center;margin:4px 0 10px;color:#fff}
@media (max-width:520px){.barra .acciones .btn.empieza-b{display:none}}

/* ===== ORDEN 244 (26/10/2026): diseño nuevo al estilo de stripe.com, con los colores de los vinos de Jerez =====
   Letras Hanken Grotesk (texto) y Geist Mono (cifras). Banda de color inclinada arriba de cada página. Una sola apariencia clara. */
body{font:400 16.5px/1.6 var(--body);-webkit-font-smoothing:antialiased;color:var(--fg)}
h1,h2,h3{letter-spacing:-.03em;line-height:1.06}
h1{font-weight:300;font-size:clamp(40px,5.6vw,72px)}
h2{font-weight:300;font-size:clamp(30px,3.8vw,46px)}
h3{font-weight:500;letter-spacing:-.015em}
h1 em{color:var(--verde);font-weight:400}
.ante,h1 .h1-ante,.pd-cab .ante,.pd-cols h6,.movil nav h6,footer h5,.g-lado b,.rf.cab,.sem-f.sem-c,table.comp tr.grupo td,.g-tabla th{text-transform:none;letter-spacing:0}
.ante,h1 .h1-ante{font:500 15px/1.3 var(--body);color:var(--verde)}
.sub{color:var(--muted)}
section{padding-block:clamp(64px,8vw,104px)}
.num,.reng .n,.fila .n,.cifras strong,.mod b{font-family:var(--mono);font-feature-settings:"tnum";letter-spacing:-.01em}

/* botones: píldora más fina, con flecha en los principales */
.btn{min-height:42px;padding:0 20px;font:500 15px var(--body);border-width:1px;transition:background .15s,color .15s,border-color .15s}
.btn:hover{transform:none}
.btn.pri{background:var(--verde);color:#fff}
.btn.pri:hover{background:var(--verde-osc)}
.btn.sec{background:transparent;border-color:var(--line);color:var(--fg)}
.btn.sec:hover{border-color:var(--fg)}
.btn.peq{min-height:36px;padding:0 15px;font-size:14.5px}
.btn.pri:not(:has(svg,.vivo))::after,.btn.claro::after{content:"";width:6px;height:6px;border-right:1.6px solid currentColor;border-top:1.6px solid currentColor;transform:rotate(45deg);margin-left:2px;transition:transform .15s}
.btn.pri:not(:has(svg,.vivo)):hover::after{transform:translateX(3px) rotate(45deg)}
.btn.demo{background:var(--tinta-boton);border-color:var(--tinta-boton);color:#fff}
.btn.demo:hover{filter:none;background:#000}
.btn:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--verde);outline-offset:3px}

/* aviso y barra */
.aviso{background:var(--bodega);color:var(--bodega-fg);font-size:13.5px;padding:8px 16px}
.aviso b{color:var(--fino)}
header.barra{background:rgba(255,255,255,.86);border-bottom:1px solid rgba(15,29,43,.06)}
.logo{font:600 20px var(--display);letter-spacing:-.025em;gap:9px}
.logo i{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,var(--fino),var(--amontillado) 45%,var(--oloroso) 70%,var(--tinto));transform:skewX(-12deg)}
.logo i svg{display:none}
.menu > a,.desp > button{font:400 15px var(--body);color:var(--fg);opacity:.82}
.menu > a:hover,.desp > button:hover,.desp:focus-within > button,.desp.abierto > button{opacity:1;background:transparent}
.menu a .ia{background:var(--cortado);font-weight:600}
.panel-desp{border-radius:12px;border-color:rgba(15,29,43,.08);box-shadow:0 30px 60px -20px rgba(15,29,43,.25),0 2px 6px rgba(15,29,43,.06)}
.panel-desp a{border-radius:8px}
.panel-desp a i{background:var(--bg-2);border-radius:8px}
.pd-cab b{font:500 18px var(--display)}
.movil summary{border-radius:999px;font-weight:500}
.movil nav{border-radius:12px}

/* banda de color inclinada, detrás de la cabecera de cada página */
.portada,.cab-pag{position:relative;overflow:hidden;isolation:isolate;background:var(--bg);border-bottom:0}
.portada::before,.cab-pag::before{content:"";position:absolute;z-index:-2;left:-5%;right:-5%;top:-48%;height:112%;transform:skewY(-8deg);transform-origin:0 0;
  background:
    radial-gradient(34% 50% at 70% 60%, var(--fino) 0, rgba(231,184,74,0) 70%),
    radial-gradient(30% 55% at 92% 74%, var(--tinto) 0, rgba(143,29,63,0) 72%),
    radial-gradient(34% 50% at 56% 84%, var(--amontillado) 0, rgba(214,129,44,0) 70%),
    radial-gradient(26% 45% at 100% 96%, var(--cortado) 0, rgba(90,42,109,0) 70%),
    radial-gradient(36% 55% at 78% 98%, var(--oloroso) 0, rgba(178,67,43,0) 70%),
    var(--albariza);
  background-size:130% 130%;animation:vino 26s ease-in-out infinite alternate}
.portada::after,.cab-pag::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--bg) 0%,rgba(255,255,255,.93) 36%,rgba(255,255,255,0) 64%)}
@keyframes vino{0%{background-position:0% 100%}100%{background-position:100% 60%}}
@media (prefers-reduced-motion:reduce){.portada::before,.cab-pag::before{animation:none}}
@media (max-width:900px){
  .portada::before,.cab-pag::before{top:-62%;height:100%}
  .portada::after,.cab-pag::after{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.15) 14%,rgba(255,255,255,.92) 36%,var(--bg) 52%)}
}
.cab-pag{padding-block:clamp(56px,7vw,96px) clamp(56px,7vw,96px)}
.migas,.migas a{color:var(--muted)}

/* piezas: menos bordes, esquinas más rectas */
.pantalla,.marco,.muestra,.flota,.camino,.antes-ahora,.rep-tabla,.caso,.g-cap{border-radius:12px;border-color:rgba(15,29,43,.08)}
.marco,.muestra,.pantalla{box-shadow:0 1px 2px rgba(15,29,43,.06),0 30px 60px -28px rgba(15,29,43,.32)}
.perfil,.fun,.modulo,.ir,.caja,.ay,.post,.col-ruta,.faq details,.auto-dia li,.tres-mini div,.mod,.tabla-env,.g-tabla,.plan{border-radius:12px}
.perfil,.fun,.modulo,.ir,.ay,.post{border-color:transparent;background:var(--bg-2)}
.franja .caja,.funciones .fun,.recorrido .caja,.franja .ir,.franja .modulo,.franja .perfil,.franja .post{background:var(--panel);border-color:transparent}
.modulo:hover,.ir:hover,.post:hover{border-color:transparent;transform:none;box-shadow:0 1px 2px rgba(15,29,43,.06),0 18px 40px -20px rgba(15,29,43,.28)}
.perfil .ic,.fun .ic,.modulo .ic,.ir .ic,.ia-rejilla .ic,.rf-n i,.flota.cobro .ic{border-radius:8px}
.perfil .ic{background:var(--bodega)}.perfil .ic svg{stroke:var(--fino)}
.fun .ic svg,.modulo .ic svg,.ir .ic svg{stroke:var(--fino)}
.perfil a,.ir .mas,.panel-desp .todas,.panel-desp .pd-pie a.ir{color:var(--verde);font-weight:500}
.chip{background:rgba(255,255,255,.7);border:1px solid rgba(15,29,43,.08);font-weight:400}
.chip span{background:var(--bodega)}
.notas span::before{color:var(--verde)}
.est{background:#e6f4ec;color:#17643f}.est.rev{background:#fbf0d9;color:#8a5a0c}
.confianza{background:var(--bg)}
.confianza li{font-weight:400;color:var(--fg)}
.confianza svg{stroke:var(--amontillado)}
.check li::before{border-color:var(--verde)}
.pronto{background:var(--bg-2);color:var(--muted)}
.nuevo{background:var(--cortado);letter-spacing:0;text-transform:none;font-weight:600}
.faq details{border-color:var(--line)}
.faq summary{font-weight:500}
.faq summary::after{font:300 24px/1 var(--display);color:var(--verde)}
.pestanas button{font:500 14.5px var(--body)}
.pestanas button[aria-selected="true"]{background:var(--bodega);border-color:var(--bodega)}

/* bloques oscuros: azul noche con un toque de color */
.oscuro,.cerebro{background:var(--bodega);color:var(--bodega-fg)}
.oscuro .ante,.cerebro .ante{color:var(--fino)}
.ia-rejilla article{background:var(--noche-2);border-color:var(--noche-raya)}
.ia-rejilla .ic{background:var(--fino)}.ia-rejilla .ic svg{stroke:var(--bodega)}
.oscuro .tres-mini div{background:var(--noche-2);border-color:var(--noche-raya)}
.dato{border-top:1px solid var(--line)}
.dato b{font:300 clamp(34px,4vw,48px)/1 var(--display);letter-spacing:-.035em}
.oscuro .dato{border-color:var(--noche-raya)}
.oscuro .dato b,.cerebro .dato b{background:linear-gradient(90deg,var(--fino),var(--amontillado));-webkit-background-clip:text;background-clip:text;color:transparent}
.caso .cifra{font-weight:300;color:var(--verde)}

/* precios: fondo claro y planes blancos */
.precios{background:var(--bg-2);color:var(--fg)}
.precios .ante{color:var(--verde)}
.precios .sub,.nota-precio{color:var(--muted)}
.plan{background:var(--panel);border:1px solid var(--line);color:var(--fg);padding:30px 28px}
.plan.top{border-color:var(--verde);box-shadow:0 1px 2px rgba(15,29,43,.06),0 30px 60px -28px rgba(15,29,43,.3)}
.plan .marca{background:var(--verde)}
.plan .precio{font:300 46px var(--display);letter-spacing:-.04em}
.plan .por{color:var(--verde)}
.plan li::before{border-color:var(--verde)}
.plan:not(.top) .btn.sec{color:var(--fg);border-color:var(--line)}
.precios h1 .h1-ante{color:var(--verde)}

/* cierre de cada página: azul noche con la banda de color */
.caja-cierre{position:relative;overflow:hidden;isolation:isolate;background:var(--bodega);color:#fff;border-radius:16px}
.caja-cierre::before{content:"";position:absolute;z-index:-1;inset:auto -10% -70% 30%;height:140%;transform:skewY(-8deg);opacity:.9;
  background:radial-gradient(40% 50% at 30% 40%, var(--tinto) 0, rgba(143,29,63,0) 70%),radial-gradient(40% 50% at 70% 50%, var(--amontillado) 0, rgba(214,129,44,0) 70%),radial-gradient(30% 40% at 55% 20%, var(--cortado) 0, rgba(90,42,109,0) 70%)}
.caja-cierre p{opacity:1;color:#d4dce6}
.caja-cierre > div:last-child{background:#fff!important;border-radius:12px!important}
.caja-cierre .btn.sec{border-color:var(--line)}

/* pie */
footer{background:var(--bg);font-size:14.5px}
footer h5{font:500 14px var(--body);color:var(--fg)}
footer ul a{color:var(--muted)}
footer ul a:hover{color:var(--fg)}
.tel-wa svg{stroke:var(--verde)}

/* blog y guía */
.post .tapa{font:300 clamp(30px,4vw,44px)/1 var(--display);background:var(--bodega);color:var(--fino)}
.post .tapa.v{background:var(--verde);color:#fff}
.post .tapa.a{background:var(--albariza);color:var(--oloroso)}
.prosa .nota{border-left-color:var(--amontillado);background:var(--albero-suave)}
.g-lado a.on{background:var(--verde-suave);color:var(--verde)}
.g-indice a{color:var(--verde)}

/* portada nueva: titular a la izquierda y el programa flotando */
.portada.v4{padding-block:clamp(56px,8vw,112px) clamp(72px,9vw,128px)}
.portada.v4 .env{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:center}
.portada.v4 h1{font-size:clamp(42px,6.2vw,80px);letter-spacing:-.04em;line-height:1.02}
.portada.v4 h1 b{font-weight:500}
.portada.v4 .sub{font-size:19px;max-width:31em;margin-top:22px;color:var(--tinta-2)}
.portada.v4 .cta{margin-top:30px}
.portada.v4 .nota-p{margin-top:18px;font-size:14px;color:var(--muted)}
.portada.v4 .env{align-items:stretch}
.portada.v4 .txt{align-self:center}
.h-escena{--pie:clamp(72px,9vw,128px);position:relative;min-width:0;min-height:600px}
.h-persona{position:absolute;right:-13%;bottom:calc(-1 * var(--pie));height:calc(100% + var(--pie) + 20px);max-height:720px;width:auto;max-width:none;z-index:0;pointer-events:none}
.h-escena .h-pc{position:absolute;left:2%;bottom:-6px;width:68%;z-index:1}
.h-escena .h-tel{position:absolute;left:-10%;bottom:calc(-1 * var(--pie) + 22px);width:132px;padding:6px;border-radius:26px;z-index:2}
.h-escena .h-tel::before{top:10px;width:44px;height:12px}
.h-escena .h-tel img{border-radius:20px;border-top-width:20px}
@media (max-width:1300px){.h-persona{right:-2%}}
.telefono img.oscuro{border-top-color:#0d1928;background:#0d1928}
@media (max-width:900px){
  .portada.v4 .env{grid-template-columns:minmax(0,1fr)}
  .h-escena{min-height:0;aspect-ratio:1/1;width:100%;max-width:560px;margin:0 auto}
  .h-persona{right:0;height:calc(100% + var(--pie));max-height:none}
  .h-escena .h-pc{left:0;bottom:12%;width:70%}
  .h-escena .h-tel{left:auto;right:3%;bottom:calc(-1 * var(--pie) + 18px);width:25%;padding:1.2%;border-radius:12%/5.6%}
  .h-escena .h-tel::before{top:5%;width:30%;height:2.6%}
  .h-escena .h-tel img{border-radius:10%/4.6%;border-top-width:0}
}

/* barra: «Empieza hoy» es el botón principal y «Entrar» el secundario */
.barra .acciones .btn.empieza-b{background:var(--verde);border-color:var(--verde);color:#fff}
.barra .acciones .btn.empieza-b:hover{background:var(--verde-osc)}
.barra .acciones .btn.entrar-b{background:transparent;color:var(--fg);border-color:var(--line)}
.barra .acciones .btn.entrar-b::after{display:none}
.movil nav .m-empieza{background:var(--verde)!important;border-color:var(--verde)!important}

/* tablas sueltas (páginas legales): que no ensanchen la página en el móvil */
main table:not(.comp){display:block;max-width:100%;overflow-x:auto}

/* ORDEN 245: logo nuevo (C blanca sobre el degradado de vinos) */
.logo i{width:28px;height:28px;border-radius:0;background:none;transform:none;display:block;flex:none}
.logo i svg{display:block;width:100%;height:100%}
/* 266: pantalla y móvil en «Todo en uno»; en la portada queda solo la mujer */
.todo-uno{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(32px,5vw,72px);align-items:center;margin-bottom:clamp(48px,6vw,80px)}
.todo-uno .cabeza{margin:0;max-width:none;gap:20px}
.todo-uno h2{font-size:clamp(34px,3.9vw,54px);line-height:1.06;letter-spacing:-.03em}
.todo-uno .sub{font-size:clamp(19px,1.7vw,22px);line-height:1.55;max-width:none;color:var(--tinta-2)}
.todo-uno .ante{font-size:16px}
.tu-escena{position:relative;padding:0 13% 7% 0;min-width:0}
.tu-escena .tu-pc{width:100%}
.tu-escena .tu-tel{position:absolute;right:0;bottom:0;width:25%;padding:1.4%;border-radius:13%/6%}
.tu-escena .tu-tel::before{top:4.5%;width:30%;height:2.4%}
.tu-escena .tu-tel img{border-radius:11%/5%;border-top-width:0}
@media (max-width:960px){.todo-uno{grid-template-columns:minmax(0,1fr)}.tu-escena{padding:0 14% 12% 0}.tu-escena .tu-tel{width:31%}}