/* Estilos generales del cuerpo */
body {
    background: #ecf0f3 !important;
}

/* Paginación */
.pagination {
    margin: 0 auto !important;
    display: inline-flex !important;
}

/* Contenedor de la Galería Multimedia */
.vrmedia-gallery {
    margin: 0 auto;
}

/* Imágenes dentro de la galería principal */
.vrmedia-gallery img {
    object-fit: cover;
    width: 100%;
}

/* Contenedor blanco de la tarjeta */
.container-gallery {
    background: #ffffff82;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    padding: 27px 15px;
    margin: 0 auto;
}

/* Botones generales dentro del contenedor */
.container-gallery button {
    width: 100%;
    margin: 5px 0;
    border: none;
    height: 40px;
}
 
/* Contenedor de las miniaturas (li) */
.lSSlideOuter .lSPager.lSGallery li {
    height: 160px !important;  
    overflow: hidden;        
    border-radius: 3px !important;
}

/* Estado activo de la miniatura */
.vrmedia-gallery .lSGallery li.active {
    border: 1px solid #242423;
}

/* La imagen dentro de la miniatura */
.lSSlideOuter .lSPager.lSGallery li img {
    width: 100% !important;
    height: 100% !important;  
    object-fit: cover;       
    display: block;
}
 
/* Estilos de botones específicos */
.ver-youtube {
    background: #af9a29;
    color: #fff;
}

.fecha {
    background: #6E7D3D;
    color: #fff;
}

.ubicacion {
    background: #4c4c4c;
    color: #fff;
}

.condiciones {
    background: #151515;
    color: #fff;
}

.ficha {
    background: #151515;
    color: #fff;
}

.ver-consulta {
    background: #283b62;
    color: #fff;
}

/* Títulos */
h2, h3 {
    color: #283b62;
}

h2 {
    font-weight: 100;
}

h3 {
    text-transform: uppercase;
    font-weight: 800;
}

/* Consultas de medios (Responsive) */
@media (max-width: 768px) {
    .container-gallery {
        max-width: 90% !important;
        padding: 10px !important;
    }
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 625px !important;
        margin-top: 10% !important;
    }
}