/* Estilo Grid */

#blog_destinos{}
#blog_destinos .col_at{padding: 5px 10px;margin: 5px;display: flex;flex-wrap: wrap;}

#blog_destinos article figure{ margin: 0!important}
#blog_destinos article figure a{ display: block}


#blog_destinos article{ margin: 0 0 10px 0!important}
#blog_destinos article.cont_int figure{position: relative}
#blog_destinos article.cont_int .header_destino{background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.55) 75%);position: absolute;  left: 0; top: 0; display: flex; width: 100%; height: 100%;flex-direction: column;align-items: flex-start;justify-content: flex-end; padding: 30px}
#blog_destinos article.cont_int .header_destino h2{color: #fff}

#blog_destinos article.cont_int .header_destino .text_summary p{ text-transform: uppercase; margin: 10px 0}
#blog_destinos article.cont_int .header_destino{}

#blog_destinos article .header_destino{ padding: 10px; width: 100%}
#blog_destinos article .header_destino h2{color: #000; text-transform: uppercase;  font-size: 15px; line-height: 17px; margin-bottom: 10px}

#blog_destinos article .header_destino .text_summary p{ margin: 10px 0}
#blog_destinos article .header_destino{}


h3.module-title,h3.widget-title{ margin-bottom: 25px; margin-bottom: 20px}

#widget_prod_ATM  [class*='col-']{ padding: 0!important; margin: 0 0 20px 0}
.item_prod_ATM{  margin: 0 5px 40px 5px }
.item_prod_ATM figure{ position: relative; overflow: hidden; margin-bottom: 0!important }

