/* CompuFixGuru — Mi Cuenta v3 */
.woocommerce-account .cfg-page {
    padding: 28px !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 24px !important;
    color: #f4f6f7 !important;
    background:
        radial-gradient(circle at 92% 4%, rgba(200,16,46,.09), transparent 28%),
        radial-gradient(circle at 8% 96%, rgba(25,126,144,.07), transparent 26%),
        linear-gradient(145deg,#111417,#0d1013) !important;
    box-shadow: 0 22px 58px rgba(0,0,0,.22) !important;
}

.woocommerce-account .cfg-page-header {
    margin-bottom: 24px !important;
    padding-bottom: 18px !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.woocommerce-account .cfg-page-title {
    margin: 0 !important;
    color: #f7f8f9 !important;
    font-size: clamp(2rem,3vw,3rem) !important;
}

.woocommerce-account .cfg-page-content {
    color: #c2c8cc;
}

/* Guest state: clean access + registration split. */
.woocommerce-account:not(.logged-in) .woocommerce {
    display: block !important;
    max-width: 1080px;
    margin: 0 auto;
}

.woocommerce-account:not(.logged-in) #customer_login {
    display: grid !important;
    grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr) !important;
    gap: 22px !important;
    align-items: start !important;
    margin: 0 !important;
}

.woocommerce-account:not(.logged-in) #customer_login::before,
.woocommerce-account:not(.logged-in) #customer_login::after {
    display: none !important;
    content: none !important;
}

.woocommerce-account:not(.logged-in) #customer_login > .u-column1 {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

.woocommerce-account:not(.logged-in) #customer_login > .u-column2 {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

.woocommerce-account:not(.logged-in) #customer_login > div {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
}

.woocommerce-account:not(.logged-in) #customer_login h2 {
    margin: 0 0 12px !important;
    color: #f5f7f8 !important;
    font-size: 1.25rem !important;
}

