/* ===========================================
   login-csp.css
   Estilos extraídos de bloques <style> inline
   + Estilos para asegurar que el formulario se muestre
   =========================================== */

/* ----- Estilos del primer bloque <style> original ----- */
.button {
    background-color: #4CAF50; 
    border: none;
    color: white;
    padding: 5px 50px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
}

.buttonAtt {
    background-color: white; 
    color: black; 
    border: 2px solid #f44336;
}

.cookiesBannerInfoClass {
    z-index: 100000;
    width: 100%;
    height: 120px;
    background-color: white;
    position: fixed;
    bottom: 0;
    border-top-left-radius: 21px;
    margin-left: 1px;
    border-top-right-radius: 21px;
    margin-right: 1px;
    border: solid;
    border-color: red;
    border-style: dotted;
    display: none;
}

.cookiesBannerInfoTextClass {
    margin-left: 40px;
    margin-top: 10px;
    font-size: 12.5px;
}

/* ----- Estilos del segundo bloque <style> original ----- */
.poweredBy {
    color: #F2F2F2;
    display: inline-block;
    float: right;
    line-height: 18.5714px !important;
    margin-top: -40px;
    background-color: lightgray;
    width: 100%;
}

.poweredBy div {
    float: right;
    margin-right: 13px;
    font-size: 8px;
}

.poweredBy img {
    margin-top: -18px;
    width: 100px;
}

.txt3 {
    font-family: Raleway-Regular;
    font-size: 13px;
    color: #555555;
    line-height: 1.4;
}

/* ===========================================
   Estilos que reemplazan los style="" inline
   Usando !important para asegurar que se apliquen
   =========================================== */

/* Container principal - style="background-color: white;" */
.container-login100.csp-container {
    background-color: white !important;
}

/* Contenedor del logo - style="width:45%;" */
.csp-logo-outer {
    width: 45% !important;
}

/* Wrapper del logo - style="text-align:center;width:90%;" */
.csp-logo-inner {
    text-align: center !important;
    width: 90% !important;
}

/* RECUADRO DEL FORMULARIO - style="background-color: rgba(14,25,28,.1);border-radius: 25px;" */
.wrap-login100.csp-form-box {
    background-color: rgba(14, 25, 28, 0.1) !important;
    border-radius: 25px !important;
}

/* Título del formulario - style="width:100%; text-align: center;font-size: x-large;" */
.login100-form-title.csp-title {
    width: 100% !important;
    text-align: center !important;
    font-size: x-large !important;
}

/* Título del banner de cookies - style="font-size: 15px;" */
.csp-cookies-title {
    font-size: 15px !important;
}

/* Botón de aceptar cookies - style="margin-left: 3%;" */
.csp-cookies-btn {
    margin-left: 3% !important;
}

/* iframe GTM - style="display:none;visibility:hidden" */
.csp-gtm-frame {
    display: none !important;
    visibility: hidden !important;
}