/* Pagina de receta v2 (10-nov-2026, decision de JP): misma paleta y letras que la portada (larecetadelafelicidad.com) y tarjetas estilo foodgawker.com.
   Solo afecta a paginas de receta (las que traen .receta-cab). Se carga DESPUES de estilos.css, nordenatt.css y tipografia-v2.css.
   Paleta: texto #4A4A4A | crema #F7F6F1 #ECE9E1 #E7E3DA | arena #CEC6B3 #D9D2C1 | marron #4D3F35 | terracota #8A5F52 | gris calido #8B857C | enlace #7B6A55
   Las bandas a todo el ancho usan la variable --band de nordenatt.css (con especificidad de ID, por eso todo cuelga de #contenido:has(.receta-cab)). */
#contenido:has(.receta-cab){--p-txt:#4A4A4A;--p-crema1:#F7F6F1;--p-crema2:#ECE9E1;--p-crema3:#E7E3DA;--p-arena:#CEC6B3;--p-arena2:#D9D2C1;--p-marron:#4D3F35;--p-terra:#8A5F52;--p-gris:#8B857C;--p-link:#7B6A55;--p-linea:#DDD7CA;--p-cormo:'Cormorant Garamond',Georgia,'Times New Roman',serif;color:var(--p-txt)}
body:has(.receta-cab){background:var(--p-crema1)}

/* migas */
#contenido:has(.receta-cab) .migas{font:500 .68rem/1.4 var(--rotulo);letter-spacing:.18em;text-transform:uppercase;color:var(--p-gris);padding:22px 0 18px}
#contenido:has(.receta-cab) .migas a{color:var(--p-gris)}
#contenido:has(.receta-cab) .migas a:hover{color:var(--p-marron);text-decoration:none}

