/* =========================================================
   CONFETI ORIGINAL LUCE BONITO
   ========================================================= */

body.lb-hide-home-confetti .home-confetti {
    display: none !important;
}


/* =========================================================
   LUCE BONITO · CAMPAÑAS
   ========================================================= */

body.lb-campaign-hidden #outlet {
    display: none !important;
}


/*
 * El confeti antiguo queda desactivado.
 * Ahora los efectos los controla campanas.js.
 */



/* =========================================================
   BANNERS DISTINTOS DE SUPER OUTLET
   ========================================================= */

#inicio > #outlet.lb-campaign-banner:not(.lb-outlet-warning) {

    position: absolute !important;

    z-index: 12 !important;

    top: 52% !important;
    left: 50% !important;

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

    transform:
        translate(-50%,-50%)
        rotate(-.5deg) !important;

    border-radius: 20px !important;

    overflow: hidden !important;

    box-shadow:
        0 14px 32px
        rgba(65,40,70,.13) !important;

    backdrop-filter:
        blur(3px) !important;
}


#inicio >
#outlet.lb-campaign-banner:not(.lb-outlet-warning)
.outlet-tape-inner {

    position: relative !important;

    min-height: 100px !important;

    padding:
        19px 90px 18px
        24px !important;

    display: flex !important;

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

    gap: 8px 15px !important;

    text-align: center !important;
}


#inicio >
#outlet.lb-campaign-banner:not(.lb-outlet-warning)
.outlet-tape-inner > strong {

    width: 100% !important;

    margin: 0 !important;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;

    font-size:
        clamp(22px,2.2vw,38px) !important;

    font-weight:
        650 !important;

    line-height:
        1 !important;

    letter-spacing:
        .045em !important;
}


#inicio >
#outlet.lb-campaign-banner:not(.lb-outlet-warning)
.outlet-tape-inner > em {

    margin: 0 !important;

    padding:
        6px 12px !important;

    font-size:
        13px !important;

    font-style:
        normal !important;

    font-weight:
        650 !important;

    border-radius:
        999px !important;

    background:
        rgba(255,255,255,.48) !important;
}


#inicio >
#outlet.lb-campaign-banner:not(.lb-outlet-warning)
.outlet-address-text {

    font-size:
        10px !important;

    letter-spacing:
        .04em !important;
}


/* =========================================================
   NAVIDAD PASTEL
   ========================================================= */

#outlet.lb-campaign-banner-navidad {

    color:
        #4d4d45 !important;

    background:
        linear-gradient(
            115deg,
            rgba(243,223,232,.95),
            rgba(205,221,201,.95),
            rgba(255,247,234,.96)
        ) !important;

    border:
        1px solid
        rgba(190,158,93,.48) !important;
}


#outlet.lb-campaign-banner-navidad
.outlet-tape-inner > strong {

    color:
        #4d5d4b !important;
}


/* =========================================================
   SAN VALENTÍN
   ========================================================= */

#outlet.lb-campaign-banner-sanvalentin {

    color:
        #6b3c55 !important;

    background:
        linear-gradient(
            115deg,
            rgba(246,218,229,.96),
            rgba(238,199,214,.95),
            rgba(255,246,241,.96)
        ) !important;

    border:
        1px solid
        rgba(148,78,108,.20) !important;
}


/* =========================================================
   REBAJAS
   ========================================================= */

#outlet.lb-campaign-banner-rebajas {

    color:
        #563d64 !important;

    background:
        linear-gradient(
            115deg,
            rgba(222,204,236,.96),
            rgba(248,220,233,.96),
            rgba(250,232,173,.94)
        ) !important;

    border:
        1px solid
        rgba(95,53,107,.15) !important;
}


/* =========================================================
   ANIVERSARIO
   ========================================================= */

