/* ===== RESET GENERAL ===== */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* ===== SISTEMA DE IMÁGENES RESPONSIVO ===== */
@media screen and (max-width: 768px) { /* Móviles */
    .publication-visual {
        width: 100vw !important;
        margin-left: -5% !important;
        transform: scale(0.98);
    }

    .research-image {
        width: 100% !important;
        height: auto !important;
        max-height: 60vh !important;
        object-fit: contain;
    }
}

@media screen and (min-width: 769px) { /* Desktop */
    .publication-visual {
        max-width: 800px; /* Máximo para escritorio */
        margin: 0 auto;
    }

    /* Ajuste específico para CV_spectra */
    img[src*="CV_spectra"] {
        width: 85% !important;
        margin: 0 auto;
    }

    /* Ajuste para la otra imagen */
    img[src*="distribution_ZvsR_HeH"] {
        width: 95% !important;
        max-width: 700px;
    }
}

.wide-image .research-image {
    max-width: 90%;
    margin: 0 auto;
}

.tall-image .research-image {
    max-height: 600px;
    width: auto;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .wide-image .research-image,
    .tall-image .research-image {
        max-width: 100%;
        height: auto;
    }
}