.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-0cd728a:#000000;--e-global-color-286ab3d:#FFFFFF;--e-global-color-78630f8:#AD172B;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================= */
/* FLECHAS SLIDER NOVEDADES */
/* ============================= */

#slider-novedades .elementor-swiper-button.elementor-swiper-button-prev {
    margin-left: -60px;
}

#slider-novedades .elementor-swiper-button.elementor-swiper-button-next {
    margin-right: -60px;
}


/* ============================= */
/* LOOP POSTS - ZIG ZAG CORRECTO */
/* ============================= */

/* asegurar estructura flex real de Elementor */
#loop-posts .e-con-inner {
    display: flex;
    align-items: center;
    gap: 0;
}

/* invertir SOLO los pares */
#loop-posts .e-loop-item:nth-child(even) .e-con-inner {
    flex-direction: row-reverse;
}


/* ============================= */
/* SUPERPOSICIÓN DEL TEXTO */
/* ============================= */

#loop-posts .loop-card-text {
    position: relative;
    z-index: 2;
    background: #f5f5f5;
    padding: 20px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* impares (texto a la derecha) */
#loop-posts .e-loop-item:nth-child(odd) .loop-card-text {
    margin-left: -20px;
    margin-right: 0;
}

/* pares (texto a la izquierda) */
#loop-posts .e-loop-item:nth-child(even) .loop-card-text {
    margin-right: -20px;
    margin-left: 20px;
}


/* ============================= */
/* IMÁGENES */
/* ============================= */

#loop-posts .e-loop-item img {
    display: block;
    width: 100%;
    height: auto;
}

/* ============================= */
/* AJUSTES DE TÍTULO DINÁMICO BLOG  */
/* ============================= */


/* Por defecto: mostrar solo el título estático */
.archive-title-static {
    display: block;
}

.archive-title-dynamic {
    display: none;
}

/* En archivos de tag o categoría: mostrar dinámico y ocultar estático */
body.tag .archive-title-static,
body.category .archive-title-static {
    display: none;
}

body.tag .archive-title-dynamic,
body.category .archive-title-dynamic {
    display: block;
}

/* ============================= */
/* SUBRAYADO DEL MENU HEADER */
/* ============================= */

/* mata el puntero de Elementor */
#menu-desktop-izq .elementor-nav-menu--main .elementor-item::after,
#menu-desktop-der .elementor-nav-menu--main .elementor-item::after {
    display: none !important;
}

/* crea underline */
#menu-desktop-izq .elementor-nav-menu--main .elementor-item,
#menu-desktop-der .elementor-nav-menu--main .elementor-item {
    position: relative;
    display: inline-block;
}

/* línea */
#menu-desktop-izq .elementor-nav-menu--main .elementor-item::before,
#menu-desktop-der .elementor-nav-menu--main .elementor-item::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 100%;
    height: 2px;
    background-color: #AD172B;

    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

/* hover */
#menu-desktop-izq .elementor-nav-menu--main .elementor-item:hover::before,
#menu-desktop-der .elementor-nav-menu--main .elementor-item:hover::before {
    transform: scaleX(1);
}

#menu-desktop-izq,
#menu-desktop-der {
    overflow: visible !important;
}

#menu-desktop-der .sub-arrow,
#menu-desktop-izq .sub-arrow {
    display: none;
}

/* activo */
#menu-desktop-izq .current-menu-item > .elementor-item::before,
#menu-desktop-der .current-menu-item > .elementor-item::before,
#menu-desktop-izq .current-menu-ancestor > .elementor-item::before,
#menu-desktop-der .current-menu-ancestor > .elementor-item::before {
    transform: scaleX(1);
}

/* ANIMACION HEADER */
/* HEADER base (top) */
#header-main {
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: background-color 0.3s ease, padding 0.3s ease;
}

/* HEADER en scroll */
#header-main.shrink {
    background-color: #212121;
    padding-top: 2px;
    padding-bottom: 2px;
}


/* LOGO container */
#logo-container {
    flex: 0 0 15%;
    max-width: 15%;
    transition: all 0.3s ease;
}

#header-main.shrink #logo-container {
    flex: 0 0 13%;
    max-width: 13%;
}


/* suavizar el logo */
#logo-container img {
    transition: transform 0.3s ease;
}

#header-main.shrink #logo-container img {
    transform: scale(0.95);
}

/* HEADER MOBILE base */
#header-mobile {
    background-color: transparent;
    transition: background-color 0.3s ease;
}

/* HEADER MOBILE en scroll */

#header-mobile {
    padding-top: 5px;
    padding-bottom: 5px;
}

#header-mobile.shrink {
    background-color: #212121;
}

/* ANIMACIÓN DROPDOWN */

/* contenedor NO se mueve */
.elementor-nav-menu--main .sub-menu {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    width: max-content;
    min-width: 400px;
}

/* animamos los items, no el fondo */
.elementor-nav-menu--main .sub-menu li {
    transform: translateY(10px);
    opacity: 0;
    transition: all 0.25s ease;
}

/* estado visible */
.elementor-nav-menu--main .menu-item:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
}

/* animación items */
.elementor-nav-menu--main .menu-item:hover > .sub-menu li {
    transform: translateY(0);
    opacity: 1;
}

/* ============================= */
/* TOP BAR */
/* ============================= */

#top-bar {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;

    background: #AD172B; /* tu rojo */
    color: #fff;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0px 40px;
    z-index: 9999;

    font-size: 14px;

    /* animación */
    transform: translateY(0);
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* texto */
#top-bar .top-bar-text {
    text-align: center;
}

/* botón cerrar */
#top-bar-close {
    position: absolute;
    right: 15px;

    background: none;
    border: none;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

/* estado animado (sube) */
#top-bar.closing {
    transform: translateY(-100%);
    opacity: 0;
}

/* oculto real */
#top-bar.hidden {
    display: none;
}


/* LOCALES */

.card-locales a,
.a-sin-estilos {
    color: inherit !important;
    text-decoration: none;
}/* End custom CSS */