/*
=======================================================================
 WINCARS CUSTOMER DESIGN SYSTEM V2
 Auth + Register + Recovery + Activation + Profile
=======================================================================
*/

:root{
    --wc-bg:#07090d;
    --wc-bg-soft:#0a0d12;

    --wc-surface:#0f1319;
    --wc-surface-2:#141820;
    --wc-surface-3:#191e27;

    --wc-text:#f5f7fa;
    --wc-muted:#858e9a;
    --wc-muted-2:#5f6874;

    --wc-line:rgba(255,255,255,.075);
    --wc-line-2:rgba(255,255,255,.14);

    --wc-red:#ef343d;
    --wc-red-soft:rgba(239,52,61,.11);
    --wc-red-line:rgba(239,52,61,.28);

    --wc-green:#61d394;

    --wc-radius:12px;
}


/* ============================================================
   BASE
============================================================ */

*{
    box-sizing:border-box;
}


html,
body{
    margin:0;
    padding:0;
    min-height:100%;
    background:#07090d !important;
}


body{
    min-height:100vh;

    background:
        radial-gradient(
            circle at 50% -180px,
            rgba(46,55,70,.25),
            transparent 390px
        ),
        #07090d !important;

    color:var(--wc-text) !important;

    font-family:
        "DM Sans",
        Arial,
        sans-serif !important;
}


a{
    color:inherit;
}


button,
input,
textarea,
select{
    font:inherit;
}


/* ============================================================
   AUTH PUBLICO
   login / register / lookup
============================================================ */

.account-page{
    width:100% !important;

    min-height:
        calc(100dvh - 62px - 69px) !important;

    display:flex !important;

    justify-content:center !important;
    align-items:center !important;

    padding:
        36px 20px
        96px !important;
}


.account-hero{
    width:min(
        100%,
        410px
    ) !important;

    margin:
        0 auto !important;

    display:block !important;
}


/*
 * NADA de tarjeta alrededor.
 */
.account-panel{
    position:relative !important;

    width:100% !important;

    padding:
        0 !important;

    margin:
        0 !important;

    background:
        transparent !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;

    overflow:
        visible !important;
}


.account-panel::after{
    display:none !important;
}


/* Icono login generado por CSS */

.account-panel-head{
    position:relative;

    margin:
        0 0 25px !important;

    padding-top:
        62px !important;

    text-align:
        center !important;
}


.account-panel-head::before{
    content:"";

    position:absolute;

    top:0;
    left:50%;

    width:46px;
    height:46px;

    transform:
        translateX(-50%);

    border-radius:
        50%;

    background-color:
        #11161d;

    border:
        1px solid
        rgba(255,255,255,.10);

    box-shadow:
        0 0 0 5px
        rgba(255,255,255,.015);

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.4'/%3E%3Cpath d='M5.4 19c.8-3.4 3.1-5.3 6.6-5.3s5.8 1.9 6.6 5.3'/%3E%3C/svg%3E");

    background-repeat:
        no-repeat;

    background-position:
        center;

    background-size:
        22px;
}


.account-panel-head::after{
    content:"";

    display:block;

    width:28px;
    height:2px;

    margin:
        17px auto 0;

    background:
        var(--wc-red);

    border-radius:
        999px;
}


.account-panel-head small{
    display:block !important;

    margin:
        0 0 8px !important;

    color:
        var(--wc-red) !important;

    font-size:
        8px !important;

    font-weight:
        700 !important;

    letter-spacing:
        .18em !important;

    text-transform:
        uppercase !important;
}


.account-panel-head h2{
    margin:
        0 !important;

    color:
        #fff !important;

    font-family:
        "DM Sans",
        Arial,
        sans-serif !important;

    font-size:
        27px !important;

    font-weight:
        650 !important;

    line-height:
        1.15 !important;

    letter-spacing:
        -.025em !important;
}


.account-panel-head p{
    max-width:
        320px;

    margin:
        9px auto 0 !important;

    color:
        #78818d !important;

    font-size:
        10px !important;

    line-height:
        1.65 !important;
}


/* ============================================================
   TABS LOGIN / REGISTER
============================================================ */

.account-tabs{
    display:grid !important;

    grid-template-columns:
        1fr 1fr !important;

    gap:
        4px !important;

    margin:
        0 0 23px !important;

    padding:
        4px !important;

    background:
        #0a0d12 !important;

    border:
        1px solid
        var(--wc-line) !important;

    border-radius:
        10px !important;
}


.account-tabs a{
    min-height:
        40px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    color:
        #727b87 !important;

    border-radius:
        7px !important;

    text-decoration:
        none !important;

    font-size:
        8px !important;

    font-weight:
        700 !important;

    letter-spacing:
        .13em !important;

    text-transform:
        uppercase !important;
}


.account-tabs a.active{
    position:relative;

    color:
        #fff !important;

    background:
        #171b22 !important;

    box-shadow:
        inset 0 0 0 1px
        rgba(255,255,255,.045);
}


.account-tabs a.active::after{
    content:"";

    position:absolute;

    bottom:0;

    width:24px;
    height:2px;

    background:
        var(--wc-red);

    border-radius:
        999px;
}


/* ============================================================
   AUTH FORM
============================================================ */

.account-form{
    display:grid !important;

    gap:
        14px !important;
}


.account-field label{
    display:block !important;

    margin:
        0 0 7px !important;

    color:
        #747e89 !important;

    font-size:
        8px !important;

    font-weight:
        700 !important;

    letter-spacing:
        .11em !important;

    text-transform:
        uppercase !important;
}


.account-field input{
    width:
        100% !important;

    min-height:
        47px !important;

    padding:
        11px 13px !important;

    color:
        #fff !important;

    background:
        #0a0d12 !important;

    border:
        1px solid
        rgba(255,255,255,.085) !important;

    border-radius:
        9px !important;

    outline:
        none !important;

    box-shadow:
        none !important;
}


.account-field input:hover{
    border-color:
        rgba(255,255,255,.14) !important;
}


.account-field input:focus{
    background:
        #0c1015 !important;

    border-color:
        rgba(239,52,61,.55) !important;

    box-shadow:
        0 0 0 3px
        rgba(239,52,61,.06) !important;
}


