/* Laines Group · Llave IA — borrador de rediseño.
   Requiere, en este orden: marca/colors.css y marca/tipografia.css (kit final, identidad/final/).
   Los alias de abajo apuntan a los tokens --li-* del kit; no escribir HEX de marca a mano. */
:root{
  --coral:var(--li-coral); --coral-texto:var(--li-coral-tostado); --carbon:var(--li-carbon); --crema:var(--li-crema);
  --cielo:var(--li-cielo); --arena:var(--li-gris-arena); --blanco:var(--li-blanco);
  --crema-2:#FBE9D7; /* tinte de crema (no es color de marca): fondos suaves */
  --linea:#EADBCB;   /* tinte para bordes (equivale a --li-borde sobre crema) */
  --radio:var(--li-radio); --sombra:0 10px 30px rgb(var(--li-carbon-rgb) / .10);
  --f-tit:var(--li-font-titulos); --f-txt:var(--li-font-texto);
  --ancho:1160px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--li-fondo);color:var(--li-texto)} /* fuente, tamaño e interlineado: tipografia.css */
img,svg{max-width:100%;display:block}
a{color:var(--li-enlace);text-underline-offset:3px} /* enlaces pequeños sobre claro: coral tostado */
h1,h2,h3,h4{margin:0 0 .5em} /* familia, peso, tamaño e interlineado: tipografia.css */
p{margin:0 0 1em}
.wrap{max-width:var(--ancho);margin:0 auto;padding:0 24px}
.saltar{position:absolute;left:-999px;top:8px;background:var(--carbon);color:var(--crema);font-weight:700;padding:10px 16px;border-radius:10px;z-index:200}
.saltar:focus{left:8px}
:focus-visible{outline:3px solid var(--li-foco);outline-offset:3px;border-radius:6px}
.oscuro :focus-visible,.pie :focus-visible,.wa:focus-visible,.saltar:focus-visible{outline-color:var(--li-crema)}


/* ---------- Cabecera ---------- */
.cab{position:sticky;top:0;z-index:50;background:rgba(255,244,232,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--linea)}
.cab__fila{display:flex;align-items:center;justify-content:space-between;gap:20px;height:72px}
.cab__marca img{height:36px;width:auto} /* ≥140 px de ancho (tamaño mínimo del kit) */
.nav{display:flex;align-items:center;gap:6px}
.nav a{color:var(--li-enlace);text-decoration:none;font-weight:600;font-size:15px;padding:8px 12px;border-radius:999px}
.nav a:hover{background:var(--crema-2)}
.nav a[aria-current="page"]{background:var(--carbon);color:var(--crema)}
.nav a:hover{text-decoration:underline}
.idioma{display:flex;border:1.5px solid var(--carbon);border-radius:999px;overflow:hidden;margin-left:8px}
.idioma a,.idioma span{padding:5px 11px!important;border-radius:0!important;font-size:13px!important;font-weight:700;text-decoration:none}
.idioma span{background:var(--carbon);color:var(--crema)}
.menu-btn{display:none;background:none;border:1.5px solid var(--carbon);border-radius:12px;padding:8px 10px;cursor:pointer;color:var(--carbon)}
.menu-btn svg{width:22px;height:22px}
@media (max-width:980px){
  .menu-btn{display:block}
  .nav{position:absolute;top:72px;left:0;right:0;background:var(--crema);flex-direction:column;align-items:stretch;padding:12px 24px 24px;border-bottom:1px solid var(--linea);display:none}
  .nav.abierto{display:flex}
  .nav a{padding:12px 14px;font-size:17px}
  .idioma{align-self:flex-start;margin:8px 0 0}
}

