.elementor-34 .elementor-element.elementor-element-17d56267{--display:flex;--justify-content:center;--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}@media(max-width:767px){.elementor-34 .elementor-element.elementor-element-17d56267{--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-34 .elementor-element.elementor-element-17d56267{--content-width:500px;}}/* Start custom CSS for shortcode, class: .elementor-element-5ee6da59 *//* 2. MAQUETADO ESTADO "SIN LOGUEAR" (Tarjeta elegante) */
.elementor-34 .elementor-element.elementor-element-5ee6da59 .es-auth-container,
.elementor-34 .elementor-element.elementor-element-5ee6da59 .es-profile-container:not(.es-logged-in) {
    background: #ffffff !important;
    padding: 40px !important;
    border-radius: 15px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.06) !important;
    max-width: 450px !important;
    margin: 40px auto !important;
    text-align: center !important;
    border: 1px solid #f0f0f0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Arreglo específico para el botón de "Iniciar sesión con correo" */
.elementor-34 .elementor-element.elementor-element-5ee6da59 .es-auth-container a[class*="button"],
.elementor-34 .elementor-element.elementor-element-5ee6da59 .es-auth-container .es-auth-button,
.elementor-34 .elementor-element.elementor-element-5ee6da59 .es-profile-container a[href*="login"] {
    display: block !important;
    width: 100% !important;
    background: #ffffff !important;
    color: #333 !important;
    padding: 12px !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    margin-top: 15px !important;
}

/* 3. MAQUETADO ESTADO "LOGUEADO" (Dashboard) */
/* Centramos el dashboard pero le damos más ancho para que sea usable */
.elementor-34 .elementor-element.elementor-element-5ee6da59 .es-profile-container.es-logged-in {
    width: 100% !important;
    max-width: 1100px !important; /* Ancho de dashboard */
    margin: 0 auto !important;
    display: block !important; /* Para que el sidebar y contenido respiren */
}

/* Botón Guardar Cambios con el azul Eladio */
.elementor-34 .elementor-element.elementor-element-5ee6da59 .es-profile-container .es-button,
.elementor-34 .elementor-element.elementor-element-5ee6da59 .es-profile-container button[type="submit"] {
    background-color: #1d3290 !important;
    border-radius: 5px !important;
    padding: 10px 25px !important;
    color: white !important;
}

/* 4. ELIMINAR "POWERED BY ESTATIK" (Universal) */
/* Atacamos todas las clases posibles que usa el plugin */
.es-powered, 
.es-credits, 
[class*="es-powered"], 
[class*="es-credits"],
.es-profile-container .content-font:last-child {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}

/* 5. AJUSTES DE TEXTO */
.elementor-34 .elementor-element.elementor-element-5ee6da59 h2, .elementor-34 .elementor-element.elementor-element-5ee6da59 .es-auth-title {
    color: #1d3290 !important;
    font-family: inherit !important;
    font-weight: 700 !important;
}

/* Reset total del botón para que no oculte lo que vamos a inyectar */
.es-btn--upload-photo {
    color: transparent !important;
    position: relative !important;
    display: inline-block !important;
    min-width: 200px; /* Le damos un ancho mínimo para que el texto quepa */
    text-align: center;
}

/* Inyectamos el texto nuevo */
.es-btn--upload-photo::before {
    content: "Modificar foto de perfil";
    color: #1d3290 !important; /* El azul de tu logo que veo en los títulos */
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px !important;
    font-weight: 600;
    visibility: visible !important;
}/* Reset total del botón para que no oculte lo que vamos a inyectar */
.es-btn--upload-photo {
    color: transparent !important;
    position: relative !important;
    display: inline-block !important;
    min-width: 200px; /* Le damos un ancho mínimo para que el texto quepa */
    text-align: center;
}

/* Reset total del botón con soporte responsive */
.es-btn--upload-photo {
    color: transparent !important;
    position: relative !important;
    display: inline-flex !important; /* Cambiado a inline-flex para mejor centrado */
    width: 100% !important; /* Ocupa el ancho disponible en móvil */
    max-width: 250px !important; /* Evita que sea demasiado largo en PC */
    min-height: 40px !important; /* Altura mínima para que sea fácil de clicar */
    text-align: center;
    overflow: hidden;
}

/* Inyectamos el texto nuevo */
.es-btn--upload-photo::before {
    content: "Modificar foto de perfil";
    color: #1d3290 !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px !important;
    font-weight: 600;
    visibility: visible !important;
    white-space: nowrap; /* Evita que el texto se parta en dos líneas */
}

/* Ajuste específico para pantallas muy pequeñas si el texto sigue siendo largo */
@media (max-width: 380px) {
    .es-btn--upload-photo::before {
        font-size: 12px !important; /* Reduce un pelín la letra en móviles mini */
    }
}/* End custom CSS */