.elementor-35 .elementor-element.elementor-element-4fda0229{margin-top:40px;margin-bottom:40px;}:root{--page-title-display:none;}body.elementor-page-35{margin:0px 0px 0px 0px;}/* Start custom CSS for text-editor, class: .elementor-element-4c3600f1 *//* ===================================
   WOOCOMMERCE MY ACCOUNT MODERNO
   =================================== */

.woocommerce-account {
    background: #f6f7fb;
    font-family: "Roboto", sans-serif;
}


/* =========================
   SIDEBAR MENU
   ========================= */

.woocommerce-MyAccount-navigation {
    background: #ffffff;
    border-radius: 18px;
    padding: 18px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.04);
    border: 1px solid #eef0f4;
    height: fit-content;
}

/* Lista menú */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Items */
.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 8px;
}

/* Links */
.woocommerce-MyAccount-navigation ul li a {
    display: flex;
    align-items: center;
    padding: 14px 16px;
    border-radius: 12px;
    text-decoration: none;
    color: #2d3748;
    font-weight: 500;
    transition: all 0.25s ease;
    font-family: "Inter", sans-serif;
}

/* Hover */
.woocommerce-MyAccount-navigation ul li a:hover {
    background: #074580;
    color: #fff;
    transform: translateX(3px);
}

/* Item activo */
.woocommerce-MyAccount-navigation-link.is-active a {
    background: #0475C5;
    color: white !important;
    box-shadow: 0 8px 18px rgba(108,99,255,0.2);
}

.woocommerce-account a {
    color: #0475C5;
    text-decoration: none;
    transition: all 0.2s ease;
}

/* =========================
   CONTENIDO
   ========================= */

.woocommerce-MyAccount-content {
    background: #ffffff;
    border-radius: 18px;
    padding: 30px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.04);
    border: 1px solid #eef0f4;
}

/* Títulos */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3,
.woocommerce-MyAccount-content h4 {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 18px;
}

/* Textos */
.woocommerce-MyAccount-content p,
.woocommerce-MyAccount-content span,
.woocommerce-MyAccount-content label {
    color: #4a5568;
    font-size: 14px;
}

/* =========================
   INPUTS
   ========================= */

.woocommerce-account input.input-text,
.woocommerce-account select,
.woocommerce-account textarea {
    border-radius: 12px;
    border: 1px solid #e3e6ef;
    background: #fafbff;
    padding: 12px 14px;
    transition: all 0.2s ease;
}

.woocommerce-account input:focus,
.woocommerce-account select:focus,
.woocommerce-account textarea:focus {
    border-color: #6c63ff;
    box-shadow: 0 0 0 3px rgba(108,99,255,0.15);
    outline: none;
    background: #fff;
}

/* =========================
   BOTONES
   ========================= */

.woocommerce-account .button,
.woocommerce-account button,
.woocommerce-account .woocommerce-Button {
    background: linear-gradient(135deg, #6c63ff, #8a85ff);
    border: none;
    color: white !important;
    border-radius: 12px;
    padding: 12px 20px;
    font-weight: 600;
    transition: all 0.25s ease;
    font-family: "Inter", sans-serif;
}

.woocommerce-account .button:hover,
.woocommerce-account button:hover,
.woocommerce-account .woocommerce-Button:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 20px rgba(108,99,255,0.25);
}

/* =========================
   TABLAS
   ========================= */

.woocommerce-account table.shop_table {
    border: none;
    border-collapse: separate;
    border-spacing: 0 10px;
}

.woocommerce-account table.shop_table thead th {
    background: transparent;
    border: none;
    color: #64748b;
    font-family: "Inter", sans-serif;
}

.woocommerce-account table.shop_table tbody tr {
    background: #f8faff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}

.woocommerce-account table.shop_table td {
    border-top: none;
    padding: 16px;
}

/* =========================
   MENSAJES
   ========================= */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    border-radius: 12px;
    border: none;
    padding: 16px 18px;
    margin-bottom: 20px;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 768px) {

    .woocommerce-account .woocommerce {
        grid-template-columns: 1fr;
    }

    .woocommerce-MyAccount-navigation {
        overflow-x: auto;
    }

    .woocommerce-MyAccount-navigation ul {
        display: flex;
        gap: 10px;
    }

    .woocommerce-MyAccount-navigation ul li {
        margin-bottom: 0;
        white-space: nowrap;
    }
}/* End custom CSS */