.account-submit{
    width:
        100% !important;

    min-height:
        48px !important;

    margin-top:
        3px !important;

    color:
        #08090b !important;

    background:
        #fff !important;

    border:
        0 !important;

    border-radius:
        9px !important;

    cursor:
        pointer !important;

    font-size:
        8px !important;

    font-weight:
        800 !important;

    letter-spacing:
        .15em !important;

    text-transform:
        uppercase !important;

    transition:
        .18s ease;
}


.account-submit:hover{
    color:
        #fff !important;

    background:
        var(--wc-red) !important;
}


/* ============================================================
   LINKS CENTRADOS ABAJO
============================================================ */

.account-links{
    display:block !important;

    margin:
        23px auto 0 !important;

    padding:
        19px 0 0 !important;

    text-align:
        center !important;

    border-top:
        1px solid
        var(--wc-line) !important;
}


.account-links p{
    margin:
        0 0 8px !important;

    color:
        #636d79 !important;

    font-size:
        9px !important;

    line-height:
        1.6 !important;
}


.account-links p a{
    display:inline !important;

    min-height:
        0 !important;

    padding:
        0 !important;

    color:
        #e9ecf0 !important;

    font-size:
        inherit !important;

    font-weight:
        600 !important;

    text-decoration:
        none !important;

    border:
        0 !important;
}


.account-links p a:hover{
    color:
        var(--wc-red) !important;
}


.account-links > a{
    display:block !important;

    min-height:
        0 !important;

    margin:
        7px 0 !important;

    padding:
        0 !important;

    color:
        #d9dde2 !important;

    text-align:
        center !important;

    font-size:
        9px !important;

    text-decoration:
        none !important;

    border:
        0 !important;
}


.account-links > a:hover{
    color:
        var(--wc-red) !important;
}


.account-links a::after{
    display:none !important;
}


/* ============================================================
   PUBLIC CUSTOMER
   recuperar / reset / activar
============================================================ */

.customer-public-shell{
    width:min(
        calc(100% - 34px),
        420px
    ) !important;

    min-height:
        calc(100dvh - 62px - 69px) !important;

    margin:
        0 auto !important;

    padding:
        0 0
        86px !important;

    display:flex;

    flex-direction:column;

    justify-content:center;

    background:
        transparent !important;
}


.public-header-block{
    position:relative;

    margin:
        0 0 26px !important;

    padding-top:
        61px !important;

    text-align:
        center !important;
}


/* icono llave / seguridad */

.public-header-block::before{
    content:"";

    position:absolute;

    top:0;
    left:50%;

    width:46px;
    height:46px;

    transform:
        translateX(-50%);

    background-color:
        #11161d;

    border:
        1px solid
        rgba(255,255,255,.1);

    border-radius:
        50%;

    background-repeat:
        no-repeat;

    background-position:
        center;

    background-size:
        21px;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10' width='14' height='10' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 018 0v3'/%3E%3C/svg%3E");
}


.public-header-block::after{
    content:"";

    display:block;

    width:
        27px;

    height:
        2px;

    margin:
        17px auto 0;

    background:
        var(--wc-red);

    border-radius:
        999px;
}


.section-eyebrow,
.account-eyebrow{
    display:block;

    margin:
        0 0 8px !important;

    color:
        var(--wc-red) !important;

    font-size:
        8px !important;

    font-weight:
        700 !important;

    letter-spacing:
        .17em !important;

    text-transform:
        uppercase !important;
}


.public-title,
.account-title{
    margin:
        0 !important;

    color:
        #fff !important;

    font-family:
        "DM Sans",
        Arial,
        sans-serif !important;

    font-size:
        27px !important;

    font-weight:
        650 !important;

    line-height:
        1.15 !important;

    letter-spacing:
        -.025em !important;
}


.public-subtitle,
.account-subtitle{
    max-width:
        330px;

    margin:
        9px auto 0 !important;

    color:
        #78818d !important;

    font-size:
        10px !important;

    line-height:
        1.65 !important;
}


/* SIN recuadro */

.public-panel,
.public-panel.compact,
.auth-panel{
    width:
        100% !important;

    max-width:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        #fff !important;

    background:
        transparent !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;
}


/* ============================================================
   CAMPOS GENERALES
============================================================ */

.field{
    margin-bottom:
        15px;
}


.field label{
    display:block;

    margin:
        0 0 7px;

    color:
        #747e89;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        .11em;

    text-transform:
        uppercase;
}


.field-note{
    margin-top:
        6px;

    color:
        #5f6874;

    font-size:
        9px;
}


input,
textarea,
select{
    width:
        100%;

    min-height:
        47px;

    padding:
        11px 13px;

    color:
        #fff !important;

    background:
        #0a0d12 !important;

    border:
        1px solid
        rgba(255,255,255,.085) !important;

    border-radius:
        9px !important;

    outline:
        none;

    box-shadow:
        none !important;
}


textarea{
    min-height:
        108px;
}


input:focus,
textarea:focus,
select:focus{
    border-color:
        rgba(239,52,61,.55) !important;

    box-shadow:
        0 0 0 3px
        rgba(239,52,61,.06) !important;
}


.password-wrap{
    position:
        relative;
}


.password-wrap input{
    padding-right:
        92px;
}


.password-toggle{
    position:
        absolute;

    right:
        7px;

    top:
        50%;

    transform:
        translateY(-50%);

    padding:
        7px 9px;

    color:
        #929ba7;

    background:
        transparent;

    border:
        0;

    cursor:
        pointer;

    font-size:
        9px;
}


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

.btn,
.btn-secondary,
.btn-ghost{
    min-height:
        47px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        7px;

    padding:
        0 17px;

    border-radius:
        9px;

    cursor:
        pointer;

    text-decoration:
        none;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        .12em;

    text-transform:
        uppercase;

    transition:
        .18s ease;
}


.btn{
    color:
        #08090b;

    background:
        #fff;

    border:
        1px solid #fff;
}


.btn:hover{
    color:
        #fff;

    background:
        var(--wc-red);

    border-color:
        var(--wc-red);
}


.btn-secondary{
    color:
        #fff;

    background:
        #151920;

    border:
        1px solid
        var(--wc-line);
}


