/* Estilos propios de la página de inicio (el encabezado está en header.css). */
/* ===== Foto fija de fondo en toda la página: el contenido pasa por encima al hacer scroll ===== */
body{background:#14100d;}
body::before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;height:100lvh;z-index:-1;background:var(--banner-veil),url(banner.jpg) var(--banner-pos)/cover no-repeat;}
body > .min-h-screen{background:transparent;}


/* Banner principal */
#inicio{padding-top:150px;padding-bottom:88px;}
#inicio .corrugated{display:none;}
#inicio h1{color:#fff;text-shadow:0 2px 14px oklch(0 0 0/.55);}
#inicio .font-hand{color:oklch(84% .1 200);text-shadow:0 2px 10px oklch(0 0 0/.6);}
#inicio p.text-muted-foreground{color:oklch(1 0 0/.92);text-shadow:0 1px 8px oklch(0 0 0/.6);}
#inicio a[href="#donde"]{color:#fff;border-color:oklch(1 0 0/.85);background:oklch(0 0 0/.25);}
@media (min-width:768px){#inicio{padding-top:200px;padding-bottom:130px;}}

/* Textos que quedan directo sobre la foto (fuera de tarjetas): en claro */
#inicio + div{background:oklch(0 0 0/.45);}
#inicio + div .animate-marquee{color:oklch(84% .1 200);}
#productos h2{color:#fff;text-shadow:0 2px 14px oklch(0 0 0/.55);}
#feed > div > .reveal > .font-hand{color:oklch(84% .1 200);text-shadow:0 2px 10px oklch(0 0 0/.6);}
#feed > div > .reveal > a{color:#fff;text-shadow:0 2px 10px oklch(0 0 0/.6);}
footer.riveted{background:oklch(0 0 0/.55);border-top-color:oklch(1 0 0/.18);color:#fff;}
footer.riveted .text-muted-foreground{color:oklch(1 0 0/.8);}
footer.riveted .text-primary{color:oklch(84% .1 200);}

@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}}