/* diegodoal · páginas del sitio (inicio, recetas, mi cocina…). Solo tokens. */
.cabecera nav a[aria-current="page"]{color:var(--color-texto);font-weight:var(--peso-fuerte)}

.ultimo{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--e-6);align-items:center;padding:var(--e-7) 0 var(--e-8)}
@media (max-width:760px){.ultimo{grid-template-columns:1fr;gap:var(--e-5);padding-top:var(--e-5)}}
.ultimo .fotograma{aspect-ratio:4/3;display:block}
.ultimo .etiqueta{display:inline-flex;gap:var(--e-2);align-items:center;font-size:var(--t-s);color:var(--color-texto-suave);margin-bottom:var(--e-3)}

.cabeza{display:flex;justify-content:space-between;align-items:baseline;gap:var(--e-4);flex-wrap:wrap}
.buscar{display:flex;align-items:center;gap:var(--e-2);border:var(--borde) solid var(--color-linea);border-radius:var(--radio-pill);background:var(--color-superficie);padding:0 var(--e-4);min-height:var(--toque);max-width:420px;margin:var(--e-4) 0}
.buscar input{flex:1;min-width:0;border:0;background:none;font:inherit;color:var(--color-texto);outline:none;min-height:var(--toque)}
.recetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));gap:var(--e-6) var(--e-4);margin-top:var(--e-5)}
.recetas>*{min-width:0}
.rtarjeta .img{position:relative}
.nueva{position:absolute;top:var(--e-2);left:var(--e-2);z-index:1;background:var(--color-acento);color:var(--color-sobre-acento);font-size:var(--t-xs);font-weight:var(--peso-fuerte);padding:var(--e-1) var(--e-3);border-radius:var(--radio-pill)}
.vacio{display:none;color:var(--color-texto-suave);margin-top:var(--e-5)}

/* productos: la foto vive dentro de una caja cuadrada fija y nunca se sale */
.productos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:var(--e-6) var(--e-4);margin-top:var(--e-5)}
.producto{min-width:0;text-decoration:none;display:flex;flex-direction:column;gap:var(--e-1)}
.producto .ph{position:relative;aspect-ratio:1;border-radius:var(--radio-m);background:var(--color-superficie-2);overflow:hidden;margin-bottom:var(--e-2)}
.producto img{position:absolute;inset:12%;width:76%;height:76%;object-fit:contain;mix-blend-mode:multiply}
.producto b{font-weight:var(--peso-fuerte)}
.producto span{font-size:var(--t-s);color:var(--color-texto-suave)}

.banda{display:grid;grid-template-columns:auto 1fr;gap:var(--e-6);align-items:center}
@media (max-width:600px){.banda{grid-template-columns:1fr}}
.avatar{width:160px;aspect-ratio:1;border-radius:50%;object-fit:cover}
.avatar.grande{width:240px}
.estrecha{max-width:640px}
.boletin{display:flex;gap:var(--e-2);flex-wrap:wrap;margin-top:var(--e-4);max-width:520px}
.boletin input{flex:1 1 220px;min-height:var(--toque);border:var(--borde) solid var(--color-linea);border-radius:var(--radio-pill);background:var(--color-superficie);color:var(--color-texto);font:inherit;padding:0 var(--e-4)}

.pie-sitio{border-top:var(--borde) solid var(--color-linea);padding:var(--e-7) 0;margin-top:var(--e-7)}
.pie-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--e-5)}
@media (max-width:600px){.pie-grid{grid-template-columns:1fr}}
.pie-grid nav{display:flex;flex-direction:column;gap:var(--e-2)}
.pie-grid nav a{text-decoration:none}

/* lenis (sin la regla oficial que desactiva los iframes: rompería el reproductor) */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-stopped{overflow:clip}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}

.filtros{display:flex;flex-wrap:wrap;gap:var(--e-4) var(--e-6);margin-top:var(--e-2)}
.fam{display:flex;flex-direction:column;gap:var(--e-2)}
.chips-grupo{font-size:var(--t-xs);font-weight:var(--peso-fuerte);color:var(--color-texto-suave);text-transform:uppercase;letter-spacing:.06em}
@media (min-width:760px){.recetas{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.productos{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}

.buscar input::-webkit-search-cancel-button{filter:grayscale(1) brightness(.6);cursor:pointer}
.ultimo .t-receta{font-size:clamp(30px,3.6vw,52px);text-wrap:balance}
.ultimo-foto .corazon{top:var(--e-3);right:var(--e-3);width:var(--toque);height:var(--toque)}
.cita-grande{margin:var(--e-3) 0 var(--e-4)}
.cita-grande q{font:var(--peso-titulo) var(--t-2xl)/1.2 var(--fuente-titulo);quotes:"«" "»";display:block;max-width:26ch}
.pasos-simples{list-style:none;counter-reset:p;padding:0;margin:var(--e-5) 0;display:grid;gap:var(--e-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.pasos-simples li{counter-increment:p;border-top:2px solid var(--color-texto);padding-top:var(--e-3);display:grid;gap:var(--e-1)}
.pasos-simples li::before{content:counter(p);font:var(--peso-titulo) var(--t-xl)/1 var(--fuente-titulo);color:var(--color-texto-suave)}
.pasos-simples b{font:var(--peso-fuerte) var(--t-l)/1.2 var(--fuente-titulo)}
.pasos-simples span{font-size:var(--t-s);color:var(--color-texto-suave)}
.pegar{display:flex;gap:var(--e-2);flex-wrap:wrap;background:var(--color-superficie);border:var(--borde) solid var(--color-linea);border-radius:var(--radio-l);padding:var(--e-3);max-width:640px}
.pegar input{flex:1 1 240px;min-height:var(--toque);border:0;background:transparent;color:var(--color-texto);font:inherit;padding:0 var(--e-3);outline:none}
.rev-item{display:grid;grid-template-columns:1fr auto;gap:var(--e-3);padding:var(--e-3) 0;border-top:var(--borde) solid var(--color-linea);font-size:var(--t-s);align-items:center}
@media (max-width:600px){.rev-item{grid-template-columns:1fr}}
.copiar{position:relative}
.copiar button{position:absolute;top:var(--e-2);right:var(--e-2)}

.limpiar{margin-top:var(--e-3);min-height:36px;padding:0 var(--e-3);border:0;background:none;color:var(--color-texto);font:var(--peso-fuerte) var(--t-s)/1 var(--fuente-texto);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.pie-boletin{display:grid;grid-template-columns:1fr 1fr;gap:var(--e-5);align-items:center;padding-bottom:var(--e-6);margin-bottom:var(--e-6);border-bottom:var(--borde) solid var(--color-linea)}
@media (max-width:760px){.pie-boletin{grid-template-columns:1fr}}