.btn-secondary:hover,
.btn-ghost:hover{
    border-color:
        var(--wc-red-line);

    color:
        #fff;
}


.btn-ghost{
    color:
        #939ca7;

    background:
        transparent;

    border:
        1px solid
        var(--wc-line);
}


/* ============================================================
   ALERTAS
============================================================ */

.notice,
.error,
.success,
.account-message{
    margin:
        0 0 16px;

    padding:
        12px 13px;

    border-radius:
        9px;

    font-size:
        10px;

    line-height:
        1.55;
}


.notice{
    color:
        #bdc4cc;

    background:
        #11151b;

    border:
        1px solid
        var(--wc-line);
}


.error,
.account-message.error{
    color:
        #ff9da6;

    background:
        rgba(239,52,61,.10);

    border:
        1px solid
        var(--wc-red-line);
}


.success,
.account-message.success{
    color:
        #93e7b4;

    background:
        rgba(56,190,112,.09);

    border:
        1px solid
        rgba(56,190,112,.22);
}


/* ============================================================
   PERFIL / CUENTA LOGUEADA
============================================================ */

.account-shell{
    width:min(
        calc(100% - 34px),
        1180px
    );

    margin:
        0 auto;

    padding:
        35px 0
        96px;
}


.account-layout{
    display:grid;

    grid-template-columns:
        235px
        minmax(0,1fr);

    gap:
        25px;

    align-items:
        start;
}


/* ============================================================
   SIDEBAR PERFIL
============================================================ */

.account-sidebar{
    position:
        sticky;

    top:
        88px;

    overflow:
        hidden;

    padding:
        17px;

    color:
        #fff;

    background:
        linear-gradient(
            180deg,
            #11151b,
            #0d1015
        );

    border:
        1px solid
        var(--wc-line);

    border-radius:
        15px;

    box-shadow:
        0 18px 45px
        rgba(0,0,0,.18);
}


.account-sidebar::before{
    content:"";

    position:absolute;

    top:0;
    left:0;
    right:0;

    height:
        2px;

    background:
        linear-gradient(
            90deg,
            var(--wc-red),
            transparent 62%
        );
}


.account-user{
    position:relative;

    padding:
        5px 4px
        17px
        49px;

    margin-bottom:
        12px;

    border-bottom:
        1px solid
        var(--wc-line);
}


.account-user::before{
    content:"";

    position:absolute;

    left:2px;
    top:1px;

    width:
        35px;

    height:
        35px;

    border-radius:
        50%;

    background-color:
        #191e26;

    border:
        1px solid
        rgba(255,255,255,.09);

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='3.3'/%3E%3Cpath d='M5.5 19c.7-3.3 3-5.1 6.5-5.1s5.8 1.8 6.5 5.1'/%3E%3C/svg%3E");

    background-position:
        center;

    background-repeat:
        no-repeat;
}


.account-user strong{
    display:block;

    color:
        #fff;

    font-size:
        13px;

    font-weight:
        650;
}


.account-user span{
    display:block;

    margin-top:
        4px;

    color:
        #69727e;

    font-size:
        9px;

    word-break:
        break-word;
}


.account-menu{
    display:grid;

    gap:
        3px;
}


/* icono común */

.account-menu a,
.account-menu button{
    position:relative;

    width:
        100%;

    min-height:
        42px;

    display:flex;

    align-items:center;

    padding:
        0 10px
        0 39px;

    color:
        #818b96;

    background:
        transparent;

    border:
        1px solid
        transparent;

    border-radius:
        9px;

    text-decoration:
        none;

    cursor:
        pointer;

    font-size:
        10px;

    transition:
        .16s ease;
}


.account-menu a::before,
.account-menu button::before{
    position:absolute;

    left:
        12px;

    width:
        18px;

    color:
        #606a76;

    text-align:
        center;

    font-size:
        13px;
}


/* Resumen */
.account-menu a:nth-child(1)::before{
    content:"⌂";
}

/* Números */
.account-menu a:nth-child(2)::before{
    content:"#";
}

/* Compras */
.account-menu a:nth-child(3)::before{
    content:"▣";
}

/* Pagos */
.account-menu a:nth-child(4)::before{
    content:"$";
}

/* Perfil */
.account-menu a:nth-child(5)::before{
    content:"○";
}

/* Seguridad */
.account-menu a:nth-child(6)::before{
    content:"◇";
}


.account-menu a:hover,
.account-menu a.active,
.account-menu button:hover{
    color:
        #fff;

    background:
        #181d25;

    border-color:
        rgba(255,255,255,.055);
}


.account-menu a.active::after{
    content:"";

    position:absolute;

    left:0;

    width:
        2px;

    height:
        19px;

    background:
        var(--wc-red);

    border-radius:
        0 2px 2px 0;
}


.account-menu a.active::before{
    color:
        var(--wc-red);
}


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

.account-content{
    min-width:
        0;

    color:
        var(--wc-text);
}


.account-header-block{
    position:relative;

    margin-bottom:
        23px;

    padding-left:
        15px;
}


.account-header-block::before{
    content:"";

    position:absolute;

    left:0;
    top:3px;
    bottom:3px;

    width:
        2px;

    background:
        var(--wc-red);

    border-radius:
        999px;
}


.account-title{
    font-size:
        28px !important;
}


.account-subtitle{
    margin-left:
        0 !important;

    margin-right:
        0 !important;
}


/* ============================================================
   CARDS PERFIL
============================================================ */

.account-panel,
.account-kpi,
.mini-card,
.address-card,
.wishlist-card{
    position:relative;

    color:
        #e9ecf0;

    background:
        #0f1319 !important;

    border:
        1px solid
        var(--wc-line) !important;

    border-radius:
        13px !important;

    box-shadow:
        none !important;
}


.account-panel{
    padding:
        19px;
}


.account-panel:hover,
.account-kpi:hover{
    border-color:
        rgba(255,255,255,.12) !important;
}


.account-panel + .account-panel{
    margin-top:
        14px;
}


.account-grid{
    display:grid;

    gap:
        14px;
}


.account-grid.two{
    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        );
}


/* ============================================================
   KPI PERFIL
============================================================ */

