@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

/* Reglas generales */
.ui-outputlabel-rfi {
    color: red;
    font-weight: bold;
}

body {
    font-family: 'Poppins', sans-serif !important;
    background-color: #003097;
}

/* Forzar tipografía Poppins en componentes de PrimeFaces */
body .ui-widget,
body .ui-widget input,
body .ui-widget select,
body .ui-widget textarea,
body .ui-widget button {
    font-family: 'Poppins', sans-serif !important;
}

/* Clases de colores y botones generales */
.login-form {
    background-color: #003097 !important;
    min-height: 100vh;
}

.text-primary {
    color: #003097 !important;
}

.btn-primary {
    background-color: #003097 !important;
}

.btn-primary:hover {
    background-color: #0343ce !important;
    color: #ffffff !important;
}

.btn-outline-primary {
    border-color: #003097 !important;
    color: #003097 !important;
}

.btn-outline-primary:hover {
    background-color: #003097 !important;
    color: #ffffff !important;
}

/* ESTILOS DE LA COLUMNA INFORMATIVA DEL LOGIN */

.login-form-content {
    max-width: 100%;
    overflow: hidden;
    color: #ffffff !important; /* Garantiza texto blanco en todo el contenedor */
}

/* Garantiza que párrafos y títulos dentro de la columna sean totalmente blancos */
.login-form-content h2,
.login-form-content p,
.login-form-content span {
    color: #ffffff !important;
}

.login-form-title {
    font-size: 1.5rem !important; /* Tamaño aumentado */
    font-weight: 700;
    line-height: 1.35;
    word-wrap: break-word;
    hyphens: auto;
}

.login-form-text {
    font-size: 1.05rem !important; /* Tamaño aumentado */
    line-height: 1.6;
    word-wrap: break-word;
    hyphens: auto;
}

/* Sobrescribe enlaces h:outputLink para forzar color blanco y subrayado */
.login-form-content a.login-form-link,
.login-form-content a.login-form-link:visited,
.login-form-content a.login-form-link:hover,
.login-form-content a.login-form-link:active {
    color: #ffffff !important;
    font-size: 1.05rem !important;
    text-decoration: underline !important;
    font-weight: 600;
}

.login-form-content p {
    margin-bottom: 0;
}

/* Adaptación responsive para pantallas móviles */
@media (max-width: 767px) {
    .login-form {
        min-height: auto;
    }

    .login-form-content {
        max-height: none;
        overflow-y: visible;
    }

    .login-form-title {
        font-size: 1.25rem !important;
        padding-right: 5px;
        padding-left: 5px;
    }

    .login-form-text {
        font-size: 0.95rem !important;
    }
}