.modal-contenido {
    background-color: #ffffff;
    
    /* 1. Ajuste de Posición y Centrado */
    margin: 1.75rem auto; /* Un pequeño margen superior e inferior */
    display: block;
    
    /* 2. Definición de Ancho MÁXIMO (Ajusta esto si lo deseas más estrecho) */
    width: 90%; 
    max-width: 650px; /* <--- Ajuste el ancho máximo a un valor apropiado para un documento vertical (e.g., 650px) */
    
    /* 3. LÍNEAS CLAVE PARA ALTURA (Se ajusta al alto de la pantalla) */
    max-height: 90vh; /* Limita la altura MÁXIMA al 90% de la altura de la pantalla (viewport height) */
    overflow-y: auto; /* Permite el scroll SOLAMENTE dentro del modal si es más alto que 90vh */
    
    /* 4. Estilos visuales */
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    position: relative;
    text-align: center;
}

/* 5. Asegurar que la imagen no se desborde del contenedor */
.modal-contenido img {
    width: 100%; 
    height: auto; /* Mantiene la proporción */
    display: block;
}