/* =========================================================
   THEME - LILAC
   Baseado na arte e nas referencias:
   #752560, #521147, #A63F1C
   ========================================================= */

body[data-theme="lilac"] {
    --light-blue-1: #C97BAF;
    --gradient-light-blue-1: linear-gradient(137deg, #D99AC0 0%, #752560 60%, #A63F1C 120%);
    --gradient-light-blue-2: linear-gradient(137deg, #E3AAD0 0%, #8D336F 58%, #A63F1C 122%);

    --card-color-1: #521147;
    --card-color-2: #2B081E;
    --page-surface: #2B081E;
    --page-background:
        radial-gradient(circle at 50% 0%, rgba(166, 63, 28, .38) 0%, rgba(166, 63, 28, 0) 26%),
        radial-gradient(circle at 20% 26%, rgba(117, 37, 96, .20) 0%, rgba(117, 37, 96, 0) 24%),
        linear-gradient(180deg,
            #2B081E 0%,
            #3A0C2E 16%,
            #521147 42%,
            #752560 72%,
            #4B153F 90%,
            #1d0716 100%);

    --shadow-glow: 0 0 20px rgba(201, 123, 175, .42);
    --shadow-glow-blue: 0 0 24px rgba(201, 123, 175, .34);

    background-color: var(--page-surface);
    background-image: none;
}

/* =========================================================
   HERO
   ========================================================= */
body[data-theme="lilac"] .hero__overlay {
    background: linear-gradient(90deg,
            rgba(22, 5, 17, .95) 0%,
            rgba(52, 11, 38, .78) 34%,
            rgba(82, 17, 71, .36) 68%,
            rgba(166, 63, 28, .10) 100%);
}

@media (max-width: 830px) {
    body[data-theme="lilac"] .hero__overlay {
        background: linear-gradient(0deg,
                rgba(22, 5, 17, .94) 0%,
                rgba(52, 11, 38, .82) 34%,
                rgba(82, 17, 71, .56) 68%,
                rgba(166, 63, 28, .20) 100%);
    }
}

/* =========================================================
   MENU
   ========================================================= */
body[data-theme="lilac"] .topbar {
    background: rgba(82, 17, 71, .54);
    border-bottom: 1px solid rgba(201, 123, 175, .16);
}

body[data-theme="lilac"] .nav__link:hover {
    color: #F2C3DE;
    text-shadow: var(--shadow-glow);
}

body[data-theme="lilac"] .nav__link--gold {
    color: #C97BAF;
}

body[data-theme="lilac"] .nav__link--gold:hover {
    color: #FFD5EA;
    text-shadow: var(--shadow-glow);
}

body[data-theme="lilac"] .nav__cta:hover {
    color: #752560;
    box-shadow: 0 0 18px rgba(201, 123, 175, .32), 0 0 24px rgba(166, 63, 28, .16);
}

body[data-theme="lilac"] .mobile-menu {
    background: rgba(43, 8, 30, .90);
    border-top: 1px solid rgba(201, 123, 175, .16);
}

body[data-theme="lilac"] .mobile-menu__link:hover {
    color: #F2C3DE;
    text-shadow: var(--shadow-glow);
}

body[data-theme="lilac"] .mobile-menu__link--gold {
    color: #C97BAF;
}

body[data-theme="lilac"] .mobile-menu__cta:hover {
    color: #752560;
    box-shadow: 0 0 18px rgba(201, 123, 175, .32), 0 0 24px rgba(166, 63, 28, .16);
}

body[data-theme="lilac"] .topbar__cta:hover {
    color: #752560;
    box-shadow: 0 0 18px rgba(201, 123, 175, .32), 0 0 24px rgba(166, 63, 28, .16);
}

body[data-theme="lilac"] .topbar__cta--blue {
    border-color: rgba(201, 123, 175, .95);
}

body[data-theme="lilac"] .topbar__cta--blue:hover {
    background: linear-gradient(137deg, #D99AC0 0%, #752560 62%, #A63F1C 126%);
    border-color: rgba(227, 170, 208, 1);
    color: var(--white);
    box-shadow: 0 0 18px rgba(201, 123, 175, .34), 0 0 28px rgba(166, 63, 28, .20);
}

/* =========================================================
   SECOES
   ========================================================= */
body[data-theme="lilac"] .promo-section,
body[data-theme="lilac"] .info-section {
    background: linear-gradient(90deg,
            rgb(29, 7, 22) 0%,
            rgb(82, 17, 71) 54%,
            rgb(166, 63, 28) 132%);
}

body[data-theme="lilac"] .coupon-code {
    background: rgba(43, 8, 30, .74);
    border-color: #D99AC0;
    box-shadow: 0 0 18px rgba(201, 123, 175, .24);
    animation: couponGlowLilac 1.25s ease-in-out infinite;
}

@keyframes couponGlowLilac {

    0%,
    100% {
        box-shadow: 0 0 18px rgba(201, 123, 175, .22);
    }

    50% {
        box-shadow: 0 0 30px rgba(201, 123, 175, .42), 0 0 42px rgba(166, 63, 28, .14);
    }
}

body[data-theme="lilac"] .copy-btn {
    background: #752560;
}

body[data-theme="lilac"] .copy-btn:hover {
    background: #A63F1C;
    box-shadow: 0 8px 18px rgba(166, 63, 28, .24);
}

body[data-theme="lilac"] .btn-primary-large {
    background: linear-gradient(137deg, #D99AC0 0%, #752560 62%, #A63F1C 126%);
    box-shadow: 0 10px 26px rgba(0, 0, 0, .28), 0 0 18px rgba(201, 123, 175, .16);
}

body[data-theme="lilac"] .btn-primary-large:hover {
    box-shadow: 0 14px 34px rgba(0, 0, 0, .34), 0 0 22px rgba(201, 123, 175, .28), 0 0 28px rgba(166, 63, 28, .12);
    filter: drop-shadow(0 0 16px rgba(201, 123, 175, .18));
}

body[data-theme="lilac"] .trailer {
    background: linear-gradient(180deg,
            rgba(36, 8, 28, 0.92) 0%,
            rgba(82, 17, 71, 0.92) 52%,
            rgba(102, 34, 50, 0.94) 100%,
            rgba(166, 63, 28, 0.96) 132%);
    border-top: 1px solid rgba(201, 123, 175, .16);
}

body[data-theme="lilac"] .video-link__play:hover,
body[data-theme="lilac"] .video--plyr .plyr__control--overlaid:hover {
    box-shadow: 0 0 18px rgba(201, 123, 175, .34), 0 0 22px rgba(166, 63, 28, .12);
}

body[data-theme="lilac"] .video--plyr .plyr {
    --plyr-color-main: #c97baf;
    --plyr-control-radius: 12px;
    --plyr-menu-radius: 14px;
    --plyr-tooltip-background: rgba(43, 8, 30, .96);
    --plyr-tooltip-color: #fff7fb;
}

body[data-theme="lilac"] .video--plyr .plyr__control--overlaid {
    background: linear-gradient(137deg, #d99ac0 0%, #752560 62%, #a63f1c 126%);
    color: #fff7fb;
    box-shadow: 0 0 18px rgba(201, 123, 175, .22);
}

body[data-theme="lilac"] .video--plyr .plyr__controls {
    background: linear-gradient(180deg,
            rgba(43, 8, 30, .70) 0%,
            rgba(43, 8, 30, .94) 100%);
    color: #fff7fb;
    border-top: 1px solid rgba(201, 123, 175, .12);
}

body[data-theme="lilac"] .video--plyr .plyr__control {
    color: #f8e8f1;
}

body[data-theme="lilac"] .video--plyr .plyr__control:hover,
body[data-theme="lilac"] .video--plyr .plyr__control[aria-expanded="true"] {
    background: rgba(201, 123, 175, .16);
    color: #fff7fb;
}

body[data-theme="lilac"] .video--plyr .plyr__control.plyr__tab-focus {
    box-shadow: 0 0 0 3px rgba(201, 123, 175, .18);
}

body[data-theme="lilac"] .video--plyr .plyr__menu__container {
    background: rgba(43, 8, 30, .96);
    border: 1px solid rgba(201, 123, 175, .18);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .36), 0 0 18px rgba(201, 123, 175, .12);
}

body[data-theme="lilac"] .video--plyr .plyr__menu__container .plyr__control {
    color: #fff7fb;
}

body[data-theme="lilac"] .video--plyr .plyr__menu__container .plyr__control:hover {
    background: rgba(201, 123, 175, .14);
}

body[data-theme="lilac"] .video--plyr .plyr__progress input[type="range"],
body[data-theme="lilac"] .video--plyr .plyr__volume input[type="range"] {
    color: #c97baf;
}

body[data-theme="lilac"] .video--plyr .plyr__progress__buffer {
    color: rgba(227, 170, 208, .22);
}

body[data-theme="lilac"] .video--plyr .plyr__time {
    color: rgba(255, 247, 251, .82);
}

body[data-theme="lilac"] .footer__link:hover {
    color: #F2C3DE;
    text-shadow: var(--shadow-glow);
}

body[data-theme="lilac"] .countdown-section {
    background: linear-gradient(180deg,
            rgba(38, 7, 29, 0.94) 0%,
            rgba(82, 17, 71, 0.94) 54%,
            rgba(166, 63, 28, 0.92) 124%);
    border-top: 1px solid rgba(201, 123, 175, .16);
    border-bottom: 1px solid rgba(201, 123, 175, .16);
}

body[data-theme="lilac"] .countdown.countdown--xl {
    background: rgba(43, 8, 30, .66);
    border-color: rgba(217, 154, 192, .20);
}

body[data-theme="lilac"] .carousel-section {
    background: linear-gradient(180deg,
            rgba(43, 8, 30, .94) 0%,
            rgba(82, 17, 71, .94) 48%,
            rgba(120, 37, 96, .92) 76%,
            rgba(166, 63, 28, .88) 132%);
    border-top: 1px solid rgba(166, 63, 28, .20);
}

body[data-theme="lilac"] .slideLeft,
body[data-theme="lilac"] .slideRight {
    border-color: rgba(201, 123, 175, .24);
    background: rgba(117, 37, 96, .30);
}

body[data-theme="lilac"] .slideLeft:hover,
body[data-theme="lilac"] .slideRight:hover {
    background: rgba(117, 37, 96, .52);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .25), 0 0 18px rgba(201, 123, 175, .30), 0 0 24px rgba(166, 63, 28, .12);
}

body[data-theme="lilac"] .carousel__link,
body[data-theme="lilac"] .carousel-section .carousel a {
    border-color: rgba(201, 123, 175, .16);
    background: rgba(43, 8, 30, .32);
}

body[data-theme="lilac"] .carousel__link:hover,
body[data-theme="lilac"] .carousel-section .carousel a:hover {
    border-color: rgba(217, 154, 192, .34);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .38), 0 0 18px rgba(201, 123, 175, .24);
}

/* =========================================================
   COMPONENTES ADICIONAIS
   ========================================================= */
body[data-theme="lilac"] .lang-switcher__trigger {
    background: rgba(82, 17, 71, .38);
    border-color: rgba(201, 123, 175, .28);
}

body[data-theme="lilac"] .lang-switcher__trigger:hover {
    box-shadow: 0 0 16px rgba(201, 123, 175, .26);
    border-color: rgba(217, 154, 192, .46);
}

body[data-theme="lilac"] .lang-switcher__popover {
    background: rgba(43, 8, 30, .96);
    border: 1px solid rgba(201, 123, 175, .22);
}

body[data-theme="lilac"] .lang-switcher__option {
    color: #F8E8F1;
}

body[data-theme="lilac"] .lang-switcher__option:hover {
    background: rgba(201, 123, 175, .12);
}

body[data-theme="lilac"] .timeline-section {
    background: linear-gradient(180deg,
            rgba(43, 8, 30, .94) 0%,
            rgba(82, 17, 71, .94) 54%,
            rgba(166, 63, 28, .88) 132%);
    border-top: 1px solid rgba(201, 123, 175, .16);
}

body[data-theme="lilac"] .timeline__card {
    background: rgba(43, 8, 30, .62);
    border-color: rgba(201, 123, 175, .22);
}

body[data-theme="lilac"] .timeline__axis {
    background: rgba(201, 123, 175, .30);
}

body[data-theme="lilac"] .timeline__dot,
body[data-theme="lilac"] .timeline__line,
body[data-theme="lilac"] .timeline__icon {
    border-color: rgba(201, 123, 175, .40);
}

body[data-theme="lilac"] .timeline__icon {
    color: #F2C3DE;
}

body[data-theme="lilac"] .form-section {
    background: linear-gradient(180deg,
            rgba(43, 8, 30, .94) 0%,
            rgba(82, 17, 71, .94) 54%,
            rgba(166, 63, 28, .88) 132%);
    border-top: 1px solid rgba(201, 123, 175, .16);
}

body[data-theme="lilac"] .form-section__card {
    background: rgba(43, 8, 30, .70);
    border-color: rgba(201, 123, 175, .20);
}

body[data-theme="lilac"] .form-field__input {
    background: rgba(43, 8, 30, .66);
    border-color: rgba(201, 123, 175, .28);
}

body[data-theme="lilac"] .form-field__input:focus {
    border-color: rgba(217, 154, 192, .62);
    box-shadow: 0 0 0 3px rgba(201, 123, 175, .16);
}

body[data-theme="lilac"] .form-toggle__input:checked + .form-toggle__control {
    background: #752560;
}

body[data-theme="lilac"] .form-section__submit,
body[data-theme="lilac"] .form-modal__button {
    background: linear-gradient(137deg, #D99AC0 0%, #752560 62%, #A63F1C 126%);
    box-shadow: 0 10px 26px rgba(0, 0, 0, .28), 0 0 18px rgba(201, 123, 175, .16);
}

body[data-theme="lilac"] .form-modal__dialog {
    background: rgba(43, 8, 30, .96);
    border-color: rgba(201, 123, 175, .24);
}

body[data-theme="lilac"] .banner-full {
    background: linear-gradient(180deg,
            rgba(43, 8, 30, .94) 0%,
            rgba(82, 17, 71, .94) 54%,
            rgba(166, 63, 28, .88) 132%);
    border-top: 1px solid rgba(201, 123, 175, .16);
}

body[data-theme="lilac"] .lp-element--card .card {
    background: rgba(43, 8, 30, .62) !important;
    border: 1px solid rgba(201, 123, 175, .20) !important;
}

body[data-theme="lilac"] .lp-element--image img {
    border: 1px solid rgba(201, 123, 175, .24);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .38), 0 0 18px rgba(201, 123, 175, .18);
}

/* =========================================================
   PAGINA CONTINUA
   - remove "quebras" visuais entre sections
   - deixa o gradiente principal do tema aparecer
   ========================================================= */
body[data-theme="lilac"] main,
body[data-theme="lilac"] .trailer,
body[data-theme="lilac"] .carousel-section,
body[data-theme="lilac"] .countdown-section,
body[data-theme="lilac"] .promo-section,
body[data-theme="lilac"] .info-section,
body[data-theme="lilac"] .timeline-section,
body[data-theme="lilac"] .form-section,
body[data-theme="lilac"] .banner-full,
body[data-theme="lilac"] .footer {
    background: transparent;
    background-image: none;
}

body[data-theme="lilac"] main {
    background-color: var(--page-surface);
    background-image: var(--page-background);
    background-repeat: no-repeat;
    background-size: 100% auto;
}

body[data-theme="lilac"] .trailer,
body[data-theme="lilac"] .carousel-section,
body[data-theme="lilac"] .countdown-section,
body[data-theme="lilac"] .timeline-section,
body[data-theme="lilac"] .form-section,
body[data-theme="lilac"] .banner-full,
body[data-theme="lilac"] .footer,
body[data-theme="lilac"] .footer__bottom {
    border-top: 0;
    border-bottom: 0;
}

body[data-theme="lilac"] .spacer {
    border-top-color: rgba(242, 195, 222, .24);
}

body[data-theme="lilac"] .video-link,
body[data-theme="lilac"] .video,
body[data-theme="lilac"] .video video,
body[data-theme="lilac"] .video--hls .plyr,
body[data-theme="lilac"] .video--hls .plyr__video-wrapper {
    background: var(--page-surface);
}

body[data-theme="lilac"] .footer {
    background-color: var(--page-surface);
}

body[data-theme="lilac"] main > .builder-section:first-child + .builder-section {
    margin-top: -28px;
    position: relative;
    z-index: 1;
}

body[data-theme="lilac"] .trailer__inner {
    padding-top: 0;
    padding-bottom: 30px;
    gap: 8px;
}

body[data-theme="lilac"] .trailer__title {
    line-height: 1.02;
}

@media (max-width: 830px) {
    body[data-theme="lilac"] main > .builder-section:first-child + .builder-section {
        margin-top: -18px;
    }

    body[data-theme="lilac"] .trailer__inner {
        padding-bottom: 22px;
    }
}

body[data-theme="lilac"] .uv-blog-section {
    --uv-blog-accent: #e3aad0;
    --uv-blog-accent-strong: #c97baf;
    --uv-blog-accent-soft: rgba(201, 123, 175, 0.16);
    --uv-blog-accent-contrast: #2b081e;
    --uv-blog-text: #fff7fb;
    --uv-blog-text-muted: rgba(248, 232, 241, 0.76);
    --uv-blog-card-bg: linear-gradient(180deg, rgba(82, 17, 71, 0.84) 0%, rgba(43, 8, 30, 0.94) 100%);
    --uv-blog-card-border: rgba(201, 123, 175, 0.18);
    --uv-blog-card-shadow: 0 22px 55px rgba(0, 0, 0, 0.26), 0 0 24px rgba(201, 123, 175, 0.08);
    --uv-blog-arrow-bg: rgba(117, 37, 96, 0.28);
    --uv-blog-arrow-bg-hover: rgba(201, 123, 175, 0.22);
    --uv-blog-dot-bg: rgba(227, 170, 208, 0.24);
    --uv-blog-section-bg: transparent;
    --uv-blog-button-bg: linear-gradient(137deg, #d99ac0 0%, #752560 62%, #a63f1c 126%);
    --uv-blog-button-color: #fff7fb;
    --uv-blog-button-shadow: 0 18px 42px rgba(117, 37, 96, 0.28);
    padding-top: 26px;
}

body[data-theme="lilac"] .uv-blog-card:hover {
    box-shadow: 0 30px 75px rgba(0, 0, 0, 0.34), 0 0 24px rgba(201, 123, 175, 0.14);
    border-color: rgba(227, 170, 208, 0.28);
}

body[data-theme="lilac"] .uv-blog-section__button:hover {
    box-shadow: 0 24px 58px rgba(117, 37, 96, 0.34), 0 0 22px rgba(201, 123, 175, 0.16);
}

body[data-theme="lilac"] .uv-blog-carousel__viewport {
    scrollbar-color: rgba(201, 123, 175, 0.48) transparent;
}