.elementor-2120 .elementor-element.elementor-element-31dd062{--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:center;--align-items:center;--flex-wrap:nowrap;--padding-top:20px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-2120 .elementor-element.elementor-element-0460979{width:100%;max-width:100%;}.elementor-2120 .elementor-element.elementor-element-0460979 > .elementor-widget-container{padding:20px 20px 20px 20px;border-radius:10px 10px 10px 10px;}.elementor-2120 .elementor-element.elementor-element-0460979.elementor-element{--align-self:flex-start;}@media(max-width:1024px){.elementor-2120 .elementor-element.elementor-element-31dd062{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(max-width:880px){.elementor-2120 .elementor-element.elementor-element-31dd062{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-2120 .elementor-element.elementor-element-31dd062{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for container, class: .elementor-element-31dd062 */.um-account-meta a {
    color: #84bcb6;
    font-weight: bold;
}

/* Fondo del área de cuenta */
.um-account {
    background-color: #f2f2f2; /* Cambia por el color que prefieras */
    padding: 30px;
    border-radius: 16px;
}

/* Fuente general del contenido */
.um-account,
.um-account * {
    font-family: 'Poppins', sans-serif; /* Puedes usar Roboto, Montserrat, etc. */
    color: #333333; /* Color de texto */
}

/* Botones (como guardar cambios, cambiar contraseña, etc.) */
.um-button, .um-account .um-button {
    background-color: #3366ff; /* Fondo del botón */
    color: #ffffff;            /* Texto del botón */
    font-size: 16px;
    border-radius: 12px;       /* Radio de borde */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Sombra suave */
    padding: 10px 24px;
    transition: all 0.3s ease;
}

/* Hover del botón */
.um-button:hover, .um-account .um-button:hover {
    background-color: #254edb;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}

/* Pestañas del panel de cuenta */
.um-account-tab {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 12px 20px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    transition: 0.3s;
}

.um-account-tab:hover {
    background-color: #f0f4ff;
    border-color: #a3bffa;
}/* End custom CSS */