/* RESPONSIVE PARA MÓVILES PEQUEÑOS */
@@media screen and (max-width: 480px) {
    .portal-title {
        font-size: 1.8rem !important; /* Fuerza a que el título se reduzca y no se desborde */
        line-height: 1.2 !important;
    }

    .portal-badge {
        font-size: 0.65rem !important;
        letter-spacing: 0.5px !important;
        padding: 8px 12px !important;
        white-space: normal !important; /* Evita que el nombre largo del instituto se salga de la pantalla */
    }

    .portal-subtitle {
        font-size: 1.1rem !important;
    }

    .portal-description {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
    }

    .portal-btn {
        padding: 12px 25px !important;
        font-size: 0.8rem !important;
        width: 100%; /* El botón se adapta al ancho de la pantalla en celulares muy pequeños */
    }
}