/* ---------- Botones ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-txt);font-weight:700;font-size:var(--li-boton);line-height:1;text-decoration:none;padding:14px 22px;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.btn:hover{transform:translateY(-2px);box-shadow:var(--sombra)}
.btn svg{width:20px;height:20px}
.btn--coral{background:var(--li-boton-fondo);color:var(--li-boton-texto)} /* nunca texto blanco sobre coral */
.btn--coral:hover{background:var(--li-boton-fondo-hover)}
.btn--carbon{background:var(--li-boton-secundario-fondo);color:var(--li-boton-secundario-texto)}
.btn--borde{border-color:var(--carbon);color:var(--carbon);background:transparent}
.btn--borde-claro{border-color:var(--crema);color:var(--crema);background:transparent}
.botones{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- Secciones ---------- */
section{padding:88px 0}
.alt{background:var(--blanco)}
.oscuro{background:var(--li-fondo-oscuro);color:var(--li-texto-sobre-oscuro)}
.oscuro a:not(.btn){color:var(--li-enlace-sobre-oscuro)}
.oscuro .antetitulo{color:var(--coral)}
.oscuro .sub{color:#E9DCCD}
.antetitulo{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:var(--li-sobretitulo);line-height:1.3;letter-spacing:.12em;text-transform:uppercase;color:var(--coral-texto);margin-bottom:14px}
.antetitulo::before{content:"";width:22px;height:3px;border-radius:3px;background:currentColor}
.cabeza{max-width:720px;margin-bottom:44px}
.cabeza--centro{margin-left:auto;margin-right:auto;text-align:center}
.cabeza--centro .antetitulo{justify-content:center}
.sub{font-size:var(--li-entradilla);line-height:1.55;color:var(--li-texto-secundario)}
.resalta{color:var(--coral-texto)}
.oscuro .resalta{color:var(--coral)}

/* ---------- Hero ---------- */
.hero{padding:72px 0 88px;overflow:hidden}
.hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.hero h1{margin-bottom:20px}
.hero .sub{max-width:34ch;color:var(--carbon)}
.hero__nota{font-size:16px;color:var(--arena);max-width:46ch;margin-bottom:28px}
@media (max-width:900px){.hero__grid{grid-template-columns:1fr}.hero{padding-top:40px}}

/* Chat ilustrativo */
.chat{background:var(--blanco);border-radius:28px;box-shadow:0 30px 60px rgba(42,35,32,.16);overflow:hidden;max-width:420px;margin-left:auto;border:1px solid var(--linea)}
.chat__cab{display:flex;align-items:center;gap:12px;background:var(--carbon);color:var(--crema);padding:14px 18px}
.chat__av{width:42px;height:42px;border-radius:50%;background:var(--coral);display:grid;place-items:center;flex:none}
.chat__av img{width:30px;height:auto}
.chat__nombre{font-weight:700;line-height:1.2}
.chat__estado{font-size:13px;color:var(--cielo)}
.chat__cuerpo{padding:18px;display:flex;flex-direction:column;gap:10px;background:var(--crema-2)}
.burbuja{max-width:84%;padding:10px 14px;border-radius:18px;font-size:15px;line-height:1.45}
.burbuja--ag{background:var(--blanco);border-bottom-left-radius:6px;align-self:flex-start}
.burbuja--cl{background:var(--carbon);color:var(--crema);border-bottom-right-radius:6px;align-self:flex-end}
.burbuja small{display:block;font-size:11px;opacity:.7;margin-top:2px;text-align:right}
.mini-web{margin-top:8px;border-radius:12px;border:1px solid var(--linea);overflow:hidden;background:var(--crema)}
.mini-web__barra{height:14px;background:var(--coral)}
.mini-web__cuerpo{padding:10px;display:grid;gap:6px}
.mini-web i{display:block;height:8px;border-radius:4px;background:var(--linea)}
.mini-web i:nth-child(1){width:70%;height:12px;background:var(--carbon)}
.mini-web i:nth-child(2){width:90%}
.mini-web i:nth-child(3){width:55%}
.mini-web b{display:inline-block;width:44%;height:18px;border-radius:9px;background:var(--coral);margin-top:4px}
.chat__pie{font-size:var(--li-pequeno);font-weight:500;color:var(--arena);text-align:center;margin-top:12px}
@media (max-width:900px){.chat{margin:0 auto}}

/* ---------- Tarjetas y rejillas ---------- */
.rejilla{display:grid;gap:22px}
.r-2{grid-template-columns:repeat(2,1fr)}
.r-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:980px){.r-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.r-2,.r-3{grid-template-columns:1fr}}
.tarjeta{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radio);padding:28px}
.alt .tarjeta{background:var(--crema)}
.tarjeta p{color:var(--arena);margin:0}
.tarjeta h3{margin-bottom:10px}
.icono{width:52px;height:52px;border-radius:16px;background:var(--coral);color:var(--carbon);display:grid;place-items:center;margin-bottom:18px}
.icono svg{width:26px;height:26px}
.num{font-family:var(--f-tit);font-weight:800;font-size:15px;color:var(--coral-texto);margin-bottom:10px;display:block}
.nota-extra{margin-top:26px;color:var(--arena)}

