.elementor-24 .elementor-element.elementor-element-24611385{--display:flex;--min-height:50vh;--justify-content:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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-24 .elementor-element.elementor-element-2f76cf5b.elementor-element{--flex-grow:0;--flex-shrink:1;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for container, class: .elementor-element-24611385 *//* Colores base */
:root {
    --color-primary: #F6680B; /* Naranja principal */
    --color-text: #212723; /* Color de texto oscuro */
    --color-background-light: #f8f8f8; /* Fondo claro para secciones */
    --color-background-white: #ffffff; /* Fondo blanco */
    --color-border: #e0e0e0; /* Color de borde sutil */
    --color-hover-text: #ffffff; /* Texto blanco para hover */
    --color-link-text-hover: #F6680B; /* Mantiene el naranja para enlaces en hover, si no quieres el oscuro */
}

/* Tipografía global - Asegúrate de que estas fuentes estén cargadas en tu tema */
body {
    font-family: 'Inter', sans-serif; /* Ejemplo: Puedes cambiar a tu tipografía preferida */
    color: var(--color-text);
}

/* ------------------------------------------- */
/* Estilos para la Navegación de Mi Cuenta */
/* ------------------------------------------- */

.woocommerce-MyAccount-navigation {
    background-color: var(--color-background-white);
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    padding: 20px;
    margin-bottom: 30px;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-MyAccount-navigation-link {
    padding: 0;
    margin-bottom: 8px; /* Espacio entre los elementos del menú */
    background-color: transparent !important;
}

.woocommerce-MyAccount-navigation-link a {
    color: var(--color-text);
    padding: 12px 15px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
    font-weight: 500;
    text-decoration: none;
}

.woocommerce-MyAccount-navigation-link a:hover,
.woocommerce-MyAccount-navigation-link.is-active a {
    background-color: var(--color-primary);
    color: var(--color-hover-text); /* AGREGADO: Texto blanco en hover/activo */
}

/* Ajustes para el icono dentro del enlace (si está separado del texto) */
.woocommerce-MyAccount-navigation-link a .dashicons,
.woocommerce-MyAccount-navigation-link a .fa, /* Si usas Font Awesome */
.woocommerce-MyAccount-navigation-link a img { /* Si son imágenes */
    margin-right: 0;
    flex-shrink: 0;
}

/* Estilos específicos para el plugin SysBasics Customize My Account */

/* Enlace del Dashboard */
.wcmamtx_dashboard_link a {
    font-weight: bold;
    background-color: transparent;
    color: var(--color-text);
}

.wcmamtx_dashboard_link.is-active a,
.wcmamtx_dashboard_link a:hover {
    background-color: var(--color-primary);
    color: var(--color-hover-text); /* AGREGADO: Texto blanco en hover/activo */
}


/* Diseño de cuadrícula para los elementos del dashboard */
.wcmtx-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

/* Estilos para las tarjetas individuales dentro de la cuadrícula */
.wcmtx-grid-item {
    background-color: var(--color-background-white);
    border: 1px solid var(--color-border);
    border-radius: 10px;
    padding: 25px;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wcmtx-grid-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
}

.wcmtx-grid-item .wcmamtx_icon {
    font-size: 40px;
    color: var(--color-primary);
    margin-bottom: 15px;
}

.wcmtx-grid-item h3 {
    font-size: 1.3em;
    margin-bottom: 10px;
    color: var(--color-text);
}

.wcmtx-grid-item p {
    font-size: 0.95em;
    line-height: 1.6;
    color: #555;
}


/* ------------------------------------------- */
/* Estilos para el Contenido Principal */
/* ------------------------------------------- */

.woocommerce-MyAccount-content,
.woocommerce form.login,
.woocommerce form.register {
    background-color: var(--color-background-white);
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    color: var(--color-text);
    margin-bottom: 30px;
}

.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3,
.woocommerce form.login h2,
.woocommerce form.register h2 {
    color: var(--color-text);
    font-size: 1.8em;
    margin-bottom: 25px;
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 15px;
}

/* Etiquetas de formulario */
.woocommerce-MyAccount-content label,
.woocommerce form.login label,
.woocommerce form.register label {
    color: var(--color-text);
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
}

/* Campos de entrada de formulario */
.woocommerce-MyAccount-content input[type="text"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="password"],
.woocommerce-MyAccount-content select,
.woocommerce-MyAccount-content textarea,
.woocommerce form.login input[type="text"],
.woocommerce form.login input[type="email"],
.woocommerce form.login input[type="password"],
.woocommerce form.register input[type="text"],
.woocommerce form.register input[type="email"],
.woocommerce form.register input[type="password"] {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    margin-bottom: 15px;
    font-size: 1em;
    color: var(--color-text);
    background-color: var(--color-background-light);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.woocommerce-MyAccount-content input[type="text"]:focus,
.woocommerce-MyAccount-content input[type="email"]:focus,
.woocommerce-MyAccount-content input[type="password"]:focus,
.woocommerce-MyAccount-content select:focus,
.woocommerce-MyAccount-content textarea:focus,
.woocommerce form.login input[type="text"]:focus,
.woocommerce form.login input[type="email"]:focus,
.woocommerce form.login input[type="password"]:focus,
.woocommerce form.register input[type="text"]:focus,
.woocommerce form.register input[type="email"]:focus,
.woocommerce form.register input[type="password"]:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(246, 104, 11, 0.2);
    outline: none;
}

/* Enlaces generales dentro del contenido */
.woocommerce-MyAccount-content a,
.woocommerce-LostPassword a,
a.woocommerce-privacy-policy-link {
    color: var(--color-primary);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.woocommerce-MyAccount-content a:hover,
a.woocommerce-privacy-policy-link:hover {
    color: var(--color-link-text-hover);
    text-decoration: underline;
}

/* Botones */
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce input[type="submit"],
.woocommerce-Button.wc-forward.button {
    background-color: var(--color-primary);
    color: var(--color-hover-text); /* YA ES BLANCO POR DEFECTO EN EL BOTÓN */
    border: none;
    padding: 12px 25px;
    border-radius: 8px;
    font-size: 1em;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
    text-decoration: none;
}

.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce input[type="submit"]:hover,
.woocommerce-Button.wc-forward.button:hover {
    background-color: #e05e0a; /* Este es un naranja más oscuro en hover */
    color: var(--color-hover-text); /* AGREGADO: Texto blanco también para el hover de los botones */
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Mensajes de WooCommerce (éxito, error, info) */
.woocommerce-message, .woocommerce-error, .woocommerce-info {
    border-radius: 8px;
    padding: 15px 20px;
    margin-bottom: 20px;
    border: none;
    font-size: 1em;
}

.woocommerce-message {
    background-color: #d4edda;
    color: #155724;
}

.woocommerce-error {
    background-color: #f8d7da;
    color: #721c24;
}

.woocommerce-info {
    background-color: #d1ecf1;
    color: #0c5460;
}

.woocommerce-message:before, .woocommerce-error:before, .woocommerce-info:before {
    top: 10px;
    left: auto;
    right: 10px;
    color: inherit;
}

/* Tablas de pedidos, direcciones, etc. */
.woocommerce-MyAccount-content table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.woocommerce-MyAccount-content table th,
.woocommerce-MyAccount-content table td {
    padding: 15px;
    border: 1px solid var(--color-border);
    text-align: left;
}

.woocommerce-MyAccount-content table th {
    background-color: var(--color-background-light);
    font-weight: 600;
    color: var(--color-text);
}

.woocommerce-MyAccount-content table tr:nth-child(even) {
    background-color: transparent;
}


/* Detalle de cuenta - Contenedor principal de los datos */
.woocommerce-EditAccountForm {
    background-color: var(--color-background-white);
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03);
}

/* Media Queries para Responsividad */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation {
        padding: 15px;
    }

    .woocommerce-MyAccount-navigation ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .woocommerce-MyAccount-navigation-link {
        margin: 5px;
    }

    .woocommerce-MyAccount-navigation-link a {
        padding: 10px 12px;
        font-size: 0.9em;
    }

    .woocommerce-MyAccount-content,
    .woocommerce form.login,
    .woocommerce form.register {
        padding: 5px;
    }

    .woocommerce-MyAccount-content h2,
    .woocommerce-MyAccount-content h3,
    .woocommerce form.login h2,
    .woocommerce form.register h2 {
        font-size: 1.5em;
        margin-bottom: 20px;
    }

    .wcmtx-grid {
        grid-template-columns: 1fr;
    }
}



.woocommerce-MyAccount-navigation-link br{
    display: none;
}/* End custom CSS */