.item_prod_ATM .product_summary { padding: 10px 15px; text-align: center}
.item_prod_ATM .product_summary   h2{  color: #000!important; font-weight: 500; font-size: 17px!important; line-height: 22px!important; }
.item_prod_ATM .product_summary h2 span.tax_current,.item_prod_ATM .product_summary h2 span.ref{ font-size: 17px; line-height: 17px; color: #000}
.item_prod_ATM .product_summary   .woo_price{ position: relative;margin: 10px auto; font-size: 15px!important; font-weight: 500!important; color: #000  !important; display: table;font-family: "Montserrat", sans-serif!important }

.item_prod_ATM figure .vlr_desc,#single_left .vlr_desc{ display: block; background: #A2C100; color: #000; position: absolute;line-height: 40px;height: 40px; left: 10px;top: 10px;right: auto;padding: 0 10px; z-index: 991}
.item_prod_ATM figure .vlr_desc span{ display: block; }
.eael-product-popup.woocommerce div.product h1,.woosq-product > .product .summary h1{font-size: 15px; text-transform: uppercase}
.eael-product-popup.woocommerce div.product .price,.woosq-product > .product .summary .price {  font-size: 25px; font-weight: 600; color: #000!important}
.eael-woo-slider-popup .quantity,.woosq-product > .product .summary .quantity{ width:105px!important; margin-right: 10px!important; float: inherit;border-radius: 0px;  padding: 0; margin: 0; text-align: center!important; position: relative;display: flex; align-items: center; justify-content: flex-start; overflow: hidden; }
.eael-woo-slider-popup form,.woosq-product > .product .summary form{ display: flex; align-content: center}

.eael-woo-slider-popup  .quantity .qty,.woosq-product > .product .summary  .quantity .qty{ margin: 0 2.5px; height: 35px!important; max-width: 35px!important; min-width: 35px!important}
.eael-woo-slider-popup  .quantity .qty,.eael-woo-slider-popup form .quantity span,.woosq-product > .product .summary  .quantity .qty,.woosq-product > .product .summary form .quantity span { width: 35px; height: 35px; text-align: center;line-height: 30px; font-size: 16px; color: #000; border: 1px solid #000}
.eael-woo-slider-popup  .quantity span ,.woosq-product > .product .summary  .quantity span { cursor: pointer}
.eael-woo-slider-popup  .quantity span i,.woosq-product > .product .summary  .quantity span i{ line-height: 33px; font-size: 20px}
.eael-woo-slider-popup  .quantity span:hover,.woosq-product > .product .summary .quantity span:hover{background: #000; color: #fff}


.eael-woo-slider-popup .single_add_to_cart_button,.woosq-product > .product .summary .single_add_to_cart_button { height: 35px; width: calc(65% - 110px); font-weight: 400!important; text-transform: uppercase;color: #fff!important; background: #000!important; border-radius: 0px!important}

.banner_img_atm{}
.banner_img_atm figure{ position: relative; overflow: hidden}
.banner_img_atm figure .cont_banner,.banner_img_atm figure .custom-image-overlay{ position: absolute; width: 100%;height: 100%; top: 0; left: 0px}
.banner_img_atm figure .custom-image-overlay{z-index: 1}
.banner_img_atm figure .cont_banner{z-index: 91; padding: 15px;display: flex;flex-wrap: wrap;}
.banner_img_atm figure .cont_banner .custom-button{ display: table}

/**CARUSEL**/

.swiper-container {
    width: 100%;
    margin: 0 auto; overflow: hidden
}

.swiper-slide {
    text-align: center;
    /* centrar los elementos */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.owl-carousel.slider_productos .owl-nav button{ display: flex; text-align: center; align-items: center; justify-content: center;width: 35px; height: 35px; background:#B6912B!important; color: #000!important;  position: absolute; top: 0px; bottom: 0; margin: auto}
.owl-carousel.slider_productos .owl-nav .owl-prev { left: 0px}
.owl-carousel.slider_productos .owl-nav .owl-next{ right: 0px}
.swiper-pagination{bottom: -15px!important}

.owl-carousel.slider_productos .owl-nav button span{ font-size: 40px;width: 35px; height: 35px; display: flex; align-items: center; justify-content: center}

/****TABS*****/

.atm-woo-tabs-container {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

/* Estilos para el layout horizontal */
.atm-woo-tabs-horizontal .atm-woo-tabs-nav {
    width: 100%;
    display: flex;
    align-content: center; justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;

}

.atm-woo-tabs-horizontal .atm-woo-tabs-nav li {
   
}

/* Estilos para el layout vertical */
.atm-woo-tabs-vertical {
    flex-direction: row;
}

.atm-woo-tabs-vertical .atm-woo-tabs-nav {
    width: 200px;
    list-style: none;
    padding: 0;
    margin: 0 20px 0 0;

}

.atm-woo-tabs-vertical .atm-woo-tabs-nav li {
    margin-bottom: 5px;
}

/* Estilos comunes para los enlaces de pestañas */
.atm-woo-tabs-nav li{ margin-left: 2px}
.atm-woo-tabs-nav a {
    display: block;
    padding: 5px 20px;
    text-decoration: none;
    text-transform: uppercase; letter-spacing: 3px; font-weight: bold; font-size: 14px;
    color: #bd9526;
    background: #1e1d1d;

    transition: all 0.3s ease;
}

.atm-woo-tabs-horizontal .atm-woo-tabs-nav a {
    border-bottom: none;

}

.atm-woo-tabs-vertical .atm-woo-tabs-nav a {
    border-right: none;
    border-radius: 5px 0 0 5px;
}

/* Estilos para pestañas activas y hover */
.atm-woo-tabs-nav a:hover,
.atm-woo-tabs-nav a.active {
    background: #bd9526;
    color: #000;
 
}

/* Estilos para el contenido de las pestañas */
.atm-woo-tabs-content {
    flex: 1;
    padding: 20px;

}

.atm-woo-tabs-horizontal .atm-woo-tabs-content {
    border-top: none;
}

.atm-woo-tabs-vertical .atm-woo-tabs-content {
    border-left: none;
}

.atm-woo-tab-pane {
    display: none;
}

.atm-woo-tab-pane.active {
    display: block;
}

/* Estilos para la cuadrícula de productos */
.atm-woo-tab-pane ul.products {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Responsive */

@media only screen and (max-width: 767px){
#widget_prod_ATM .row [class*='col-']{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    
     .atm-woo-tabs-vertical {
        flex-direction: column;
    }
    
    .atm-woo-tabs-vertical .atm-woo-tabs-nav {
        width: 100%;
        margin: 0 0 20px 0;
        border-right: none;
        border-bottom: 1px solid #ddd;
        display: flex;
        overflow-x: auto;
    }
    
    .atm-woo-tabs-vertical .atm-woo-tabs-nav li {
        margin-bottom: 0;
        margin-right: 5px;
        flex-shrink: 0;
    }
    
    .atm-woo-tabs-vertical .atm-woo-tabs-nav a {
        
    }
    
    .atm-woo-tabs-vertical .atm-woo-tabs-content {
 
    }
}