/* ==========================================================
   DÍA DE MUERTOS - páginas interiores
   Se carga después de global.css y muertos.css.
   Respaldo original: carpeta _respaldo-antes-dia-de-muertos
========================================================== */

/* Heroes claros -> crema/cempasúchil */
.hero-resenas,
.hero-menu,
.hero-terminos{
    background:
        radial-gradient(circle at 88% 12%, rgba(255,152,0,.28), transparent 45%),
        radial-gradient(circle at 8% 95%, rgba(194,24,91,.15), transparent 45%),
        linear-gradient(135deg, #fff3e0 0%, #ffe6c9 60%, #f9d9e6 100%) !important;
}
.hero-ubicacion{
    background:
        radial-gradient(circle at 88% 12%, rgba(255,152,0,.25), transparent 45%),
        linear-gradient(135deg, #fff6e8 0%, #ffe9d0 55%, #f3dcf0 100%) !important;
}
.hero-contacto{
    background:
        radial-gradient(circle at 12% 20%, rgba(255,152,0,.25), transparent 45%),
        linear-gradient(135deg, #fff3e0 0%, #fbd5e5 60%, #e6d2f0 100%) !important;
}

/* Heroes con foto -> misma foto con velo morado */
.hero-historia{
    background:
        linear-gradient(rgba(42,16,56,.72), rgba(42,16,56,.88)),
        url('../img/horno-fuego-lena.jpg') center/cover no-repeat scroll !important;
}
.hero-horno{
    background:
        linear-gradient(rgba(42,16,56,.65), rgba(42,16,56,.9)),
        url('../img/horno-piedra-rojo-vivo.jpg') center/cover no-repeat scroll !important;
}

/* Títulos: acento cempasúchil */
.historia-title span,
.horno-title span,
.resenas-title span{ color:#ffb74d; }

/* Fondos de secciones claras */
.proceso-section,
.galeria-section,
.social-section,
.quick-contact{
    background-color:var(--crema);
}

/* Calavera de azúcar sobre el hero */
.hero-historia::after,
.hero-horno::after,
.hero-resenas::after,
.hero-ubicacion::after,
.hero-contacto::after,
.hero-menu::after,
.hero-terminos::after{
    content:'';
    position:absolute;
    top:118px;
    right:4%;
    width:70px;
    height:84px;
    background:url('../img/calavera-azucar.svg') center/contain no-repeat;
    opacity:.9;
    pointer-events:none;
    filter:drop-shadow(0 4px 6px rgba(42,16,56,.35));
    animation:calaveraFlota 4s ease-in-out infinite alternate;
}
.hero-historia, .hero-horno, .hero-resenas, .hero-ubicacion,
.hero-contacto, .hero-menu, .hero-terminos{ position:relative; }

@keyframes calaveraFlota{
    from{ transform:translateY(0) rotate(-4deg); }
    to{   transform:translateY(10px) rotate(4deg); }
}

@media (max-width:768px){
    .hero-historia::after, .hero-horno::after, .hero-resenas::after,
    .hero-ubicacion::after, .hero-contacto::after, .hero-menu::after,
    .hero-terminos::after{ width:44px; height:54px; top:100px; right:3%; }
}
@media (prefers-reduced-motion:reduce){
    .hero-historia::after, .hero-horno::after, .hero-resenas::after,
    .hero-ubicacion::after, .hero-contacto::after, .hero-menu::after,
    .hero-terminos::after{ animation:none; }
}