.account-kpis{
    display:grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        );

    gap:
        11px;

    margin-bottom:
        18px;
}


.account-kpi{
    overflow:hidden;

    padding:
        16px;
}


.account-kpi::after{
    content:"";

    position:absolute;

    right:-20px;
    bottom:-23px;

    width:
        58px;

    height:
        58px;

    border:
        1px solid
        rgba(239,52,61,.12);

    border-radius:
        50%;
}


.account-kpi span{
    display:block;

    margin-bottom:
        8px;

    color:
        #69727e;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        .12em;

    text-transform:
        uppercase;
}


.account-kpi strong{
    display:block;

    color:
        #fff;

    font-size:
        25px;

    font-weight:
        650;
}


/* ============================================================
   HOME PERFIL EXISTENTE V122
============================================================ */

.wc-account-home-v122{
    color:
        #fff !important;
}


.wc-account-hero-v122{
    position:relative;

    margin-bottom:
        22px;

    padding-left:
        15px;
}


.wc-account-hero-v122::before{
    content:"";

    position:absolute;

    left:0;
    top:2px;
    bottom:2px;

    width:
        2px;

    background:
        var(--wc-red);
}


.wc-account-hero-v122 small{
    display:block;

    margin-bottom:
        7px;

    color:
        var(--wc-red) !important;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        .15em;

    text-transform:
        uppercase;
}


.wc-account-hero-v122 h1{
    margin:
        0;

    color:
        #fff;

    font-size:
        28px;

    font-weight:
        650;

    letter-spacing:
        -.025em;
}


.wc-account-hero-v122 p{
    max-width:
        620px;

    margin:
        8px 0 0;

    color:
        #78818d;

    font-size:
        10px;

    line-height:
        1.65;
}


.wc-account-stats-v122{
    display:grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        );

    gap:
        11px;

    margin-bottom:
        16px;
}


.wc-account-stat-v122{
    position:relative;

    overflow:hidden;

    padding:
        16px;

    background:
        #0f1319;

    border:
        1px solid
        var(--wc-line);

    border-radius:
        13px;
}


.wc-account-stat-v122::after{
    content:"";

    position:absolute;

    right:-18px;
    bottom:-22px;

    width:
        55px;

    height:
        55px;

    border:
        1px solid
        rgba(239,52,61,.13);

    border-radius:
        50%;
}


.wc-account-stat-v122 span{
    display:block;

    margin-bottom:
        7px;

    color:
        #69727e;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        .1em;

    text-transform:
        uppercase;
}


.wc-account-stat-v122 strong{
    color:
        #fff;

    font-size:
        24px;
}


.wc-account-links-v122{
    display:grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0,1fr)
        );

    gap:
        11px;

    margin-bottom:
        17px;
}


.wc-account-link-v122{
    position:relative;

    display:block;

    min-height:
        105px;

    padding:
        16px;

    color:
        #fff;

    background:
        #0f1319;

    border:
        1px solid
        var(--wc-line);

    border-radius:
        13px;

    text-decoration:
        none;

    transition:
        .17s ease;
}


.wc-account-link-v122:hover{
    transform:
        translateY(-2px);

    border-color:
        var(--wc-red-line);
}


.wc-account-link-v122::before{
    content:"";

    display:block;

    width:
        17px;

    height:
        2px;

    margin-bottom:
        12px;

    background:
        var(--wc-red);

    border-radius:
        999px;
}


.wc-account-link-v122 strong{
    display:block;

    margin-bottom:
        5px;

    font-size:
        12px;
}


.wc-account-link-v122 span{
    color:
        #6d7682;

    font-size:
        9px;

    line-height:
        1.5;
}


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

.account-table-wrap{
    overflow:
        auto;
}


.account-table,
.wc-account-table-v122{
    width:
        100%;

    min-width:
        640px;

    border-collapse:
        collapse;
}


.account-table th,
.account-table td,
.wc-account-table-v122 th,
.wc-account-table-v122 td{
    padding:
        12px 9px;

    color:
        #c3cad2;

    text-align:
        left;

    border-bottom:
        1px solid
        var(--wc-line);

    font-size:
        10px;

    vertical-align:
        top;
}


.account-table th,
.wc-account-table-v122 th{
    color:
        #69727e;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        .1em;

    text-transform:
        uppercase;
}


/* ============================================================
   BADGES
============================================================ */

.status-badge{
    min-height:
        25px;

    display:
        inline-flex;

    align-items:center;

    padding:
        0 9px;

    color:
        #d6dbe0;

    background:
        #171b22;

    border:
        1px solid
        var(--wc-line);

    border-radius:
        999px;

    font-size:
        8px;

    text-transform:
        uppercase;
}


.status-badge.success{
    color:
        #91e0af;

    background:
        #123020;
}


.status-badge.warn{
    color:
        #e3bd68;

    background:
        #302714;
}


.status-badge.danger{
    color:
        #ff9da6;

    background:
        #32161a;
}


/* ============================================================
   MOBILE NAV
============================================================ */

.account-mobile-nav{
    display:none;

    margin-bottom:
        14px;
}


/* ============================================================
   QUITAR FOOTER WEB
============================================================ */

#siteGlobalFooter,
.site-global-footer,
.site-footer{
    display:none !important;
}


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

@media(max-width:1000px){

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


    .account-sidebar{
        display:none;
    }


    .account-mobile-nav{
        display:block;
    }


    .account-kpis,
    .wc-account-stats-v122{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }


    .wc-account-links-v122{
        grid-template-columns:
            1fr;
    }

}


@media(max-width:760px){

    .account-page{
        min-height:
            calc(
                100dvh - 62px - 69px
            ) !important;

        padding:
            22px 20px
            88px !important;

        align-items:
            center !important;
    }


    .account-hero{
        max-width:
            390px !important;
    }


    .account-panel-head{
        padding-top:
            57px !important;

        margin-bottom:
            21px !important;
    }


    .account-panel-head::before{
        width:
            43px;

        height:
            43px;
    }


    .account-panel-head h2{
        font-size:
            25px !important;
    }


    .customer-public-shell{
        width:
            calc(100% - 38px) !important;

        min-height:
            calc(
                100dvh - 62px - 69px
            ) !important;

        padding:
            24px 0
            86px !important;
    }


    .public-header-block{
        padding-top:
            57px !important;
    }


    .public-header-block::before{
        width:
            43px;

        height:
            43px;
    }


    .public-title{
        font-size:
            25px !important;
    }


    .account-shell{
        width:
            calc(100% - 24px);

        padding:
            22px 0
            88px;
    }


    .form-grid,
    .account-grid.two{
        grid-template-columns:
            1fr;
    }


    .account-kpis,
    .wc-account-stats-v122{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }


    .account-panel{
        padding:
            15px;
    }

}



