/* =========================================
   ESTILOS VISOR REGLAMENTO (PDF)
========================================= */
.seccion-reglamento {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 40px auto;
}

.contenedor-pdf {
    width: 100%;
    height: 85vh; /* Altura en PC */
    border: 2px solid var(--gris-borde);
    border-radius: 8px;
    background-color: var(--gris-fondo);
    overflow: hidden; /* Evita que el contenido "empuje" hacia afuera */
    position: relative;
}

.visor-pdf {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

.alerta-movil {
    display: none;
    background-color: var(--verde-oscuro);
    color: white;
    padding: 15px;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 20px;
}

.btn-pdf-externo {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 20px;
    background-color: white;
    color: var(--verde-oscuro);
    text-decoration: none;
    font-weight: bold;
    border-radius: 4px;
}

/* Optimización para móviles */
@media (max-width: 768px) {
    .alerta-movil { 
        display: block; 
    }
    .contenedor-pdf { 
        height: 65vh; /* Ajustamos la altura para que no sea excesiva en móviles */
        overflow-x: auto; /* Permite scroll interno si el navegador ignora el FitH */
    }
    .visor-pdf {
        min-width: 100%;
    }
}