/* Descubre y Listo. Cálido y artesanal: crema, terracota y verde salvia.
   Base (espaciado, escala de letra, pantallas, radio y nombres de color de shadcn) tomada del repo sistemas-diseno. */
:root{
  /* Base común (sistemas-diseno/tokens/base) */
  --espacio-1:.25rem; --espacio-2:.5rem; --espacio-3:.75rem; --espacio-4:1rem; --espacio-6:1.5rem; --espacio-8:2rem; --espacio-12:3rem; --espacio-16:4rem;
  --texto-xs:.75rem; --texto-sm:.875rem; --texto-base:1rem; --texto-lg:1.25rem; --texto-xl:1.563rem; --texto-2xl:1.953rem; --texto-3xl:2.441rem; --texto-4xl:3.052rem;
  --contenido-ordenador:72rem; --radius:.75rem;
  /* Tema «descubre-y-listo» (solo modo claro: las landings van a juego con los anuncios) */
  --background:#fbf6ef; --foreground:#2b2420;
  --card:#ffffff; --card-foreground:#2b2420;
  --primary:#b94e27; --primary-fuerte:#9c3f1d; --primary-foreground:#ffffff;
  --secondary:#f3e7d6; --secondary-foreground:#8a3a1b;
  --muted:#f6eee2; --muted-foreground:#6a5e56;
  --accent:#5f7a61; --accent-foreground:#ffffff;
  --border:#e2d3bf; --input:#d2bfa6; --ring:#c4572e;
  --sombra:0 1px 2px rgba(77,45,20,.07),0 10px 28px rgba(77,45,20,.11);
  --fuente-titulares:"Fraunces",Georgia,serif; --fuente-texto:"Inter",system-ui,-apple-system,sans-serif;
}
/* Cuatro tipos de pantalla: móvil, tablet (40rem), ordenador (64rem) y ordenador grande (128rem) */
html{font-size:16px;-webkit-text-size-adjust:100%}
@media (min-width:64rem){html{font-size:17px}}
@media (min-width:128rem){html{font-size:21px}}
*{box-sizing:border-box}
body{margin:0;background:var(--background);color:var(--foreground);font:400 1.0625rem/1.6 var(--fuente-texto)}
a{color:var(--primary-fuerte)}
img{max-width:100%;height:auto}
.envoltorio{max-width:var(--contenido-ordenador);margin:0 auto;padding:0 var(--espacio-4)}
@media (min-width:40rem){.envoltorio{padding:0 var(--espacio-6)}}
.cabecera{display:flex;align-items:center;justify-content:space-between;padding:var(--espacio-4) 0}
.marca{display:flex;align-items:center;gap:.6rem;font:600 1.1rem var(--fuente-titulares);color:var(--foreground);text-decoration:none}
.marca svg{width:1.9rem;height:1.9rem}

h1,h2,h3{font-family:var(--fuente-titulares);font-weight:600;line-height:1.12;letter-spacing:-.01em;margin:.4em 0}
h1{font-size:clamp(2.1rem,5.4vw,var(--texto-4xl))}
h2{font-size:clamp(1.6rem,3.4vw,var(--texto-2xl))}
h3{font-size:var(--texto-lg)}
.etiqueta{display:inline-block;background:var(--secondary);color:var(--secondary-foreground);font-weight:600;font-size:var(--texto-xs);letter-spacing:.05em;text-transform:uppercase;padding:.4rem .8rem;border-radius:999px}
.entradilla{font-size:1.15rem;color:var(--muted-foreground);max-width:36em}
.centrado{text-align:center}
.centrado .entradilla{margin-left:auto;margin-right:auto}