/*
=======================================================================
 WINCARS PROFILE VMENU V3
 Replica visual del menú hamburguesa
=======================================================================
*/


/* ============================================================
   QUITAR ICONO EXTRA DE RECUPERAR / ACTIVAR / RESET
============================================================ */

.public-header-block{
    padding-top:
        0 !important;
}


.public-header-block::before{
    display:
        none !important;

    content:
        none !important;
}


.public-header-block::after{
    width:
        30px !important;

    margin:
        15px auto 0 !important;

    background:
        var(--wc-red) !important;
}


/*
 * Login mantiene SU icono.
 * Las páginas públicas ya no agregan uno.
 */


/* ============================================================
   LAYOUT PERFIL
============================================================ */

.account-layout{
    grid-template-columns:
        320px
        minmax(0,1fr) !important;

    gap:
        24px !important;
}


/* ============================================================
   BLOQUE MENU
============================================================ */

.customer-vmenu{
    position:
        sticky !important;

    top:
        86px !important;

    overflow:
        hidden !important;

    padding:
        0 !important;

    background:
        #090c10 !important;

    border:
        1px solid
        rgba(255,255,255,.075) !important;

    border-radius:
        16px !important;

    box-shadow:
        0 18px 50px
        rgba(0,0,0,.22) !important;
}


/* línea roja superior */

.customer-vmenu::before{
    content:"";

    display:block;

    width:
        100%;

    height:
        2px;

    background:
        linear-gradient(
            90deg,
            #ef343d,
            rgba(239,52,61,.25),
            transparent
        );
}


/* ============================================================
   USUARIO
============================================================ */

.customer-vmenu-head{
    display:grid;

    grid-template-columns:
        42px
        minmax(0,1fr);

    gap:
        13px;

    align-items:center;

    padding:
        18px 17px
        17px;
}


.customer-vmenu-avatar{
    width:
        42px;

    height:
        42px;

    display:grid;

    place-items:center;

    flex:none;

    color:
        #fff;

    background:
        #151920;

    border:
        1px solid
        rgba(255,255,255,.10);

    border-radius:
        13px;

    font-size:
        20px;
}


.customer-vmenu-user{
    min-width:
        0;
}


.customer-vmenu-user small{
    display:block;

    margin-bottom:
        4px;

    color:
        #ef343d;

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        .17em;
}


.customer-vmenu-user strong{
    display:block;

    overflow:hidden;

    color:
        #fff;

    font-size:
        14px;

    font-weight:
        750;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}


.customer-vmenu-user span{
    display:block;

    overflow:hidden;

    margin-top:
        4px;

    color:
        #68727e;

    font-size:
        9px;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}


/* ============================================================
   SEPARADORES
============================================================ */

.customer-vmenu-separator{
    padding:
        9px 17px
        7px;

    color:
        #4f5863;

    border-top:
        1px solid
        rgba(255,255,255,.055);

    border-bottom:
        1px solid
        rgba(255,255,255,.045);

    font-size:
        7px;

    font-weight:
        800;

    letter-spacing:
        .18em;

    text-transform:
        uppercase;
}


/* ============================================================
   LISTA
============================================================ */

.customer-vmenu-list{
    display:block;
}


.customer-vmenu-item{
    position:
        relative;

    width:
        100%;

    min-height:
        58px;

    display:grid;

    grid-template-columns:
        32px
        minmax(0,1fr)
        20px;

    gap:
        11px;

    align-items:center;

    padding:
        8px 14px;

    color:
        #fff;

    background:
        transparent;

    border:
        0;

    border-bottom:
        1px solid
        rgba(255,255,255,.045);

    border-radius:
        0;

    text-align:
        left;

    text-decoration:
        none;

    cursor:
        pointer;

    transition:
        background .15s ease,
        color .15s ease;
}


.customer-vmenu-item:hover{
    background:
        #11151b;
}


.customer-vmenu-item:active{
    background:
        #151920;
}


/* ============================================================
   ICONO
============================================================ */

.customer-vmenu-icon{
    width:
        30px;

    height:
        30px;

    display:grid;

    place-items:center;

    color:
        #8b949f;

    background:
        transparent;

    border:
        0;

    font-size:
        17px;

    line-height:
        1;
}


.customer-vmenu-item.active
.customer-vmenu-icon{
    color:
        #ef343d;
}


/* ============================================================
   COPY
============================================================ */

.customer-vmenu-copy{
    min-width:
        0;

    display:block;
}


.customer-vmenu-copy strong{
    display:block;

    color:
        #f2f4f6;

    font-size:
        13px;

    font-weight:
        700;

    line-height:
        1.15;
}


.customer-vmenu-copy small{
    display:block;

    margin-top:
        4px;

    color:
        #626b76;

    font-size:
        9px;

    font-weight:
        450;

    line-height:
        1.2;
}


/* ============================================================
   FLECHA
============================================================ */

.customer-vmenu-arrow{
    color:
        #454e59;

    text-align:
        right;

    font-size:
        21px;

    font-weight:
        300;

    line-height:
        1;
}


.customer-vmenu-item:hover
.customer-vmenu-arrow{
    color:
        #89929d;
}


/* ============================================================
   ACTIVO
============================================================ */

.customer-vmenu-item.active{
    background:
        linear-gradient(
            90deg,
            rgba(239,52,61,.08),
            rgba(239,52,61,.015)
        );
}


.customer-vmenu-item.active::before{
    content:"";

    position:absolute;

    left:
        0;

    top:
        13px;

    bottom:
        13px;

    width:
        2px;

    background:
        #ef343d;

    border-radius:
        0 2px 2px 0;
}


