/* ============================================================
   TEMPTATION ACCOUNT BREADCRUMB V3

   SOLO páginas account/*
   - Login
   - Registro
   - Mi cuenta
   - Pedidos
   - Direcciones
   - Contraseña
   - Wishlist
   - Etc.

   NO modifica:
   - categorías
   - productos
   - búsquedas
   - fabricantes / marcas
   - especiales
   ============================================================ */


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

body[class*="account-"]
.txp-v132-shell[data-txp-account-category="1"]{
    position:relative!important;

    display:block!important;

    width:100%!important;
    max-width:1040px!important;

    margin:
        0
        auto
        20px!important;

    padding:
        18px
        18px
        0!important;

    box-sizing:border-box!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;

    text-align:left!important;
}


/* El contenedor NO debe parecer una tarjeta gigante */

body[class*="account-"]
.txp-v132-shell[data-txp-account-category="1"]
.txp-v132-card{
    position:relative!important;

    display:block!important;

    width:100%!important;
    max-width:100%!important;

    margin:0!important;
    padding:0!important;

    background:transparent!important;

    border:0!important;
    border-radius:0!important;

    box-shadow:none!important;

    overflow:visible!important;

    text-align:left!important;
}


/* ============================================================
   LÍNEA DE MARCA
   ============================================================ */

body[class*="account-"]
.txp-v132-shell[data-txp-account-category="1"]
.txp-v132-accent{
    position:static!important;

    display:block!important;

    width:62px!important;
    min-width:62px!important;
    max-width:62px!important;

    height:4px!important;
    min-height:4px!important;

    margin:
        0
        0
        12px!important;

    padding:0!important;

    background:
        linear-gradient(
            92deg,
            #a72952 0%,
            #c65578 48%,
            #775f91 100%
        )!important;

    border:0!important;
    border-radius:999px!important;

    transform:none!important;
}


/* ============================================================
   TÍTULO
   ============================================================ */

body[class*="account-"]
.txp-v132-shell[data-txp-account-category="1"]
.txp-v132-title{
    position:static!important;

    display:block!important;

    width:auto!important;
    max-width:100%!important;

    margin:
        0
        0
        13px!important;

    padding:0!important;

    color:#564b55!important;

    font-family:
        Poppins,
        Arial,
        sans-serif!important;

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

    line-height:1.12!important;
    letter-spacing:-.35px!important;

    text-align:left!important;

    border:0!important;

    transform:none!important;
}


/* ============================================================
   BREADCRUMB — CÁPSULA COMPACTA
   ============================================================ */

body[class*="account-"]
.txp-v132-shell[data-txp-account-category="1"]
.txp-v132-breadcrumb{
    position:static!important;

    display:inline-flex!important;

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

    flex-wrap:nowrap!important;

    width:max-content!important;
    max-width:100%!important;

    min-height:43px!important;
    height:auto!important;

    margin:0!important;

    padding:
        9px
        14px!important;

    box-sizing:border-box!important;

    background:
        linear-gradient(
            128deg,
            #fff7f8 0%,
            #f5f1fa 50%,
            #eff5fa 100%
        )!important;

    border:
        1px solid
        rgba(84,69,80,.11)!important;

    border-radius:999px!important;

    box-shadow:
        0 4px 12px
        rgba(84,69,80,.045)!important;

    overflow:hidden!important;

    text-align:left!important;
    white-space:nowrap!important;
}


/* ============================================================
   ELEMENTOS DEL BREADCRUMB
   ============================================================ */

body[class*="account-"]
.txp-v132-shell[data-txp-account-category="1"]
.txp-v132-breadcrumb a,

body[class*="account-"]
.txp-v132-shell[data-txp-account-category="1"]
.txp-v132-breadcrumb span{
    display:inline-flex!important;

    align-items:center!important;

    margin:0!important;
    padding:0!important;

    color:#796e77!important;

    font-family:
        Poppins,
        Arial,
        sans-serif!important;

    font-size:13px!important;
    font-weight:650!important;

    line-height:1.2!important;

    text-decoration:none!important;

    white-space:nowrap!important;
}


/* Inicio */

body[class*="account-"]
.txp-v132-shell[data-txp-account-category="1"]
.txp-v132-breadcrumb a:first-child{
    gap:6px!important;
}


/* Página actual */

body[class*="account-"]
.txp-v132-shell[data-txp-account-category="1"]
.txp-v132-breadcrumb
.txp-v132-parent{
    color:#564b55!important;
    font-weight:750!important;
}


