/* =====================================================================
   ALIMEN · web pública · AUDERSA, S.L.
   Dirección: «mediodía en el mercado». Luz blanca, verdes del logotipo,
   el color del producto solo en las ilustraciones.
   Sin dependencias externas: tipografías, imágenes y código se sirven
   desde este mismo sitio. No hay cookies ni almacenamiento local.
   ===================================================================== */

@font-face{
  font-family:"Fraunces";
  src:url("../fonts/fraunces.woff2") format("woff2-variations"),url("../fonts/fraunces.woff2") format("woff2");
  font-weight:100 900;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"Plus Jakarta Sans";
  src:url("../fonts/plus-jakarta-sans.woff2") format("woff2-variations"),url("../fonts/plus-jakarta-sans.woff2") format("woff2");
  font-weight:200 800;font-style:normal;font-display:swap;
}

:root{
  color-scheme:light;
  /* fondo y texto */
  --fondo:#FFFFFF;
  --bruma:#F3F8EF;          /* lavado verde muy claro */
  --bruma-2:#E7F1DF;
  --linea:#DDE8D5;
  --tinta:#0D2A1B;          /* titulares: verde casi negro */
  --texto:#3C4E44;          /* cuerpo · 8,6:1 sobre blanco */
  --suave:#5E6F65;          /* secundario · 5,2:1 sobre blanco */
  /* verdes del logotipo */
  --verde:#035233;          /* 9,6:1 sobre blanco */
  --verde-2:#0B6A43;
  --verde-hondo:#023A24;
  --hoja:#75A62A;           /* solo grafismo, nunca texto sobre blanco */
  --hoja-clara:#B7D77A;
  /* color del producto: solo ilustración y puntos de categoría */
  --tomate:#EF3913;
  --zanahoria:#F16206;
  --pimiento:#FFC90E;
  --agua:#3FBBEF;
  --cafe:#7A4A2A;

  --display:"Fraunces","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --sans:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;

  --radio:24px;
  --radio-m:16px;
  --radio-s:11px;
  --sombra:0 30px 70px -34px rgba(3,82,51,.34),0 10px 24px -16px rgba(13,42,27,.22);
  --sombra-s:0 12px 28px -18px rgba(13,42,27,.35);
  --ancho:1180px;
  --gutter:clamp(18px,4vw,40px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--fondo);color:var(--texto);
  font-family:var(--sans);font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:clip;
}
img,svg{display:block;max-width:100%}
a{color:inherit}
p{margin:0}
h1,h2,h3,h4{margin:0;color:var(--tinta);text-wrap:balance}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:3px solid var(--hoja);outline-offset:3px;border-radius:6px}
.oculto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sprite{position:absolute;width:0;height:0;overflow:hidden}

.envoltura{max-width:var(--ancho);margin-inline:auto;padding-inline:var(--gutter)}

/* ---------- tipografía ---------- */
.display{font-family:var(--display);font-variation-settings:"SOFT" 100,"WONK" 0;font-weight:600;letter-spacing:-.02em}
.antetitulo{
  display:inline-flex;align-items:center;gap:10px;
  font-size:12.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--verde);
}
.antetitulo::before{content:"";width:22px;height:3px;border-radius:3px;background:var(--hoja)}
.titulo-seccion{font-family:var(--display);font-variation-settings:"SOFT" 100,"WONK" 0;font-weight:600;
  font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.022em;margin-top:14px}
.entradilla{font-size:clamp(17px,1.5vw,19px);color:var(--suave);margin-top:16px;max-width:60ch}
.cabecera-seccion{max-width:760px;margin-bottom:clamp(34px,5vw,56px)}
.cabecera-seccion.centrada{margin-inline:auto;text-align:center}
.cabecera-seccion.centrada .entradilla{margin-inline:auto}

