.elementor-2993 .elementor-element.elementor-element-9783628{--display:flex;--min-height:100vh;--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;--justify-content:center;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-2993 .elementor-element.elementor-element-10ae3c1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2993 .elementor-element.elementor-element-36396c6{--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-2993 .elementor-element.elementor-element-f0ddd3b .elementor-icon-box-wrapper{align-items:center;gap:11px;}.elementor-2993 .elementor-element.elementor-element-f0ddd3b .elementor-icon-box-title{margin-block-end:1px;color:var( --e-global-color-astglobalcolor8 );}.elementor-2993 .elementor-element.elementor-element-f0ddd3b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-2993 .elementor-element.elementor-element-f0ddd3b.elementor-view-framed .elementor-icon, .elementor-2993 .elementor-element.elementor-element-f0ddd3b.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor0 );color:var( --e-global-color-astglobalcolor0 );border-color:var( --e-global-color-astglobalcolor0 );}.elementor-2993 .elementor-element.elementor-element-f0ddd3b .elementor-icon{font-size:6px;}.elementor-2993 .elementor-element.elementor-element-f0ddd3b .elementor-icon-box-title, .elementor-2993 .elementor-element.elementor-element-f0ddd3b .elementor-icon-box-title a{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.6px;}.elementor-2993 .elementor-element.elementor-element-ad9f74b .elementor-heading-title{font-weight:700;line-height:67px;letter-spacing:-1.5px;color:var( --e-global-color-astglobalcolor8 );}.elementor-2993 .elementor-element.elementor-element-f9f71a5{--display:flex;--justify-content:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2993 .elementor-element.elementor-element-9783628{--min-height:840px;--padding-top:90px;--padding-bottom:90px;--padding-left:30px;--padding-right:30px;}.elementor-2993 .elementor-element.elementor-element-ad9f74b .elementor-heading-title{line-height:45px;}}@media(max-width:767px){.elementor-2993 .elementor-element.elementor-element-9783628{--min-height:340px;--margin-top:-83px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-2993 .elementor-element.elementor-element-f0ddd3b .elementor-icon-box-wrapper{text-align:start;}}/* Start custom CSS for shortcode, class: .elementor-element-2502cc4 *//* =========================
   HF MAGIC LAB - LOGIN
   ========================= */

/* CONTENEDOR GENERAL */
.user-registration-login,
.ur-frontend-form.login,
.ur-form-container {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* LABELS */
.user-registration-login label,
.user-registration-login .ur-label,
.ur-frontend-form.login label {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4;
    margin-bottom: 7px !important;
}

/* INPUTS */
.user-registration-login input[type="text"],
.user-registration-login input[type="email"],
.user-registration-login input[type="password"],
.ur-frontend-form.login input[type="text"],
.ur-frontend-form.login input[type="email"],
.ur-frontend-form.login input[type="password"] {
    width: 100%;
    min-height: 48px;
    background: #151b23 !important;
    color: #ffffff !important;
    border: 1px solid #364151 !important;
    border-radius: 3px !important;
    padding: 12px 14px !important;
    font-size: 15px !important;
    box-shadow: none !important;
    transition:
        border-color .2s ease,
        background-color .2s ease;
}

/* HOVER */
.user-registration-login input:hover,
.ur-frontend-form.login input:hover {
    border-color: #5b6777 !important;
}

/* FOCUS */
.user-registration-login input:focus,
.ur-frontend-form.login input:focus {
    background: #19212b !important;
    border-color: #2f80ed !important;
    outline: none !important;
    box-shadow: 0 0 0 1px #2f80ed !important;
}

/* PLACEHOLDER */
.user-registration-login input::placeholder,
.ur-frontend-form.login input::placeholder {
    color: #8d98a8 !important;
    opacity: 1;
}

/* CHECKBOX RECORDARME */
.user-registration-login input[type="checkbox"],
.ur-frontend-form.login input[type="checkbox"] {
    accent-color: #2f80ed;
}

/* TEXTO "RECORDARME" */
.user-registration-login .user-registration-form__label-for-checkbox,
.user-registration-login .user-registration-form__label-for-checkbox span,
.user-registration-login .rememberme,
.ur-frontend-form.login .rememberme {
    color: #cbd5e1 !important;
}

/* BOTÓN ACCEDER */
.user-registration-login button[type="submit"],
.user-registration-login input[type="submit"],
.user-registration-login .user-registration-Button,
.ur-frontend-form.login button[type="submit"] {
    min-height: 48px;
    background: #004D74 !important;
    color: #ffffff !important;
    border: 1px solid #004D74 !important;
    border-radius: 3px !important;
    padding: 12px 28px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: .4px;
    cursor: pointer;
    transition:
        background-color .2s ease,
        border-color .2s ease;
}

/* HOVER BOTÓN */
.user-registration-login button[type="submit"]:hover,
.user-registration-login input[type="submit"]:hover,
.user-registration-login .user-registration-Button:hover,
.ur-frontend-form.login button[type="submit"]:hover {
    background: #003A58 !important;
    border-color: #003A58 !important;
}

/* ENLACES */
.user-registration-login a,
.ur-frontend-form.login a {
    color: #5ca0ff !important;
    text-decoration: none;
}

.user-registration-login a:hover,
.ur-frontend-form.login a:hover {
    color: #ffffff !important;
}

/* RECUPERAR CONTRASEÑA */
.user-registration-login .user-registration-LostPassword,
.user-registration-login .lost_password {
    margin-top: 12px;
}

/* MENSAJES DE ERROR */
.user-registration-login .user-registration-error,
.ur-frontend-form.login .user-registration-error,
.user-registration-login .ur-error {
    background: #2a1717 !important;
    color: #ffb4b4 !important;
    border: 1px solid #7f2d2d !important;
}

/* AUTOCOMPLETADO CHROME */
.user-registration-login input:-webkit-autofill,
.user-registration-login input:-webkit-autofill:hover,
.user-registration-login input:-webkit-autofill:focus {
    -webkit-text-fill-color: #ffffff !important;
    -webkit-box-shadow: 0 0 0 1000px #151b23 inset !important;
    transition: background-color 9999s ease-in-out 0s;
}

/* MÓVIL */
@media (max-width: 767px) {

    .user-registration-login input[type="text"],
    .user-registration-login input[type="email"],
    .user-registration-login input[type="password"] {
        min-height: 46px;
        font-size: 16px !important;
    }

    .user-registration-login button[type="submit"],
    .user-registration-login input[type="submit"],
    .user-registration-login .user-registration-Button {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9783628 */.elementor-2993 .elementor-element.elementor-element-9783628 {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    background: #141414;
}

.elementor-2993 .elementor-element.elementor-element-9783628 > .fractal-glass-canvas {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    display: block;

    z-index: 0;
    pointer-events: none;
}/* End custom CSS */