/* COLUMNAS MIXTAS */
/* Crea un contenedor de Elementor y añade dos sub-contenedores dentro a modo de columnas.
Añade la clase "seccion_columnas_mixtas" al principal y "columna_auto" o "columna_full" a las hijas.

No es necesario utilizar el selector "columna_full" mediante CSS.
*/

@media (min-width: 1024px) {
    .seccion_columnas_mixtas > .e-con-inner {
        max-width: 100%!important;
    }
    
    .seccion_columnas_mixtas > .e-con-inner .columna_auto:nth-child(1){
        padding-left: calc( ( 100vw - var(--content-width) ) / 2)!important;
    }
    
    .seccion_columnas_mixtas > .e-con-inner .columna_auto:nth-child(2){
        padding-right: calc( ( 100vw - var(--content-width) ) / 2)!important;
    }
}






/* CARRUSEL IMAGENES MISMA ALTURA */

.carrusel_imagenes_misma_altura .swiper-slide{
    height: 339px;
}

.carrusel_imagenes_misma_altura_s .swiper-slide{
    height: 250px;
}

.carrusel_imagenes_misma_altura .swiper-slide figure.swiper-slide-inner,
.carrusel_imagenes_misma_altura .swiper-slide figure.swiper-slide-inner img,
.carrusel_imagenes_misma_altura_s .swiper-slide figure.swiper-slide-inner,
.carrusel_imagenes_misma_altura_s .swiper-slide figure.swiper-slide-inner img{
    height: 100%;
}

.carrusel_imagenes_misma_altura .swiper-slide figure.swiper-slide-inner img,
.carrusel_imagenes_misma_altura_s .swiper-slide figure.swiper-slide-inner img{
    object-fit: cover;
    width: 100%;
    cursor: grabbing;
}







/* COPY */

.copyright{
    color:white;
}







/* GALERIA HOVER */

.galeria_cuadricula > .galeria_item{
    width: 100%!important;
    background-color: white!important;
    border-radius: 0px!important;
    min-height: 200px!important;
    height: 200px!important;
    max-height: 200px!important;
    box-shadow: 12px 8px 18px 0px #00000014!important;
    overflow: hidden!important;
    position: relative!important;
}

.galeria_cuadricula > .galeria_item > .item_texto{
    width: 100%!important;
    height: 100%;
    background-color: #000000BB!important;
    padding: 20px!important;
    overflow: hidden!important;
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    opacity: 0!important;
    z-index: 1!important;
    transition: opacity 0.5s!important;
}

.galeria_cuadricula > .galeria_item > .item_texto p{
    /* font-family: 'Poppins'!important;
    font-style: normal!important;
    font-weight: 800!important;
    font-size: 16px!important;
    line-height: 24px!important; */
    text-align: center!important;
    /* text-transform: uppercase!important; */
    color: #FFFFFF!important;
    /* letter-spacing: 0.5px !important; */
}

.galeria_cuadricula > .galeria_item > .item_imagen{
    padding: 20px!important;
    overflow: hidden!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute!important;
    top: 0!important;
    left: 0!important;
}

.galeria_cuadricula > .galeria_item > .item_imagen .elementor-widget-container,
.galeria_cuadricula > .galeria_item > .item_texto .elementor-widget-container{
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
}

.galeria_cuadricula > .galeria_item:hover > .item_texto{
    opacity: 1!important;
}












/* HEADER */

