/*
 * UPSEX_ACCOUNT_HERO_BREADCRUMB_TABLET_PC_V1
 *
 * Alcance:
 * - Únicamente páginas account-*.
 * - Únicamente tablet y PC.
 * - No modifica móvil.
 * - No modifica formularios ni contenido interno.
 */

@media screen and (min-width:768px){

    /*
     * Elimina desde el primer render la antigua franja
     * rosada con la imagen de juguetes.
     */
    html body[class*="account-"]
    #upsex-desktop-header-v1 + .breadcrumbs{
        position:relative!important;
        display:block!important;
        width:100%!important;
        min-height:0!important;
        height:auto!important;
        margin:0!important;
        padding:0!important;
        overflow:hidden!important;
        text-align:left!important;
        border:0!important;
        border-bottom:1px solid rgba(184,138,0,.20)!important;
        background:
            radial-gradient(
                circle at 94% 12%,
                rgba(207,177,219,.24),
                transparent 30%
            ),
            radial-gradient(
                circle at 5% 92%,
                rgba(218,175,74,.13),
                transparent 34%
            ),
            linear-gradient(
                112deg,
                #fffaf1 0%,
                #fff8ed 44%,
                #fbf4f8 100%
            )!important;
        background-image:
            radial-gradient(
                circle at 94% 12%,
                rgba(207,177,219,.24),
                transparent 30%
            ),
            radial-gradient(
                circle at 5% 92%,
                rgba(218,175,74,.13),
                transparent 34%
            ),
            linear-gradient(
                112deg,
                #fffaf1 0%,
                #fff8ed 44%,
                #fbf4f8 100%
            )!important;
        background-size:auto!important;
        background-position:center!important;
    }

    html body[class*="account-"]
    #upsex-desktop-header-v1 + .breadcrumbs::before{
        content:""!important;
        position:absolute!important;
        top:-85px!important;
        right:5%!important;
        width:230px!important;
        height:230px!important;
        border-radius:50%!important;
        background:
            radial-gradient(
                circle,
                rgba(255,255,255,.68) 0%,
                rgba(255,255,255,0) 69%
            )!important;
        pointer-events:none!important;
    }

    html body[class*="account-"]
    #upsex-desktop-header-v1 + .breadcrumbs::after{
        content:""!important;
        position:absolute!important;
        right:24px!important;
        bottom:16px!important;
        width:82px!important;
        height:82px!important;
        opacity:.38!important;
        border-radius:50%!important;
        background:
            radial-gradient(
                circle at 30% 30%,
                rgba(184,138,0,.20) 0 3px,
                transparent 4px
            ) 0 0 / 22px 22px!important;
        pointer-events:none!important;
    }

    html body[class*="account-"]
    #upsex-desktop-header-v1 + .breadcrumbs
    > .container{
        position:relative!important;
        z-index:2!important;
        width:100%!important;
        max-width:1440px!important;
        margin-right:auto!important;
        margin-left:auto!important;
        padding-right:30px!important;
        padding-left:30px!important;
    }

    html body[class*="account-"]
    #upsex-desktop-header-v1 + .breadcrumbs
    > .container
    > .container-inner{
        width:100%!important;
        margin:0!important;
        padding:0!important;
    }

    html body.upsex-account-hero-desktop-v1
    .upsex-account-hero-shell-v1{
        position:relative!important;
        display:block!important;
        width:100%!important;
        min-height:0!important;
        margin:0!important;
        padding:31px 0 28px!important;
        border:0!important;
        background:none!important;
        box-shadow:none!important;
    }

    html body.upsex-account-hero-desktop-v1
    .upsex-account-hero-card-v1{
        position:relative!important;
        display:grid!important;
        grid-template-columns:5px minmax(0,1fr)!important;
        grid-template-areas:
            "accent title"
            "accent breadcrumb"!important;
        column-gap:16px!important;
        row-gap:0!important;
        width:100%!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        background:none!important;
        box-shadow:none!important;
    }

    html body.upsex-account-hero-desktop-v1
    .upsex-account-hero-accent-v1{
        grid-area:accent!important;
        display:block!important;
        align-self:stretch!important;
        width:5px!important;
        min-height:82px!important;
        border-radius:999px!important;
        background:
            linear-gradient(
                180deg,
                #d5b253 0%,
                #b88a00 52%,
                #e2c875 100%
            )!important;
        box-shadow:
            0 4px 18px rgba(184,138,0,.18)!important;
    }

    html body.upsex-account-hero-desktop-v1
    .upsex-account-hero-title-v1{
        grid-area:title!important;
        display:block!important;
        width:auto!important;
        max-width:100%!important;
        margin:0!important;
        padding:0!important;
        color:#292225!important;
        font-family:
            Poppins,
            Arial,
            sans-serif!important;
        font-size:34px!important;
        font-weight:750!important;
        line-height:1.10!important;
        letter-spacing:-.75px!important;
        text-align:left!important;
        text-transform:uppercase!important;
        text-shadow:
            0 1px 0 rgba(255,255,255,.55)!important;
    }

    html body.upsex-account-hero-desktop-v1
    .upsex-account-hero-title-v1
    .upsex-title-gold-word{
        color:#b88a00!important;
        background:
            linear-gradient(
                120deg,
                #8f6800 0%,
                #c49a1b 47%,
                #a87800 100%
            )!important;
        -webkit-background-clip:text!important;
        background-clip:text!important;
        -webkit-text-fill-color:transparent!important;
        text-shadow:none!important;
    }

    html body.upsex-account-hero-desktop-v1
    .upsex-account-hero-breadcrumb-v1{
        grid-area:breadcrumb!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        flex-wrap:wrap!important;
        justify-self:start!important;
        width:auto!important;
        max-width:100%!important;
        min-height:40px!important;
        height:auto!important;
        margin:17px 0 0!important;
        padding:9px 15px!important;
        column-gap:8px!important;
        row-gap:5px!important;
        border:1px solid rgba(184,138,0,.20)!important;
        border-radius:999px!important;
        background:
            rgba(255,255,255,.76)!important;
        box-shadow:
            0 8px 22px rgba(71,45,52,.055),
            inset 0 1px 0 rgba(255,255,255,.92)!important;
        list-style:none!important;
        text-align:left!important;
        backdrop-filter:blur(5px)!important;
        -webkit-backdrop-filter:blur(5px)!important;
    }

    html body.upsex-account-hero-desktop-v1
    .upsex-account-hero-breadcrumb-v1
    a,
    html body.upsex-account-hero-desktop-v1
    .upsex-account-hero-breadcrumb-v1
    span{
        display:inline-flex!important;
        align-items:center!important;
        gap:6px!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        background:none!important;
        color:#4c2934!important;
        font-family:
            Poppins,
            Arial,
            sans-serif!important;
        font-size:13px!important;
        font-weight:550!important;
        line-height:1.35!important;
        letter-spacing:0!important;
        text-decoration:none!important;
        text-transform:none!important;
        white-space:normal!important;
    }

    html body.upsex-account-hero-desktop-v1
    .upsex-account-hero-breadcrumb-v1
    a:hover,
    html body.upsex-account-hero-desktop-v1
    .upsex-account-hero-breadcrumb-v1
    a:focus{
        color:#b88a00!important;
        text-decoration:none!important;
    }

    html body.upsex-account-hero-desktop-v1
    .upsex-account-hero-breadcrumb-v1
    .fa{
        color:#292225!important;
        font-size:15px!important;
        line-height:1!important;
    }

    html body.upsex-account-hero-desktop-v1
    .upsex-account-hero-breadcrumb-v1
    .upsex-account-hero-separator-v1{
        color:#b88a00!important;
        font-size:18px!important;
        font-weight:650!important;
        line-height:1!important;
    }

    html body.upsex-account-hero-desktop-v1
    .upsex-account-hero-breadcrumb-v1
    .upsex-account-hero-current-v1{
        color:#292225!important;
        font-weight:650!important;
    }

    /*
     * El breadcrumb nativo permanece en el DOM,
     * pero queda visualmente reemplazado.
     */
    html body.upsex-account-hero-desktop-v1
    div[id^="account-"].container
    > ul.breadcrumb.upsex-account-native-breadcrumb-hidden-v1{
        display:none!important;
        visibility:hidden!important;
        opacity:0!important;
        pointer-events:none!important;
        width:0!important;
        height:0!important;
        min-height:0!important;
        margin:0!important;
        padding:0!important;
        overflow:hidden!important;
    }

    /*
     * Conserva intacto el contenido de la cuenta.
     */
    html body.upsex-account-hero-desktop-v1
    div[id^="account-"].container{
        margin-top:24px!important;
    }

    @media screen and (min-width:768px) and (max-width:991px){

        html body[class*="account-"]
        #upsex-desktop-header-v1 + .breadcrumbs
        > .container{
            padding-right:22px!important;
            padding-left:22px!important;
        }

        html body.upsex-account-hero-desktop-v1
        .upsex-account-hero-shell-v1{
            padding-top:25px!important;
            padding-bottom:23px!important;
        }

        html body.upsex-account-hero-desktop-v1
        .upsex-account-hero-card-v1{
            grid-template-columns:4px minmax(0,1fr)!important;
            column-gap:13px!important;
        }

        html body.upsex-account-hero-desktop-v1
        .upsex-account-hero-accent-v1{
            width:4px!important;
            min-height:72px!important;
        }

        html body.upsex-account-hero-desktop-v1
        .upsex-account-hero-title-v1{
            font-size:29px!important;
            letter-spacing:-.45px!important;
        }

        html body.upsex-account-hero-desktop-v1
        .upsex-account-hero-breadcrumb-v1{
            min-height:38px!important;
            margin-top:14px!important;
            padding:8px 13px!important;
        }

        html body.upsex-account-hero-desktop-v1
        .upsex-account-hero-breadcrumb-v1
        a,
        html body.upsex-account-hero-desktop-v1
        .upsex-account-hero-breadcrumb-v1
        span{
            font-size:12.5px!important;
        }
    }
}

