/* Approved ceramic wall: balanced colors, hidden Spanish ingredient words. */
:root{--hueso:#fffdf8}
.nav{background:#fffdf8}
.nav::before{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.nav.scrolled::before{background:rgba(255,253,248,.85)}
.ceramic-header{position:absolute;inset:0;background:url('art/hidden-header-desktop.svg') center bottom/100% auto no-repeat;opacity:.09;pointer-events:none}
.ingredient-wall,.ingredient-wall img{display:block;width:100%;height:auto}
.hero{padding-bottom:0}
.hero-under{padding-top:24px;padding-bottom:24px;gap:10px;border-bottom:1px solid var(--linea)}
.hero h1{font-size:clamp(1.9rem,3vw,2.4rem);line-height:1.15}
.hero .lead{font-size:.95rem;max-width:60ch}
.hero .next{font-size:.8rem;margin-top:4px}
.hero .next b{color:var(--jacaranda)}
.ceramic-footer{position:absolute;inset:0;opacity:.045;background:url('art/hidden-header-desktop.svg') center top/100% auto repeat-y;pointer-events:none}
@media(min-width:1101px){
  .hero:not(.has-photo) .hero-under{grid-template-columns:1fr auto;text-align:left;justify-items:start;column-gap:32px}
  .hero:not(.has-photo) h1,.hero:not(.has-photo) .lead{grid-column:1}
  .hero:not(.has-photo) .actions{grid-column:2;grid-row:1/3;align-self:center}
  .hero:not(.has-photo) .next{grid-column:1/-1}
}
@media(min-width:1800px){.ceramic-header{background-image:url('art/hidden-header-wide.svg')}}
@media(min-width:701px) and (max-width:1100px){.ceramic-header{background-image:url('art/hidden-header-tablet.svg')}}
@media(max-width:700px){
  .ceramic-header{background-image:url('art/hidden-header-phone.svg')}
  .hero-under{padding-top:25px;padding-bottom:25px;gap:14px}
  .hero .lead{font-size:.9rem;line-height:1.5}
  .hero .next{font-size:.76rem;line-height:1.7}
}