.elementor-17 .elementor-element.elementor-element-f8b4683{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:8%;--padding-bottom:8%;--padding-left:8%;--padding-right:8%;}.elementor-17 .elementor-element.elementor-element-b324d8f{--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-17 .elementor-element.elementor-element-2cfb79c 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-17 .elementor-element.elementor-element-c672227{text-align:center;}.elementor-17 .elementor-element.elementor-element-c672227 .elementor-heading-title{font-size:31px;font-weight:300;line-height:1.2em;letter-spacing:0.4px;color:var( --e-global-color-secondary );}.elementor-17 .elementor-element.elementor-element-ed85758{text-align:center;}.elementor-17 .elementor-element.elementor-element-ed85758 .elementor-heading-title{font-size:31px;font-weight:500;line-height:1.2em;letter-spacing:0.4px;color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-c65c06d{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-5b936bf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:8%;--padding-bottom:8%;--padding-left:8%;--padding-right:8%;}.elementor-17 .elementor-element.elementor-element-5b936bf:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-5b936bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-994fb95{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-0a90a68{padding:0% 6% 0% 6%;font-family:"Roboto", Sans-serif;font-weight:400;line-height:1.4em;letter-spacing:0.4px;color:#FFFFFF;}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-f8b4683{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}.elementor-17 .elementor-element.elementor-element-b324d8f{--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-17 .elementor-element.elementor-element-c672227 .elementor-heading-title{font-size:22px;}.elementor-17 .elementor-element.elementor-element-ed85758 .elementor-heading-title{font-size:22px;}.elementor-17 .elementor-element.elementor-element-c65c06d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-5b936bf{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:12%;--padding-bottom:12%;--padding-left:4%;--padding-right:4%;}.elementor-17 .elementor-element.elementor-element-994fb95{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-c65c06d *//* --- 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 */