#outlet.lb-campaign-banner-aniversario {

    color:
        #604b62 !important;

    background:
        linear-gradient(
            115deg,
            rgba(238,222,242,.96),
            rgba(250,231,239,.96),
            rgba(244,232,200,.95)
        ) !important;

    border:
        1px solid
        rgba(189,160,96,.30) !important;
}


/* =========================================================
   PERSONALIZADA
   ========================================================= */

#outlet.lb-campaign-banner-personalizada {

    color:
        var(
            --campaign-text,
            #54345f
        ) !important;

    background:
        linear-gradient(
            115deg,
            var(
                --campaign-color-1,
                #f3dfea
            ),
            var(
                --campaign-color-2,
                #d8c5e6
            )
        ) !important;

    border:
        1px solid
        rgba(80,50,90,.14) !important;
}


/* =========================================================
   DECORACIÓN
   ========================================================= */

.lb-campaign-decoration {

    position: absolute !important;

    right: 24px !important;
    top: 50% !important;

    transform:
        translateY(-50%)
        rotate(4deg) !important;

    font-size:
        clamp(33px,4vw,60px) !important;

    line-height:
        1 !important;

    filter:
        drop-shadow(
            0 4px 5px
            rgba(62,42,58,.10)
        );

    pointer-events:
        none !important;
}


/* =========================================================
   TEMA GENERAL DE LA WEB
   ========================================================= */

/* NAVIDAD */

body.lb-campaign-theme.lb-campaign-navidad
.lb-home-panel,

body.lb-campaign-theme.lb-campaign-navidad
.social-unified-section {

    background:
        linear-gradient(
            135deg,
            #f4e4eb 0%,
            #e3eddf 52%,
            #fff4e4 100%
        ) !important;

    border-color:
        rgba(154,132,83,.14) !important;
}


body.lb-campaign-theme.lb-campaign-navidad
.site-header {

    background:
        linear-gradient(
            180deg,
            #d7c5df 0%,
            #d6dfcf 100%
        ) !important;
}


/* SAN VALENTÍN */

body.lb-campaign-theme.lb-campaign-sanvalentin
.lb-home-panel,

body.lb-campaign-theme.lb-campaign-sanvalentin
.social-unified-section {

    background:
        linear-gradient(
            135deg,
            #f8e4ec,
            #f1d9e6,
            #fff0ec
        ) !important;
}


/* REBAJAS */

body.lb-campaign-theme.lb-campaign-rebajas
.lb-home-panel,

body.lb-campaign-theme.lb-campaign-rebajas
.social-unified-section {

    background:
        linear-gradient(
            135deg,
            #eee2f5,
            #f7e3ed,
            #faf0cd
        ) !important;
}


/* ANIVERSARIO */

body.lb-campaign-theme.lb-campaign-aniversario
.lb-home-panel,

body.lb-campaign-theme.lb-campaign-aniversario
.social-unified-section {

    background:
        linear-gradient(
            135deg,
            #f0e5f4,
            #f8e7ee,
            #f7efd9
        ) !important;
}


/* =========================================================
   EFECTOS
   ========================================================= */

.lb-campaign-effect {

    position: fixed;

    z-index: 9999;

    inset: 0;

    overflow: hidden;

    pointer-events: none;
}


.lb-campaign-effect span {

    position: absolute;

    left: var(--x);
    top: -35px;

    font-size: var(--size);

    animation:
        lbCampaignFall
        var(--duration)
        linear
        var(--delay)
        forwards;
}


.lb-effect-nieve span {

    color:
        rgba(255,255,255,.94);

    text-shadow:
        0 1px 3px
        rgba(92,80,100,.15);
}


.lb-effect-corazones span {

    color:
        rgba(194,111,151,.72);
}


.lb-effect-brillos span {

    color:
        rgba(205,172,92,.77);
}


.lb-effect-confetti span:nth-child(4n+1) {
    color: #c4a5d8;
}

.lb-effect-confetti span:nth-child(4n+2) {
    color: #edb8d0;
}

