/* CSS Document */
/* 
 *	Go-media | Design + Comunication + Development + Marketing Online
 *  info@go-media.com | www.go-media.com.ar
 * 
*/
@charset "utf-8";

/* Start Settings */
/* Start Settings */
/*
<= 600px	.s	Mobile Devices
> 600px 	.m	Tablet Devices
> 992px 	.l	Desktop Devices
> 1200px 	.xl	Large Desktop Devices
 */

.variable_item [type="radio"]:not(:checked) + span, [type="radio"]:checked + span{
    position: relative;
    padding-left:0 ;
}
.variable_item [type="radio"] + span::before, [type="radio"] + span::after {
    left: 0px;
    top: -10px;
}
.variable_item p, .variable_item {
    /*margin: 0;*/
    border-right: 1px solid #eee;
}
.variable_item span {
    width: 100%;
    line-height: 100%;
    padding: 0 6px;
}

/* SLIDER */
.miSwiperProducto {
    width: 100%;
    max-height: calc(100vh - 120px);
    height: auto;
    overflow: hidden;
}

.miSwiperProducto.swiper-autoheight,
.miSwiperProducto .swiper-wrapper,
.miSwiperProducto .swiper-slide,
.miSwiperProducto .swiper-slide a {
    max-height: calc(100vh - 120px) !important;
}

.miSwiperProducto .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
}

.miSwiperProducto .swiper-slide a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
}

.miSwiperProducto .swiper-slide img {
    max-height: calc(100vh - 120px) !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.swiper-button-next .swiper-navigation-icon,
.swiper-button-prev .swiper-navigation-icon {
    display: none;
}
.swiper-button-next,
.swiper-button-prev {
    color: #333;          /* Color del ícono */
    font-size: 20px;       /* Tamaño si usas tipografía de íconos */
}

/* Large Desktop Devices */
@media screen and (min-width: 1201px) {
    .collapsible .collapsible-body{
        display: block;
    }
    .collapsible .collapsible-header .fa-angle-down{
        display: none;
    }
    .collapsible .collapsible-header .fa-angle-up{
        display: block;
    }
}

/* Desktop Devices */
@media screen and (max-width: 1200px) {
    .collapsible .collapsible-body{
        display: block;
    }
    .collapsible .collapsible-header .fa-angle-down{
        display: none;
    }
    .collapsible .collapsible-header .fa-angle-up{
        display: block;
    }
}

/* Tablet Devices */
@media screen and (max-width: 992px) {
    .collapsible .collapsible-body{
        display: none;
    }
    .collapsible .collapsible-header .fa-angle-down{
        display: block;
    }
    .collapsible .collapsible-header .fa-angle-up{
        display: none;
    }
}

/* Mobile Devices */
@media screen and (max-width: 600px) {
    .collapsible .collapsible-body{
        display: none;
    }
    .collapsible .collapsible-header .fa-angle-down{
        display: block;
    }
    .collapsible .collapsible-header .fa-angle-up{
        display: none;
    }
}