.elementor-47 .elementor-element.elementor-element-fd04473{margin-top:40px;margin-bottom:0px;}.elementor-47 .elementor-element.elementor-element-ded4742 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-f45b1db *//* =========================================
   SKM LOGIN STYLES (Ultimate Member Override)
   ========================================= */

/* Estructura Base */
.skm-iso-wrapper {
    background-color: #F5F9FF; /* Fondo general azul muy claro */
    font-family: 'Raleway', sans-serif;
    width: 100%; max-width: 100%; min-height: 80vh;
}

/* HERO (Más compacto para Login) */
.skm-inner-hero {
    position: relative; height: 250px; background-color: #1E2C56;
    display: flex; align-items: center; justify-content: center; text-align: center; padding: 20px;
}
.skm-inner-hero__bg { position: absolute; top:0; left:0; width:100%; height:100%; opacity: 0.4; z-index: 1; }
.skm-inner-hero__bg img { width: 100%; height: 100%; object-fit: cover; }
.skm-inner-hero__content { position: relative; z-index: 2; max-width: 800px; }
.skm-inner-hero h1 { color: #ffffff !important; font-size: 2.5rem; margin: 0; font-weight: 700; }
.skm-tag {
    display: inline-block; padding: 4px 12px; border: 1px solid white; 
    border-radius: 20px; color: white; text-transform: uppercase; font-size: 0.75rem; letter-spacing: 2px; margin-bottom: 10px;
}

/* CAJA DE LOGIN */
.skm-login-container {
    max-width: 500px;
    margin: -60px auto 80px; /* Sube la caja sobre el hero */
    position: relative;
    z-index: 10;
    padding: 0 20px;
}

.skm-login-card {
    background: #ffffff;
    padding: 50px 40px;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(30, 44, 86, 0.15); /* Sombra corporativa */
    text-align: center;
}

.skm-login-header { margin-bottom: 30px; }
.skm-login-header h2 { color: #1E2C56; font-size: 1.8rem; font-weight: 700; margin-bottom: 10px; }
.skm-login-header p { color: #506086; font-size: 1rem; }

/* === OVERRIDES PARA ULTIMATE MEMBER (Forzar diseño) === */
.skm-login-card .um-form input[type=text], 
.skm-login-card .um-form input[type=password] {
    background: #F8FBFF !important;
    border: 1px solid #E1E8F0 !important;
    border-radius: 12px !important;
    padding: 15px !important;
    font-size: 1rem !important;
    color: #1E2C56 !important;
    height: 50px !important;
    transition: 0.3s;
}
.skm-login-card .um-form input:focus {
    border-color: #2977BD !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(41, 119, 189, 0.1) !important;
}

/* Etiquetas */
.skm-login-card .um-field-label label {
    font-weight: 600 !important;
    color: #1E2C56 !important;
    font-size: 0.9rem !important;
}

/* Botón de Acceder */
.skm-login-card .um-button {
    background: #2977BD !important;
    color: #fff !important;
    border-radius: 30px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 15px 30px !important;
    transition: all 0.3s ease !important;
    border: none !important;
}
.skm-login-card .um-button:hover {
    background: #1E2C56 !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(41, 119, 189, 0.3);
}

/* Botón Registro (Secundario) */
.skm-login-card .um-button.um-alt {
    background: transparent !important;
    color: #506086 !important;
    border: 1px solid #E1E8F0 !important;
    border-radius: 30px !important;
    margin-top: 10px !important;
}
.skm-login-card .um-button.um-alt:hover {
    border-color: #2977BD !important;
    color: #2977BD !important;
}

/* Link Olvidé contraseña */
.skm-login-card .um-col-alt-b a {
    color: #8896AB !important;
    font-size: 0.9rem !important;
    text-decoration: none !important;
}
.skm-login-card .um-col-alt-b a:hover {
    color: #2977BD !important;
    text-decoration: underline !important;
}

/* Iconos de Ultimate Member (Ocultar o estilizar si aparecen) */
.um-field-icon { display: none !important; } 

/* RESPONSIVE */
@media (max-width: 768px) {
    .skm-login-card { padding: 30px 20px; }
    .skm-inner-hero h1 { font-size: 2rem; }
}/* End custom CSS */