/* ========================================================= THEME - PURPLE (por pagina) Cobre: Menu/Topbar + Mobile Menu, Hero overlay, Hero Play CTA, Countdown (Hero + Section), Promo+Info, Trailer, Footer, Carousel Uso: 1) 2) ========================================================= */ body[data-theme="purple"] { /* tokens "roxos" */ --light-blue-1: #806090; --gradient-light-blue-1: linear-gradient(137deg, #B090B0 0%, #705080 100%); --gradient-light-blue-2: linear-gradient(137deg, #B090B0 0%, #806090 100%); --card-color-1: #2A1537; --card-color-2: #1F102A; --shadow-glow: 0 0 18px rgba(176, 144, 176, .55); --shadow-glow-blue: var(--shadow-glow); } /* ========================================================= HERO - overlay preto (desktop + mobile) ========================================================= */ body[data-theme="purple"] .hero__overlay { background: linear-gradient(90deg, rgba(0, 0, 0, .92) 0%, rgba(0, 0, 0, .65) 35%, rgba(0, 0, 0, .18) 68%, rgba(0, 0, 0, 0) 100%); } @media (max-width: 830px) { body[data-theme="purple"] .hero__overlay { background: linear-gradient(0deg, rgba(0, 0, 0, .92) 0%, rgba(0, 0, 0, .70) 35%, rgba(0, 0, 0, .55) 68%, rgba(0, 0, 0, .22) 100%); } } /* ========================================================= MENU - transparente em roxo ========================================================= */ body[data-theme="purple"] .topbar { background: rgba(42, 21, 55, .55); border-bottom: 1px solid rgba(176, 144, 176, .14); } /* links */ body[data-theme="purple"] .nav__link:hover { color: #C0A0C0; text-shadow: var(--shadow-glow); } body[data-theme="purple"] .nav__link--gold { color: #806090; } body[data-theme="purple"] .nav__link--gold:hover { color: #C0A0C0; text-shadow: var(--shadow-glow); } /* CTA do menu */ body[data-theme="purple"] .nav__cta:hover { color: #806090; box-shadow: var(--shadow-glow); } /* mobile menu */ body[data-theme="purple"] .mobile-menu { background: rgba(31, 16, 42, .88); border-top: 1px solid rgba(176, 144, 176, .14); } body[data-theme="purple"] .mobile-menu__link:hover { color: #C0A0C0; text-shadow: var(--shadow-glow); } body[data-theme="purple"] .mobile-menu__link--gold { color: #806090; } body[data-theme="purple"] .mobile-menu__cta:hover { color: #806090; box-shadow: var(--shadow-glow); } /* ========================================================= HERO PLAY CTA - cobre .topbar__cta e tambem .topbar__cta--blue ========================================================= */ body[data-theme="purple"] .topbar__cta:hover { color: #806090; box-shadow: var(--shadow-glow); } body[data-theme="purple"] .topbar__cta--blue { border-color: rgba(176, 144, 176, .95); } body[data-theme="purple"] .topbar__cta--blue:hover { background: linear-gradient(137deg, #B090B0 0%, #806090 100%); border-color: rgba(192, 160, 192, 1); color: var(--white); box-shadow: var(--shadow-glow); } /* ========================================================= PROMO + INFO - gradiente roxo escuro (esquerda mais escura) ========================================================= */ body[data-theme="purple"] .promo-section, body[data-theme="purple"] .info-section { background: linear-gradient(90deg, rgb(26, 12, 38) 0%, rgb(42, 21, 55) 55%, rgb(112, 80, 128) 130%); } /* cupom roxo */ body[data-theme="purple"] .coupon-code { background: rgba(20, 10, 30, .68); border-color: #C0A0C0; box-shadow: 0 0 20px rgba(176, 144, 176, .26); animation: couponGlowPurple 1.2s ease-in-out infinite; } @keyframes couponGlowPurple { 0%, 100% { box-shadow: 0 0 20px rgba(176, 144, 176, .22); } 50% { box-shadow: 0 0 34px rgba(176, 144, 176, .52), 0 0 46px rgba(176, 144, 176, .20); } } /* copiar */ body[data-theme="purple"] .copy-btn { background: #806090; } body[data-theme="purple"] .copy-btn:hover { background: #B090B0; box-shadow: 0 8px 18px rgba(176, 144, 176, .22); } /* CTA grande roxa */ body[data-theme="purple"] .btn-primary-large { background: linear-gradient(137deg, #B090B0 0%, #705080 100%); box-shadow: 0 10px 26px rgba(0, 0, 0, .28), 0 0 18px rgba(176, 144, 176, .14); } body[data-theme="purple"] .btn-primary-large:hover { box-shadow: 0 14px 34px rgba(0, 0, 0, .34), 0 0 22px rgba(176, 144, 176, .32); filter: drop-shadow(0 0 16px rgba(176, 144, 176, .20)); } /* ========================================================= TRAILER - fundo roxo escuro ========================================================= */ body[data-theme="purple"] .trailer { background: linear-gradient(180deg, rgba(26, 12, 38, 0.90) 0%, rgba(42, 21, 55, 0.92) 55%, rgba(31, 16, 42, 0.92) 110%); border-top: 1px solid rgba(176, 144, 176, .14); } body[data-theme="purple"] .video-link__play:hover, body[data-theme="purple"] .video--plyr .plyr__control--overlaid:hover { box-shadow: var(--shadow-glow); } /* ========================================================= FOOTER - hover roxo garantido ========================================================= */ body[data-theme="purple"] .footer__link:hover { color: #C0A0C0; text-shadow: var(--shadow-glow); } /* ========================================================= COUNTDOWN SECTION (standalone) - overrides ========================================================= */ body[data-theme="purple"] .countdown-section { background: linear-gradient(180deg, rgba(30, 12, 48, 0.92) 0%, rgba(60, 22, 92, 0.92) 55%, rgba(22, 10, 36, 0.96) 120%); border-top: 1px solid rgba(214, 173, 255, .14); border-bottom: 1px solid rgba(214, 173, 255, .14); } body[data-theme="purple"] .countdown.countdown--xl { background: rgba(22, 10, 36, .62); border-color: rgba(214, 173, 255, .18); } /* ========================================================= CAROUSEL - overrides ========================================================= */ body[data-theme="purple"] .carousel-section { background: linear-gradient(180deg, rgba(36, 16, 62, .92) 0%, rgba(66, 22, 106, .92) 55%, rgba(88, 24, 114, .92) 110%); border-top: 1px solid rgba(179, 85, 255, .18); } body[data-theme="purple"] .slideLeft, body[data-theme="purple"] .slideRight { border-color: rgba(179, 85, 255, .22); background: rgba(66, 22, 106, .35); } body[data-theme="purple"] .slideLeft:hover, body[data-theme="purple"] .slideRight:hover { background: rgba(66, 22, 106, .55); box-shadow: 0 10px 30px rgba(0, 0, 0, .25), var(--shadow-glow); } body[data-theme="purple"] .carousel__link, body[data-theme="purple"] .carousel-section .carousel a { border-color: rgba(179, 85, 255, .14); background: rgba(20, 10, 35, .25); } body[data-theme="purple"] .carousel__link:hover, body[data-theme="purple"] .carousel-section .carousel a:hover { border-color: rgba(179, 85, 255, .30); box-shadow: 0 18px 40px rgba(0, 0, 0, .38), var(--shadow-glow); } /* ========================================================= SECOES ADICIONAIS - Lang Switcher, Timeline, Form, Banner, Elements ========================================================= */ body[data-theme="purple"] .lang-switcher__trigger { background: rgba(42, 21, 55, .40); border-color: rgba(176, 144, 176, .26); } body[data-theme="purple"] .lang-switcher__trigger:hover { box-shadow: var(--shadow-glow); border-color: rgba(176, 144, 176, .45); } body[data-theme="purple"] .lang-switcher__popover { background: rgba(20, 10, 35, .96); border: 1px solid rgba(176, 144, 176, .22); border-color: rgba(176, 144, 176, .22); } body[data-theme="purple"] .lang-switcher__option { color: #f3ebff; } body[data-theme="purple"] .lang-switcher__option:hover { background: rgba(176, 144, 176, .13); } body[data-theme="purple"] .timeline-section { background: linear-gradient(180deg, rgba(36, 16, 62, .92) 0%, rgba(66, 22, 106, .92) 55%, rgba(20, 10, 35, .96) 110%); border-top: 1px solid rgba(176, 144, 176, .14); } body[data-theme="purple"] .timeline__card { background: rgba(20, 10, 35, .62); border-color: rgba(176, 144, 176, .20); } body[data-theme="purple"] .timeline__axis { background: rgba(176, 144, 176, .30); } body[data-theme="purple"] .timeline__dot, body[data-theme="purple"] .timeline__line, body[data-theme="purple"] .timeline__icon { border-color: rgba(176, 144, 176, .40); } body[data-theme="purple"] .timeline__icon { color: #C0A0C0; } body[data-theme="purple"] .form-section { background: linear-gradient(180deg, rgba(36, 16, 62, .92) 0%, rgba(66, 22, 106, .92) 55%, rgba(20, 10, 35, .96) 110%); border-top: 1px solid rgba(176, 144, 176, .14); } body[data-theme="purple"] .form-section__card { background: rgba(20, 10, 35, .68); border-color: rgba(176, 144, 176, .20); } body[data-theme="purple"] .form-field__input { background: rgba(20, 10, 35, .65); border-color: rgba(176, 144, 176, .26); } body[data-theme="purple"] .form-field__input:focus { border-color: rgba(176, 144, 176, .60); box-shadow: 0 0 0 3px rgba(176, 144, 176, .18); } body[data-theme="purple"] .form-toggle__input:checked + .form-toggle__control { background: #806090; } body[data-theme="purple"] .form-section__submit, body[data-theme="purple"] .form-modal__button { background: linear-gradient(137deg, #B090B0 0%, #705080 100%); box-shadow: 0 10px 26px rgba(0, 0, 0, .28), 0 0 18px rgba(176, 144, 176, .14); } body[data-theme="purple"] .form-modal__dialog { background: rgba(20, 10, 35, .96); border-color: rgba(176, 144, 176, .24); } body[data-theme="purple"] .banner-full { background: linear-gradient(180deg, rgba(36, 16, 62, .92) 0%, rgba(66, 22, 106, .92) 55%, rgba(20, 10, 35, .96) 110%); border-top: 1px solid rgba(176, 144, 176, .14); } body[data-theme="purple"] .lp-element--card .card { background: rgba(20, 10, 35, .62) !important; border: 1px solid rgba(176, 144, 176, .20) !important; } body[data-theme="purple"] .lp-element--image img { border: 1px solid rgba(176, 144, 176, .24); box-shadow: 0 18px 40px rgba(0, 0, 0, .38), var(--shadow-glow); }