/*
 * Ajustes específicos para la galería dinámica de /imagenes/
 * Se carga con ruta absoluta desde index.php para evitar problemas de estilos.
 */

.aracorte-auto-gallery {
    padding-top: 60px;
    padding-bottom: 60px;
}

.aracorte-auto-gallery .portfolio-image {
    background: #f4f4f4;
    overflow: hidden;
}

.aracorte-auto-gallery .portfolio-image img,
.aracorte-auto-gallery .aracorte-video-card {
    width: 100%;
    height: 250px !important;
    object-fit: cover;
    display: block;
}

.aracorte-auto-gallery .aracorte-video-card {
    background: #111;
}

.aracorte-auto-gallery .portfolio-box {
    background: #fff;
}

.aracorte-auto-gallery .portfolio-caption {
    background: #fff;
    min-height: 92px;
}

.aracorte-auto-gallery .portfolio-caption .text-light-gray {
    color: #777 !important;
}

.aracorte-auto-gallery .aracorte-no-image {
    width: 100%;
    height: 250px !important;
    background: #f2f2f2;
    color: #777;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.aracorte-auto-gallery .portfolio-overlay {
    opacity: .88;
}

.aracorte-auto-gallery .portfolio-box:hover .portfolio-overlay {
    opacity: .88;
}

.aracorte-auto-gallery .btn-dark-gray {
    background-color: #0F8139;
    border-color: #0F8139;
    color: #fff;
}

.aracorte-auto-gallery .btn-dark-gray:hover {
    background-color: #0b642c;
    border-color: #0b642c;
    color: #fff;
}

@media (max-width: 767px) {
    .aracorte-auto-gallery {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .aracorte-auto-gallery .portfolio-image img,
    .aracorte-auto-gallery .aracorte-video-card,
    .aracorte-auto-gallery .aracorte-no-image {
        height: 230px !important;
    }
}