/* Menentum: páginas de servicio, de zona, legales y 404 */

/* ---------- Portada de página ---------- */
.l-portada{position:relative;overflow-x:clip;padding:calc(var(--alto-cab) + clamp(28px,4.5vw,64px)) 0 clamp(56px,7vw,96px);background:radial-gradient(55% 80% at 88% 45%,rgba(230,57,70,.22) 0%,rgba(122,14,14,0) 70%),var(--negro)}
.l-huerto{left:auto;width:42%;-webkit-mask-image:radial-gradient(closest-side at 70% 50%,#000 30%,transparent);mask-image:radial-gradient(closest-side at 70% 50%,#000 30%,transparent)}
.l-portada-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(32px,5vw,72px);align-items:center}
.l-portada h1{font-size:clamp(2.3rem,1.3rem + 3.4vw,4.1rem);margin:20px 0 24px;max-width:17ch}
.l-respuesta{color:#DCCFC9}
.l-respuesta b{color:var(--azahar)}
.l-portada .acciones{margin-top:30px}
.l-ficha{position:relative;z-index:1;background:var(--azahar);color:var(--tinta);border-radius:var(--r-xl);padding:clamp(22px,2.6vw,30px);box-shadow:0 50px 100px -50px rgba(0,0,0,.7)}
.l-ficha dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--linea);border-radius:16px;overflow:hidden}
.l-ficha dl>div{background:#fff;padding:16px 16px 14px}
.l-ficha dt{font-size:.82rem;color:var(--gris);font-weight:560}
.l-ficha dd{margin:4px 0 0;font-weight:760;font-size:1.22rem;line-height:1.15;letter-spacing:-.015em}
.l-ficha dd small{display:block;font-family:var(--f);font-weight:450;font-size:.8rem;color:var(--gris);letter-spacing:0;margin-top:3px}
.l-ficha-nota{margin:14px 2px 0;font-size:.84rem;color:var(--gris)}
@media (max-width:960px){
  .l-portada-grid{grid-template-columns:1fr}
  .l-ficha{max-width:520px}
  .l-huerto{width:100%;-webkit-mask-image:radial-gradient(50% 30% at 50% 82%,#000 30%,transparent);mask-image:radial-gradient(50% 30% at 50% 82%,#000 30%,transparent)} /* anclada arriba: si la sección cambia de alto al cargar, no salta */
}
@media (max-width:560px){.l-portada .acciones .btn{flex:1 1 100%}}
.l-portada-corta{padding-bottom:clamp(40px,5vw,64px)}
.l-portada-corta h1{font-size:clamp(2.2rem,1.4rem + 2.6vw,3.4rem);margin-bottom:10px}
.l-actualizado{color:var(--niebla);margin:0}

/* ---------- Introducción ---------- */
.l-intro-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,80px);align-items:start}
.l-intro .texto p{font-size:1.08rem;color:#3A302C}
.l-intro .texto p:first-child{font-size:clamp(1.12rem,1.05rem + .3vw,1.25rem);color:var(--tinta)}
@media (max-width:860px){.l-intro-grid{grid-template-columns:1fr}}

/* ---------- Qué incluye ---------- */
.l-items{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.l-items li{background:#fff;border-radius:var(--r-l);padding:24px 22px;box-shadow:0 1px 0 var(--linea)}
.l-items h3{font-size:1.08rem;margin-bottom:8px;display:flex;gap:10px;align-items:baseline}
.l-items h3::before{content:"";flex:none;width:9px;height:9px;border-radius:2px;background:var(--rojo);transform:translateY(-1px) rotate(45deg)}
.l-items p{margin:0;color:var(--gris);font-size:.96rem}
.l-incluye .campo-huerto,.l-incluye .envoltura{position:relative}
@media (max-width:1080px){.l-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.l-items{grid-template-columns:1fr}}
.l-incluye>.huerto,.l-sectores>.huerto,.l-nosev>.huerto{-webkit-mask-image:linear-gradient(to bottom,transparent 0,transparent 160px,#000 300px);mask-image:linear-gradient(to bottom,transparent 0,transparent 160px,#000 300px)}

/* ---------- Línea de pasos ---------- */
.l-linea{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;position:relative}
.l-linea-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.l-linea::before{content:"";position:absolute;left:28px;right:calc((100% - 54px) / 4 - 28px);top:27px;border-top:2px dashed var(--taronja)}
.l-linea-3::before{right:calc((100% - 36px) / 3 - 28px)}
.l-linea li{position:relative}
.l-linea-n{position:relative;z-index:1;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--fulla);color:var(--azahar);font-weight:800;font-size:1.25rem;box-shadow:0 0 0 8px var(--azahar);margin-bottom:20px}
.l-linea h3{margin-bottom:8px}
.l-linea p:last-child{margin:0;color:var(--gris)}
.pasos-cuando{margin:0 0 4px;font-size:.88rem;font-weight:650;color:var(--taronja-osc)}
@media (max-width:900px){
  .l-linea,.l-linea-3{grid-template-columns:1fr;gap:28px}
  .l-linea::before{left:27px;right:auto;top:28px;bottom:28px;border-top:0;border-left:2px dashed var(--taronja)}
  .l-linea li{padding-left:80px}
  .l-linea-n{position:absolute;left:0;top:0;margin:0}
}

/* ---------- Lo que no se ve ---------- */
.l-nosev-lista{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.l-nosev-lista li{background:var(--negro-2);border-radius:var(--r-l);padding:24px 22px;box-shadow:inset 0 0 0 1px var(--linea-osc)}
.l-nosev-lista h3{font-size:1.08rem;margin-bottom:8px;color:var(--azahar)}
.l-nosev-lista p{margin:0;color:#CBBDB7;font-size:.96rem}
@media (max-width:960px){.l-nosev-lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.l-nosev-lista{grid-template-columns:1fr}}

/* ---------- Plazos del SEO ---------- */
.l-tiempo{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sombra-s)}
.l-tiempo li{padding:26px 24px;background:#fff;position:relative}
.l-tiempo li:nth-child(2){background:#F7F1EA}
.l-tiempo li:nth-child(3){background:var(--salvia)}
.l-tiempo li:nth-child(4){background:var(--fulla);color:var(--azahar)}
.l-tiempo li:nth-child(4) .pasos-cuando{color:var(--rojo-claro)}
.l-tiempo li:nth-child(4) p:last-child{color:#CBBDB7}
.l-tiempo h3{margin-bottom:8px}
.l-tiempo p:last-child{margin:0;color:var(--gris);font-size:.96rem}
@media (max-width:900px){.l-tiempo{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.l-tiempo{grid-template-columns:1fr}}

/* ---------- Demo del chat ---------- */
.l-demo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.l-demo .entradilla{margin:18px 0 26px}
.l-conversa{margin:0;display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:var(--r-xl);background:var(--azahar);box-shadow:var(--sombra)}
.burbuja{max-width:86%;padding:12px 14px 8px;border-radius:18px;font-size:.95rem;line-height:1.5}
.burbuja p{margin:0}
.burbuja>span{display:block;text-align:right;font-size:.72rem;margin-top:4px;opacity:.7}
.burbuja.cliente{align-self:flex-end;background:var(--fulla);color:var(--azahar);border-bottom-right-radius:6px}
.burbuja.ia{align-self:flex-start;background:#fff;border-bottom-left-radius:6px;box-shadow:0 1px 0 var(--linea)}
.burbuja .burbuja-wa{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:6px 12px;border-radius:999px;background:var(--wa);color:#fff;font-size:.82rem;font-weight:650;opacity:1}
.burbuja-wa svg{width:15px;height:15px}
.l-conversa figcaption{font-size:.8rem;color:var(--gris);margin-top:6px}
@media (max-width:860px){.l-demo-grid{grid-template-columns:1fr}}

/* ---------- Web de muestra ---------- */
.l-muestra{background:linear-gradient(180deg,var(--azahar),#F1EBE3)}
.l-muestra-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,72px);align-items:center}
.l-muestra .entradilla{margin:18px 0}
.l-lh{color:var(--gris);margin-bottom:24px}
.l-lh b{color:var(--tinta)}
@media (max-width:860px){.l-muestra-grid{grid-template-columns:1fr}}

/* ---------- Packs (versión compacta) ---------- */

/* ---------- Zonas: sectores y búsquedas ---------- */
.l-sectores-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px}
.l-sectores-caja,.l-busquedas{background:#fff;border-radius:var(--r-xl);padding:clamp(24px,3.5vw,40px);box-shadow:0 1px 0 var(--linea)}
.l-sectores-caja h2,.l-busquedas h2{font-size:clamp(1.5rem,1.2rem + 1.1vw,2.1rem);margin-bottom:22px}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.chips li{padding:9px 14px;border-radius:999px;background:var(--salvia);font-weight:600;font-size:.95rem}
.l-sectores-caja .texto{margin:0;color:var(--gris)}
.l-busquedas{background:var(--nit);color:var(--azahar)}
.l-busquedas .texto{color:#CBBDB7;margin:-8px 0 20px}
.l-busquedas ul{list-style:none;display:grid;gap:10px}
.l-busquedas li{display:flex;align-items:center;gap:12px;height:48px;padding:0 18px;border-radius:999px;background:#fff;color:#221C1A;font-size:.98rem;box-shadow:0 2px 10px rgba(0,0,0,.2)}
.l-busquedas li svg{width:17px;height:17px;color:#7A706B;flex:none}
@media (max-width:900px){.l-sectores-grid{grid-template-columns:1fr}}
.l-como .l-linea-n{box-shadow:0 0 0 8px var(--azahar)}

/* ---------- Más páginas ---------- */
.l-mas-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px)}
.l-mas h2{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);margin-bottom:18px}
.l-filas{list-style:none;border-top:1px solid var(--linea)}
.l-filas a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 4px;border-bottom:1px solid var(--linea);text-decoration:none}
.l-filas a:hover b{color:var(--verde)}
.l-filas a:hover svg{transform:translateX(3px);color:var(--taronja-osc)}
.l-filas b{display:block;font-weight:650;transition:color .1s}
.l-filas small{display:block;color:var(--gris);font-size:.88rem}
.l-filas svg{flex:none;width:20px;height:20px;color:var(--gris);transition:transform .12s}
@media (max-width:760px){.l-mas-grid{grid-template-columns:1fr}}

/* ---------- Páginas legales ---------- */
.legal-cuerpo{background:var(--azahar)}
.legal-texto{max-width:780px}
.legal-texto h2{font-size:clamp(1.35rem,1.15rem + .7vw,1.75rem);margin:44px 0 14px}
.legal-texto h2:first-child{margin-top:0}
.legal-texto p,.legal-texto li{color:#3A302C}
.legal-texto ul{padding-left:20px;display:grid;gap:8px;margin-bottom:1em}
.legal-texto a{color:var(--verde);font-weight:600}
.datos-legales{margin:0 0 1em;display:grid;gap:1px;background:var(--linea);border-radius:16px;overflow:hidden}
.datos-legales div{display:grid;grid-template-columns:180px 1fr;gap:16px;padding:14px 18px;background:#fff}
.datos-legales dt{font-weight:650}
.datos-legales dd{margin:0}
@media (max-width:560px){.datos-legales div{grid-template-columns:1fr;gap:2px}}
.pendiente{background:#FFE3D6;color:#5A1400;padding:2px 6px;border-radius:4px;font-weight:600}
.tabla-legal{overflow-x:auto;margin:0 0 1em;border-radius:16px;background:#fff;box-shadow:0 1px 0 var(--linea)}
.tabla-legal table{width:100%;border-collapse:collapse;font-size:.94rem;min-width:560px}
.tabla-legal th,.tabla-legal td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--linea);vertical-align:top}
.tabla-legal th{background:var(--salvia);font-weight:650}
.enlace-boton{background:none;border:0;padding:0;color:var(--verde);font-weight:650;text-decoration:underline;text-underline-offset:3px}
.legal-nav{margin-top:48px;padding-top:20px;border-top:1px solid var(--linea)}

/* ---------- 404 ---------- */
.l-404{min-height:80vh;display:flex;align-items:center}
.l-404 .envoltura{position:relative;z-index:1}
.l-404-num{margin:0;font-weight:800;font-size:clamp(5rem,3rem + 10vw,11rem);line-height:.9;color:var(--taronja);letter-spacing:-.05em}
.l-404 h1{margin:18px 0}
@media (min-width:561px){.l-nosev-lista:has(>li:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Ajustes de la marca nueva */
.l-portada h1{letter-spacing:-.045em}
.l-ficha dd{font-weight:800;letter-spacing:-.03em}
.l-linea-n{background:var(--negro);border-radius:16px}
.l-tiempo li:nth-child(4){background:var(--negro)}
.l-tiempo li:nth-child(4) .pasos-cuando{color:var(--rojo-claro)}
.l-busquedas{background:var(--negro)}
.l-404-num{color:transparent;-webkit-text-stroke:2px var(--rojo);font-weight:900}
.chips li{background:var(--crema-2)}

/* Enlace a la portada desde la cabecera de cada página */
.l-todo{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:var(--crema);font-weight:650;font-size:.95rem;text-decoration:underline;text-decoration-color:rgba(230,57,70,.7);text-decoration-thickness:1.5px;text-underline-offset:4px}
.l-todo svg{width:16px;height:16px;color:var(--rojo-claro);transition:transform .2s var(--ease)}
.l-todo:hover svg{transform:translateX(4px)}