.customer-vmenu-item.active
.customer-vmenu-copy strong{
    color:
        #fff;
}


/* ============================================================
   CERRAR SESION
============================================================ */

.customer-vmenu-logout-form{
    margin:
        0;

    padding:
        0;
}


.customer-vmenu-logout{
    color:
        #bbbfc5;
}


.customer-vmenu-logout
.customer-vmenu-icon{
    color:
        #ef6b72;
}


.customer-vmenu-logout:hover{
    background:
        rgba(239,52,61,.06);
}


/* ============================================================
   OCULTAR NAVEGACION SELECT ANTIGUA
============================================================ */

.account-mobile-nav{
    display:
        none !important;
}


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

.account-content{
    min-width:
        0;

    padding-top:
        2px;
}


.account-content
.account-header-block{
    margin-bottom:
        22px;
}


.account-content
.account-header-block::before{
    background:
        #ef343d !important;
}


/* ============================================================
   MOBILE:
   el menú de perfil mantiene exactamente formato de lista
============================================================ */

@media(max-width:1000px){

    .account-layout{
        display:block !important;
    }


    .customer-vmenu{
        position:
            relative !important;

        top:
            auto !important;

        width:
            100%;

        margin-bottom:
            22px;

        border-radius:
            14px !important;

        box-shadow:
            none !important;
    }


    .customer-vmenu-head{
        padding:
            15px 14px;
    }


    .customer-vmenu-item{
        min-height:
            54px;

        padding:
            7px 12px;
    }


    .customer-vmenu-copy strong{
        font-size:
            13px;
    }


    .customer-vmenu-copy small{
        font-size:
            8.5px;
    }

}


@media(max-width:760px){

    .account-shell{
        width:
            calc(100% - 20px) !important;

        padding-top:
            14px !important;
    }


    .customer-vmenu{
        margin-bottom:
            18px;
    }


    .customer-vmenu-head{
        grid-template-columns:
            38px
            minmax(0,1fr);
    }


    .customer-vmenu-avatar{
        width:
            38px;

        height:
            38px;

        border-radius:
            11px;
    }


    .customer-vmenu-item{
        grid-template-columns:
            29px
            minmax(0,1fr)
            18px;

        gap:
            9px;
    }


    .customer-vmenu-icon{
        width:
            28px;

        height:
            28px;

        font-size:
            16px;
    }

}


/* /WINCARS PROFILE VMENU V3 */



/*
============================================================
 WINCARS_PROFILE_VMENU_MOBILE_FIX_V4
 El sidebar viejo se ocultaba en mobile.
 El nuevo menú de perfil DEBE permanecer visible.
============================================================
*/

@media(max-width:1000px){

    .account-sidebar.customer-vmenu{
        display:block !important;

        position:relative !important;

        top:auto !important;

        width:100% !important;

        margin:
            0 0 20px !important;

        padding:
            0 !important;
    }


    .account-layout{
        display:flex !important;

        flex-direction:column !important;

        gap:0 !important;
    }


    .account-content{
        width:100% !important;
    }

}


@media(max-width:760px){

    .account-shell{
        width:
            calc(100% - 20px) !important;

        padding-top:
            12px !important;
    }


    .account-sidebar.customer-vmenu{
        display:block !important;

        margin-bottom:
            18px !important;

        border-radius:
            13px !important;
    }


    .customer-vmenu-head{
        padding:
            14px 13px !important;
    }


    .customer-vmenu-item{
        min-height:
            54px !important;

        grid-template-columns:
            30px
            minmax(0,1fr)
            18px !important;

        padding:
            7px 12px !important;
    }


    .customer-vmenu-copy strong{
        font-size:
            13px !important;
    }


    .customer-vmenu-copy small{
        font-size:
            8.5px !important;
    }

}

/* /WINCARS_PROFILE_VMENU_MOBILE_FIX_V4 */



/*
================================================================
 WINCARS_PROFILE_HOME_REDESIGN_V5
 Rediseña LO QUE YA EXISTE.
 No elimina tarjetas, datos ni rutas.
================================================================
*/


/* ============================================================
   CONTENEDOR
============================================================ */

.wc-account-home-v122{
    width:100% !important;
    max-width:520px !important;
    margin:0 auto !important;
    padding:8px 0 88px !important;
    color:#fff !important;
}


/* ============================================================
   SALUDO
============================================================ */

.wc-account-hero-v122{
    position:relative !important;

    margin:0 0 22px !important;

    padding:
        5px 0
        0 15px !important;

    border:0 !important;
}


.wc-account-hero-v122::before{
    content:"" !important;

    position:absolute !important;

    left:0 !important;
    top:7px !important;

    width:2px !important;
    height:46px !important;

    background:#ef343d !important;

    border-radius:99px !important;
}


.wc-account-hero-v122 small{
    display:block !important;

    margin:0 0 7px !important;

    color:#ef343d !important;

    font-size:8px !important;
    font-weight:800 !important;

    letter-spacing:.17em !important;

    text-transform:uppercase !important;
}


.wc-account-hero-v122 h1{
    margin:0 !important;

    color:#fff !important;

    font-family:
        "DM Sans",
        Arial,
        sans-serif !important;

    font-size:27px !important;
    line-height:1.08 !important;

    font-weight:750 !important;

    letter-spacing:-.03em !important;
}


.wc-account-hero-v122 p{
    max-width:390px !important;

    margin:
        9px 0
        0 !important;

    color:#737d89 !important;

    font-size:9px !important;
    line-height:1.6 !important;
}


/* ============================================================
   ESTADISTICAS
============================================================ */

.wc-account-stats-v122{
    display:grid !important;

    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        ) !important;

    gap:8px !important;

    margin:
        0 0
        15px !important;
}


.wc-account-stat-v122{
    position:relative !important;

    overflow:hidden !important;

    min-height:72px !important;

    padding:
        13px 13px
        12px !important;

    background:
        #0e1218 !important;

    border:
        1px solid
        rgba(255,255,255,.07) !important;

    border-radius:
        11px !important;

    box-shadow:none !important;
}


.wc-account-stat-v122::before{
    content:"" !important;

    position:absolute !important;

    left:0 !important;
    top:14px !important;

    width:2px !important;
    height:19px !important;

    background:#ef343d !important;

    border-radius:
        0 2px 2px 0 !important;
}


