.btnBackOvet{
    padding-top:40px;
    padding-bottom:10px;
}

.btnBackOvet a button{
    padding:10px 20px;
    padding-left:5px;
    background-color: transparent;
    color:var(--silver);
    cursor: pointer;
    border:none;
    font-size:20px;
    transition: all ease .3s;
}


.btnBackOvet a button:hover{
    color:var(--black);
}

/*SWIPER DETALLES*/

.swiper-container {
    width: 100%;
    background-color: var(--white);
    border-radius:10px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
    border:none;
}
.main-slider{
    overflow: hidden;
}
.swiper-slide img {
    width: 100%;
    cursor: pointer;
    border:none;
}
.thumbnail-container {
    margin-top: 10px;
    position: relative;
    padding:0px 40px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    border:none;
}

.thumbnail-container .swiper-slide {
    opacity: 0.5;
    cursor: pointer;
    border:none;
}
.thumbnail-container .swiper-slide-thumb-active {
    opacity: 1;
}


 /* Personalizamos las flechas */
 .swiper-button-next,
 .swiper-button-prev {
    position: absolute;
    transform: translateY(-0%);
    background-color: transparent;
    border:2px solid var(--principal);
    color:var(--principal);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    z-index: 10;
 }

 .swiper-button-next:after, .swiper-button-prev:after {
    font-size: 22px !important;
    font-weight:600;
 }

 .swiper-button-next:hover,
 .swiper-button-prev:hover {
   background-color: var(--principalHover);
   color:var(--white);
 }

.swiper-button-next, .swiper-button-next {
    left: 540px;
}

.arrowsControl{
    position:absolute;
    top: 50%;
    left: 0;
}


.fancybox__thumb{
    padding:50px !important;
}

/* ---------------------Fin del Swiper Detalles ----------*/

.slideProductoDetalle{
    padding-top:20px;
    display:flex;
    justify-content: space-between;
    align-items: start;
    gap:30px;
}

.containerSwiperr{
    width:600px;
}

.infoProductoDetalle{
    width:730px;
}

.infoProductoDetalle h1{
    font-size:40px;
    color:var(--principal);

}

.flexLinea{
    display:flex;
    justify-content: left;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
}

.flexLinea h2{
    font-size:20px;
    font-weight:600;
    color:var(--silver);
}

.flexLinea .containerImgLineaDetalle{
    width:45px;
    height:45px;
    border-radius:15px;
    overflow: hidden;
    background-color:var(--white);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}


.flexLinea .containerImgLineaDetalle img{
    width:100%;
    height:100%;
}

.flexLinea h3{
    font-size:18px;
    color:var(--principal);
    font-weight:400;
    width:100%;
    margin-top:-5px;
    margin-bottom:10px;
}

.addInfo{
    padding:20px;
    color: var(--silver);
    font-weight: 600;
    font-size: 20px;
}

.btnPedidoOvet button{
    width:100%;
    background-color:#01BC63;
    padding:20px;
    font-weight:600;
    color:var(--white);
    font-size:20px;
    border:none;
    cursor: pointer;
    transition:all ease .3s;
}

.btnPedidoOvet button i{
    font-size:24px;
}

.btnPedidoOvet button:hover{
    background-color:#03d36e;
}

.controlVideoIframe{
    width:100%;
    height:400px;
    margin:40px 0px;
}


/* Accordeon */
.accordion {
    width: 100%;
    margin-top:40px;
}

.accordion-item {
    background-color: var(--white);
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
    color:var(--black);
    margin-bottom:10px;
    overflow: hidden;
    transition: height 0.3s ease-out; /* Añadida transición en altura */
}


.accordion-header {
    padding: 20px;
    cursor: pointer;
    background-color: var(--white);
    color:var(--black);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.accordion-header:hover{
    background-color: #ffdedf;
}


.accordion-header i{
    color:var(--principal);
}

.accordion-header h2{
    color:var(--silver);
    font-weight:600;
    font-size:20px;
}

.accordion-header.coloractive, .accordion-header.coloractive h2 {
    background-color: #ffdedf; /* Cambia al color que desees */
}


.accordion-icon {
    transition: transform 0.3s ease-out; /* Añadida transición en rotación */
}

.accordion-content {
    padding: 20px;
    display: none;
    border: 1px solid #f4f4f4;
    font-size:17px;
}

.accordion-content ul,.accordion-content ol{
    padding-left:25px;
}

/* Fin de Accordeon */







@media(max-width:1250px){
    .infoProductoDetalle{
        width:600px;
    }
}

@media(max-width:1150px){
    .infoProductoDetalle{
        width:550px;
    }
}

@media(max-width:1100px){
    .infoProductoDetalle{
        width:500px;
    }
}


@media(max-width:1000px){
    .slideProductoDetalle{
        flex-wrap:wrap-reverse;
        justify-content: center;
    }
    .infoProductoDetalle{
        width:100%;
    }

}

@media(max-width:600px){
    .containerSwiperr{
        width:500px;
    }

    .swiper-button-next, .swiper-button-next {
        left: 440px;
    }
}



@media(max-width:515px){
    .containerSwiperr{
        width:400px;
    }

    .swiper-button-next, .swiper-button-next {
        left: 340px;
    }

    .btnBackOvet a button{
        font-size:16px;
    }
    .btnBackOvet{
        padding-top:10px;
        padding-bottom:10px;
    }
    .slideProductoDetalle{
        padding-top:0px;
    }
}


@media(max-width:415px){
    .infoProductoDetalle h1{font-size:35px;}
    .accordion-header h2{font-size:16px;}
    .addInfo{font-size:16px;}
    .accordion-content{font-size:15px;}
    .controlVideoIframe{height:200px;}
    .containerSwiperr{
        width:320px;
    }
    .slideProductoDetalle{gap:10px;}
    .infoProductoDetalle{
        padding-bottom:0px;
    }

    .swiper-button-next, .swiper-button-next {
        left: 260px;
    }
}