/* Iconos vectoriales propios */
.icono{width:1.5rem;height:1.5rem;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.icono *{vector-effect:non-scaling-stroke}
.insignia{display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:var(--radius);background:var(--secondary);color:var(--primary)}
.insignia .icono{width:1.75rem;height:1.75rem}
.insignia.salvia{background:#e6eee6;color:var(--accent)}

/* Cabecera de las landings */
.heroe{display:grid;gap:var(--espacio-8);align-items:center;padding:var(--espacio-4) 0 var(--espacio-12)}
@media (min-width:64rem){.heroe{grid-template-columns:1.1fr .9fr;gap:var(--espacio-12)}}
.lista{list-style:none;padding:0;margin:1.3rem 0}
.lista li{position:relative;padding-left:2rem;margin:.6rem 0}
.lista li::before{content:"";position:absolute;left:0;top:.3em;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/.85rem no-repeat}
.foto{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);box-shadow:var(--sombra)}
.ilustracion{width:100%;max-width:27rem;margin:0 auto;display:block}

/* Tarjetas: blancas, con borde y sombra, para que no se confundan con el fondo crema */
.caja,.tarjeta,.receta,.cta-final{background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--sombra)}
.caja{overflow:hidden}
.caja>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.caja-cuerpo{padding:var(--espacio-6)}
.caja h2{font-size:var(--texto-xl);margin-top:0}
label.campo{display:block;font-weight:600;font-size:var(--texto-sm);margin:.9rem 0 .4rem}
input[type=email]{width:100%;padding:.95rem 1rem;font:inherit;border:1.5px solid var(--input);border-radius:.6rem;background:#fff;color:var(--foreground)}
input[type=email]:focus{outline:3px solid rgba(196,87,46,.28);border-color:var(--ring)}
.consentimiento{display:flex;gap:.6rem;align-items:flex-start;font-size:var(--texto-sm);color:var(--muted-foreground);margin:.9rem 0}
.consentimiento input{margin-top:.2rem;accent-color:var(--primary);width:1.15rem;height:1.15rem;flex:none}
.boton{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem 1.4rem;border:0;border-radius:.6rem;background:var(--primary);color:var(--primary-foreground);font:700 1.1rem var(--fuente-texto);text-decoration:none;cursor:pointer;transition:background .15s,transform .15s}
.boton:hover{background:var(--primary-fuerte);transform:translateY(-1px)}
.boton:focus-visible,button.enlace:focus-visible,a:focus-visible{outline:3px solid rgba(196,87,46,.45);outline-offset:2px}
.boton.secundario{background:transparent;color:var(--primary-fuerte);border:2px solid var(--primary)}
.boton.auto{width:auto}
.nota{font-size:var(--texto-xs);color:var(--muted-foreground);margin:.75rem 0 0;text-align:center}
.honeypot{position:absolute;left:-5000px}

.seccion{padding:var(--espacio-12) 0;border-top:1px solid var(--border)}
.rejilla{display:grid;gap:var(--espacio-4);margin-top:var(--espacio-6)}
@media (min-width:40rem){.rejilla.tres{grid-template-columns:repeat(3,1fr)}.rejilla.dos{grid-template-columns:repeat(2,1fr)}}
@media (min-width:40rem) and (max-width:63.99rem){.rejilla.seis{grid-template-columns:repeat(2,1fr)}}
@media (min-width:64rem){.rejilla.seis{grid-template-columns:repeat(3,1fr)}}
.tarjeta{padding:var(--espacio-6)}
.tarjeta h3{margin:.8rem 0 .3rem}
.tarjeta p{margin:0;color:var(--muted-foreground)}

/* Guías (los regalos) */
.articulo{max-width:46rem;margin:0 auto;padding:var(--espacio-4) 0 var(--espacio-12)}
.articulo h2{margin-top:1.8em;display:flex;align-items:center;gap:.7rem}
.articulo h2 .insignia{width:2.6rem;height:2.6rem}
.articulo h2 .insignia .icono{width:1.4rem;height:1.4rem}
.articulo .foto{margin:var(--espacio-6) 0}
.aviso{display:flex;gap:.8rem;align-items:flex-start;background:#fdf1e3;border:1px solid #f0d3ad;border-left:5px solid var(--primary);border-radius:.6rem;padding:.9rem 1rem;font-size:.97rem;margin:var(--espacio-6) 0}
.aviso .icono{color:var(--primary);margin-top:.1rem}
.indice{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);padding:var(--espacio-4) var(--espacio-6);margin:var(--espacio-6) 0}
.indice ol{margin:.4rem 0 0;padding-left:1.2rem}
.receta{padding:var(--espacio-6);margin:var(--espacio-6) 0;border-top:5px solid var(--primary)}
.receta-cab{display:flex;gap:.9rem;align-items:center;margin-bottom:.6rem}
.receta-cab .num{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--primary);color:#fff;font:600 1.25rem var(--fuente-titulares)}
.receta h3{margin:0}
.datos{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:.4rem 0 1rem}
.datos li{display:inline-flex;align-items:center;gap:.35rem;background:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.25rem .7rem;font-size:var(--texto-sm);color:var(--muted-foreground)}
.datos .icono{width:1rem;height:1rem;color:var(--accent)}
.receta h4{font:700 var(--texto-sm) var(--fuente-texto);letter-spacing:.04em;text-transform:uppercase;color:var(--secondary-foreground);margin:1.1rem 0 .3rem}
.receta ul{margin:.2rem 0;padding-left:1.2rem}
ol.pasos{padding-left:1.3rem;margin:.2rem 0} ol.pasos li{margin:.4rem 0}
.truco{background:#eef3ee;border-radius:.6rem;padding:.7rem .9rem;font-size:.95rem;margin-top:1rem}
.tabla-envoltorio{overflow-x:auto;margin:var(--espacio-4) 0;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--sombra);background:var(--card)}
table.tabla{width:100%;border-collapse:collapse;font-size:.95rem}
.tabla th,.tabla td{text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--border);vertical-align:top}
.tabla th{background:var(--secondary);color:var(--secondary-foreground);font-weight:700}
.tabla tr:last-child td{border-bottom:0}
.tabla tfoot td{font-weight:700;background:var(--muted)}
.casillas{list-style:none;padding:0;columns:2;column-gap:var(--espacio-6)}
.casillas li{break-inside:avoid;padding:.25rem 0 .25rem 1.7rem;position:relative}
.casillas li::before{content:"";position:absolute;left:0;top:.45rem;width:1rem;height:1rem;border:2px solid var(--input);border-radius:.2rem;background:#fff}
@media (max-width:39.99rem){.casillas{columns:1}}
.cta-final{text-align:center;padding:var(--espacio-8) var(--espacio-6);margin:var(--espacio-8) 0;border-top:5px solid var(--accent)}
.cta-final h2{display:block;margin-top:.4em}
.cta-final .boton{max-width:26rem}

/* Pie */
.pie{border-top:1px solid var(--border);padding:var(--espacio-6) 0 var(--espacio-8);font-size:var(--texto-sm);color:var(--muted-foreground)}
.pie nav{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;margin-bottom:.5rem}
.pie a,.pie button.enlace{color:var(--muted-foreground)}
button.enlace{background:none;border:0;padding:0;font:inherit;text-decoration:underline;cursor:pointer}
.legal{max-width:47rem;margin:0 auto;padding:.6rem 0 var(--espacio-12)} .legal h1{font-size:var(--texto-3xl)}

/* Aviso de cookies */
.cookies{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:50;max-width:35rem;margin:0 auto;background:#2b2420;color:#f6efe6;border-radius:.9rem;padding:1rem 1.1rem;box-shadow:0 12px 40px rgba(0,0,0,.25);font-size:var(--texto-sm)}
.cookies p{margin:0 0 .75rem} .cookies a{color:#f3c9a8}
.cookies .acciones{display:flex;gap:.6rem;flex-wrap:wrap}
.cookies button{flex:1;min-width:7.5rem;padding:.6rem .9rem;border-radius:.6rem;border:0;font:600 .95rem var(--fuente-texto);cursor:pointer}
.cookies .si{background:var(--primary);color:#fff} .cookies .no{background:#4a3f38;color:#f6efe6}

/* Ventana para no perder el registro (intención de salida o tiempo en la página) */
.modal{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(43,36,32,.6)}
.modal[hidden]{display:none}
.modal-caja{position:relative;width:100%;max-width:28rem;max-height:calc(100vh - 2rem);overflow:auto;background:var(--card);border-radius:var(--radius);padding:var(--espacio-6);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.modal-caja h2{font-size:var(--texto-xl);margin:.5rem 0 .3rem}
.modal-caja p{margin:.3rem 0}
.modal-cerrar{position:absolute;top:.5rem;right:.6rem;width:2.4rem;height:2.4rem;border:0;border-radius:50%;background:transparent;color:var(--muted-foreground);font-size:1.6rem;line-height:1;cursor:pointer}
.modal-cerrar:hover{background:var(--muted)}
body.con-modal{overflow:hidden}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{
  body{background:#fff;font-size:11pt}
  .cookies,.modal,.pie nav,.no-imprimir,.cta-final{display:none!important}
  .caja,.tarjeta,.receta,.tabla-envoltorio{box-shadow:none}
  .receta,.tabla-envoltorio,.aviso{break-inside:avoid}
  .articulo{max-width:none;padding:0}
}