.wc-account-stat-v122::after{
    content:"" !important;

    position:absolute !important;

    right:-20px !important;
    bottom:-25px !important;

    width:58px !important;
    height:58px !important;

    border:
        1px solid
        rgba(239,52,61,.12) !important;

    border-radius:50% !important;
}


.wc-account-stat-v122 span{
    display:block !important;

    margin:
        0 0
        7px !important;

    color:#69727e !important;

    font-size:7px !important;
    font-weight:800 !important;

    letter-spacing:.1em !important;

    text-transform:uppercase !important;
}


.wc-account-stat-v122 strong{
    color:#fff !important;

    font-size:20px !important;
    line-height:1 !important;

    font-weight:750 !important;
}


/* ============================================================
   LISTA TIPO MENU HAMBURGUESA
============================================================ */

.wc-account-links-v122{
    display:block !important;

    margin:
        0 0
        16px !important;

    overflow:hidden !important;

    background:#090c10 !important;

    border:
        1px solid
        rgba(255,255,255,.075) !important;

    border-radius:
        13px !important;

    box-shadow:none !important;
}


/* quitar comportamiento de cards */

.wc-account-link-v122{
    position:relative !important;

    width:100% !important;

    min-height:58px !important;

    display:grid !important;

    grid-template-columns:
        36px
        minmax(0,1fr)
        18px !important;

    align-items:center !important;

    gap:10px !important;

    margin:0 !important;

    padding:
        8px 13px !important;

    color:#fff !important;

    background:
        transparent !important;

    border:0 !important;

    border-bottom:
        1px solid
        rgba(255,255,255,.045) !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;

    text-decoration:
        none !important;

    transform:
        none !important;
}


.wc-account-link-v122:last-child{
    border-bottom:0 !important;
}


.wc-account-link-v122:hover{
    background:
        #11151b !important;

    border-color:
        rgba(255,255,255,.045) !important;

    transform:
        none !important;
}


/* quitar rayita anterior */

.wc-account-link-v122::before{
    display:none !important;
}


/* flecha derecha */

.wc-account-link-v122::after{
    content:"›" !important;

    grid-column:3 !important;
    grid-row:1 / span 2 !important;

    align-self:center !important;

    color:#454e59 !important;

    font-size:21px !important;
    font-weight:300 !important;

    line-height:1 !important;

    text-align:right !important;
}


/*
 * El STRONG contiene actualmente el emoji + texto.
 * Lo usamos como primera línea.
 */

.wc-account-link-v122 strong{
    grid-column:
        1 / 3 !important;

    display:block !important;

    margin:
        0 0
        3px !important;

    color:
        #f2f4f6 !important;

    font-size:
        12px !important;

    line-height:
        1.2 !important;

    font-weight:
        700 !important;
}


/*
 * Descripción debajo.
 */

.wc-account-link-v122 span{
    grid-column:
        1 / 3 !important;

    display:block !important;

    margin:0 !important;

    color:
        #626c78 !important;

    font-size:
        8px !important;

    line-height:
        1.35 !important;
}


/*
 * Detalle rojo al pasar.
 */

.wc-account-link-v122:hover::before{
    content:"" !important;

    display:block !important;

    position:absolute !important;

    left:0 !important;

    top:15px !important;
    bottom:15px !important;

    width:2px !important;

    background:#ef343d !important;

    border-radius:
        0 2px 2px 0 !important;
}


.wc-account-link-v122:hover::after{
    color:
        #ef343d !important;
}


/* ============================================================
   COMPRAS RECIENTES
   La página todavía trae estilo inline blanco.
   Lo anulamos SIN borrar HTML.
============================================================ */

.wc-account-home-v122 > section:last-of-type{
    margin:
        0 !important;

    padding:
        16px !important;

    color:
        #fff !important;

    background:
        #0e1218 !important;

    border:
        1px solid
        rgba(255,255,255,.075) !important;

    border-radius:
        13px !important;

    box-shadow:
        none !important;
}


.wc-account-home-v122 > section:last-of-type h2{
    position:relative !important;

    margin:
        0 0
        15px !important;

    padding-left:
        12px !important;

    color:
        #fff !important;

    font-size:
        15px !important;

    font-weight:
        700 !important;
}


.wc-account-home-v122 > section:last-of-type h2::before{
    content:"" !important;

    position:absolute !important;

    left:0 !important;
    top:2px !important;

    width:2px !important;
    height:16px !important;

    background:
        #ef343d !important;

    border-radius:
        99px !important;
}


.wc-account-home-v122 > section:last-of-type p{
    color:
        #737d89 !important;

    font-size:
        9px !important;
}


.wc-account-home-v122 > section:last-of-type a{
    color:
        #fff !important;

    text-decoration:
        none !important;
}


/* ============================================================
   TABLA COMPRAS
============================================================ */

.wc-account-table-v122{
    width:
        100% !important;

    min-width:
        500px !important;

    border-collapse:
        collapse !important;

    background:
        transparent !important;
}


.wc-account-table-v122 th{
    padding:
        9px 7px !important;

    color:
        #59636f !important;

    border-bottom:
        1px solid
        rgba(255,255,255,.07) !important;

    font-size:
        7px !important;

    font-weight:
        800 !important;

    letter-spacing:
        .09em !important;

    text-transform:
        uppercase !important;
}


.wc-account-table-v122 td{
    padding:
        10px 7px !important;

    color:
        #bac1ca !important;

    border-bottom:
        1px solid
        rgba(255,255,255,.045) !important;

    font-size:
        8px !important;
}


/* ============================================================
   MOBILE
============================================================ */

@media(max-width:760px){

    .wc-account-home-v122{
        max-width:
            100% !important;

        padding-top:
            3px !important;
    }


    .wc-account-hero-v122{
        margin-bottom:
            18px !important;
    }


    .wc-account-hero-v122 h1{
        font-size:
            24px !important;
    }


    .wc-account-stats-v122{
        gap:
            7px !important;
    }


    .wc-account-stat-v122{
        min-height:
            67px !important;

        padding:
            12px !important;
    }


    .wc-account-stat-v122 strong{
        font-size:
            19px !important;
    }


    .wc-account-link-v122{
        min-height:
            56px !important;

        padding:
            8px 12px !important;
    }

}


