.elementor-5569 .elementor-element.elementor-element-83de594{--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-5569 .elementor-element.elementor-element-7357b5b{--spacer-size:222px;}.elementor-5569 .elementor-element.elementor-element-ba6611b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5569 .elementor-element.elementor-element-17d8a67{--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-5569 .elementor-element.elementor-element-17d8a67.e-con{--flex-grow:0;--flex-shrink:0;}.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-5569 .elementor-element.elementor-element-8ebf55f .elementor-heading-title{font-family:"League Spartan", Sans-serif;font-weight:700;text-shadow:0px 0px 15px rgba(193.8, 174.84130434782608, 174.84130434782608, 0.30196078431372547);color:#FFFFFF;}.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-5569 .elementor-element.elementor-element-6f65ed6{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:#FFFFFF;}.elementor-5569 .elementor-element.elementor-element-c82ec68{--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-5569 .elementor-element.elementor-element-406897a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 61px;padding:0px 0px 0px 0px;}.elementor-5569 .elementor-element.elementor-element-92feb12{--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-5569 .elementor-element.elementor-element-c46e488{--spacer-size:222px;}body.elementor-page-5569:not(.elementor-motion-effects-element-type-background), body.elementor-page-5569 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-5569 .elementor-element.elementor-element-17d8a67{--width:41.632%;}.elementor-5569 .elementor-element.elementor-element-c82ec68{--width:66.6666%;}}/* Start custom CSS for container, class: .elementor-element-ba6611b *//* CODIGO FINAL: LADO PLATEADO METÁLICO + BORDE GLOW */
.elementor-5569 .elementor-element.elementor-element-ba6611b {
    /* --- CONFIGURACIÓN MANUAL --- */
    --ancho-total: 97%;       
    --maximo-ancho: 1200px;    
    --altura-minima: 500px;    
    --posicion-diagonal: 45%;  
    
    /* --- PALETA METÁLICA VIBRANTE --- */
    --negro-puro: #000000;      
    --plata-claro: #cfcfcf;     /* Inicio del metalizado */
    --plata-medio: #7a7a7a;     /* Sombra del metalizado */
    --linea-luz: #ffffff;       
    --glow-intenso: rgba(255, 255, 255, 0.25); 
    --plata-brillante: rgba(200, 200, 200, 0.6); 
    
    /* --- ESTRUCTURA --- */
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin: 0 auto;            
    
    width: var(--ancho-total);
    max-width: var(--maximo-ancho);
    min-height: var(--altura-minima);
    
    border-radius: 24px;
    background: var(--negro-puro);
    
    border: 1px solid rgba(255, 255, 255, 0.3); 
    box-shadow: 
        0px 30px 60px rgba(0, 0, 0, 0.9),           
        inset 0px 0px 35px var(--glow-intenso),     
        0px 0px 25px var(--plata-brillante);        
    
    transition: all 0.4s ease;
}

/* FONDO CON EFECTO PLATEADO REALISTA */
.elementor-5569 .elementor-element.elementor-element-ba6611b::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Se añade un degradado dentro del lado izquierdo para el efecto metal */
    background: 
        radial-gradient(circle at 80% 50%, rgba(255,255,255,0.08) 0%, transparent 50%),
        linear-gradient(105deg, 
            var(--plata-claro) 0%, 
            var(--plata-medio) var(--posicion-diagonal), 
            var(--linea-luz) calc(var(--posicion-diagonal) + 0.1%), 
            var(--negro-puro) calc(var(--posicion-diagonal) + 0.3%), 
            var(--negro-puro) 100%
        );
    z-index: 0;
}

/* EFECTO DE ILUMINACIÓN SUPERIOR */
.elementor-5569 .elementor-element.elementor-element-ba6611b::after {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.15) 0%, transparent 50%);
    pointer-events: none;
    z-index: 1;
}

/* COLUMNAS DE ELEMENTOR */
.elementor-5569 .elementor-element.elementor-element-ba6611b > .e-con, 
.elementor-5569 .elementor-element.elementor-element-ba6611b > .e-container {
    z-index: 2;
    position: relative;
    width: 100%;
    height: 100%;
}/* End custom CSS */
/* Start custom CSS *//* Definimos la animación de entrada */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px); /* Empieza un poco más abajo */
    }
    to {
        opacity: 1;
        transform: translateY(0); /* Termina en su posición original */
    }
}

/* Aplicamos la animación al contenedor del formulario */
/* Nota: '.elementor-login' es la clase común si usas el widget de Elementor */
.elementor-login, .login-form-container, #loginform {
    animation: fadeInUp 0.8s ease-out forwards;
    backface-visibility: hidden; /* Mejora la fluidez en navegadores */
}/* End custom CSS */