.lb-effect-confetti span:nth-child(4n+3) {
    color: #e8cf77;
}

.lb-effect-confetti span:nth-child(4n+4) {
    color: #b7d2b4;
}


@keyframes lbCampaignFall {

    from {
        transform:
            translate3d(
                0,
                -10vh,
                0
            )
            rotate(0deg);

        opacity: 0;
    }

    12% {
        opacity: 1;
    }

    to {
        transform:
            translate3d(
                35px,
                110vh,
                0
            )
            rotate(330deg);

        opacity: .7;
    }
}


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

@media(max-width:600px) {

    #inicio >
    #outlet.lb-campaign-banner:not(.lb-outlet-warning) {

        top:
            54% !important;

        width:
            calc(100% - 16px) !important;

        border-radius:
            11px !important;
    }


    #inicio >
    #outlet.lb-campaign-banner:not(.lb-outlet-warning)
    .outlet-tape-inner {

        min-height:
            68px !important;

        padding:
            10px 47px
            10px 10px !important;

        gap:
            4px 7px !important;
    }


    #inicio >
    #outlet.lb-campaign-banner:not(.lb-outlet-warning)
    .outlet-tape-inner > strong {

        font-size:
            16px !important;
    }


    #inicio >
    #outlet.lb-campaign-banner:not(.lb-outlet-warning)
    .outlet-tape-inner > em {

        padding:
            4px 7px !important;

        font-size:
            9px !important;
    }


    #inicio >
    #outlet.lb-campaign-banner:not(.lb-outlet-warning)
    .outlet-address-text {

        font-size:
            7px !important;
    }


    .lb-campaign-decoration {

        right:
            9px !important;

        font-size:
            28px !important;
    }
}


@media (
    prefers-reduced-motion:
    reduce
) {

    .lb-campaign-effect {
        display:
            none !important;
    }
}



/* =========================================================
   LUCE BONITO · CONFETI 24 PIEZAS
   ========================================================= */

/* El confeti HTML antiguo queda neutralizado.
   Ahora lo controla Campañas de forma consistente. */
.home-confetti {
    display: none !important;
}


.lb-confetti-24 span {

    position: absolute !important;

    top: -24px !important;
    left: var(--x) !important;

    width: 9px !important;
    height: 15px !important;

    border-radius: 2px !important;

    opacity: 0 !important;

    animation:
        lbConfetti24Fall
        var(--duration)
        cubic-bezier(.21,.65,.38,.94)
        var(--delay)
        1
        forwards !important;
}


/* Pasteles Luce Bonito */
.lb-confetti-24 span:nth-child(6n+1) {
    background: #c9aedb !important;
}

.lb-confetti-24 span:nth-child(6n+2) {
    background: #efbfd3 !important;
}

.lb-confetti-24 span:nth-child(6n+3) {
    background: #e8cf78 !important;
}

.lb-confetti-24 span:nth-child(6n+4) {
    background: #bcd5b7 !important;
}

.lb-confetti-24 span:nth-child(6n+5) {
    background: #f3dce8 !important;
}

.lb-confetti-24 span:nth-child(6n+6) {
    background: #b89acb !important;
}


/* Algunas piezas cuadradas */
.lb-confetti-24 span:nth-child(3n) {
    width: 11px !important;
    height: 11px !important;
}


/* Algunas redonditas */
.lb-confetti-24 span:nth-child(5n) {
    width: 10px !important;
    height: 10px !important;

    border-radius: 50% !important;
}


@keyframes lbConfetti24Fall {

    0% {
        transform:
            translate3d(0,-20px,0)
            rotate(0deg);

        opacity: 0;
    }

    8% {
        opacity: .95;
    }

    82% {
        opacity: .92;
    }

    100% {
        transform:
            translate3d(
                var(--drift),
                110vh,
                0
            )
            rotate(var(--rot));

        opacity: 0;
    }
}



/* =========================================================
   LUCE BONITO · CONFETI · MODO PRUEBA
   ========================================================= */

