.elementor-196 .elementor-element.elementor-element-507887a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:8%;--padding-bottom:8%;--padding-left:8%;--padding-right:8%;}.elementor-196 .elementor-element.elementor-element-19ed768{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:2px 2px;--row-gap:2px;--column-gap:2px;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-196 .elementor-element.elementor-element-c783031 img{width:100%;max-width:100%;height:100px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-196 .elementor-element.elementor-element-1e3c9d8{text-align:center;}.elementor-196 .elementor-element.elementor-element-1e3c9d8 .elementor-heading-title{font-size:31px;font-weight:300;line-height:1.2em;letter-spacing:0.4px;color:var( --e-global-color-secondary );}.elementor-196 .elementor-element.elementor-element-48dea12{text-align:center;}.elementor-196 .elementor-element.elementor-element-48dea12 .elementor-heading-title{font-size:31px;font-weight:500;line-height:1.2em;letter-spacing:0.4px;color:var( --e-global-color-primary );}.elementor-196 .elementor-element.elementor-element-b38e67c{width:100%;max-width:100%;}@media(max-width:767px){.elementor-196 .elementor-element.elementor-element-507887a{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}.elementor-196 .elementor-element.elementor-element-19ed768{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-196 .elementor-element.elementor-element-1e3c9d8 .elementor-heading-title{font-size:22px;}.elementor-196 .elementor-element.elementor-element-48dea12 .elementor-heading-title{font-size:22px;}.elementor-196 .elementor-element.elementor-element-b38e67c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-b38e67c *//* --- CONFIGURACIÓN DE ESTILOS DE LOGIN --- */

/* Colores Corporativos: Principal: #99BA53 | Secundario/Iconos: #51504F */

/* Contenedor Principal: Define el ancho y el centrado */
.custom-login-form-wrapper {
    width: 100%;          /* Ocupa el 100% del espacio disponible */
    max-width: 400px;    /* Pero no crece más de 400px */
    
    margin: 40px auto;   /* Centra el bloque horizontalmente */
    padding: 30px;
    border: 1px solid #d4edc5;
    border-radius: 20px;
    background-color: #ffffff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.custom-login-form-wrapper h2 {
    font-size: 24px;
    color: #51504F; /* Color Secundario */
    text-align: center;
    margin-bottom: 25px;
}

/* Estilo para los campos de entrada */
.input-group {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    border: 1px solid #99BA53; /* Color Principal */
    border-radius: 8px;
    padding: 5px 10px;
    background-color: #f9fff8;
}

.input-group .icon {
    font-size: 18px;
    color: #51504F; /* Color Secundario/Gris para los iconos */
    margin-right: 10px;
}

.input-group input[type="email"],
.input-group input[type="password"] {
    flex-grow: 1;
    border: none;
    outline: none;
    padding: 8px 0;
    font-size: 16px;
    width: 100%; 
    background-color: transparent;
}

/* Botón de Acceder */
.login-button {
    width: 100%;
    padding: 12px 20px;
    background-color: #99BA53; /* Color Principal */
    color: white;
    font-size: 18px;
    font-weight: bold;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s, box-shadow 0.3s;
    margin-top: 10px;
}

.login-button:hover {
    background-color: #7d9643;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/* Enlace de "Olvidé mi contraseña" */
.forgot-password {
    text-align: center;
    margin-top: 25px;
    font-size: 14px;
    color: #555;
    padding-top: 15px;
    border-top: 1px solid #eee;
}

.forgot-password a {
    color: #99BA53; /* Color Principal para el enlace */
    text-decoration: none;
}

.forgot-password a:hover {
    text-decoration: underline;
}/* End custom CSS */