/* Separadores */

body[class*="account-"]
.txp-v132-shell[data-txp-account-category="1"]
.txp-v132-breadcrumb
.txp-v132-separator{
    flex:0 0 auto!important;

    margin:
        0
        8px!important;

    color:#8b7180!important;

    font-size:13px!important;
    font-weight:600!important;
}


/* Icono Inicio */

body[class*="account-"]
.txp-v132-shell[data-txp-account-category="1"]
.txp-v132-breadcrumb
.fa-home{
    flex:
        0
        0
        19px!important;

    width:19px!important;
    min-width:19px!important;

    height:19px!important;
    min-height:19px!important;

    margin:0!important;

    background-size:
        19px
        19px!important;
}


/* ============================================================
   MÓVIL
   ============================================================ */

@media(max-width:767px){

    body[class*="account-"]
    .txp-v132-shell[data-txp-account-category="1"]{
        width:100%!important;

        max-width:none!important;

        margin:
            0
            0
            18px!important;

        padding:
            16px
            26px
            0!important;
    }


    body[class*="account-"]
    .txp-v132-shell[data-txp-account-category="1"]
    .txp-v132-accent{
        width:50px!important;
        min-width:50px!important;
        max-width:50px!important;

        height:4px!important;

        margin-bottom:10px!important;
    }


    body[class*="account-"]
    .txp-v132-shell[data-txp-account-category="1"]
    .txp-v132-title{
        margin-bottom:12px!important;

        font-size:22px!important;
        line-height:1.15!important;
        letter-spacing:-.25px!important;
    }


    body[class*="account-"]
    .txp-v132-shell[data-txp-account-category="1"]
    .txp-v132-breadcrumb{
        width:max-content!important;

        max-width:
            calc(
                100vw - 52px
            )!important;

        min-height:40px!important;

        padding:
            8px
            12px!important;

        border-radius:999px!important;

        overflow:hidden!important;
    }


    body[class*="account-"]
    .txp-v132-shell[data-txp-account-category="1"]
    .txp-v132-breadcrumb a,

    body[class*="account-"]
    .txp-v132-shell[data-txp-account-category="1"]
    .txp-v132-breadcrumb span{
        min-width:0!important;

        font-size:12px!important;
        line-height:1.15!important;
    }


    body[class*="account-"]
    .txp-v132-shell[data-txp-account-category="1"]
    .txp-v132-breadcrumb
    .txp-v132-parent{
        max-width:155px!important;

        overflow:hidden!important;

        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }


    body[class*="account-"]
    .txp-v132-shell[data-txp-account-category="1"]
    .txp-v132-breadcrumb
    .txp-v132-separator{
        margin:
            0
            6px!important;
    }


    body[class*="account-"]
    .txp-v132-shell[data-txp-account-category="1"]
    .txp-v132-breadcrumb
    .fa-home{
        flex:
            0
            0
            18px!important;

        width:18px!important;
        min-width:18px!important;

        height:18px!important;
        min-height:18px!important;

        background-size:
            18px
            18px!important;
    }

}


/* ============================================================
   TELÉFONOS MUY ESTRECHOS
   ============================================================ */

@media(max-width:374px){

    body[class*="account-"]
    .txp-v132-shell[data-txp-account-category="1"]{
        padding-left:18px!important;
        padding-right:18px!important;
    }


    body[class*="account-"]
    .txp-v132-shell[data-txp-account-category="1"]
    .txp-v132-breadcrumb{
        max-width:
            calc(
                100vw - 36px
            )!important;
    }


    body[class*="account-"]
    .txp-v132-shell[data-txp-account-category="1"]
    .txp-v132-breadcrumb
    .txp-v132-parent{
        max-width:125px!important;
    }

}

/* TXP_ACCOUNT_TITLE_WEIGHT_FIX_V1 */
body[class*="account-"]
.txp-v132-shell[data-txp-account-category="1"]
.txp-v132-title{
    font-weight:650!important;
}

/* TXP_ACCOUNT_TITLE_WEIGHT_FIX_V2 */
body[class*="account-"]
.txp-v132-shell[data-txp-account-category="1"]
.txp-v132-title{
    font-weight:500!important;
}

/* TXP_ACCOUNT_TITLE_WEIGHT_FIX_V3 */
body[class*="account-"]
.txp-v132-shell[data-txp-account-category="1"]
.txp-v132-title{
    font-weight:600!important;
}