/* /WINCARS_PROFILE_HOME_REDESIGN_V5 */



/* ============================================================
   WINCARS_SESSION_SINGLE_CTA_STYLE_V1
   Botón único para sesión activa
============================================================ */

.account-ready.account-ready-single{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;

    margin-top:14px !important;
    padding:0 !important;

    width:100% !important;
}

.account-session-cta{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-width:160px !important;
    min-height:42px !important;

    padding:0 18px !important;

    border:1px solid rgba(239,52,61,.55) !important;
    border-radius:10px !important;

    background:#ef343d !important;
    color:#fff !important;

    font-size:13px !important;
    font-weight:800 !important;
    line-height:1 !important;

    text-decoration:none !important;

    box-shadow:
        0 8px 20px rgba(239,52,61,.18) !important;

    transition:
        transform .15s ease,
        background .15s ease,
        border-color .15s ease !important;
}

.account-session-cta:hover{
    background:#ff4650 !important;
    border-color:#ff4650 !important;
}

.account-session-cta:active{
    transform:scale(.98) !important;
}

/* /WINCARS_SESSION_SINGLE_CTA_STYLE_V1 */


/* ============================================================
   WINCARS_SESSION_SINGLE_CTA_STYLE_V1
   Botón único para sesión activa
============================================================ */

.account-ready.account-ready-single{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;

    margin-top:14px !important;
    padding:0 !important;

    width:100% !important;
}

.account-session-cta{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-width:160px !important;
    min-height:42px !important;

    padding:0 18px !important;

    border:1px solid rgba(239,52,61,.55) !important;
    border-radius:10px !important;

    background:#ef343d !important;
    color:#fff !important;

    font-size:13px !important;
    font-weight:800 !important;
    line-height:1 !important;

    text-decoration:none !important;

    box-shadow:
        0 8px 20px rgba(239,52,61,.18) !important;

    transition:
        transform .15s ease,
        background .15s ease,
        border-color .15s ease !important;
}

.account-session-cta:hover{
    background:#ff4650 !important;
    border-color:#ff4650 !important;
}

.account-session-cta:active{
    transform:scale(.98) !important;
}

/* /WINCARS_SESSION_SINGLE_CTA_STYLE_V1 */


/* ============================================================
   WINCARS_SESSION_SINGLE_CTA_STYLE_V1
   Botón único para sesión activa
============================================================ */

.account-ready.account-ready-single{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;

    margin-top:14px !important;
    padding:0 !important;

    width:100% !important;
}

.account-session-cta{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-width:160px !important;
    min-height:42px !important;

    padding:0 18px !important;

    border:1px solid rgba(239,52,61,.55) !important;
    border-radius:10px !important;

    background:#ef343d !important;
    color:#fff !important;

    font-size:13px !important;
    font-weight:800 !important;
    line-height:1 !important;

    text-decoration:none !important;

    box-shadow:
        0 8px 20px rgba(239,52,61,.18) !important;

    transition:
        transform .15s ease,
        background .15s ease,
        border-color .15s ease !important;
}

.account-session-cta:hover{
    background:#ff4650 !important;
    border-color:#ff4650 !important;
}

.account-session-cta:active{
    transform:scale(.98) !important;
}

/* /WINCARS_SESSION_SINGLE_CTA_STYLE_V1 */


/* ============================================================
   WINCARS_SESSION_CARD_PADDING_V2
============================================================ */

.account-panel:has(.account-ready-single){
    min-height:265px !important;
    padding-top:30px !important;
    padding-bottom:30px !important;
}

.account-panel:has(.account-ready-single) .account-panel-head{
    padding-top:48px !important;
    padding-bottom:12px !important;
}

.account-panel:has(.account-ready-single) .account-panel-head::before{
    top:18px !important;
}

.account-panel:has(.account-ready-single) .account-ready-single{
    margin-top:26px !important;
    margin-bottom:10px !important;
}

/* /WINCARS_SESSION_CARD_PADDING_V2 */


/* ============================================================
   WINCARS_LOGIN_NO_OUTER_CARD_V1
============================================================ */

.customer-public-shell .account-panel{
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;

    padding-left:0 !important;
    padding-right:0 !important;
}

.customer-public-shell .account-panel::before,
.customer-public-shell .account-panel::after{
    display:none !important;
    content:none !important;
}

/* /WINCARS_LOGIN_NO_OUTER_CARD_V1 */


/* ============================================================
   WINCARS_LOGIN_PANEL_FLAT_V2
   El contenedor real es:
   .account-page > .account-hero > .account-panel
============================================================ */

body .customer-public-shell
.account-page
.account-hero
.account-panel{
    background:transparent !important;
    background-color:transparent !important;

    border:0 !important;
    border-color:transparent !important;

    border-radius:0 !important;

    box-shadow:none !important;

    outline:0 !important;

    padding-left:0 !important;
    padding-right:0 !important;
}

/* quitar decoraciones generadas por el panel */
body .customer-public-shell
.account-page
.account-hero
.account-panel::before,
body .customer-public-shell
.account-page
.account-hero
.account-panel::after{
    content:none !important;
    display:none !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
}

/* /WINCARS_LOGIN_PANEL_FLAT_V2 */


/* ============================================================
   WINCARS_LOGIN_FLAT_REAL_V3
   Estructura confirmada por DevTools:
   .account-page > .account-hero > .account-panel
============================================================ */

body .account-page > .account-hero > .account-panel{
    background:transparent !important;
    background-color:transparent !important;

    border:none !important;
    border-width:0 !important;
    border-color:transparent !important;

    border-radius:0 !important;

    box-shadow:none !important;
    outline:none !important;
}

/* quitar cualquier decoración generada */
body .account-page > .account-hero > .account-panel::before,
body .account-page > .account-hero > .account-panel::after{
    content:none !important;
    display:none !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

/* mantener contenido con ancho correcto */
body .account-page > .account-hero > .account-panel{
    width:100% !important;
    max-width:none !important;
}

/* /WINCARS_LOGIN_FLAT_REAL_V3 */