.elementor-663 .elementor-element.elementor-element-1179520{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-663 .elementor-element.elementor-element-fe67b9c{--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;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-663 .elementor-element.elementor-element-7217490 .elementor-icon-wrapper{text-align:center;}.elementor-663 .elementor-element.elementor-element-7217490.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-ac32a26 );}.elementor-663 .elementor-element.elementor-element-7217490.elementor-view-framed .elementor-icon, .elementor-663 .elementor-element.elementor-element-7217490.elementor-view-default .elementor-icon{color:var( --e-global-color-ac32a26 );border-color:var( --e-global-color-ac32a26 );}.elementor-663 .elementor-element.elementor-element-7217490.elementor-view-framed .elementor-icon, .elementor-663 .elementor-element.elementor-element-7217490.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-ac32a26 );}.elementor-663 .elementor-element.elementor-element-7217490 .elementor-icon{font-size:40px;}.elementor-663 .elementor-element.elementor-element-7217490 .elementor-icon svg{height:40px;}.elementor-663 .elementor-element.elementor-element-95ef4b9{--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;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Helvetica;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-663 .elementor-element.elementor-element-f806f1e{text-align:center;}.elementor-663 .elementor-element.elementor-element-f806f1e .elementor-heading-title{font-family:"Montserrat", Helvetica;font-size:20px;font-weight:400;color:var( --e-global-color-ac32a26 );}.elementor-663 .elementor-element.elementor-element-cf163ac{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-663 .elementor-element.elementor-element-cf163ac.e-con{--align-self:center;}.elementor-663 .elementor-element.elementor-element-8d7315d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:5000;}.elementor-663 .elementor-element.elementor-element-8d7315d.elementor-element{--align-self:center;}.elementor-663 .elementor-element.elementor-element-0a03cb9{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-663 .elementor-element.elementor-element-0a03cb9.e-con{--align-self:center;}#elementor-popup-modal-663{background-color:var( --e-global-color-dede4d6 );justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-663 .dialog-message{width:300px;height:500px;align-items:flex-start;}#elementor-popup-modal-663 .dialog-close-button{display:flex;font-size:20px;}#elementor-popup-modal-663 .dialog-widget-content{border-radius:20px 20px 20px 20px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-663 .dialog-close-button i{color:var( --e-global-color-ac32a26 );}#elementor-popup-modal-663 .dialog-close-button svg{fill:var( --e-global-color-ac32a26 );}/* Start custom CSS for container, class: .elementor-element-cf163ac *//* --- Estilos Específicos para Campos de Texto y Botón de Inicio de Sesión --- */

/* Campos de texto y textarea con bordes más redondeados */
.um-form input[type="text"],
.um-form input[type="password"],
.um-form textarea {
    /* Bordes más redondeados */
    border-radius: 20px !important; /* Ajusta este valor para más o menos redondeo */
    /* Sombra sutil para dar profundidad */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08) !important;
    /* Un borde más suave, si el original es muy marcado */
    border: 1px solid #e0e0e0 !important; /* Color de borde más claro */
    /* Transición suave para el foco */
    transition: all 0.3s ease-in-out;
}

/* Efecto de foco para campos de texto */
.um-form input[type="text"]:focus,
.um-form input[type="password"]:focus,
.um-form textarea:focus {
    border-color: #4CAF50 !important; /* Un color distintivo al enfocar (puedes cambiarlo) */
    box-shadow: 0 0 8px rgba(76, 175, 80, 0.2) !important; /* Sombra más pronunciada al enfocar */
    outline: none !important; /* Elimina el contorno predeterminado del navegador */
}

/* Botón de Iniciar Sesión */
/* Este .elementor-663 .elementor-element.elementor-element-cf163ac asume que el botón de inicio de sesión tiene la clase 'um-button' y es un submit. */
/* Si tu botón de login tiene una clase específica de Ultimate Member (ej. .um-login-button),
   sería mejor usarla para mayor precisión. Revisa el HTML de tu formulario si no funciona. */
input[type="submit"].um-button[name="login"],
a.um-button[href*="login"] { /* Intenta capturar también los enlaces de login si los hubiera */
    /* Bordes más redondeados (estilo píldora) */
    border-radius: 50px !important;
    /* Fondo negro */
    background-color: #000000 !important;
    /* Texto blanco */
    color: #FFFFFF !important;
    /* Sombra sutil */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
    /* Relleno y otros ajustes para un buen tamaño */
    padding: 18px 25px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px;
    /* Transición suave para efectos hover */
    transition: all 0.3s ease-in-out;
}

/* Efecto hover para el botón de Iniciar Sesión */
input[type="submit"].um-button[name="login"]:hover,
a.um-button[href*="login"]:hover {
    /* Fondo blanco */
    background-color: #FFFFFF !important;
    /* Texto negro */
    color: #000000 !important;
    /* Borde negro al pasar el ratón (opcional, pero se ve bien) */
    border: 1px solid #000000 !important;
    /* Ligero desplazamiento hacia arriba */
    transform: translateY(-2px);
    /* Sombra más pronunciada */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25) !important;
}

/* Ajustes para el icono dentro del botón si lo hay */
input[type="submit"].um-button[name="login"] i,
a.um-button[href*="login"] i {
    color: inherit !important; /* El icono hereda el color del texto del botón */
    margin-right: 10px !important;
    font-size: 15px !important;
    top: 0px !important;
}/* End custom CSS */