.lb-confetti-test {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;

    overflow: hidden !important;
    pointer-events: none !important;
}


.lb-confetti-test .lb-confetti-piece {
    position: absolute !important;

    top: -30px !important;

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

    opacity: 0;

    border-radius: 2px !important;

    animation-name: lbConfettiTestFall !important;
    animation-timing-function: linear !important;
    animation-fill-mode: forwards !important;
    animation-iteration-count: 1 !important;
}


.lb-confetti-test .lb-confetti-piece:nth-child(6n+1) {
    background: #c5a5d8 !important;
}

.lb-confetti-test .lb-confetti-piece:nth-child(6n+2) {
    background: #efb7d0 !important;
}

.lb-confetti-test .lb-confetti-piece:nth-child(6n+3) {
    background: #edd16e !important;
}

.lb-confetti-test .lb-confetti-piece:nth-child(6n+4) {
    background: #b6d4b3 !important;
}

.lb-confetti-test .lb-confetti-piece:nth-child(6n+5) {
    background: #f2dce8 !important;
}

.lb-confetti-test .lb-confetti-piece:nth-child(6n+6) {
    background: #9f7fba !important;
}


.lb-confetti-test .lb-confetti-piece:nth-child(4n) {
    width: 11px !important;
    height: 11px !important;
}


.lb-confetti-test .lb-confetti-piece:nth-child(5n) {
    border-radius: 50% !important;
}


@keyframes lbConfettiTestFall {

    0% {
        transform:
            translate3d(0, -25px, 0)
            rotate(0deg);

        opacity: 0;
    }

    8% {
        opacity: 1;
    }

    90% {
        opacity: .95;
    }

    100% {
        transform:
            translate3d(
                var(--drift),
                110vh,
                0
            )
            rotate(var(--rot));

        opacity: 0;
    }
}



/* =========================================================
   LUCE BONITO · ANTI FLASH CAMPAÑA
   ========================================================= */

#outlet.lb-campaign-loading {
    visibility: hidden !important;
}


/* Halloween boutique · decoración ligera y accesible */
#outlet.lb-campaign-banner-halloween{
  position:relative!important;overflow:hidden!important;isolation:isolate;
  color:#51344c!important;
  background:linear-gradient(112deg,#f8dfcf 0%,#f6e4f1 49%,#e9d9f3 100%)!important;
  border:1px solid rgba(139,90,134,.28)!important;
  box-shadow:0 10px 30px rgba(91,55,86,.12)!important;
}
#outlet.lb-campaign-banner-halloween::before{
  content:"🕸️";position:absolute;left:8px;top:0px;font-size:clamp(25px,4vw,46px);
  opacity:.64;transform:rotate(-18deg);pointer-events:none;z-index:0;
}
#outlet.lb-campaign-banner-halloween::after{
  content:"🦇 ✨";position:absolute;right:14px;top:3px;font-size:clamp(12px,2vw,23px);
  opacity:.67;pointer-events:none;z-index:0;
}
#outlet.lb-campaign-banner-halloween .outlet-tape-inner{position:relative;z-index:1}
#outlet.lb-campaign-banner-halloween .outlet-tape-inner > strong{color:#75416c!important}
#outlet.lb-campaign-banner-halloween .lb-campaign-decoration{right:clamp(14px,4vw,48px)!important;font-size:clamp(30px,5vw,55px)!important}
@media(max-width:600px){#outlet.lb-campaign-banner-halloween::before{opacity:.32}#outlet.lb-campaign-banner-halloween::after{opacity:.4}#outlet.lb-campaign-banner-halloween .lb-campaign-decoration{opacity:.45;right:6px!important}}
@media(prefers-reduced-motion:reduce){#outlet.lb-campaign-banner-halloween *,#outlet.lb-campaign-banner-halloween::before,#outlet.lb-campaign-banner-halloween::after{animation:none!important}}