/*
Theme Name:        Andrés Carne de Res
Theme URI:         https://contrastudio.co
Description:       Custom theme for Andrés Carne de Res.
Version:           1.0.0
Requires at least: 6.0
Tested up to:      6.7
Requires PHP:      8.1
Author:            Contra Studio
Author URI:        https://contrastudio.co
License:           GPL-2.0-or-later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       andres-carne-de-res
*/

/* ===================================================
   Solución Menú Sticky / Fixed y Fondo Crema
   =================================================== */


html, body {
    background-color: #EDECDA !important;
}

body {
    padding-top: 102px !important;
}

.site-header {
    --header-height: 102px;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 300 !important;
    background-color: var(--color-bg-subtle, #EDECDA) !important;
    height: var(--header-height) !important;
    transition: transform 0.35s ease !important;
    will-change: transform;
}

.site-header.is-hidden {
    transform: translateY(-100%) !important;
}

/* ===================================================
   PUNTO 3: Centrado vertical de eventos en pantallas altas
   =================================================== */

.interactive-events-slider__slide-inner {
    justify-content: center !important;
    padding-bottom: 2vh;
}

@media (min-width: 901px) {
    .interactive-events-slider__slides {
        top: clamp(120px, 14vh, 160px) !important;
        height: calc(100vh - clamp(120px, 14vh, 160px)) !important;
    }
    
    .interactive-events-slider__media {
        max-height: 58vh !important;
    }
}


/* ===================================================
   PUNTO 4: Animación idéntica a los stickers de la web
   =================================================== */