/* Shared permanent hero layout; campaign colors are scoped to the active November window. */
[data-black-offer][hidden], [data-black-regular][hidden], [data-black-pricing][hidden] { display: none !important; }
.black-season-link { max-width: 1240px; margin: 24px auto 0; padding: 12px 24px; font-size: 14px; }
.black-season-link a { display: inline-flex; align-items: center; min-height: 44px; color: #1068f0; text-decoration: underline; text-underline-offset: 4px; }
.site-november-black .black-season-link a { color: #91c9fb; }
.black-pricing-picker { max-width: 540px; margin: 0 auto 32px; text-align: center; }
.black-pricing-switch { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; padding: 6px; border: 1px solid #303846; border-radius: 10px; background: #13181f; }
.black-pricing-switch button { min-height: 66px; padding: 12px 8px; border: 1px solid transparent; border-radius: 6px; color: #b8c0cc; background: transparent; }
.black-pricing-switch button strong { display: block; font-size: 14px; font-weight: 800; }
.black-pricing-switch button small { display: block; margin-top: 4px; font-size: 11px; line-height: 1.45; }
.black-pricing-switch button[aria-pressed="true"] { color: #ffffff; background: #1068f0; }
.site-home-refresh.site-november-black #planos .black-pricing-switch button[aria-pressed="true"] strong { color: #ffffff !important; }
.black-pricing-switch button:hover { border-color: #77b8ff; }
.black-pricing-picker > p { margin-top: 12px; color: #b8c0cc; font-size: 12px; line-height: 1.5; }
.site-home-refresh .home-hero-grid { display: grid; grid-template-columns: 1.05fr 1fr; align-items: center; gap: 56px; max-width: 1240px; }
.home-hero-copy { min-width: 0; text-align: left; }
.home-hero-copy .video-hero__intro { margin-left: 0; margin-right: 0; }
.home-hero-copy .video-hero__benefits { justify-content: flex-start; gap: 10px 20px; }
.home-hero-media { min-width: 0; }
.home-hero-media .hero-film { max-width: 100%; }
.black-plan-price { margin-bottom: 24px; }
.black-plan-price > p { margin: 0; }
.black-plan-gift { display: inline-flex; padding: 5px 9px; border-radius: 4px; font-size: 12px; font-weight: 800; }
.black-plan-equivalent { display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px; margin-top: 14px; }
.black-plan-equivalent strong { font-size: 33px; line-height: 1.2; letter-spacing: -.045em; }
.black-plan-equivalent span { font-size: 12px; }
.black-plan-total { margin-top: 12px !important; display: grid; gap: 4px; font-size: 14px; }
.black-plan-total s { font-size: 12px; }
.black-plan-explanation { margin-top: 9px !important; font-size: 12px; line-height: 1.5; }
.black-plan-request { display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 10px; border-radius: 6px; font-size: 14px; font-weight: 800; text-align: center; }
.black-conditions { margin: 28px auto 0; max-width: 900px; padding: 24px; border: 1px solid; border-radius: 8px; }
.black-conditions h3 { font-size: 20px; font-weight: 800; margin-bottom: 10px; }
.black-conditions p { font-size: 14px; line-height: 1.65; }
.black-conditions details { border-top: 1px solid; margin-top: 14px; }
.black-conditions summary { cursor: pointer; min-height: 48px; display: list-item; padding: 14px 0; font-size: 14px; font-weight: 700; }
.black-conditions details p { padding-bottom: 10px; }
.home-operation { padding: 72px 24px; }
.home-operation__inner { max-width: 1240px; margin: auto; }
.home-operation__eyebrow { color: #1068f0; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.home-operation h2 { max-width: 760px; margin: 14px 0 18px; font-size: clamp(28px, 3vw, 42px); line-height: 1.15; letter-spacing: -.035em; font-weight: 800; }
.home-operation__intro { max-width: 760px; color: #4b5563; font-size: 16px; line-height: 1.7; }
.home-operation__areas { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: 32px; border-top: 1px solid #d1d5db; }
.home-operation__areas article { padding: 22px 18px 22px 0; border-bottom: 1px solid #d1d5db; }
.home-operation__areas article > span { display: block; margin-bottom: 10px; color: #1068f0; font-size: 12px; font-weight: 700; }
.home-operation__areas h3 { font-size: 16px; font-weight: 800; margin-bottom: 7px; }
.home-operation__areas p { color: #4b5563; font-size: 13px; line-height: 1.65; }

.site-home-refresh.site-november-black {
    --nb-bg: #0b0e11; --nb-surface: #13181f; --nb-raised: #1b222b;
    --nb-border: #303846; --nb-text: #f6f7f9; --nb-muted: #b8c0cc; --nb-accent: #77b8ff; --nb-action: #1068f0;
    --jl-page-bg: var(--nb-bg); --jl-border: var(--nb-border); --jl-text: var(--nb-text);
    --jl-muted: var(--nb-muted);
    --black-announcement-height: 44px;
    background: var(--nb-bg) !important; color: var(--nb-text) !important;
}
.site-home-refresh.site-november-black .text-white,
.site-home-refresh.site-november-black :is(#planos, #comparativo, #faq) :is(h3, strong, .text-white, .text-4xl, .text-2xl, .text-xl),
.site-home-refresh.site-november-black :is(.integration-title, .home-nav-col strong, .home-mobile-group strong, .faq-trigger, .faq-trigger span) { color: var(--nb-text) !important; }
.site-home-refresh.site-november-black #faq .faq-trigger { color: var(--nb-text) !important; }
.site-home-refresh.site-november-black #faq .faq-trigger > span { color: var(--nb-text) !important; }
.site-home-refresh.site-november-black #faq .faq-content p { color: var(--nb-muted) !important; }
.site-home-refresh.site-november-black :is(.text-neutral-300, .text-neutral-400, .text-neutral-500, .text-neutral-600),
.site-home-refresh.site-november-black :is(#planos, #comparativo, #faq) :is(p, ul li, .text-neutral-300, .text-neutral-400, .text-neutral-500, .text-neutral-600),
.site-home-refresh.site-november-black :is(.integration-copy, .video-hero__intro, .video-hero__benefits, .video-hero__conversion p, .hero-film__caption, .hero-film__caption a, .hero-film__status, .home-operation__intro, .home-operation__areas p) { color: var(--nb-muted) !important; }
.site-home-refresh.site-november-black :is(section, .bg-black, .bg-dark-950, .bg-dark-900, .bg-dark-800, .bg-dark-700, .bg-dark-900\/50) { background: var(--nb-bg) !important; }
.site-home-refresh.site-november-black section:nth-of-type(even) { background: #101419 !important; }
.site-home-refresh.site-november-black :is(.glass-card, .feature-card, .brand-transition-card, .integration-card, .home-nav-panel, #mobile-menu, .bg-white\/5, .bg-white\/10),
.site-home-refresh.site-november-black :is(#planos, #comparativo, #faq) :is(.glass-card, .pricing-highlight) {
    background: var(--nb-surface) !important; border-color: var(--nb-border) !important; box-shadow: none !important;
}
.site-home-refresh.site-november-black :is(.border-white\/5, .border-white\/10, .border-neutral-800, .border-neutral-900),
.site-home-refresh.site-november-black :is(#comparativo tr, .home-operation__areas, .home-operation__areas article, .black-conditions, .black-conditions details) { border-color: var(--nb-border) !important; }
.site-home-refresh.site-november-black :is(.radial-glow, .grid-bg) { background: none !important; }
.site-home-refresh.site-november-black .gradient-text,
.site-home-refresh.site-november-black .gradient-text-2 { color: var(--nb-accent) !important; }
.site-home-refresh.site-november-black :is(.brand-primary-btn, .brand-pill),
.site-home-refresh.site-november-black #planos a.black-plan-request,
.site-home-refresh.site-november-black .video-hero__cta {
    background: var(--nb-action) !important; border-color: var(--nb-action) !important;
    color: #ffffff !important; box-shadow: none !important; border-radius: 6px !important;
}
.site-home-refresh.site-november-black :is(.brand-primary-btn, .brand-pill) * { color: #ffffff !important; }
.site-home-refresh.site-november-black :is(.brand-primary-btn, .video-hero__cta, .black-plan-request):hover { background: #0f5bd8 !important; border-color: #0f5bd8 !important; transform: translateY(-1px); }
.site-home-refresh.site-november-black :is(a, button, summary, iframe):focus-visible { outline: 3px solid var(--nb-accent) !important; outline-offset: 5px; }
.site-home-refresh.site-november-black nav.fixed { top: var(--black-announcement-height); background: #101419 !important; border-color: var(--nb-border) !important; box-shadow: none !important; }
.site-home-refresh.site-november-black nav.fixed .brand-primary-btn,
.site-home-refresh.site-november-black #planos .brand-pill { background: var(--nb-action) !important; border-color: var(--nb-action) !important; color: #ffffff !important; }
.site-home-refresh.site-november-black nav.fixed :is(a:not(.brand-primary-btn), button),
.site-home-refresh.site-november-black :is(.home-mobile-grid a, #mobile-menu a, .home-nav-col a) { color: var(--nb-muted) !important; }
.site-home-refresh.site-november-black nav.fixed :is(a:not(.brand-primary-btn), button):hover { color: var(--nb-text) !important; }
.site-home-refresh.site-november-black .home-brand-chip { background: #1b2633; border-color: #31475e; color: #c4e2ff; }
.site-home-refresh.site-november-black #mobile-menu-btn { background: var(--nb-surface); border-color: var(--nb-border); color: var(--nb-text) !important; min-width: 44px; min-height: 44px; }
.site-home-refresh.site-november-black .black-announcement { position: fixed; inset: 0 0 auto; z-index: 60; height: var(--black-announcement-height); background: var(--nb-action); color: #ffffff; }
.black-announcement > a { display: flex; justify-content: center; align-items: center; gap: 18px; height: 100%; padding: 4px 18px; font-size: 13px; font-weight: 600; text-align: center; }
.black-announcement__mark { padding: 4px 8px; border: 1px solid #9bcbff; font-size: 10px; font-weight: 900; letter-spacing: .05em; white-space: nowrap; text-transform: uppercase; }
.black-announcement__action { font-size: 12px; text-decoration: underline; text-underline-offset: 3px; }
.site-home-refresh.site-november-black .video-hero { padding: 158px 24px 68px; border-color: var(--nb-border); text-align: left; }
.site-home-refresh.site-november-black .video-hero h1 { color: var(--nb-text); font-size: clamp(40px, 4.5vw, 66px); letter-spacing: -.055em; line-height: 1.05; }
.site-home-refresh.site-november-black .video-hero h1 > span { color: var(--nb-accent); }
.black-hero-eyebrow { margin: 0 0 22px; color: #77b8ff; font-size: 13px; font-weight: 800; line-height: 1.6; }
.black-hero-eyebrow span { display: inline-block; margin-right: 10px; padding: 4px 8px; border: 1px solid #315a87; border-radius: 3px; font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }
.site-home-refresh.site-november-black .hero-film__screen { border-color: #315a87; border-radius: 8px !important; box-shadow: 14px 14px 0 #171e27; }
.site-home-refresh.site-november-black .hero-film__play { background: var(--nb-action); color: #ffffff; box-shadow: 0 0 0 8px rgb(11 14 17 / 50%); border-color: var(--nb-action); }
.site-home-refresh.site-november-black .hero-film__label { color: #fff !important; }
.site-home-refresh.site-november-black .video-hero__intro { font-size: 16px; line-height: 1.75; margin-top: 22px; }
.site-home-refresh.site-november-black .video-hero__benefits li::before { color: var(--nb-accent); }
.black-hero-note { display: flex; justify-content: space-between; gap: 16px; margin-top: 14px; padding: 14px 0; border-top: 1px solid var(--nb-border); color: var(--nb-muted); font-size: 12px; }
.black-hero-note strong { color: var(--nb-accent); font-size: 14px; }
.black-plan-jump { display: inline-flex; align-items: center; min-height: 44px; margin-top: 8px; color: var(--nb-accent); font-size: 13px; text-decoration: underline; text-underline-offset: 4px; }
.site-home-refresh.site-november-black :is(.home-operation__eyebrow, .home-operation__areas article > span) { color: var(--nb-accent); }
.site-home-refresh.site-november-black .integration-mark { background: #f5f7f9; border-radius: 4px; padding: 7px; }
.site-home-refresh.site-november-black #comparativo :is(table, th, td) { color: var(--nb-text) !important; }
.site-home-refresh.site-november-black #comparativo :is(tbody tr:hover, tbody tr.bg-blue-500\/5, .bg-blue-500\/20) { background: var(--nb-raised) !important; }
.site-home-refresh.site-november-black #planos .pricing-highlight { border-color: #168bef !important; background: #101c2e !important; }
.site-home-refresh.site-november-black #planos .pricing-highlight::before { background: #168bef !important; }
.site-home-refresh.site-november-black #planos .black-plan-gift { background: #142a43; color: var(--nb-accent) !important; }
.site-home-refresh.site-november-black #planos .black-plan-equivalent strong { color: var(--nb-text) !important; }
.site-home-refresh.site-november-black #planos .black-plan-total strong { color: var(--nb-accent) !important; }
.site-home-refresh.site-november-black #planos a.black-monthly-link { display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 10px !important; border-color: var(--nb-action) !important; background: var(--nb-action) !important; color: #ffffff !important; box-shadow: none !important; font-size: 14px; }
.site-home-refresh.site-november-black #planos .max-w-3xl.glass-card { background: var(--nb-surface) !important; border-color: var(--nb-border) !important; }
.site-home-refresh.site-november-black #planos :is(.text-yellow-400, .text-yellow-300) { color: var(--nb-accent) !important; }
.site-home-refresh.site-november-black #planos :is(.bg-yellow-400\/15, .bg-yellow-500\/20, .bg-yellow-500\/10) { background: #142a43 !important; border-color: #315a87 !important; }
.site-home-refresh.site-november-black :is(footer, .mobile-sticky-cta) { background: #101419 !important; border-color: var(--nb-border) !important; box-shadow: none !important; }
.site-home-refresh.site-november-black .mobile-sticky-cta .text-white { color: var(--nb-text) !important; }
.site-home-refresh.site-november-black .mobile-sticky-cta .text-neutral-400 { color: var(--nb-muted) !important; }
.site-home-refresh.site-november-black #mobileCta .brand-primary-btn { padding: 12px !important; min-height: 44px; }
.site-home-refresh.site-november-black :is([id], section) { scroll-margin-top: 132px; }
.site-home-refresh.site-november-black .black-announcement a:focus-visible { outline-color: #ffffff !important; outline-offset: -4px; }

/* Gold belongs only to the selected annual offer; the monthly mode keeps brand blue. */
.site-home-refresh.site-november-black #planos [data-black-plan] { border-color: #315a87 !important; }
.site-home-refresh.site-november-black #planos [data-black-plan].pricing-highlight { border-color: #168bef !important; }
.site-home-refresh.site-november-black.black-pricing-annual { --black-plan-gold: #f4cd75; --black-plan-border: #c9a55c; }
.site-home-refresh.site-november-black.black-pricing-annual #planos [data-black-plan] { border: 2px solid var(--black-plan-border) !important; }
.site-home-refresh.site-november-black.black-pricing-annual #planos .pricing-highlight { background: #1b1b17 !important; }
.site-home-refresh.site-november-black.black-pricing-annual #planos .pricing-highlight::before { background: var(--black-plan-border) !important; }
.site-home-refresh.site-november-black.black-pricing-annual #planos .black-plan-gift { color: var(--black-plan-gold) !important; background: #332b19; }
.site-home-refresh.site-november-black.black-pricing-annual #planos .black-plan-total strong,
.site-home-refresh.site-november-black.black-pricing-annual #planos .black-plan-saving strong { color: var(--black-plan-gold) !important; }
.site-home-refresh.site-november-black.black-pricing-annual #planos .black-plan-saving { margin: 12px 0 10px !important; padding: 9px 10px; border: 1px solid #685a38; border-radius: 5px; color: var(--black-plan-gold) !important; background: #2a2419; font-size: 13px; line-height: 1.5; }
.site-home-refresh.site-november-black.black-pricing-annual #planos .black-plan-saving strong { font-size: 15px; }
.site-home-refresh.site-november-black.black-pricing-annual #planos .brand-pill,
.site-home-refresh.site-november-black.black-pricing-annual #planos .black-pricing-switch button[data-black-period="annual"][aria-pressed="true"] { color: #17120b !important; background: var(--black-plan-gold) !important; border-color: var(--black-plan-border) !important; }
.site-home-refresh.site-november-black.black-pricing-annual #planos .black-pricing-switch button[data-black-period="annual"][aria-pressed="true"] strong { color: #17120b !important; }

@media (max-width: 1050px) {
    .site-home-refresh .home-hero-grid { gap: 32px; }
    .home-operation__areas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 850px) {
    .site-home-refresh .home-hero-grid { grid-template-columns: 1fr; gap: 30px; }
    .home-hero-media { max-width: 650px; width: 100%; }
    .site-home-refresh.site-november-black { --black-announcement-height: 64px; }
    .site-home-refresh.site-november-black #mobile-menu { max-height: calc(100vh - 124px); max-height: calc(100dvh - 124px); overflow-y: auto; }
    .site-home-refresh.site-november-black #mobile-menu a { display: flex; align-items: center; min-height: 44px; }
    .site-home-refresh.site-november-black .video-hero { padding: 158px 20px 48px; }
    .black-announcement > a { gap: 10px; font-size: 12px; text-align: left; }
    .black-announcement__action { display: none; }
    .black-announcement__mark { max-width: 90px; white-space: normal; text-align: center; }
    .black-hero-eyebrow { font-size: 12px; margin-bottom: 16px; }
    .site-home-refresh.site-november-black .video-hero h1 { font-size: clamp(38px, 6.6vw, 54px); }
    .site-home-refresh.site-november-black .hero-film__caption > span { display: none; }
    .site-home-refresh.site-november-black .hero-film__caption { justify-content: center; }
    .home-operation { padding: 48px 20px; }
}
@media (max-width: 480px) {
    .home-operation__areas { grid-template-columns: 1fr; }
    .black-conditions { padding: 18px; }
    .black-plan-equivalent strong { font-size: 34px; }
    .black-hero-note { flex-wrap: wrap; gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
    .site-november-black *, .site-november-black *::before, .site-november-black *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}