/* UPSEX_ACCOUNT_HOME_SVG_TABLET_PC_V4_START */

/*
 * Casita SVG del breadcrumb superior de páginas account.
 * Solo tablet y PC.
 */

@media screen and (min-width:768px){

    html body.upsex-account-hero-desktop-v1
    .upsex-account-hero-breadcrumb-v1
    .upsex-account-home-svg-v4{
        display:block!important;
        flex:0 0 auto!important;
        width:15px!important;
        height:15px!important;
        margin:0!important;
        padding:0!important;
        overflow:visible!important;
        fill:none!important;
        stroke:#292225!important;
        stroke-width:1.9!important;
        stroke-linecap:round!important;
        stroke-linejoin:round!important;
        color:#292225!important;
        transform:none!important;
    }

    html body.upsex-account-hero-desktop-v1
    .upsex-account-hero-breadcrumb-v1
    a:hover
    .upsex-account-home-svg-v4,
    html body.upsex-account-hero-desktop-v1
    .upsex-account-hero-breadcrumb-v1
    a:focus
    .upsex-account-home-svg-v4{
        stroke:#b88a00!important;
        color:#b88a00!important;
    }

    @media screen and (min-width:768px) and (max-width:991px){

        html body.upsex-account-hero-desktop-v1
        .upsex-account-hero-breadcrumb-v1
        .upsex-account-home-svg-v4{
            width:14px!important;
            height:14px!important;
        }
    }
}

