.gen-content-card-store-3d {
   height: 560px;
}

.gen-content-card-store-3d:hover{
    box-shadow: 0px  4px 8px  rgba(0, 0, 0, 0.4); 
}

.body-gen-content-card-store-3d{
    padding: .5em 1em 1em 1em;
}

.info-creator-gen-content-card-store-3d{
    height: 70px;
    overflow: hidden;
}

.img-creator-gen-content-card-store-3d{
    width: 55px;
    height: 55px;
    border-radius: 50%;
    margin-top: 8px;
}

.title-element-gen-content-card-store-3d{
    margin:0px 0px 10px 0px;
    padding: 0;
    height: 50px;
    
    overflow: hidden;
    
}

.description-element-gen-content-card-store-3d{
    
    
    margin:0px 0px 10px 0px;
    padding: 0;
    height: 70px;
    overflow: hidden;
}

.zone-price-gen-content-card-store-3d{
    margin:0px 0px 10px 0px;
    padding: 0px;
    height: 22px;
    overflow: hidden;
}

.zone-btns-gen-content-card-store-3d{
    
    margin:0px 0px 10px 0px;
    padding: 0px;
    height: 45px;
    overflow: hidden;
    
}


#content_caret_pictures_3d_model{
    height: 300px;
}

#content_formats_model_3d{
    height: 250px;
    overflow-y: auto;
}

.lista-variable li:nth-child(odd) .bg-custom {
    background-color: #f8f9fa; 
    color: #212529;
}

/* Seleccionamos los LI pares (2, 4, 6...) */
.lista-variable li:nth-child(even) .bg-custom {
    background-color: #e4e4e4; 
    color: #212529;        
}

.status-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-left: 8px; 
}

.name_model_3d_only{
    font-size: 1.2em;
}

.picture_model_3d_only{
    height:60px; 
    width:60px; 
    border-radius:50%; 
    border:3px solid rgb(123, 150, 240);
    margin-left:10px; 
}


@media (min-width: 768px) {
  
    
}


@media (min-width: 992px) {
   
    
}



@media (min-width: 1200px) {
   
    .gen-content-card-store-3d {
        height: 530px;
    }
    .img-creator-gen-content-card-store-3d{
        width: 55px;
        height: 55px;
        border-radius: 50%;
        margin-top: 8px;
    }

   

    .info-creator-gen-content-card-store-3d{
        height: 70px;
        overflow: hidden;
        font-size: .9em;
    }

    .img-model-store-3d{
        height: 190px;
        object-fit: cover;
        overflow: hidden;
    }

    #content_caret_pictures_3d_model{
        height: 500px;
    }

    .name_model_3d_only{
        font-size: 1.5em;
    }

    .picture_model_3d_only{
        height:90px; 
        width:90px; 
        border-radius:50%; 
        border:3px solid rgb(123, 150, 240);
        margin-left:10px; 
        margin-top:10px
    }

    .proload_galery_caret_model_3d{
        width: 246px;
    }

}

#content_caret_pictures_3d_model { height: 600px; } 

    .main-swiper-container { flex: 1; min-height: 0; }
    .main-gallery-swiper { width: 100%; height: 100%; }
    .main-gallery-swiper img { width: 100%; height: 100%; object-fit: contain; background: #000; }

    
    .main-nav-btn {
        width: 30px !important;
        height: 60px !important;
        background: rgba(255,255,255,0.05);
        border-radius: 4px;
    }
    .main-nav-btn::after { font-size: 16px !important; color: #fff; }

    
    .thumbs-gallery-swiper {
        height: 100px; 
    }

    .thumbs-gallery-swiper .swiper-slide {
        opacity: 0.4;
        cursor: pointer;
        border-radius: 6px;
        overflow: hidden;
        border: 3px solid transparent;
        transition: all 0.3s ease;
    }

    .thumbs-gallery-swiper .swiper-slide-thumb-active {
        opacity: 1;
        border-color: rgb(123, 150, 240); 
    }

    .thumbs-gallery-swiper img { width: 100%; height: 100%; object-fit: cover; }

    
    .thumb-nav-btn {
        color: rgb(255, 255, 255) !important;
        width: 25px !important;
    }
    .thumb-nav-btn::after {
        font-size: 18px !important;
        font-weight: bold;
    }
    
   
    .thumbs-section .swiper-button-prev { left: 10px !important; }
    .thumbs-section .swiper-button-next { right: 10px !important; }

    .swiper-button-next:hover{
        background: rgba(200, 222, 252, 0.747);
        border-radius: .3em;
    }

    .swiper-button-prev:hover{
        background: rgba(200, 222, 252, 0.747);
        border-radius: .3em;
    }

    .main-nav-btn {
    width: 60px !important;   
    height: 100px !important;  
    background-color: rgba(0, 0, 0, 0.3); 
    border-radius: 8px;       
    transition: all 0.3s ease; 
}


.main-nav-btn::after {
    font-size: 35px !important; 
    font-weight: bold;          
    color: #ffffff;             
}