header[data-elementor-type="header"]{
    position: fixed!important;
    top: 0!important;
    left: 0!important;
    width: 100%!important;
    z-index: 10!important;
    background: linear-gradient(180deg, #000d 0%, #0000 60%)!important;
    background-size: auto 200%!important;

    background-position: 0 100%!important;
    
    min-height: 130px!important;
    transition: background-position 0.5s, min-height 0.5s!important;
}

header[data-elementor-type="header"].header_degradado{
    min-height: 0!important;
    backdrop-filter: blur(8px)!important;
    background-position: 0 0!important;
}

header[data-elementor-type="header"] > .elementor-element > .e-con-inner{
    transition: gap 0.5s, padding-top 0.5s, padding-bottom 0.5s;
}

header[data-elementor-type="header"].header_degradado > .elementor-element > .e-con-inner{
    gap: 0!important;
    padding-top: 4px;
    padding-bottom: 4px;
}

body.admin-bar header[data-elementor-type="header"]{
    top: 32px!important;
}

header[data-elementor-type="header"] .elementor-widget-theme-site-logo{
    transition: filter 0.5s;
}

header[data-elementor-type="header"].header_degradado .elementor-widget-theme-site-logo{
    filter: invert(1);
}

header[data-elementor-type="header"] .shortcode_menu_movil{
    display: none!important;
}

@media (max-width: 1480px) {
    header[data-elementor-type="header"] .menu_header{
        display: none!important;
    }

    header[data-elementor-type="header"] .shortcode_menu_movil{
        display: block!important;
    }

    header[data-elementor-type="header"] .elementor-widget-theme-site-logo{
        margin-right: auto!important;
    }
}

header[data-elementor-type="header"].header_degradado .menu-item a.elementor-item,
header[data-elementor-type="header"].header_degradado .header-cart-icon > span,
header[data-elementor-type="header"].header_degradado .site-navigation.site-navigation-woo > .menu > .menu-item > .mi-cuenta-icono-no-logueado > span,
header[data-elementor-type="header"].header_degradado .site-navigation.site-navigation-woo > .menu > .menu-item > .mi-cuenta-icono-logueado > span,
header[data-elementor-type="header"].header_degradado .sp-language-switch .sp-lang-link,
header[data-elementor-type="header"].header_degradado .sp-language-switch,
header[data-elementor-type="header"].header_degradado .hamburger-toggle > span{
    color: white !important;
}

header[data-elementor-type="header"].header_degradado .user_icon_header{
    filter: invert(1);
}


header[data-elementor-type="header"] .ocultar_header_degradado{
    max-height: 24px;
    transition: max-height 0.5s, opacity 0.5s, visibility 0.5s;
}

header[data-elementor-type="header"].header_degradado .ocultar_header_degradado{
    max-height: 0;
    opacity: 0; 
    visibility: 0; 
}











/* PADDINGS */

.section{
    padding-left: 8px!important;
    padding-right: 8px!important;
}

.padding_superior{
    padding-top: 76px!important;
}

.padding_inferior{
    padding-bottom: 76px!important;
}








/* LOADING SOBRE UN ELEMENTO */

.sp_loading{
    position: relative;
    pointer-events: none; 
    overflow: hidden;
}

.sp_loading:before{
    position: absolute;
    top: 0;
    left: 0;
    content:"";
    width: 100%;
    height: 100%;
    background: #f2f2f266;
    z-index:1000;
}

.sp_loading:after {
    content:"";
    position: fixed;
    width: 48px;
    height: 48px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 5px solid #000;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation_loading 1s linear infinite;
    z-index: 1010;
}



@keyframes rotation_loading {
    0% {
        transform: translate(-50%,-50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%,-50%) rotate(360deg);
    }
} 




.sp_popup h4{
    margin-top: 0px!important;
}

.sp_popup h4{
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    gap: 16px;
}

.sp_popup .contenido{
    border-radius: 0px!important;
}

.btn_ancla_hazte_socio{
    width: 100%!important;
    text-align: center!important;
    margin-top: 10px!important;
    background-color: #fff!important;
    color: var(--e-global-color-primary)!important;
    text-decoration: none!important;
    background-image: none!important;
    font-size: 100%!important;
    margin: 0!important;
    line-height: 1!important;
    cursor: pointer!important;
    position: relative!important;
    text-decoration: none!important;
    overflow: visible!important;
    padding: 6px 12px 6px 12px!important;
    font-weight: 700!important;
    left: auto!important;
    color: #515151!important;
    background-color: #e9e6ed!important;
    display: inline-block!important;
    background-image: none!important;
    box-shadow: none!important;
    text-shadow: none!important;
    background-color: var(--e-global-color-primary)!important;
    font-family: var(--e-global-typography-4858757-font-family), Sans-serif!important;
    font-size: var(--e-global-typography-4858757-font-size)!important;
    font-weight: var(--e-global-typography-4858757-font-weight)!important;
    line-height: var(--e-global-typography-4858757-line-height)!important;
    fill: #FFFFFF!important;
    color: #FFFFFF!important;
    border-radius: 0px!important;
    border: 1px solid var(--e-global-color-primary)!important;
    transition: all 0.3s!important;
}