/* 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"] #espaciador_header {
    display: block;
    position: relative;
    height: 200px;
}

.home header[data-elementor-type="header"] #espaciador_header {
    display: none;
}

header[data-elementor-type="header"] #contenido_header {
    position: fixed!important;
    top: 0!important;
    left: 0!important;
    width: 100%!important;
    z-index: 10!important;

    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.35) 35%, rgba(0, 0, 0, 0.00) 70%)!important;
    background-repeat: no-repeat!important;
    background-size: 100% 200%!important;
    background-position: 0 100%!important;

    transition: background-position 0.5s, min-height 0.5s, background-color 0.5s, box-shadow 0.5s, backdrop-filter 0.5s!important;
}

header[data-elementor-type="header"].header_degradado #contenido_header{
    min-height: 0!important;
    background-color: rgba(0, 0, 0, 0.20)!important;
    backdrop-filter: blur(8px)!important;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.12)!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: 15px !important;
    padding-bottom: 0px !important;
}

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

header[data-elementor-type="header"] .logotipo_header#logotipo_claro{
    display: none;
}

.home header[data-elementor-type="header"] .logotipo_header#logotipo_oscuro{
    display: none;
}

.home header[data-elementor-type="header"] .logotipo_header#logotipo_claro{
    display: block;
}

header[data-elementor-type="header"] #iconos_header_contacto svg,
header[data-elementor-type="header"] #iconos_header_contacto svg path{
    fill: #000;
}

header[data-elementor-type="header"] #iconos_header_contacto .elementor-icon-list-text{
    color: #000;
}

.home header[data-elementor-type="header"] #iconos_header_contacto svg,
.home header[data-elementor-type="header"] #iconos_header_contacto svg path{
    fill: #fff;
}

.home header[data-elementor-type="header"] #iconos_header_contacto .elementor-icon-list-text{
    color: #fff;
}

header[data-elementor-type="header"].header_degradado #iconos_header_contacto svg,
header[data-elementor-type="header"].header_degradado #iconos_header_contacto svg path{
    fill: #fff;
}

header[data-elementor-type="header"].header_degradado #iconos_header_contacto .elementor-icon-list-text{
    color: #fff;
}

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

@media (max-width: 1024px) {
    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"] .logotipo_header{
        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: #fff !important;
}


header[data-elementor-type="header"] .ocultar_header_degradado{
    max-height: 100px;
    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; 
}

.home .espaciador_header {
    display: none; 
}













/* 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;
}

@media (max-width: 767px){

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

/* EXPOTYRE - REDISEÑO CARRITO */
.woocommerce-message {
    border-radius: 0 0 15px 15px;
}
.woocommerce-cart-form {
    border-radius: 15px;
}
.woocommerce-cart-form table button {
    border-radius: 30px !important;
}
.woocommerce-cart-form table input {
    width: 155px !important;
    border-radius: 15px !important;
}
.checkout-button {
    border-radius: 30px !important;
}
.woocommerce .woocommerce-MyAccount-navigation ul li,
.woocommerce .woocommerce-MyAccount-navigation ul li a {
    border-radius: 30px !important;
}
.woocommerce .woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #D33741 !important;
    color: #fff !important;
}
.woocommerce .woocommerce-MyAccount-navigation ul li.is-active a:hover {
    background-color: #D33741 !important;
    color: #fff !important;
}
.woocommerce-MyAccount-content table .woocommerce-orders-table__cell-order-actions a {
    border-radius: 30px !important;
    background-color: #D33741 !important;
    color: #fff !important;
}
.woocommerce-MyAccount-content table .woocommerce-orders-table__cell-order-number a{
    color: #D33741 !important;
}
.woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button--next {
    border-radius: 30px !important;
    background-color: #D33741 !important;
    color: #fff !important;
}
.woocommerce-MyAccount-content .woocommerce-additional-fields__field-wrapper #order_direcction {
    border-radius: 15px !important;
    margin: 20px 0 !important;
}
.woocommerce-additional-fields__field-wrapper button {
    border-radius: 30px !important;
    background-color: #D33741 !important;
    color: #fff !important;
}

.woocommerce-checkout p,
.woocommerce-checkout a,
.woocommerce-checkout h2,
.woocommerce-checkout h3,
.woocommerce-checkout span {
    font-family: poppins, sans-serif !important;
}
.woocommerce-checkout p,
.woocommerce-checkout a,
.woocommerce-checkout span,
.woocommerce-checkout h4,
.woocommerce-checkout button,
.woocommerce-checkout th,
.woocommerce-checkout td {
    font-family: poppins, sans-serif !important;
    font-size: 16px !important;
}
.woocommerce-checkout .exty_dir_sel {
    border-radius: 15px !important;
    margin: 20px 0 !important;
    font-family: poppins, sans-serif;
    font-size: 16px;
}
.woocommerce-checkout button {
    border-radius: 30px !important;
    background-color: #D33741 !important;
    color: #fff !important;
    font-size: 16px;
    font-family: poppins, sans-serif;
}