/* ---------- botones ---------- */
.boton{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 24px;border-radius:999px;border:1.5px solid transparent;
  font:700 15.5px/1.2 var(--sans);text-decoration:none;cursor:pointer;
  transition:background .2s,color .2s,border-color .2s,transform .2s;
}
.boton svg{width:18px;height:18px;flex:0 0 auto}
.boton:hover{transform:translateY(-1px)}
.boton--lleno{background:var(--verde);color:#fff}
.boton--lleno:hover{background:var(--verde-2)}
.boton--borde{background:#fff;color:var(--verde);border-color:#BFD5B5}
.boton--borde:hover{border-color:var(--verde)}
.boton--claro{background:#fff;color:var(--verde)}
.boton--claro:hover{background:var(--bruma)}
.enlace-flecha{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--verde);text-decoration:none;
  border-bottom:2px solid var(--hoja-clara);padding-bottom:2px}
.enlace-flecha svg{width:17px;height:17px;transition:transform .2s}
.enlace-flecha:hover svg{transform:translateX(3px)}

/* ---------- cabecera ---------- */
.cabecera{
  position:sticky;top:env(safe-area-inset-top,0px);z-index:50;
  background:rgba(255,255,255,.86);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);
  border-bottom:1px solid transparent;transition:border-color .25s,box-shadow .25s;
}
.cabecera.con-sombra{border-bottom-color:var(--linea);box-shadow:0 10px 30px -26px rgba(13,42,27,.5)}
.cabecera__fila{display:flex;align-items:center;gap:28px;min-height:72px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto}
.marca__emblema{width:46px;height:auto}
.marca__palabra{width:104px;height:auto}
.menu{display:flex;gap:26px;margin-left:auto;font-size:14.5px;font-weight:600;color:var(--suave)}
.menu a{text-decoration:none;padding:6px 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.menu a:hover{color:var(--verde);border-bottom-color:var(--hoja)}
.cabecera .boton{padding:11px 20px;font-size:14.5px}
@media (max-width:980px){.menu{display:none}.cabecera .boton{margin-left:auto}}
@media (max-width:420px){.marca__palabra{width:86px}.marca__emblema{width:40px}.cabecera .boton{padding:10px 16px}}

/* ---------- portada ---------- */
.portada{position:relative;overflow:clip;padding-block:clamp(40px,6vw,84px) clamp(56px,7vw,96px)}
.portada::before{ /* lavado de luz */
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(900px 520px at 78% 38%,#EAF4E1 0%,rgba(234,244,225,0) 70%),
    linear-gradient(180deg,#fff 0%,#fff 60%,var(--bruma) 100%);
}
.portada__rejilla{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(30px,5vw,64px);align-items:center}
.portada h1{font-size:clamp(36px,4.6vw,60px);line-height:1.04;margin-top:18px}
.portada h1 em{font-style:normal;color:var(--verde);
  background:linear-gradient(180deg,transparent 62%,rgba(183,215,122,.55) 62%,rgba(183,215,122,.55) 92%,transparent 92%)}
.portada__texto .entradilla{font-size:clamp(17px,1.45vw,19.5px);max-width:50ch}
.portada__botones{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.firma{display:flex;align-items:center;gap:12px;margin-top:30px;font-size:14px;color:var(--suave)}
.firma img{width:40px;height:40px;border-radius:8px}
.firma b{color:var(--tinta)}

.escena{position:relative;padding:clamp(40px,4.6vw,60px) clamp(8px,3vw,34px) clamp(56px,6vw,80px)}
.escena__disco{
  position:absolute;z-index:-1;left:50%;top:50%;width:min(92%,560px);aspect-ratio:1;border-radius:50%;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle at 34% 28%,#F4F9EE 0%,#DDEDCF 55%,#C9E2B3 100%);
}
.escena__disco::after{content:"";position:absolute;inset:-18px;border-radius:50%;border:1.5px dashed #C9DFB9}

/* producto flotante (ilustración propia) */
.flota{position:absolute;z-index:3;width:clamp(44px,6vw,78px);height:auto;filter:drop-shadow(0 10px 14px rgba(13,42,27,.18));
  will-change:transform}
.flota--tomate{top:0;right:9%}
.flota--limon{bottom:7%;right:0;width:clamp(40px,5.2vw,66px)}
.flota--hoja{top:34%;left:-3%;width:clamp(38px,4.6vw,58px)}
.flota--pimiento{display:none}

/* avisos flotantes */
.aviso{
  position:absolute;z-index:4;display:flex;align-items:center;gap:10px;
  background:#fff;border:1px solid var(--linea);border-radius:16px;padding:10px 14px 10px 10px;
  box-shadow:var(--sombra-s);font-size:13px;line-height:1.3;color:var(--suave);white-space:nowrap;will-change:transform
}
.aviso b{display:block;color:var(--tinta);font-size:13.5px}
.aviso__icono{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;background:var(--bruma);color:var(--verde)}
.aviso__icono svg{width:18px;height:18px}
.aviso--enviado{top:2%;left:3%}
.aviso--voz{top:36%;right:-6%}
.aviso--entrega{bottom:1%;left:9%}
.onda{display:flex;align-items:center;gap:2px;height:16px;margin-top:3px}
.onda i{display:block;width:3px;height:40%;border-radius:2px;background:var(--hoja)}
.onda i:nth-child(3n+1){height:55%}.onda i:nth-child(3n+2){height:90%}.onda i:nth-child(4n){height:35%}
.onda i:nth-child(5n){height:100%}.onda i:nth-child(7n){height:25%}.onda i:nth-child(11n){height:70%}

/* ---------- la tableta (maqueta propia, no captura) ---------- */
.tableta{
  position:relative;z-index:2;container-type:inline-size;margin:0;
  background:linear-gradient(145deg,#26332B,#111A14);border-radius:clamp(18px,3.2cqw,34px);
  padding:clamp(9px,1.6%,16px);box-shadow:0 40px 80px -30px rgba(3,58,36,.55),0 14px 30px -18px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.08);
  transform:perspective(1600px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;
}
.tableta::before{content:"";position:absolute;top:50%;left:.9%;width:6px;height:6px;border-radius:50%;background:#34413A;transform:translateY(-50%)}
.pantalla{
  border-radius:clamp(10px,2cqw,20px);background:#FBFDF9;overflow:hidden;
  aspect-ratio:16/10.4;display:grid;grid-template-rows:auto 1fr auto;
  font-size:1.62cqw;line-height:1.3;color:var(--tinta)
}
.app-barra{display:flex;align-items:center;gap:1.4cqw;padding:1.3cqw 2cqw;background:#fff;border-bottom:1px solid #E6EEE1}
.app-barra img{width:3.6cqw;height:auto}
.app-barra__cat{display:flex;align-items:center;gap:.8cqw;font-weight:800;font-size:1.75cqw}
.app-barra__cat i{width:1.1cqw;height:1.1cqw;border-radius:50%;background:var(--tomate)}
.app-buscar{flex:1;display:flex;align-items:center;gap:.8cqw;background:var(--bruma);border-radius:99px;padding:.8cqw 1.4cqw;color:#7C8B82}
.app-buscar svg{width:1.7cqw;height:1.7cqw}
.app-cesta{position:relative;width:3.8cqw;height:3.8cqw;border-radius:50%;display:grid;place-items:center;background:var(--verde);color:#fff}
.app-cesta svg{width:2cqw;height:2cqw}
.app-cesta b{position:absolute;top:-.5cqw;right:-.6cqw;min-width:2.1cqw;height:2.1cqw;border-radius:99px;background:var(--tomate);color:#fff;
  font-size:1.2cqw;display:grid;place-items:center;border:.25cqw solid #fff}
.app-cuerpo{display:grid;grid-template-columns:20% 1fr;min-height:0}
.app-rail{padding:1.6cqw 1.2cqw;display:flex;flex-direction:column;gap:.5cqw;border-right:1px solid #EDF2E9;background:#fff}
.app-rail span{padding:.75cqw 1.1cqw;border-radius:1cqw;color:#5E6F65;font-weight:600}
.app-rail span.activo{background:var(--bruma-2);color:var(--verde);font-weight:800}
.app-productos{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1.3cqw;padding:1.6cqw;min-height:0}
.ficha{background:#fff;border:1px solid #E6EEE1;border-radius:1.4cqw;padding:1.1cqw;display:grid;grid-template-rows:1fr auto auto auto;gap:.35cqw;position:relative;min-height:0}
.ficha__foto{background:var(--bruma);border-radius:1cqw;min-height:6cqw;display:grid;place-items:center}
.ficha__foto svg{width:7cqw;height:7cqw}
.ficha b{font-size:1.5cqw;font-weight:800;line-height:1.2}
.ficha small{font-size:1.2cqw;color:#6C7C72}
.ficha__precio{display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:1.55cqw}
.ficha__mas{width:2.8cqw;height:2.8cqw;border-radius:50%;background:var(--verde);color:#fff;display:grid;place-items:center}
.ficha__mas svg{width:1.6cqw;height:1.6cqw}
.ficha__cantidad{position:absolute;top:.8cqw;right:.8cqw;background:var(--verde);color:#fff;border-radius:99px;font-size:1.15cqw;font-weight:800;padding:.2cqw .8cqw}
.app-pie{display:flex;align-items:center;justify-content:space-between;gap:2cqw;padding:1.3cqw 2cqw;background:#fff;border-top:1px solid #E6EEE1}
.app-pie span{color:#5E6F65}
.app-pie b{color:var(--tinta);font-size:1.8cqw}
.app-pie__boton{background:var(--verde);color:#fff;border-radius:99px;padding:1cqw 2.4cqw;font-weight:800;display:flex;align-items:center;gap:.8cqw}
.app-pie__boton svg{width:1.7cqw;height:1.7cqw}

/* ---------- secciones ---------- */
.seccion{padding-block:clamp(72px,9vw,120px)}
.seccion--bruma{background:var(--bruma)}

/* cómo funciona */
.pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,40px);position:relative;counter-reset:paso}
.pasos::before{content:"";position:absolute;top:31px;left:8%;right:8%;border-top:2px dashed #C9DFB9;z-index:0}
.paso{position:relative;z-index:1}
.paso__numero{width:64px;height:64px;border-radius:50%;background:#fff;border:2px solid var(--hoja);display:grid;place-items:center;
  font-family:var(--display);font-variation-settings:"SOFT" 100;font-weight:600;font-size:28px;color:var(--verde);box-shadow:0 0 0 8px var(--fondo)}
.paso h3{font-size:21px;margin-top:22px;letter-spacing:-.01em}
.paso p{margin-top:8px;color:var(--suave);max-width:34ch}
@media (max-width:820px){
  .pasos{grid-template-columns:1fr;gap:28px}
  .pasos::before{top:10px;bottom:10px;left:31px;right:auto;border-top:0;border-left:2px dashed #C9DFB9}
  .paso{display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto 1fr;column-gap:20px}
  .paso__numero{grid-row:1/3}
  .paso h3{margin-top:14px}
  .paso p{grid-column:2;margin-top:4px}
}

/* para quién */
.publicos{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.4vw,28px)}
.publico{position:relative;overflow:hidden;border-radius:var(--radio);padding:clamp(28px,4vw,48px);display:flex;flex-direction:column}
.publico--hostelero{background:var(--bruma);border:1px solid var(--linea)}
.publico--distribuidor{background:var(--verde);color:#D6E8D0}
.publico--distribuidor h3,.publico--distribuidor .etiqueta{color:#fff}
.publico--distribuidor .etiqueta{background:rgba(255,255,255,.12)}
.etiqueta{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:99px;background:#fff;
  font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--verde)}
.etiqueta svg{width:16px;height:16px}
.publico h3{font-family:var(--display);font-variation-settings:"SOFT" 100;font-weight:600;font-size:clamp(28px,3vw,38px);line-height:1.08;
  letter-spacing:-.02em;margin-top:20px;max-width:16ch}
.lista-marcas{display:grid;gap:13px;margin-top:26px}
.lista-marcas li{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;font-size:16.5px}
.lista-marcas li::before{content:"";width:24px;height:24px;border-radius:50%;margin-top:1px;
  background:var(--hoja) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/15px no-repeat}
.publico--hostelero .lista-marcas li{color:var(--texto)}
.publico--distribuidor .lista-marcas li::before{background-color:#8FC03F}
.publico__pie{margin-top:auto;padding-top:28px}
.publico__nota{font-weight:700;color:var(--tinta);padding-top:22px;border-top:1px solid var(--linea);margin-bottom:18px;max-width:44ch}
.publico--distribuidor .publico__nota{color:#fff;border-top-color:rgba(255,255,255,.18)}
.publico--distribuidor .enlace-flecha{color:#fff;border-bottom-color:rgba(183,215,122,.7)}
.publico__adorno{position:absolute;right:-16px;top:-14px;width:120px;opacity:.95;transform:rotate(12deg)}
.publico--distribuidor .publico__adorno{opacity:.16;width:150px;right:-26px;top:-20px}
@media (max-width:900px){.publicos{grid-template-columns:1fr}}

/* la aplicación: piezas */
.piezas{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px)}
.pieza{background:#fff;border:1px solid var(--linea);border-radius:var(--radio);overflow:hidden;display:flex;flex-direction:column;
  transition:transform .25s,box-shadow .25s}
.pieza:hover{transform:translateY(-3px);box-shadow:var(--sombra)}
.pieza__muestra{background:var(--bruma);height:188px;padding:20px;display:flex;flex-direction:column;justify-content:center;gap:10px;
  font-size:13px;line-height:1.35;color:var(--tinta);border-bottom:1px solid var(--linea)}
.pieza__texto{padding:22px 24px 26px}
.pieza h3{font-size:19px;letter-spacing:-.01em}
.pieza p{margin-top:8px;color:var(--suave);font-size:15.5px}
@media (max-width:980px){.piezas{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.piezas{grid-template-columns:1fr}}

/* muestras dentro de cada pieza */
.burbuja{max-width:86%;padding:9px 12px;border-radius:14px;background:#fff;border:1px solid var(--linea)}
.burbuja--mia{align-self:flex-end;background:#DDEFCB;border-color:#CBE3B3;border-bottom-right-radius:4px}
.burbuja--suya{border-bottom-left-radius:4px}
.burbuja small{display:block;font-size:11px;color:var(--suave);margin-top:3px;text-align:right}
.voz{display:flex;align-items:center;gap:9px}
.voz__play{width:26px;height:26px;border-radius:50%;background:var(--verde);display:grid;place-items:center;color:#fff;flex:0 0 auto}
.voz__play svg{width:12px;height:12px}
.voz .onda{height:22px;margin:0}
.voz .onda i{background:var(--verde-2)}
.franjas{display:flex;gap:7px;flex-wrap:wrap}
.franja{padding:8px 11px;border-radius:10px;background:#fff;border:1px solid var(--linea);font-weight:700;font-size:12.5px;color:var(--suave)}
.franja.activa{background:var(--verde);border-color:var(--verde);color:#fff}
.seguimiento{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:6px}
.seguimiento span{display:grid;gap:6px;font-size:11px;font-weight:700;color:var(--suave)}
.seguimiento span::before{content:"";height:6px;border-radius:6px;background:#D5E3CC}
.seguimiento span.hecho::before{background:var(--hoja)}
.seguimiento span.ahora{color:var(--verde)}
.seguimiento span.ahora::before{background:linear-gradient(90deg,var(--hoja) 55%,#D5E3CC 55%)}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{padding:6px 11px;border-radius:99px;background:#fff;border:1px solid var(--linea);font-weight:700;font-size:12px;color:var(--suave)}
.chip.activo{background:var(--tinta);border-color:var(--tinta);color:#fff}
.mini-fichas{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mini-fichas span{background:#fff;border:1px solid var(--linea);border-radius:12px;padding:8px 6px 7px;display:grid;justify-items:center;gap:4px;
  font-size:11px;font-weight:700;color:var(--suave);text-align:center}
.mini-fichas svg{width:34px;height:34px}
.receta__titulo{font-weight:800;font-size:14px;display:flex;align-items:center;gap:8px}
.receta__titulo img{width:22px;height:auto}
.receta__fila{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border:1px solid var(--linea);border-radius:11px;padding:7px 8px 7px 11px}
.receta__fila span{display:flex;align-items:center;gap:7px;font-weight:600;font-size:12.5px}
.receta__fila i{width:9px;height:9px;border-radius:50%;flex:0 0 auto}
.receta__fila em{font-style:normal;font-size:11px;font-weight:800;color:var(--verde);background:var(--bruma-2);border-radius:8px;padding:5px 8px;white-space:nowrap}
.existencia{display:grid;grid-template-columns:1fr 84px;gap:10px;align-items:center;font-size:12.5px;font-weight:600}
.existencia b{display:block;height:7px;border-radius:7px;background:#D5E3CC;position:relative;overflow:hidden}
.existencia b::after{content:"";position:absolute;inset:0 auto 0 0;width:50%;background:var(--hoja);border-radius:7px}
.existencia .n80::after{width:80%}.existencia .n45::after{width:45%}.existencia .n15::after{width:15%}
.existencia.baja b::after{background:var(--tomate)}
.alerta{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:#FFF1EC;color:#B42D0E;border-radius:9px;padding:6px 10px;font-weight:700;font-size:12px}
.alerta svg{width:14px;height:14px}
.novedad{background:#fff;border:1px solid var(--linea);border-radius:14px;padding:12px;display:grid;grid-template-columns:44px 1fr;gap:11px;align-items:center;box-shadow:var(--sombra-s)}
.novedad__foto{width:44px;height:44px;border-radius:11px;background:var(--bruma);display:grid;place-items:center}
.novedad__foto svg{width:32px;height:32px}
.novedad small{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--hoja)}
.novedad b{font-size:13.5px}
.novedad__boton{grid-column:1/-1;justify-self:start;background:var(--verde);color:#fff;border-radius:99px;padding:6px 12px;font-weight:700;font-size:12px}

.remate{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:clamp(28px,4vw,44px);
  padding-top:24px;border-top:1px solid var(--linea);color:var(--suave);font-size:15.5px}

/* títulos en columnas partidas */
.red .titulo-seccion,.quien .titulo-seccion{font-size:clamp(28px,3.1vw,40px)}

/* la red */
.red{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(34px,5vw,72px);align-items:center}
.categorias{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.categoria{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:99px;background:#fff;border:1px solid var(--linea);
  font-weight:700;font-size:14px;color:var(--tinta)}
.categoria svg{width:26px;height:26px}
.regla{margin-top:28px;display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;background:#fff;border:1px solid var(--linea);
  border-radius:var(--radio-m);padding:18px 20px}
.regla__icono{width:48px;height:48px;border-radius:14px;background:var(--pimiento);display:grid;place-items:center;color:var(--tinta)}
.regla__icono svg{width:24px;height:24px}
.regla b{color:var(--tinta);display:block;font-size:17px}
.regla p{color:var(--suave);font-size:15.5px;margin-top:3px}
.tableta--lanzador .pantalla{grid-template-rows:auto 1fr}
.lanzador{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr auto;gap:1.8cqw;padding:2.4cqw}
.lanzador__plaza{border-radius:1.8cqw;background:#fff;border:1px solid #E3ECDD;display:grid;justify-items:center;align-content:center;gap:1cqw;padding:1.8cqw 1cqw;text-align:center}
.lanzador__placa{width:12.5cqw;height:12.5cqw;border-radius:3cqw;display:grid;place-items:center}
.lanzador__placa svg{width:8.6cqw;height:8.6cqw}
.lanzador__plaza b{font-size:2cqw;line-height:1.2}
.lanzador__entrar{font-size:1.45cqw;font-weight:800;color:#fff;background:var(--verde);border-radius:99px;padding:.7cqw 2cqw}
.lanzador__plaza--libre{background:transparent;border:.3cqw dashed var(--hoja);color:var(--verde)}
.lanzador__plaza--libre .lanzador__placa{background:#fff;border:.3cqw dashed var(--hoja-clara)}
.lanzador__plaza--libre svg{width:5cqw;height:5cqw;color:var(--hoja)}
.lanzador__plaza--libre .lanzador__entrar{background:var(--pimiento);color:var(--tinta)}
.lanzador__asistente{grid-column:1/-1;display:flex;align-items:center;gap:2cqw;border-radius:1.8cqw;padding:1.6cqw 2.2cqw;
  background:linear-gradient(90deg,#fff,var(--bruma-2));border:1px solid #E3ECDD}
.lanzador__asistente img{width:6cqw;height:auto}
.lanzador__asistente b{font-size:1.9cqw;display:block}
.lanzador__asistente small{font-size:1.35cqw;color:#5E6F65}
@media (max-width:900px){.red{grid-template-columns:1fr}}

/* tranquilidad */
.garantias{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,24px)}
.garantia{background:#fff;border-radius:var(--radio-m);padding:26px 24px;border:1px solid var(--linea)}
.garantia__icono{width:48px;height:48px;border-radius:14px;background:var(--bruma-2);color:var(--verde);display:grid;place-items:center}
.garantia__icono svg{width:24px;height:24px}
.garantia h3{font-size:18px;margin-top:18px}
.garantia p{margin-top:7px;font-size:15.2px;color:var(--suave)}
@media (max-width:980px){.garantias{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.garantias{grid-template-columns:1fr;gap:12px}.garantia{display:grid;grid-template-columns:48px 1fr;column-gap:16px;padding:20px}
  .garantia__icono{grid-row:1/3}.garantia h3{margin-top:2px}}

/* audersa */
.quien{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,6vw,90px);align-items:start}
.quien__sello{display:flex;align-items:center;gap:16px;margin-top:28px}
.quien__sello img{width:72px;height:72px;border-radius:12px}
.quien__sello b{display:block;color:var(--tinta);font-size:17px}
.quien__sello span{font-size:14.5px;color:var(--suave)}
.metodo{display:grid;gap:0;border-left:2px solid var(--linea);margin-left:22px}
.metodo li{position:relative;padding:0 0 28px 40px}
.metodo li:last-child{padding-bottom:0}
.metodo__n{position:absolute;left:-23px;top:-4px;width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid var(--hoja);display:grid;place-items:center;
  font-family:var(--display);font-variation-settings:"SOFT" 100;font-weight:600;font-size:19px;color:var(--verde)}
.metodo h3{font-size:19px;padding-top:6px}
.metodo p{margin-top:5px;color:var(--suave);font-size:15.5px;max-width:46ch}
@media (max-width:900px){.quien{grid-template-columns:1fr}}

/* contacto */
.contacto{position:relative;overflow:hidden;border-radius:calc(var(--radio) + 8px);background:var(--bruma);border:1px solid var(--linea);
  display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(28px,5vw,64px)}
.contacto__plato{position:relative;aspect-ratio:1;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:var(--sombra);max-width:380px;width:100%;margin-inline:auto}
.contacto__plato::after{content:"";position:absolute;inset:-14px;border-radius:50%;border:1.5px dashed #C9DFB9}
.contacto__plato picture{display:grid;place-items:center;width:100%;height:100%}
.contacto__plato img{width:62%;height:auto;margin-top:-3%}
.contacto h2{font-size:clamp(34px,4.4vw,54px);line-height:1.02}
.contacto .entradilla{margin-top:14px}
.vias{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin-top:28px}
.via{background:#fff;border:1px solid var(--linea);border-radius:var(--radio-m);padding:18px 20px;display:grid;gap:6px}
.via small{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--suave)}
.via__dato{font-family:var(--display);font-variation-settings:"SOFT" 100;font-weight:600;font-size:clamp(19px,1.75vw,23px);color:var(--tinta);
  letter-spacing:-.01em;user-select:all;overflow-wrap:anywhere}
.via__acciones{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.via__acciones .boton{padding:9px 15px;font-size:14px}
.via__acciones .boton svg{width:16px;height:16px}
.datos-contacto{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:22px;font-size:15px;color:var(--suave)}
.datos-contacto span{display:inline-flex;align-items:center;gap:8px}
.datos-contacto svg{width:18px;height:18px;color:var(--verde)}
.atajos{margin-top:22px;padding-top:20px;border-top:1px solid var(--linea)}
.atajos p{font-size:15px;color:var(--suave)}
.atajos div{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
@media (max-width:900px){.contacto{grid-template-columns:1fr}.contacto__plato{max-width:240px}}
@media (max-width:560px){.vias{grid-template-columns:1fr}}

/* pie */
.pie{padding-block:56px 34px;border-top:1px solid var(--linea);font-size:14.5px;color:var(--suave)}
.pie__fila{display:flex;flex-wrap:wrap;justify-content:space-between;gap:28px}
.pie .marca__emblema{width:52px}
.pie .marca__palabra{width:112px}
.pie__lema{margin-top:14px;max-width:34ch}
.pie__audersa{display:flex;align-items:center;gap:12px;margin-top:18px}
.pie__audersa img{width:44px;height:44px;border-radius:8px}
.pie__audersa b{color:var(--tinta)}
.pie h4{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta);margin-bottom:12px}
.pie__col{display:grid;gap:7px;align-content:start}
.pie__col a{text-decoration:none}
.pie__col a:hover{color:var(--verde);text-decoration:underline;text-underline-offset:3px}
.pie__legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;margin-top:40px;padding-top:22px;border-top:1px solid var(--linea);font-size:13.5px}
.sin-cookies{display:inline-flex;align-items:center;gap:8px;color:var(--verde);font-weight:700}
.sin-cookies svg{width:16px;height:16px}

/* ---------- aparición y movimiento ---------- */
.js .aparece{opacity:.9;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.js .aparece.visto{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
  .js .aparece{opacity:1;transform:none}
  .tableta{transform:none!important}
  .flota,.aviso{transform:none!important}
}
@keyframes flotar{from{translate:0 0}to{translate:0 -8px}}
.flota{animation:flotar 4.8s ease-in-out infinite alternate}
.flota--limon{animation-duration:5.6s}
.flota--hoja{animation-duration:6.2s}
.flota--pimiento{animation-duration:5.1s}

/* ---------- portada en pantallas estrechas ---------- */
@media (max-width:940px){
  .portada__rejilla{grid-template-columns:1fr}
  .escena{max-width:640px;margin-inline:auto;width:100%}
}
@media (max-width:560px){
  .escena{padding:34px 0 40px}
  .aviso{font-size:11.5px;padding:7px 10px 7px 7px;gap:8px;border-radius:13px}
  .aviso b{font-size:12px}
  .aviso__icono{width:28px;height:28px;border-radius:8px}
  .aviso__icono svg{width:15px;height:15px}
  .aviso--voz{right:0;top:auto;bottom:40%}
  .aviso--voz .onda{display:none}
  .aviso--entrega{left:auto;right:4%;bottom:0}
  .aviso--enviado{left:2%}
  .flota--hoja{left:2%;top:auto;bottom:2%}
  .flota--pimiento{display:none}
  .flota--limon{display:none}
  .portada__botones .boton{flex:1 1 100%}
}

/* =====================================================================
   Páginas legales
   ===================================================================== */
.legal{padding-block:clamp(44px,6vw,80px) 0}
.legal .envoltura{max-width:820px}
.legal h1{font-family:var(--display);font-variation-settings:"SOFT" 100;font-weight:600;font-size:clamp(34px,5vw,50px);letter-spacing:-.02em;line-height:1.05;margin-top:14px}
.legal__fecha{font-size:14px;color:var(--suave);margin-top:12px;padding-bottom:28px;border-bottom:1px solid var(--linea)}
.legal h2{font-size:21px;letter-spacing:-.01em;margin-top:44px;display:flex;gap:12px;align-items:baseline}
.legal h2 span{font-family:var(--display);font-variation-settings:"SOFT" 100;color:var(--hoja);font-weight:600;font-size:22px;min-width:1.2em}
.legal p,.legal li{font-size:16.5px;max-width:70ch}
.legal p{margin-top:12px}
.legal ul{margin-top:12px;display:grid;gap:9px}
.legal li{position:relative;padding-left:22px}
.legal li::before{content:"";position:absolute;left:3px;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--hoja)}
.legal b{color:var(--tinta)}
.legal a{color:var(--verde);text-underline-offset:3px}
.tabla{margin-top:16px;border:1px solid var(--linea);border-radius:var(--radio-m);overflow:hidden;background:#fff}
.tabla table{width:100%;border-collapse:collapse;font-size:15.5px}
.tabla th{text-align:left;background:var(--bruma);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--verde);padding:12px 16px;border-bottom:1px solid var(--linea)}
.tabla td{padding:13px 16px;border-bottom:1px solid var(--linea);vertical-align:top}
.tabla tr:last-child td{border-bottom:0}
.tabla td:first-child{color:var(--tinta);font-weight:700;width:32%}
@media (max-width:680px){
  .tabla table,.tabla tbody,.tabla tr,.tabla td{display:block;width:100%}
  .tabla thead{display:none}
  .tabla tr{border-bottom:1px solid var(--linea);padding:6px 0}
  .tabla tr:last-child{border-bottom:0}
  .tabla td{border-bottom:0;padding:4px 16px}
  .tabla td:first-child{width:100%;padding-top:10px;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--suave)}
}
.destacado{margin-top:18px;background:var(--bruma);border:1px solid var(--linea);border-radius:var(--radio-m);padding:20px 22px;display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start}
.destacado__icono{width:40px;height:40px;border-radius:12px;background:var(--verde);color:#fff;display:grid;place-items:center}
.destacado__icono svg{width:20px;height:20px}
.destacado b{font-size:17.5px;display:block}
.destacado p{margin-top:4px}
.volver{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;color:var(--verde);text-decoration:none;margin-left:auto;
  padding:10px 16px;border-radius:999px;border:1.5px solid #BFD5B5;background:#fff}
.volver:hover{border-color:var(--verde)}
.volver svg{width:16px;height:16px;transform:rotate(180deg)}

/* página no encontrada */
.no-encontrada{min-height:60vh;display:grid;place-items:center;text-align:center;padding-block:80px}
.no-encontrada img{width:180px;margin:0 auto 24px}

@media print{
  .cabecera,.pie__legal .sin-cookies,.volver{display:none}
  body{font-size:12pt}
}

/* colores de categoría (puntos y placas) */
.c-tomate{background:var(--tomate)}.c-hoja{background:var(--hoja)}.c-agua{background:var(--agua)}.c-pimiento{background:var(--pimiento)}
.placa-roja{background:#FDE6DF}.placa-verde{background:#E4F1D6}.placa-azul{background:#DDF2FC}.placa-ocre{background:#F6E9D8}
.no-encontrada .entradilla{margin-inline:auto}
.no-encontrada .portada__botones{justify-content:center}

/* =====================================================================
   Páginas de sección (quiénes somos, hosteleros, distribuidores)
   ===================================================================== */
.publicos--uno{grid-template-columns:1fr;max-width:820px}
.publico h1{font-family:var(--display);font-variation-settings:"SOFT" 100;font-weight:600;font-size:clamp(32px,4vw,46px);line-height:1.08;
  letter-spacing:-.02em;margin-top:20px;max-width:18ch}
.publico--distribuidor h1{color:#fff}
.seccion--primera{padding-top:clamp(40px,6vw,72px)}
.envoltura--estrecha{max-width:820px}