/* Para quién */
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.chips li{background:var(--blanco);border:1.5px solid var(--linea);border-radius:999px;padding:7px 14px;font-weight:600;font-size:15px}
.oscuro .chips li{background:transparent;border-color:#5a4d47;color:var(--crema)}

/* Pasos */
.pasos{counter-reset:paso;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;list-style:none;padding:0;margin:0}
.pasos li{position:relative;background:#3a312d;border-radius:var(--radio);padding:28px 24px}
.pasos li::before{counter-increment:paso;content:counter(paso);display:grid;place-items:center;width:44px;height:44px;border-radius:50% 50% 50% 8px;background:var(--coral);color:var(--carbon);font-family:var(--f-tit);font-weight:800;font-size:20px;margin-bottom:16px}
.pasos h3{color:var(--crema)}
.pasos p{color:#E9DCCD;margin:0;font-size:16px}
@media (max-width:980px){.pasos{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.pasos{grid-template-columns:1fr}}

/* Paquetes */
.paquete{display:flex;flex-direction:column;background:var(--blanco);border:2px solid var(--linea);border-radius:26px;padding:32px 28px}
.paquete__tipo{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--arena)}
.paquete h3{margin:6px 0 6px}
.paquete__para{color:var(--arena);margin-bottom:20px}
.lista{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:10px}
.lista li{display:flex;gap:10px;align-items:flex-start;font-size:16px}
.lista li::before{content:"";flex:none;width:20px;height:20px;margin-top:3px;border-radius:50%;background:var(--coral) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232A2320' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/13px no-repeat}
.paquete .btn{margin-top:auto;justify-content:center}
.condiciones{margin-top:30px;background:var(--blanco);border:1px solid var(--linea);border-radius:18px;padding:22px 26px;font-size:15px;color:var(--arena)}
.condiciones p:last-child{margin:0}
.condiciones strong{color:var(--carbon)}

/* FAQ */
.faq{max-width:820px;margin:0 auto;display:grid;gap:12px}
.faq details{background:var(--blanco);border:1px solid var(--linea);border-radius:18px;padding:0 24px}
.faq summary{cursor:pointer;list-style:none;font-family:var(--f-tit);font-weight:700;font-size:var(--li-h4);padding:20px 32px 20px 0;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:14px;font-size:28px;color:var(--coral-texto)}
.faq details[open] summary::after{content:"–"}
.faq details p{color:var(--arena)}


/* Contacto */
.contacto{background:var(--li-coral);color:var(--li-carbon)}
.contacto .antetitulo{color:var(--carbon)}
.contacto h2{max-width:20ch}
.contacto .sub{color:var(--carbon);max-width:52ch}
.contacto__datos{display:flex;flex-wrap:wrap;gap:14px 30px;margin-top:26px;font-weight:600}
.contacto a:not(.btn){color:var(--li-carbon);text-decoration:underline;text-underline-offset:3px} /* sobre coral: texto pequeño y enlaces en carbón */
.contacto__datos span{display:flex;align-items:center;gap:8px}

/* ---------- Pie ---------- */
.pie{background:var(--li-fondo-oscuro);color:#E9DCCD;padding:64px 0 110px;font-size:15px}
.pie__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}
.pie img{height:40px;width:auto;margin-bottom:16px}
.pie h2{font-family:var(--f-txt);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--coral);margin-bottom:14px}
.pie ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.pie a{color:var(--li-enlace-sobre-oscuro);text-decoration:none}
.pie a:hover{text-decoration:underline;color:var(--crema)}
.pie__base{border-top:1px solid #4a3f3a;margin-top:44px;padding-top:22px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
@media (max-width:860px){.pie__grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.pie__grid{grid-template-columns:1fr}}

/* ---------- WhatsApp flotante ---------- */
.wa{position:fixed;right:20px;bottom:20px;z-index:90;display:flex;align-items:center;gap:10px;background:var(--carbon);color:var(--crema);text-decoration:none;font-weight:700;padding:12px 20px 12px 12px;border-radius:999px;box-shadow:0 12px 30px rgba(42,35,32,.35);border:2px solid var(--coral)}
.wa__ico{width:40px;height:40px;border-radius:50%;background:var(--coral);display:grid;place-items:center;color:var(--carbon)}
.wa__ico svg{width:24px;height:24px}
.wa:hover{transform:translateY(-2px)}
@media (max-width:640px){.wa{padding:10px;right:14px;bottom:14px}.wa__txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.wa__ico{width:46px;height:46px}}

/* ---------- Páginas internas ---------- */
.intro{padding:72px 0 80px}
.intro__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.intro__logo{height:60px;width:auto;margin-bottom:26px}
@media (max-width:900px){.intro__grid{grid-template-columns:1fr}.intro{padding-top:40px}}
.datos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.dato{border-top:3px solid var(--coral);padding-top:12px}
.dato strong{display:block;font-family:var(--f-tit);font-size:38px;line-height:1;font-weight:800}
.dato span{font-size:var(--li-pequeno);font-weight:500;color:var(--arena)}
.oscuro .dato span{color:#E9DCCD}
@media (max-width:560px){.datos{grid-template-columns:1fr}}

.linea-tiempo{position:relative;display:grid;gap:22px;max-width:880px}
.hito{background:var(--blanco);border:1px solid var(--linea);border-left:5px solid var(--coral);border-radius:18px;padding:24px 28px}
.alt .hito{background:var(--crema)}
.hito__meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:var(--li-pequeno);font-weight:700;color:var(--coral-texto);margin-bottom:6px}
.hito__meta span:last-child{color:var(--arena);font-weight:600}
.hito p{color:var(--arena);margin:0}

.dos-col{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
@media (max-width:860px){.dos-col{grid-template-columns:1fr}}

.etiquetas{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;padding:0;list-style:none}
.etiquetas li{background:var(--crema-2);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600}
.alt .etiquetas li{background:var(--crema)}
.alt .condiciones{background:var(--crema)}

/* Paquetes con instalación + mensualidad (precios aprobados 27/09/2026) */
.precios{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 8px}
.precios div{background:var(--crema);border-radius:14px;padding:12px 14px}
.precios dt{font-size:var(--li-pequeno);font-weight:600;color:var(--li-texto-secundario)}
.precios dd{margin:2px 0 0;font-size:15px;color:var(--li-texto)}
.precios dd strong{display:inline-block;font-family:var(--f-tit);font-size:28px;font-weight:800;line-height:1.1;letter-spacing:-.01em}
.precios dd small{font-size:var(--li-pequeno);font-weight:600;color:var(--li-texto-secundario)}
.precios dd strong+small{display:block}
.lista-tit{font-size:var(--li-pequeno);text-transform:uppercase;letter-spacing:.08em;color:var(--li-texto-secundario);margin:6px 0 10px}
.lista{margin-bottom:18px}
.lista li{font-size:15px}
.condiciones{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 32px}
.condiciones p{margin:0}
@media (max-width:760px){.condiciones{grid-template-columns:1fr}}

/* ---------- v2 (29/09/2026) ---------- */
.ancla{display:block;position:relative;top:-80px;visibility:hidden}
[id]{scroll-margin-top:84px}
.nav a.nav__wa{background:var(--li-boton-fondo);color:var(--li-boton-texto);margin-left:6px}
.nav a.nav__wa:hover{background:var(--li-boton-fondo-hover)}
@media (max-width:980px){.nav a.nav__wa{margin:6px 0 0;text-align:center}}
.hero__precio{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 10px}
.hero__precio strong{font-family:var(--f-tit);font-size:30px;font-weight:800;line-height:1.1}
.hero__precio span{font-size:var(--li-pequeno);font-weight:600;color:var(--li-texto-secundario)}
.hero__nota{color:var(--li-texto-secundario)}
.chat-fig{margin:0}
.pasos-sec{padding:72px 0}
.zonas{margin:28px 0 0;color:#E9DCCD}
.zonas strong{color:var(--crema)}
.chips--centro{justify-content:center;margin-top:18px}
.detalle{margin:10px 0 20px;border-top:1px solid var(--linea);padding-top:12px}
.detalle summary{cursor:pointer;font-weight:700;color:var(--li-enlace);list-style:none;display:flex;align-items:center;gap:8px;padding:4px 0}
.detalle summary::-webkit-details-marker{display:none}
.detalle summary::after{content:"+";font-size:22px;line-height:1}
.detalle[open] summary::after{content:"–"}
.detalle[open] summary{margin-bottom:10px}
.extras{margin-top:22px}
.paquete--sw{background:var(--crema-2)}
.paquete--fundador{background:var(--li-coral);border-color:var(--li-coral);color:var(--li-carbon)}
.paquete--fundador .paquete__tipo,.paquete--fundador .paquete__para{color:var(--li-carbon)}
.paquete--fundador .lista li::before{background-color:var(--li-carbon);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF5B3C' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E")}
.paquete__no{font-size:var(--li-pequeno);font-weight:500;color:var(--li-texto-secundario);margin:-6px 0 20px}
.condiciones h3{font-size:var(--li-h4);color:var(--carbon);margin-bottom:12px}
.condiciones .lista{margin:0}
.condiciones .lista li{color:var(--arena)}
.precio-cons{margin-top:28px;background:var(--crema);border:1px solid var(--linea);border-radius:18px;padding:18px 24px}
.precio-cons p{margin:0}
.sobre{display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:start}
.foto-perfil{width:220px;height:220px;border-radius:50%;object-fit:cover;box-shadow:var(--sombra);border:6px solid var(--blanco)}
.historia{max-width:62ch}
.historia p{font-size:18px}
@media (max-width:760px){.sobre{grid-template-columns:1fr;gap:24px}.foto-perfil{width:160px;height:160px}}
.pie__producto{margin:0;color:#E9DCCD}
.pie__legal{list-style:none;padding:0;margin:36px 0 0;display:grid;gap:6px;font-size:var(--li-pequeno);color:#E9DCCD}