.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register {
    height: auto !important;
    min-height: 0 !important;
    padding: 22px !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 18px !important;
    color: #edf1f3 !important;
    background:
        radial-gradient(circle at 90% 0%, rgba(200,16,46,.06), transparent 30%),
        linear-gradient(145deg,#181c20,#121518) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.18) !important;
}

.woocommerce-account .woocommerce-form-register {
    background:
        radial-gradient(circle at 8% 0%, rgba(28,132,151,.07), transparent 31%),
        linear-gradient(145deg,#181c20,#121518) !important;
}

.woocommerce-account .woocommerce-form-login label,
.woocommerce-account .woocommerce-form-register label,
.woocommerce-account .woocommerce-EditAccountForm label {
    color: #d7dde1 !important;
    font-weight: 700 !important;
}

.woocommerce-account input.input-text,
.woocommerce-account textarea,
.woocommerce-account select {
    min-height: 46px !important;
    border: 1px solid rgba(255,255,255,.11) !important;
    border-radius: 10px !important;
    color: #f4f6f7 !important;
    background: #202428 !important;
    box-shadow: none !important;
}

.woocommerce-account input.input-text:focus,
.woocommerce-account textarea:focus,
.woocommerce-account select:focus {
    border-color: rgba(200,16,46,.65) !important;
    outline: none !important;
    box-shadow: 0 0 0 1px rgba(200,16,46,.12) !important;
}

.woocommerce-account .woocommerce-form-login .button,
.woocommerce-account .woocommerce-form-register .button,
.woocommerce-account .woocommerce-EditAccountForm .button {
    min-height: 44px !important;
    padding: 10px 18px !important;
    border-radius: 11px !important;
    color: #fff !important;
    background: linear-gradient(180deg,#d51b3a,#b90e2b) !important;
    font-weight: 700 !important;
}

.woocommerce-account .lost_password a,
.woocommerce-account .cfg-account-privacy-note a {
    color: #ff5a75 !important;
}

.woocommerce-account .cfg-account-privacy-note,
.woocommerce-account .cfg-account-preferences small,
.woocommerce-account .cfg-marketing-optin small {
    color: #939da3 !important;
}

.woocommerce-account .cfg-marketing-optin,
.woocommerce-account .cfg-account-preferences {
    display: grid;
    gap: 7px;
    padding: 14px !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 12px !important;
    color: #d8dde0 !important;
    background: rgba(255,255,255,.035) !important;
}

/* Logged-in portal: explicit grid placement prevents WooCommerce float/order conflicts. */
.woocommerce-account.logged-in .woocommerce {
    display: grid !important;
    grid-template-columns: 250px minmax(0,1fr) !important;
    gap: 28px !important;
    align-items: start !important;
}

.woocommerce-account.logged-in .woocommerce::before,
.woocommerce-account.logged-in .woocommerce::after {
    display: none !important;
    content: none !important;
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
    grid-column: 1 !important;
    grid-row: 1 !important;
    float: none !important;
    width: auto !important;
    position: sticky;
    top: 112px;
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content {
    grid-column: 2 !important;
    grid-row: 1 !important;
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: #d7dde1 !important;
    background: transparent !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: grid !important;
    gap: 5px !important;
    margin: 0 !important;
    padding: 10px !important;
    list-style: none !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 18px !important;
    background:
        linear-gradient(145deg,#181c20,#121518) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.18);
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
    margin: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
    display: block !important;
    padding: 11px 12px !important;
    border-radius: 10px !important;
    color: #c7ced2 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
    color: #fff !important;
    background: rgba(255,255,255,.055) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
    color: #fff !important;
    background: linear-gradient(180deg,#801126,#5f0d1d) !important;
    box-shadow: inset 0 0 0 1px rgba(255,74,104,.28);
}

/* Dashboard overview. */
.cfg-account-overview {
    display: grid;
    grid-template-columns: minmax(0,1.35fr) minmax(330px,.65fr);
    gap: 24px;
    align-items: stretch;
    margin: 0 0 22px;
    padding: 26px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 22px;
    background:
        radial-gradient(circle at 88% 12%, rgba(200,16,46,.14), transparent 28%),
        radial-gradient(circle at 10% 86%, rgba(26,129,147,.10), transparent 30%),
        linear-gradient(130deg,#0e1418,#14191d 58%,#1b0d12);
    box-shadow: 0 18px 44px rgba(0,0,0,.24);
}

.cfg-account-overview__eyebrow,
.cfg-account-content-head > span {
    display: block;
    color: #ff607b;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.cfg-account-overview h2 {
    margin: 7px 0 8px;
    color: #fff;
    font-size: clamp(1.9rem,3vw,2.8rem);
    line-height: 1;
}

.cfg-account-overview p {
    max-width: 620px;
    margin: 0;
    color: #aeb7bd;
}

.cfg-account-overview__metrics {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 9px;
    align-content: stretch;
}

.cfg-account-overview__metrics > div {
    display: grid;
    align-content: center;
    min-height: 96px;
    padding: 13px;
    border: 1px solid rgba(255,255,255,.085);
    border-radius: 14px;
    background: rgba(255,255,255,.035);
}

.cfg-account-overview__metrics span {
    color: #8f999f;
    font-size: .72rem;
}

.cfg-account-overview__metrics strong {
    margin-top: 5px;
    color: #f6f8f9;
    font-size: 1rem;
    line-height: 1.2;
}

/* WooCommerce default dashboard copy. */
.woocommerce-account.logged-in .woocommerce-MyAccount-content > p {
    margin: 0 0 14px !important;
    color: #aeb6bb !important;
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content > p a {
    color: #ff607b !important;
    font-weight: 700;
}

/* Customer access hub. */
.cfg-account-hub--v3 {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 13px !important;
    margin: 20px 0 !important;
}

.cfg-account-hub--v3 > a,
.cfg-account-hub--v3 > div {
    min-height: 178px;
    display: grid !important;
    align-content: start;
    gap: 6px !important;
    padding: 18px !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 16px !important;
    color: #edf1f3 !important;
    background:
        radial-gradient(circle at 92% 0%, rgba(200,16,46,.06), transparent 30%),
        linear-gradient(145deg,#191d21,#131619) !important;
    text-decoration: none !important;
    transition: transform .18s ease,border-color .18s ease,background .18s ease;
}

.cfg-account-hub--v3 > :nth-child(even) {
    background:
        radial-gradient(circle at 8% 0%, rgba(29,132,150,.06), transparent 31%),
        linear-gradient(145deg,#191d21,#131619) !important;
}

.cfg-account-hub--v3 > a:hover {
    transform: translateY(-2px);
    border-color: rgba(200,16,46,.40) !important;
}

.cfg-account-hub--v3 > * > span {
    color: #ff607b !important;
    font-size: .70rem !important;
    font-weight: 700;
    letter-spacing: .08em;
}

.cfg-account-hub--v3 strong {
    color: #f6f8f9 !important;
    font-size: 1.05rem;
}

.cfg-account-hub--v3 small {
    color: #98a2a8 !important;
    line-height: 1.45;
}

.cfg-account-hub--v3 b {
    margin-top: auto;
    padding-top: 10px;
    color: #dce1e4;
    font-size: .78rem;
    font-weight: 700;
}

.cfg-account-dashboard-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin: 18px 0 0;
}

.cfg-account-content-head {
    margin: 0 0 18px;
    padding: 0 0 16px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.cfg-account-content-head h2 {
    margin: 5px 0 5px;
    color: #f5f7f8;
    font-size: clamp(1.6rem,2.4vw,2.2rem);
}

.cfg-account-content-head p {
    margin: 0;
    color: #9ba5ab;
}

/* Orders / address / account forms. */
.woocommerce-account table.shop_table,
.woocommerce-account .woocommerce-Addresses .woocommerce-Address,
.woocommerce-account .woocommerce-EditAccountForm fieldset {
    border-color: rgba(255,255,255,.09) !important;
    color: #dce1e4 !important;
    background: #171b1f !important;
}

.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td {
    border-color: rgba(255,255,255,.08) !important;
    color: #d7dde1 !important;
    background: transparent !important;
}

.woocommerce-account table.shop_table a,
.woocommerce-account .woocommerce-Address a {
    color: #ff607b !important;
}

.woocommerce-account .woocommerce-Addresses {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px;
}

.woocommerce-account .woocommerce-Addresses > div {
    float: none !important;
    width: auto !important;
    padding: 18px !important;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 16px;
    background: #171b1f;
}

@media (max-width: 980px) {
    .woocommerce-account.logged-in .woocommerce {
        grid-template-columns: 1fr !important;
    }

    .woocommerce-account.logged-in .woocommerce-MyAccount-navigation,
    .woocommerce-account.logged-in .woocommerce-MyAccount-content {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    .woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
        position: static;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }

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

    .cfg-account-hub--v3 {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
}

@media (max-width: 760px) {
    .woocommerce-account .cfg-page {
        padding: 18px !important;
        border-radius: 18px !important;
    }

    .woocommerce-account:not(.logged-in) #customer_login {
        grid-template-columns: 1fr !important;
    }

    .woocommerce-account:not(.logged-in) #customer_login > .u-column1,
    .woocommerce-account:not(.logged-in) #customer_login > .u-column2 {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .cfg-account-overview {
        padding: 20px;
    }

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

    .cfg-account-hub--v3,
    .woocommerce-account .woocommerce-Addresses {
        grid-template-columns: 1fr !important;
    }

    .cfg-account-dashboard-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .cfg-account-dashboard-actions .cfg-button {
        width: 100%;
    }
}