/* UPSEX_ACCOUNT_HOME_SVG_TABLET_PC_V4_END */

/* UPSEX_ACCOUNT_LEGACY_V7_DESKTOP_CLEAN_START */

/*
 * Eliminación visual definitiva del hero interno V7.
 * Exclusivo para tablet y PC.
 * No depende de clases agregadas al body.
 */
@media screen and (min-width:768px){

    html body #account-register.container
    > section.upsex-account-hero-v7,

    html body #account-success.container
    > section.upsex-account-hero-v7,

    html body #account-register
    .upsex-account-hero-v7,

    html body #account-success
    .upsex-account-hero-v7{
        display:none!important;
        visibility:hidden!important;
        opacity:0!important;
        pointer-events:none!important;
        position:absolute!important;
        left:-999999px!important;
        top:-999999px!important;
        width:0!important;
        height:0!important;
        min-width:0!important;
        min-height:0!important;
        max-width:0!important;
        max-height:0!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        overflow:hidden!important;
    }

    /*
     * Breadcrumb nativo repetido debajo del hero nuevo.
     */
    html body #account-register.container
    > ul.breadcrumb,

    html body #account-success.container
    > ul.breadcrumb,

    html body #account-register
    ul.breadcrumb[data-upsex-breadcrumb-v8="1"],

    html body #account-success
    ul.breadcrumb[data-upsex-breadcrumb-v8="1"]{
        display:none!important;
        visibility:hidden!important;
        opacity:0!important;
        pointer-events:none!important;
        position:absolute!important;
        left:-999999px!important;
        width:0!important;
        height:0!important;
        min-height:0!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        overflow:hidden!important;
    }

    /*
     * H1 nativo repetido dentro del formulario.
     */
    html body #account-register
    #content
    > h1,

    html body #account-success
    #content
    > h1{
        display:none!important;
        visibility:hidden!important;
        opacity:0!important;
        pointer-events:none!important;
        position:absolute!important;
        left:-999999px!important;
        width:0!important;
        height:0!important;
        margin:0!important;
        padding:0!important;
        overflow:hidden!important;
    }
}

/* UPSEX_ACCOUNT_LEGACY_V7_DESKTOP_CLEAN_END */