.elementor-229 .elementor-element.elementor-element-f0b25bd{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-229 .elementor-element.elementor-element-f0b25bd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-229 .elementor-element.elementor-element-20dd5f1{width:var( --container-widget-width, 49.954% );max-width:49.954%;--container-widget-width:49.954%;--container-widget-flex-grow:0;}.elementor-229 .elementor-element.elementor-element-20dd5f1.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-229 .elementor-element.elementor-element-f0b25bd{--width:60.145%;}}/* Start custom CSS for shortcode, class: .elementor-element-20dd5f1 *//* Formulario de inicio de sesión personalizado */
.custom-login-form {
    max-width: 400px; /* Ancho máximo del formulario */
    margin: 0 auto; /* Centrar el formulario */
    font-family: Arial, sans-serif; /* Fuente predeterminada */
}

/* Estilo para las etiquetas (labels) */
.custom-login-form label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

/* Estilo para los campos de texto y contraseña */
.custom-login-form input[type="text"],
.custom-login-form input[type="password"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

/* Botón de inicio de sesión */
.custom-login-form button {
    width: 100%;
    padding: 10px;
    background-color: #0073aa; /* Color de fondo para el botón de inicio de sesión */
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

/* Hover del botón de inicio de sesión */
.custom-login-form button:hover {
    background-color: #005177;
}

/* Enlaces del formulario (recuperar contraseña) */
.custom-login-form a {
    color: #0073aa;
    text-decoration: none;
}

/* Hover para los enlaces */
.custom-login-form a:hover {
    text-decoration: underline;
}

/* Estilo para el botón de registro */
.custom-login-form .register-button {
    display: inline-block;
    margin-top: 10px;
    padding: 10px;
    background-color: #ff0000; /* Color rojo para el botón de registro */
    color: white;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
    width: 100%;
}

/* Hover del botón de registro */
.custom-login-form .register-button:hover {
    background-color: #cc0000; /* Rojo más oscuro para el hover */
}/* End custom CSS */