/* cabecera de la receta: banda crema, foto grande enmarcada */
#contenido:has(.receta-cab) .receta-cab{--band:var(--p-crema2);background:var(--p-crema2);padding-top:48px;padding-bottom:52px;grid-template-columns:1fr 1.25fr;gap:clamp(28px,4.5vw,64px)}
#contenido:has(.receta-cab) .receta-cab .hero-img{position:relative;border-radius:0;aspect-ratio:4/3;box-shadow:0 0 0 1px rgba(77,63,53,.18),0 0 0 10px var(--p-crema2),0 0 0 11px rgba(77,63,53,.22)}
#contenido:has(.receta-cab) .receta-cab .hero-img img{border-radius:0}
#contenido:has(.receta-cab) .receta-cab .hero-img::after{content:"";position:absolute;inset:12px;border:1px solid rgba(247,246,241,.55);pointer-events:none}
#contenido:has(.receta-cab) .receta-cab .credito{font:italic 400 .95rem/1.35 var(--p-cormo);color:var(--p-gris);margin:22px 0 0}
#contenido:has(.receta-cab) .receta-cab .credito a{color:var(--p-link)}
#contenido:has(.receta-cab) .pais-chip{background:transparent;border-radius:0;padding:0;margin:0 14px 0 0;font:500 .72rem/1 var(--rotulo);letter-spacing:.24em;text-transform:uppercase;color:var(--p-terra)}
#contenido:has(.receta-cab) .receta-cab .etiqueta{font-family:var(--rotulo)!important;font-weight:500;font-size:.72rem;letter-spacing:.24em;color:var(--p-gris)}
#contenido:has(.receta-cab) .receta-cab h1{font:400 clamp(2.1rem,4.2vw,3.4rem)/1.1 var(--serif);letter-spacing:0;color:#3F3A35;max-width:15ch;margin:16px 0 16px;text-wrap:balance}
#contenido:has(.receta-cab) .resumen-receta{font:500 .72rem/1.7 var(--rotulo);letter-spacing:.16em;text-transform:uppercase;color:var(--p-gris);margin:0 0 18px}
#contenido:has(.receta-cab) .resumen-receta b{font-weight:600;color:var(--p-marron)}
#contenido:has(.receta-cab) .resumen-receta .sep{color:var(--p-arena);margin:0 .7em}
#contenido:has(.receta-cab) .receta-cab p.bajada{font:italic 400 1.4rem/1.4 var(--p-cormo);color:#5b5146;max-width:34ch}
#contenido:has(.receta-cab) .receta-cab .acciones{margin-top:26px}
#contenido:has(.receta-cab) .receta-cab .btn{background:var(--p-marron);color:#F0EDE6;border:1px solid var(--p-marron);border-radius:0;font-family:var(--rotulo)!important;font-weight:500;font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;padding:14px 26px}
#contenido:has(.receta-cab) .receta-cab .btn:hover{background:transparent;color:var(--p-marron);text-decoration:none}
#contenido:has(.receta-cab) .receta-cab .btn.secundario{background:transparent;color:var(--p-marron);border-color:var(--p-arena)}
#contenido:has(.receta-cab) .receta-cab .btn.secundario:hover{background:var(--p-marron);border-color:var(--p-marron);color:#F0EDE6}
@media(max-width:860px){#contenido:has(.receta-cab) .receta-cab{grid-template-columns:1fr;padding-top:28px;padding-bottom:34px}#contenido:has(.receta-cab) .receta-cab>div:last-child{order:-1}#contenido:has(.receta-cab) .receta-cab h1{max-width:none}#contenido:has(.receta-cab) .receta-cab p.bajada{max-width:none}#contenido:has(.receta-cab) .receta-cuerpo{grid-template-columns:1fr;padding-top:30px;padding-bottom:44px}#contenido:has(.receta-cab) .caja{padding:22px 18px}}

/* datos: fila de cifras sin iconos (la foto manda, no los pictogramas) */
#contenido:has(.receta-cab) .datos{background:#fff;border:1px solid var(--p-linea);border-radius:0;margin:34px 0 0;grid-template-columns:repeat(auto-fit,minmax(112px,1fr))!important}
#contenido:has(.receta-cab) .datos>div{padding:20px 10px 18px;gap:6px;border-right:1px solid var(--p-linea)}
#contenido:has(.receta-cab) .datos>div:last-child{border-right:0}
#contenido:has(.receta-cab) .datos .ico{display:none}
#contenido:has(.receta-cab) .datos dt{font:500 .64rem/1.2 var(--rotulo)!important;letter-spacing:.2em;color:var(--p-terra)}
#contenido:has(.receta-cab) .datos dd{font:400 1.2rem/1.2 var(--serif)!important;color:#3F3A35;margin:0}
#contenido:has(.receta-cab) .datos dd a{color:var(--p-link)}
@media(max-width:700px){#contenido:has(.receta-cab) .datos{grid-template-columns:repeat(2,minmax(0,1fr))!important}#contenido:has(.receta-cab) .datos>div{border-bottom:1px solid var(--p-linea)}#contenido:has(.receta-cab) .datos>div:nth-child(2n){border-right:0}}

/* cuerpo: ingredientes (tarjeta blanca) + preparacion */
#contenido:has(.receta-cab) .receta-cuerpo{--band:var(--p-crema1);background:var(--p-crema1);padding-top:46px;padding-bottom:64px;gap:clamp(28px,4.5vw,64px);grid-template-columns:minmax(290px,1fr) 1.7fr}
#contenido:has(.receta-cab) .receta-cuerpo h2{font:400 clamp(1.6rem,2.6vw,2.1rem)/1.15 var(--serif);color:#3F3A35;letter-spacing:0;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--p-arena)}
#contenido:has(.receta-cab) .receta-cuerpo,#contenido:has(.receta-cab) .receta-cuerpo li,#contenido:has(.receta-cab) .receta-cuerpo p{font-size:1.02rem;line-height:1.7;color:var(--p-txt)}
#contenido:has(.receta-cab) .caja{background:#fff;border:1px solid var(--p-linea);border-radius:0;box-shadow:none;padding:28px 28px 24px}
#contenido:has(.receta-cab) .ingredientes h2{margin-top:0}
#contenido:has(.receta-cab) .escalador{border-bottom:1px solid var(--p-linea);font:500 .7rem var(--rotulo);letter-spacing:.18em;text-transform:uppercase;color:var(--p-gris)}
#contenido:has(.receta-cab) .escalador span{font-family:var(--rotulo)}
#contenido:has(.receta-cab) .escalador button{border:1px solid var(--p-arena);color:var(--p-marron);background:transparent;font-family:var(--sans)}
#contenido:has(.receta-cab) .escalador button:hover{background:var(--p-marron);border-color:var(--p-marron);color:#F0EDE6}
#contenido:has(.receta-cab) .escalador output{font:400 1.3rem var(--serif);color:#3F3A35}
#contenido:has(.receta-cab) .ingredientes li{border-bottom:1px solid #EBE6DB;padding:10px 0}
#contenido:has(.receta-cab) .ingredientes li.grupo{font:500 .68rem/1.3 var(--rotulo);letter-spacing:.24em;text-transform:uppercase;color:var(--p-terra);border:0;padding:20px 0 4px}
#contenido:has(.receta-cab) .ingredientes input{accent-color:var(--p-marron)}
#contenido:has(.receta-cab) .ingredientes input:checked+span{color:#aaa7a0}
#contenido:has(.receta-cab) .cant{font-weight:700;color:var(--p-marron)}
#contenido:has(.receta-cab) .ing-tags{border-top:1px solid var(--p-linea);margin-top:22px;padding-top:16px}
#contenido:has(.receta-cab) .ing-tags h3{font:500 .68rem/1.3 var(--rotulo);letter-spacing:.24em;text-transform:uppercase;color:var(--p-gris);margin:0 0 12px}
#contenido:has(.receta-cab) .tag{background:transparent;border:1px solid var(--p-arena);border-radius:0;padding:6px 12px;margin:0 6px 8px 0;font:500 .64rem/1.2 var(--rotulo);letter-spacing:.14em;text-transform:uppercase;color:var(--p-link)}
#contenido:has(.receta-cab) .tag:hover{background:var(--p-marron);border-color:var(--p-marron);color:#F0EDE6;text-decoration:none}

/* pasos: numeros en circulo fino, serifa */
#contenido:has(.receta-cab) .pasos li{padding:0 0 26px 64px;color:var(--p-txt)}
#contenido:has(.receta-cab) .pasos li::before{width:40px;height:40px;top:-4px;background:transparent;border:1px solid var(--p-terra);color:var(--p-terra);font:400 1.2rem var(--serif)}

/* consejos y nutricion */
#contenido:has(.receta-cab) .consejos{background:var(--p-crema3);border-radius:0;padding:26px 30px;margin-top:14px}
#contenido:has(.receta-cab) .consejos h3,#contenido:has(.receta-cab) .caja h3{font:500 .7rem/1.3 var(--rotulo);letter-spacing:.24em;text-transform:uppercase;color:var(--p-terra);margin:0 0 12px}
#contenido:has(.receta-cab) .consejos li{color:var(--p-txt)}
#contenido:has(.receta-cab) .nutri td{border-bottom:1px solid #EBE6DB;font-size:.95rem}
#contenido:has(.receta-cab) .nota{font:italic 400 1rem/1.35 var(--p-cormo);color:var(--p-gris)}

/* tambien te puede gustar: banda arena, tarjetas como las de la portada */
#contenido:has(.receta-cab) .relacionadas{--band:var(--p-arena2);background:var(--p-arena2);padding-top:52px;padding-bottom:58px}
/* «Recetas que llevan esta salsa»: mismas tarjetas, banda crema para separarlo de «También te puede gustar» */
#contenido:has(.receta-cab) .relacionadas.usos-salsa{--band:var(--p-crema3);background:var(--p-crema3);padding-top:46px;padding-bottom:50px}
#contenido:has(.receta-cab) .relacionadas .seccion-cab{border-bottom:0;margin-bottom:28px;padding-bottom:0;align-items:flex-end}
#contenido:has(.receta-cab) .relacionadas .seccion-cab h2{font:400 clamp(1.6rem,2.8vw,2.3rem)/1.15 var(--serif);color:#3F3A35}
#contenido:has(.receta-cab) .relacionadas .seccion-cab>a{font:500 .72rem/1 var(--rotulo);letter-spacing:.22em;text-transform:uppercase;color:var(--p-link);border-bottom:1px solid currentColor;padding-bottom:5px}
#contenido:has(.receta-cab) .relacionadas .seccion-cab>a:hover{color:var(--p-marron);text-decoration:none}
#contenido:has(.receta-cab) .relacionadas .grilla{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
#contenido:has(.receta-cab) .relacionadas .tarjeta{background:#fff;border:0;border-radius:0;box-shadow:0 1px 2px rgba(77,63,53,.08);overflow:hidden}
#contenido:has(.receta-cab) .relacionadas .tarjeta:hover{box-shadow:0 14px 30px rgba(77,63,53,.16);transform:translateY(-3px)}
#contenido:has(.receta-cab) .relacionadas .tarjeta .img{position:relative;aspect-ratio:1/1;background:var(--p-crema2)}
#contenido:has(.receta-cab) .relacionadas .tarjeta .img img{border-radius:0;transition:transform .7s}
#contenido:has(.receta-cab) .relacionadas .tarjeta:hover .img img{transform:scale(1.05)}
#contenido:has(.receta-cab) .relacionadas .tarjeta .strip{left:0;bottom:0;border-radius:0;background:rgba(77,63,53,.86);color:#F0EDE6;font:500 .6rem/1 var(--rotulo);letter-spacing:.14em;text-transform:uppercase;padding:7px 10px}
#contenido:has(.receta-cab) .relacionadas .tarjeta .cuerpo{padding:14px 16px 18px}
#contenido:has(.receta-cab) .relacionadas .tarjeta .etiqueta{font:500 .64rem/1.3 var(--rotulo)!important;letter-spacing:.16em;color:var(--p-terra)}
#contenido:has(.receta-cab) .relacionadas .tarjeta h3{font:400 1.2rem/1.25 var(--serif);color:#3F3A35;margin:9px 0 0;text-wrap:balance}
#contenido:has(.receta-cab) .relacionadas .tarjeta h3 .pais-tit{display:block;font:italic 400 1rem/1.3 var(--p-cormo);color:var(--p-gris);margin-top:5px;white-space:normal}
#contenido:has(.receta-cab) .relacionadas .tarjeta .mini{display:none}
@media(max-width:1000px){#contenido:has(.receta-cab) .relacionadas .grilla{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){#contenido:has(.receta-cab) .relacionadas .grilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#contenido:has(.receta-cab) .relacionadas .tarjeta .cuerpo{padding:10px 11px 14px}#contenido:has(.receta-cab) .relacionadas .tarjeta h3{font-size:1.02rem}}

/* impresion: la receta se imprime sin bandas ni marcos */
@media print{#contenido:has(.receta-cab) .receta-cab,#contenido:has(.receta-cab) .receta-cuerpo{background:#fff;box-shadow:none;clip-path:none}#contenido:has(.receta-cab) .receta-cab .hero-img{box-shadow:none}#contenido:has(.receta-cab) .receta-cab .hero-img::after{display:none}}
