/* betwin606theme — light yellow/gold + blue accent theme, ported from WIN606 source structure. */

:root {--hero-sm: rgba(31,41,55,1);--outer-cell: 16px;--list-inner: #6b7280;--page-wrap: #facc15;--band-box: #0ea5e9;--layout__desc: rgba(234,179,8,1);--zone-slot: #ffffff;--unit-view: #fefce8;--inner-zone-main: #e5e7eb;--container-hero: #ffffff;--band-band: #3b82f6;--section-alt: 0 16px 40px rgba(31, 41, 55, 0.14);--header-sm-title: linear-gradient(135deg, var(--page-wrap) 0%, var(--band-band) 100%);--sec-btn: 0 8px 24px rgba(31, 41, 55, 0.08);--foot__slot: 8px;--area-bar-btn: #1e40af;--link-col: #374151;--container-inner: 24px;--light-widget: #fef3c7}

* { box-sizing: border-box; }
html {scroll-behavior: smooth;overflow-x: hidden}
body.link-foot {color: var(--hero-sm);overflow-x: hidden;font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, sans-serif;background: var(--container-hero);margin: 0;line-height: 1.6;user-select:auto;outline-offset:0}
img {max-width: 100%;display: block;height: auto}
a {text-decoration: none;color: inherit}
ul {margin: 0;padding: 0;list-style: none}
h1, h2, h3, h4 {margin: 0 0 0.5em;font-weight: 800}
p {color: var(--link-col);margin: 0 0 1em}

.zone__title {max-width: 1200px;padding: 0 24px;margin: 0 auto}
.zone-text {color: var(--hero-sm);font-size: 2rem;text-align: center;margin-bottom: 8px}
.alt-block, .area__icon {text-align: center;margin-bottom: 32px;color: var(--list-inner)}
.module-head {text-transform: uppercase;font-weight: 700;font-size: 0.8rem;letter-spacing: 0.08em;color: var(--area-bar-btn)}
.module-text-widget { color: var(--link-col); }
.module-text-widget h2, .module-text-widget h3 { color: var(--hero-sm); }

/* Buttons */
.band__main {border-radius: var(--foot__slot);border: 2px solid transparent;padding: 12px 28px;cursor: pointer;justify-content: center;transition: all 0.2s ease;font-size: 0.95rem;font-weight: 700;align-items: center;display: inline-flex}
/* Source's honest .btn-primary (style1.css, used site-wide on interior pages) is a
   yellow->amber gradient with white text — not the yellow->blue gradient this theme
   had invented. Home overrides to source style.css's actual rendered look below: a
   later "enhanced button effects" rule there silently replaces the yellow gradient
   with an animated purple one, so the home CTA really does render purple. */
.col-info {background: linear-gradient(135deg, var(--page-wrap) 0%, var(--layout__desc) 100%);color: #fff}
.col-info:hover {box-shadow: var(--sec-btn);transform: translateY(-2px);background: linear-gradient(135deg, var(--layout__desc) 0%, var(--page-wrap) 100%)}
body.layout-meta .col-info { background: linear-gradient(45deg, #667eea, #764ba2, #667eea); }
body.layout-meta .col-info:hover { background: linear-gradient(45deg, #764ba2, #667eea, #764ba2); }
/* Source's .btn-outline is a solid-white pill on home, transparent white-on-navy on
   interior pages — never the transparent-on-light default this theme had. */
.widget-module {background: rgb(255,255,255);color: var(--area-bar-btn);border-color: var(--band-band)}
.widget-module:hover { background: rgba(59, 130, 246, 0.08); }
body.area-segment .widget-module {color: #fff;background: transparent;border-color: rgba(255, 255, 255, 0.65)}
body.area-segment .widget-module:hover {color: #fff;background: rgba(255, 255, 255, 0.12)}
.header-lg-cell {background: var(--unit-view);color: var(--hero-sm);border-color: var(--inner-zone-main)}
.primary-btn {padding: 16px 36px;font-size: 1.1rem}
.title-text {padding: 8px 18px;font-size: 0.85rem}
.badge-page { width: 100%; }

/* Header / Nav — two tiers ported from source: .sub-badge (logo + entrar/registrar)
   and .widget-inner (nav links). Colors are page-scoped below: home matches
   style.css's orange-gold top bar + white nav bar; every other page matches
   style1.css's dark navy translucent header used across ajuda/suporte/faq/tutoriais/
   chat/ao-vivo/contato/privacy/terms/login/game-detail pages. */
.foot__text {position: sticky;top: 0;z-index: 100}
.site-widget {gap: 16px;align-items: center;display: flex;max-width: 1200px;padding: 14px 24px;justify-content: space-between;margin: 0 auto}
body.layout-meta .sub-badge {box-shadow: 0 2px 10px rgba(250, 204, 21, 0.2);background: linear-gradient(135deg, var(--page-wrap) 0%, var(--layout__desc) 100%)}
body.layout-meta .widget-inner {backdrop-filter: blur(10px);border-bottom: 1px solid var(--inner-zone-main);background: rgba(255, 255, 255, 0.92)}
body.area-segment .sub-badge,
body.area-segment .widget-inner {backdrop-filter: blur(14px);background: linear-gradient(180deg, rgba(15, 23, 42, 0.92) 0%, rgba(15, 23, 42, 0.88) 100%)}
body.area-segment .sub-badge { border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
body.area-segment .widget-inner {box-shadow: 0 12px 40px rgba(8, 15, 40, 0.28);border-top: 1px solid rgba(255, 255, 255, 0.05)}
body.area-segment .content-top-main { color: rgba(255, 255, 255, 0.85); }
body.area-segment .content-top-main:hover, body.area-segment .content-top-main.panel-wide { color: rgba(255,255,255,1); }
body.area-segment .row-right-widget { color: rgba(255, 255, 255, 0.85); }
body.area-segment .side-wide-text { color: rgba(255, 255, 255, 0.6); }
body.area-segment .foot-left span { background: #fff; }
.img-area { width: 100%; }
.box-primary-link { display: block; }
.bar-desc {margin: 0 auto;justify-content: space-between;align-items: center;gap: 24px;display: flex;max-width: 1200px;padding: 16px 24px}
.inner-full-info {align-items: center;gap: 8px;display: flex}
/* Square badge kept at its real aspect ratio (never stretched into a wide slot) —
   width+height match so object-fit:cover neither crops nor distorts a square source. */
.content-desc {object-fit: cover;border-radius: 50%;flex: none;height: 32px;width: 32px}
.nav__badge {background-clip: text;color: transparent;font-size: 1.4rem;font-weight: 900;background: var(--header-sm-title);-webkit-background-clip: text}
.outer-area { height: 36px; }
.center-group {flex-wrap: wrap;display: flex;flex: 1;overflow: visible;gap: 20px;align-items: center}
.content-top-main {border-radius: var(--foot__slot);font-weight: 700;padding: 8px 12px;color: var(--link-col);white-space: nowrap;font-size: 0.9rem}
.content-top-main:hover, .content-top-main.panel-wide { color: var(--area-bar-btn); }
.cell-foot { position: relative; }
.row-right-widget {font-family: inherit;border: none;background: none;gap: 4px;display: flex;align-items: center}
.side-wide-text { font-size: 0.7em; }
.inner-top {visibility: hidden;border-radius: var(--foot__slot);top: 100%;left: 0;transition: all 0.2s ease;grid-template-columns: repeat(2, 1fr);box-shadow: var(--section-alt);min-width: 300px;background: var(--zone-slot);gap: 2px;position: absolute;opacity: 0;border: 1px solid var(--inner-zone-main);display: grid;padding: 10px;transform: translateY(8px)}
.cell-foot.main-btn .inner-top,
.cell-foot:hover .inner-top {opacity: 1;visibility: visible;transform: translateY(0)}
.zone__lead {gap: 8px;align-items: center;padding: 8px 10px;border-radius: var(--foot__slot);color: var(--link-col);white-space: nowrap;font-size: 0.85rem;display: flex}
.zone__lead:hover, .zone__lead.panel-wide {color: var(--area-bar-btn);background: var(--light-widget)}
.area-info {font-size: 1rem;flex: none;line-height: 1}
.page-light-holder {overflow: hidden;text-overflow: ellipsis}
.desc-box {gap: 10px;align-items: center;display: flex}
.foot-left {padding: 8px;border: none;cursor: pointer;display: none;background: none;gap: 4px;flex-direction: column}
.foot-left span {width: 22px;background: var(--hero-sm);height: 2px}

.outer-sm {top: 0;width: 300px;right: 0;overflow-y: auto;background: var(--container-hero);position: fixed;transform: translateX(100%);z-index: 200;height: 100vh;box-shadow: var(--section-alt);transition: transform 0.3s ease;height: 100dvh}
.outer-sm.main-btn { transform: translateX(0); }
.col-btn {border-bottom: 1px solid var(--inner-zone-main);display: flex;justify-content: space-between;align-items: center;padding: 20px}
.inner-data {border: none;font-size: 1.6rem;cursor: pointer;background: none;color: var(--hero-sm)}
.body__text {display: flex;gap: 16px;padding: 16px;flex-direction: column}
.outer__banner {padding-bottom: 12px;flex-direction: column;border-bottom: 1px solid var(--inner-zone-main);gap: 4px;display: flex}
.panel__media {letter-spacing: 0.06em;margin: 0 0 4px;color: var(--list-inner);text-transform: uppercase;font-size: 0.75rem}
.sec__btn {grid-template-columns: repeat(2, 1fr);gap: 4px;display: grid}
.lead-wrap {gap: 8px;border-radius: var(--foot__slot);display: flex;color: var(--link-col);font-size: 0.85rem;align-items: center;padding: 10px 8px}
.lead-wrap:hover, .lead-wrap.panel-wide {background: var(--unit-view);color: var(--area-bar-btn)}
.zone-menu-media {z-index: 199;visibility: hidden;position: fixed;background: rgba(31,41,55,0.5);transition: opacity 0.3s ease;opacity: 0;inset: 0}
.zone-menu-media.main-btn {opacity: 1;visibility: visible}

.flex-group { display: none; }

/* Hero */
.flex-note {padding: 64px 0;gap: 32px;display: flex;background: linear-gradient(180deg, var(--unit-view), var(--container-hero));align-items: center;flex-wrap: wrap;overflow: hidden;justify-content: center;position: relative}
.flex-note > .module-secondary { margin: 0; }
.module-secondary {max-width: 720px;text-align: center}
.body__icon { padding: 40px 0 32px; }
.body__icon .module-box {font-size: 2.1rem;margin-bottom: 14px}
.body__icon .box-sm-note {font-size: 1rem;margin-bottom: 18px}
/* Home: three layered green/teal/lime radial glows over the cream gradient, ported
   from source's .hero::before (the reason the source homepage reads yellow-green). */
body.layout-meta .flex-note::before {position: absolute;inset: 0;pointer-events: none;background:
    radial-gradient(circle at 20% 20%, rgba(34, 197, 94, 0.15) 0%, transparent 50%),
    radial-gradient(circle at 80% 30%, rgba(16, 185, 129, 0.12) 0%, transparent 50%),
    radial-gradient(circle at 40% 70%, rgba(132, 204, 22, 0.08) 0%, transparent 50%);content: ''}
body.layout-meta .strip-text {z-index: 1;position: relative}
/* Interior pages: solid orange-gold banner with white text, ported from source's
   .page-hero-sports (style1.css) — every ajuda/suporte/faq/tutoriais/chat/ao-vivo/
   contato/privacy/terms/login/game-detail page uses this same banner. */
body.area-segment .body__icon {
  background: linear-gradient(135deg, var(--page-wrap) 0%, var(--layout__desc) 100%);
}
body.area-segment .body__icon .module-box,
body.area-segment .body__icon .box-sm-note { color: rgba(255,255,255,1); }
body.area-segment .body__icon .box-sm-note { color: rgba(255, 255, 255, 0.9); }
/* login.njk floats a white .nav-box on top of that orange banner (source's
   registration.html is actually a standalone black-background page unrelated to either
   stylesheet family, so this card is our own composition) — title/description text
   sitting on the white card must stay dark, not inherit the banner's white text. */
body.area-segment .body__icon .nav-box .module-box { color: var(--hero-sm); }
body.area-segment .body__icon .nav-box .box-sm-note { color: var(--link-col); }
.bar-inner {gap: 6px;font-weight: 700;margin-bottom: 16px;color: var(--area-bar-btn);align-items: center;padding: 6px 16px;font-size: 0.8rem;display: inline-flex;border-radius: 999px;background: var(--light-widget)}
body.layout-meta .bar-inner {box-shadow: 0 4px 12px rgba(250, 204, 21, 0.3);color: #fff;background: linear-gradient(135deg, var(--page-wrap) 0%, var(--layout__desc) 100%)}
.module-box {line-height: 1.15;color: var(--hero-sm);font-size: 2.6rem;margin-bottom: 20px}
.data-area { max-width: 320px; }
.content-wrap {width: 100%;border-radius: var(--outer-cell)}
.box-sm-note {margin-bottom: 24px;font-size: 1.1rem;color: var(--link-col)}
.main-inner {flex-wrap: wrap;gap: 24px;margin-bottom: 32px;display: flex;justify-content: center}
.layout-container {align-items: center;display: flex;gap: 8px;color: var(--link-col);font-weight: 700}
.section__area { color: var(--area-bar-btn); }
.narrow-badge { white-space: nowrap; }
.icon-inner {gap: 16px;flex-wrap: wrap;justify-content: center;margin-bottom: 20px;display: flex}
.tier-bar-container {color: var(--list-inner);font-size: 0.8rem}

/* Home hero: 2-column grid (ported from source's .hero-container), avoids the
   flex+auto-margin conflict that shoved the hero image off-center. */
.strip-text {width: 100%;grid-template-columns: 1fr 1fr;padding: 0 24px;margin: 0 auto;gap: 40px;display: grid;max-width: 1200px;align-items: center}
.narrow-frame {max-width: 600px;text-align: left}
.narrow-frame .body-area, .narrow-frame .bar-inner { justify-content: flex-start; }
.body-area {gap: 16px;display: flex;flex-wrap: wrap;margin-bottom: 20px}
.content-wrap {justify-content: center;display: flex}
.light-title {max-width: 420px;box-shadow: var(--section-alt);width: 100%;padding: 28px;background: var(--zone-slot);border: 2px solid var(--page-wrap);border-radius: var(--container-inner)}
.page__cell {width: 100%;border-radius: var(--outer-cell);display: block;max-width: 320px;margin: 0 auto 20px}
.sec__desc, .foot-item { margin-bottom: 20px; }
.page-alt, .tier__entry {font-weight: 700;font-size: 0.9rem;margin-bottom: 10px;color: var(--hero-sm)}
.page__group {gap: 10px;grid-template-columns: repeat(3, 1fr);display: grid}
.dark-btn { text-align: center; }
.row-center-meta {color: var(--area-bar-btn);display: block;font-weight: 800;font-size: 1.2rem}
.primary-cell {font-size: 0.7rem;color: var(--list-inner)}
.site-wide-title {display: flex;flex-direction: column;gap: 8px}
.area-lead {font-size: 0.85rem;gap: 8px;align-items: center;display: flex;color: var(--link-col)}
.col__area {flex-wrap: wrap;display: flex;gap: 8px}
.site-narrow {color: var(--area-bar-btn);display: flex;align-items: center;background: var(--light-widget);font-weight: 600;padding: 6px 12px;font-size: 0.75rem;border-radius: 999px;gap: 6px}
@media (max-width: 900px) {
  .strip-text { grid-template-columns: 1fr; }
  .narrow-frame {max-width: 100%;text-align: center}
  .narrow-frame .body-area, .narrow-frame .bar-inner { justify-content: center; }
}
.lead-tier { background: linear-gradient(180deg, #fff7cc, var(--container-hero)); }

/* Features */
.zone-title-icon {background: var(--container-hero);padding: 64px 0}
.content-view {padding: 64px 0;background: var(--unit-view)}
.view-box {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 24px}
.site-item {background: var(--zone-slot);border: 1px solid var(--inner-zone-main);gap: 16px;padding: 24px;border-radius: var(--outer-cell);display: flex}
.col__entry {font-weight: 800;display: flex;flex: none;height: 36px;width: 36px;border-radius: 50%;background: var(--header-sm-title);color: #0a1a3a;align-items: center;justify-content: center}
.hero__lead {font-size: 1.05rem;margin: 0 0 6px}
.bar-badge {color: var(--link-col);font-size: 0.9rem;margin: 0}
.page-secondary-link {margin: 0 auto 40px;text-align: center;max-width: 720px}
.block__title {background: var(--light-widget);display: inline-flex;font-weight: 700;font-size: 0.8rem;gap: 6px;border-radius: 999px;color: var(--area-bar-btn);margin-bottom: 12px;align-items: center;padding: 6px 16px}
.inner-img {display: grid;gap: 24px;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))}
.nav-band {padding: 28px;box-shadow: var(--sec-btn);border-radius: var(--outer-cell);text-align: center;border: 1px solid var(--inner-zone-main);background: var(--zone-slot)}
.bar-media {margin-bottom: 12px;font-size: 2rem}

/* Showcase (game categories) */
.wrap-region {background: var(--unit-view);padding: 64px 0}
.main__banner {margin-top: 12px;gap: 24px;display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr))}
.menu-meta {padding: 24px;border: 1px solid var(--inner-zone-main);box-shadow: var(--sec-btn);background: var(--zone-slot);border-radius: var(--outer-cell)}
.title-outer { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
.container-band {color: inherit;transition: transform 0.2s ease;padding: 0;display: block;overflow: hidden}
.container-band:hover { transform: translateY(-4px); }
.container-band img {object-fit: cover;width: 100%;aspect-ratio: 4 / 3}
.container-band h3 {font-size: 1rem;text-align: center;margin: 0;padding: 14px 16px}
.row__icon {font-size: 1.6rem;margin-bottom: 8px}
.entry-block {color: var(--area-bar-btn);font-weight: 700;font-size: 0.85rem;margin-bottom: 4px}
.region-narrow-text {font-weight: 700;color: var(--area-bar-btn)}

/* Promotions strip */
.section-sub {background: var(--header-sm-title);padding: 48px 0}
.foot-icon {display: grid;gap: 20px;grid-template-columns: repeat(auto-fit, minmax(140px, 1fr))}
.cell-main { text-align: center; }
.inner__entry {font-size: 1.8rem;font-weight: 900;color: #0a1a3a;display: block}
.area-container {font-size: 0.85rem;color: #1e293b}

/* Office / testimonials */
.alt-title {background: var(--container-hero);padding: 64px 0}
.box-menu-meta {gap: 40px;align-items: start;display: grid;grid-template-columns: 1.2fr 0.8fr}
.header-info {color: var(--link-col);font-weight: 600}
.tier__img {border-radius: var(--outer-cell);aspect-ratio: 16/9;overflow: hidden;margin-top: 20px}
.tier__img iframe {width: 100%;height: 100%;border: 0;display: block}
.flex-box {text-align: center;background: var(--unit-view);padding: 56px 0}
.foot-inner {overflow: hidden;aspect-ratio: 1/1;border-radius: var(--outer-cell);max-width: 820px;background: var(--container-hero);border: 1px solid var(--inner-zone-main);margin: 32px auto 0}
.foot-inner iframe {width: 100%;height: 100%;border: 0;display: block}
.view-side {display: flex;flex-direction: column;gap: 12px}
.title-badge {display: flex;margin-bottom: 8px;font-weight: 700;gap: 8px}
.row-unit {border-radius: var(--outer-cell);background: var(--unit-view);padding: 16px}
.row-unit cite {font-size: 0.85rem;font-style: normal;display: block;margin-top: 8px;color: var(--list-inner)}

/* Trust */
.module__link {padding: 64px 0;background: var(--unit-view)}
.outer-feature {gap: 24px;display: grid;margin-top: 12px;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))}
.region-item-widget {padding: 24px;border-radius: var(--outer-cell);background: var(--zone-slot);border: 1px solid var(--inner-zone-main);text-align: center}
.card__meta { font-size: 1.8rem; }

/* FAQ */
.band-bottom {background: var(--container-hero);padding: 64px 0}
.header-container {display: flex;max-width: 800px;margin: 0 auto;gap: 12px;flex-direction: column}
.head-link {padding: 16px 20px;background: var(--unit-view);border-radius: var(--foot__slot)}
.banner-flex {cursor: pointer;font-weight: 700}
.box-left {margin-top: 10px;margin-bottom: 0}

/* CTA final */
.slot-segment {padding: 64px 0;text-align: center;background: var(--area-bar-btn)}
.slot-segment h2, .slot-segment p { color: #fff; }
.narrow-lead {margin: 0 auto;max-width: 640px}
.foot-data {flex-wrap: wrap;margin: 20px 0;justify-content: center;display: flex;gap: 16px}
.slot-segment .widget-module {border-color: #fff;color: #fff;background: transparent}
.box-main {opacity: 0.85;font-size: 0.85rem}

/* Login promo rows */
.link-row {background: var(--unit-view);padding: 64px 0}
.feature-page {align-items: flex-start;padding: 24px;border-radius: var(--outer-cell);margin-bottom: 16px;background: var(--zone-slot);border: 1px solid var(--inner-zone-main);gap: 20px;display: flex}
.side-list-main {flex: none;font-size: 1.8rem}
.zone-full-badge { flex: 1; }
.band-inner li {border-bottom: 1px solid var(--inner-zone-main);padding: 8px 0;color: var(--link-col)}
.band-inner li:last-child { border-bottom: none; }
.band-inner li strong { color: var(--hero-sm); }

/* Contact */
.site-list {background: var(--container-hero);padding: 56px 0}
.foot-lead {grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 20px;display: grid}
.title-box {border-radius: var(--outer-cell);padding: 24px;background: var(--unit-view);text-align: center}
.block-title {font-size: 1.8rem;margin-bottom: 8px}
.panel-img {background: var(--unit-view);padding: 56px 0}
.row-info {display: grid;grid-template-columns: 1.4fr 1fr;gap: 32px}
.segment-info, .hero-band-lead {border-radius: var(--outer-cell);padding: 28px;background: var(--zone-slot);border: 1px solid var(--inner-zone-main)}

/* Breadcrumb */
.view-foot {border-bottom: 1px solid var(--inner-zone-main);padding: 12px 0}
.feature-block {font-size: 0.85rem;color: var(--list-inner);gap: 8px;display: flex}
.feature-block li:not(:last-child)::after {margin-left: 8px;content: '/'}
.feature-block a { color: var(--area-bar-btn); }

/* Generic page (privacy/terms/policy/support) */
.sub-info { display: block; }
.header__cell {text-align: center;background: var(--unit-view);padding: 48px 0 24px}
.inner-info { padding: 40px 0; }
.area-dark-inner {display: grid;gap: 40px;align-items: start;grid-template-columns: 2fr 1fr}
.light-icon {background: var(--unit-view);position: sticky;display: flex;border: 1px solid var(--inner-zone-main);padding: 20px;border-radius: var(--outer-cell);top: 100px;flex-direction: column;gap: 8px}
.site-zone {font-size: 0.9rem;padding: 4px 0;color: var(--area-bar-btn)}

/* Footer */
/* Footer: dark slate on interior pages (source style1.css: #111827), gold gradient +
   green glow on home/game pages (source style.css: --gradient-dark = gold->amber). */
.wrap__lead {color: #cbd5e1;padding: 56px 0 24px;position: relative;background: #111827;overflow: hidden}
body.layout-meta .wrap__lead {background: linear-gradient(135deg, var(--layout__desc) 0%, #f59e0b 100%);color: rgba(255, 255, 255, 0.92)}
body.layout-meta .wrap__lead::before {inset: 0;background:
    radial-gradient(circle at 20% 20%, rgba(34, 197, 94, 0.1) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(16, 185, 129, 0.08) 0%, transparent 50%);pointer-events: none;position: absolute;content: ''}
body.layout-meta .wrap__lead > * {z-index: 1;position: relative}
.section-menu-lead {padding: 0 24px 40px;max-width: 1200px;margin: 0 auto;grid-template-columns: 1.5fr repeat(3, 1fr);display: grid;gap: 32px}
.sm-main { min-width: 0; }
.layout-info-meta {gap: 10px;display: flex;flex-direction: column}
.head-area {align-items: center;gap: 10px;display: flex}
.item-media { height: 32px; }
.inner-unit {border-radius: 50%;width: 32px;flex: none;object-fit: cover;height: 32px}
.outer-full-badge {font-size: 0.85rem;opacity: 0.8}
.site-strip-title {display: flex;flex-wrap: wrap;gap: 8px}
.site-narrow {border-radius: 999px;background: rgba(255,255,255,0.08);font-size: 0.75rem;padding: 4px 10px}
.note-main {font-size: 0.8rem;letter-spacing: 0.05em;font-weight: 700;color: rgba(255,255,255,1);text-transform: uppercase;margin-bottom: 12px}
.region-note, .region-unit {font-size: 0.9rem;padding: 4px 0;color: #cbd5e1;opacity: 0.85;display: block}
.region-note:hover { color: var(--page-wrap); }
body.layout-meta .region-note, body.layout-meta .region-unit, body.layout-meta .outer-full-badge { color: #fff; }
body.layout-meta .region-note:hover { color: rgba(10,26,58,1); }
.region-lg {max-width: 1200px;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 16px;margin: 0 auto;display: flex;padding: 24px 24px 0;border-top: 1px solid rgba(255,255,255,0.1)}
.wide-cell {gap: 8px;flex-wrap: wrap;display: flex}
.tier-desc {font-size: 0.8rem;background: rgba(255,255,255,0.08);border-radius: var(--foot__slot);padding: 6px 12px}
.header-banner p {opacity: 0.7;font-size: 0.8rem;margin: 0}
.row-lg-inner { opacity: 0.7; }

/* Responsive */
@media (max-width: 1150px) {
  .center-group { display: none; }
  .foot-left { display: flex; }
  .lead-page { display: none; }
  .flex-group {padding: 10px 16px calc(10px + env(safe-area-inset-bottom));backdrop-filter: blur(10px);left: 0;right: 0;position: fixed;gap: 10px;border-top: 1px solid var(--inner-zone-main);z-index: 150;bottom: 0;background: rgba(255, 255, 255, 0.97);display: flex}
  .flex-group .band__main { flex: 1; }
  body.link-foot { padding-bottom: 64px; }
}
@media (max-width: 900px) {
  .box-menu-meta, .row-info, .area-dark-inner { grid-template-columns: 1fr; }
  .section-menu-lead { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .module-box { font-size: 2rem; }
  .section-menu-lead { grid-template-columns: 1fr; }
  .region-lg {align-items: flex-start;flex-direction: column}
}

/* Game detail page */
.panel-foot-media {padding: 64px 0;background: var(--unit-view)}
.box-band {background: var(--zone-slot);overflow: hidden;border-radius: var(--outer-cell);max-width: 640px;flex-direction: column;margin: 0 auto;display: flex;border: 1px solid var(--inner-zone-main)}
.hero-wide-container {margin: 0;display: flex;border-bottom: 1px solid var(--inner-zone-main);justify-content: space-between;gap: 16px;padding: 14px 20px;align-items: baseline}
.hero-wide-container:last-child { border-bottom: none; }
.module__btn {margin: 0;color: var(--hero-sm);font-weight: 700}
.link-sec {text-align: right;color: var(--link-col);margin: 0}

.lead-card {background: var(--container-hero);padding: 64px 0}
.desc-page {display: flex;gap: 12px;max-width: 640px;margin: 0 auto;flex-direction: column}
.desc-nav {align-items: center;display: flex;gap: 10px;font-weight: 600;color: var(--link-col)}
.nav-item-info {color: var(--layout__desc);font-weight: 700}

.info-text {padding: 64px 0;background: var(--unit-view)}
.light-info {max-width: 720px;margin: 0 auto;flex-direction: column;padding-left: 22px;gap: 14px;display: flex}
.frame-segment { color: var(--link-col); }
.frame-segment strong { color: var(--hero-sm); }

@media (max-width: 600px) {
  .hero-wide-container {flex-direction: column;gap: 4px}
  .link-sec { text-align: left; }
}

/* Contact & login pages */
.title-meta {color: var(--list-inner);margin-top: 12px;font-size: 0.85rem}

.flex-main {flex-direction: column;gap: 18px;display: flex}
.btn-inner {display: grid;gap: 18px;grid-template-columns: 1fr 1fr}
.main-container {gap: 6px;flex-direction: column;display: flex}
.main-container label {font-weight: 700;font-size: 0.9rem;color: var(--hero-sm)}
.main-container input, .main-container select, .main-container textarea {border-radius: var(--foot__slot);color: var(--hero-sm);background: var(--container-hero);padding: 12px 14px;border: 1px solid var(--inner-zone-main);font: inherit}
.main-container input:focus, .main-container select:focus, .main-container textarea:focus {outline: 2px solid var(--band-band);outline-offset: 1px}
.main-container textarea { resize: vertical; }
.sec-sm-inner {color: var(--link-col);gap: 10px;align-items: flex-start;font-size: 0.85rem;display: flex}
.sec-sm-inner input { margin-top: 3px; }
.sec-sm-inner a {font-weight: 700;color: var(--area-bar-btn)}
@media (max-width: 600px) {
  .btn-inner { grid-template-columns: 1fr; }
}

.nav-box {border-radius: var(--container-inner);box-shadow: var(--section-alt);border: 2px solid var(--page-wrap);max-width: 480px;background: var(--zone-slot);padding: 32px;margin: 0 auto 24px}
.body-lead {flex-direction: column;align-items: stretch}
.flex-grid-media {align-items: center;display: flex;gap: 10px;flex-direction: column}
.inner-lg {height: 44px;display: flex;font-size: 0.9rem;color: var(--area-bar-btn);justify-content: center;border-radius: 50%;background: var(--light-widget);font-weight: 800;align-items: center;width: 44px}

/* Policy pages (privacy / terms / licencas / reclamacoes / responsavel) */
.foot__wrap { padding: 56px 0; }
.area-main { background: var(--unit-view); }
.header__slot {max-width: 820px;margin: 0 auto}
.col-band-media {text-align: center;max-width: 900px;margin: 16px auto 0;font-size: 0.9rem;color: var(--list-inner)}
.inner-primary-badge {gap: 18px;flex-direction: column;max-width: 800px;display: flex;counter-reset: policy-step;margin: 0 auto}
.inner-primary-badge li {position: relative;color: var(--link-col);padding-left: 48px}
.inner-primary-badge li::before {height: 32px;position: absolute;top: 0;width: 32px;left: 0;background: var(--header-sm-title);counter-increment: policy-step;border-radius: 50%;display: flex;color: #0a1a3a;align-items: center;font-size: 0.9rem;justify-content: center;font-weight: 800;content: counter(policy-step)}
.foot-sm {display: grid;gap: 16px;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr))}
.strip-note {gap: 12px;padding: 16px;border: 1px solid var(--inner-zone-main);border-radius: var(--outer-cell);display: flex;background: var(--zone-slot);align-items: center}
.row-sm {font-weight: 800;color: #0a1a3a;align-items: center;background: var(--header-sm-title);font-size: 0.8rem;border-radius: 50%;justify-content: center;flex: none;height: 44px;width: 44px;display: flex}
.strip-note p { margin: 0; }
/* bw-policy- prefix avoids colliding with extra-support-hub.njk's identically-named
   .card-left/.unit-media/.main-data-icon (see line ~539) which uses
   different gap/padding/radius and a different attention modifier (.outer__widget). */
.foot-text {max-width: 800px;gap: 16px;flex-direction: column;margin: 0 auto;display: flex}
.region-cell {gap: 16px;display: flex;border: 1px solid var(--inner-zone-main);padding: 18px 20px;align-items: center;background: var(--zone-slot);border-radius: var(--outer-cell)}
.panel-right {height: 12px;background: #22c55e;width: 12px;flex: none;border-radius: 50%}
.region-cell.col-wrap .panel-right { background: #f59e0b; }
.site-item-view { flex: 1; }
.site-item-view h3 {margin: 0 0 4px;font-size: 1rem}
.site-item-view p {margin: 0;color: var(--list-inner);font-size: 0.85rem}
.inner-wide {display: flex;gap: 16px;flex-wrap: wrap;justify-content: center}

/* Support hub pages */
.narrow-text {padding: 56px 0;background: var(--unit-view)}
.flex__desc {grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));margin-top: 16px;gap: 20px;display: grid}
.col-sm-media {border-radius: var(--outer-cell);padding: 20px;border: 1px solid var(--inner-zone-main);background: var(--zone-slot)}
.col-sm-media cite {color: var(--list-inner);margin-top: 10px;font-size: 0.85rem;font-style: normal;display: block}
.narrow-text .outer-feature { margin-top: 16px; }

.page-dark {padding: 56px 0;background: var(--container-hero)}
.zone-band-container {padding: 0;gap: 14px;max-width: 720px;flex-direction: column;list-style: none;display: flex;margin: 24px auto 0}
.page__block {background: var(--unit-view);padding: 16px 20px;gap: 16px;border-radius: var(--outer-cell);display: flex;align-items: flex-start}
.foot-container {background: var(--header-sm-title);width: 32px;display: flex;border-radius: 50%;align-items: center;font-weight: 800;color: #0a1a3a;justify-content: center;flex: none;height: 32px}

/* terms.njk / privacy.njk — literal source section names (termos.html uses one
   repeated .terms-section class; privacidade.html uses distinct per-section
   classes), all sharing .foot__wrap's padding + max-width via .content-feature. */
.area-area, .foot-primary-desc, .box-feature,
.page-light-box, .dark-holder, .zone-meta,
.area__desc, .nav__entry { padding: 56px 0; }
.content-feature {margin: 0 auto;max-width: 820px}

/* contact.njk — office-info section (3 real office cards + map), ported from
   contato.html's office-info-section/office-grid/office-card structure. */
.group-header {padding: 64px 0;background: var(--container-hero)}
.box-menu-meta {grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));margin-bottom: 32px;gap: 24px;display: grid}
.hero-band-lead {border-radius: var(--outer-cell);padding: 24px;background: var(--unit-view)}
.content-band-group {margin-bottom: 8px;font-size: 1.8rem}
.body__feature p, .container-wrap p {font-size: 0.9rem;margin: 0 0 4px;color: var(--link-col)}
.container-wrap { margin-top: 12px; }
.wide-widget {margin: 0 auto;max-width: 800px}
.dark-cell {margin-bottom: 12px;font-weight: 700}
.page-item-widget {border-radius: var(--outer-cell);overflow: hidden}
.page-item-widget iframe {border: 0;height: 280px;width: 100%;display: block}
body.area-segment .title-meta { color: var(--list-inner); }

/* contact.njk — 3 grouped FAQ sections (source has 3 distinct faq-section blocks
   on contato.html, not one generic list). */
.main-bottom { padding: 56px 0; }
.panel-btn {margin: 0 auto;flex-direction: column;gap: 12px;max-width: 800px;display: flex}

/* extra-policy.njk — source class name aliases (licencas/reclamacoes/responsavel),
   sharing existing .foot__wrap box model; only naming ported from source. */
.region-desc, .side-list-title, .band-left, .content-info,
.main-bottom, .bottom-text, .item-badge, .region-badge,
.segment__info, .widget-outer, .outer-zone-badge, .zone-band { padding: 56px 0; }

/* extra-live-hub.njk — chat.html/ao-vivo.html source class names (bw- prefixed) */
.section-bar-text {gap: 20px;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));display: grid;margin-top: 16px}
.holder-body {border-radius: var(--outer-cell);padding: 24px;background: var(--zone-slot);border: 1px solid var(--inner-zone-main)}
.holder-body h3 { margin-bottom: 8px; }
.outer__feature {flex-direction: column;padding-left: 22px;max-width: 720px;gap: 14px;margin: 16px auto 0;display: flex;color: var(--link-col)}
.col__wrap {display: grid;margin-top: 16px;gap: 20px;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr))}
.nav-light {background: var(--zone-slot);border: 1px solid var(--inner-zone-main);text-align: center;border-radius: var(--outer-cell);padding: 24px}
.nav-light h3 { margin-bottom: 8px; }
body.area-segment .box__area { padding: 56px 0; }
/* office-grid used here as a repeating icon-card grid, distinct from the 2-column
   .box-menu-meta layout used in contact.njk — scoped override wins on specificity. */
.main-sec .box-menu-meta { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.content-band-group {font-size: 1.8rem;margin-bottom: 10px}
.main-sec { padding: 56px 0; }

/* extra-support-hub.njk — classes ported from source ajuda.html/suporte.html/faq.html/
   tutoriais.html (help-topic-card, video-card, faq-item, tutorial-card, etc.) */
.col-alt { background: var(--unit-view); }
.badge-foot {display: flex;margin-top: 20px;justify-content: center;gap: 16px;flex-wrap: wrap}

.meta-nav { padding: 56px 0; }
.flex-data-main {text-align: center;padding: 32px;max-width: 640px;border-radius: var(--outer-cell);margin: 0 auto;border: 1px solid var(--inner-zone-main);background: var(--zone-slot)}
.content-head {gap: 10px;margin: 16px 0;display: flex}
.content-head input {border-radius: var(--foot__slot);border: 1px solid var(--inner-zone-main);flex: 1;padding: 12px 16px}
.box-layout {flex-wrap: wrap;gap: 8px;justify-content: center;display: flex}
.section__badge {padding: 6px 14px;background: var(--unit-view);border-radius: 999px;font-size: 0.8rem}

.hero-primary, .area-head, .grid-img, .entry-layout, .content-info, .layout__slot, .foot__feature, .site__btn, .note-band, .wrap-zone-block { padding: 56px 0; }
.title-row, .zone-wrap {grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 24px;display: grid}
.area-unit-wrap, .badge-card {border-radius: var(--outer-cell);background: var(--zone-slot);text-align: center;padding: 24px;border: 1px solid var(--inner-zone-main)}
.right-entry {font-size: 1.25rem;margin-bottom: 12px}
.media-flex {font-size: 2rem;margin-bottom: 12px}
.tier-menu-widget {font-weight: 700;margin-top: 8px;color: var(--area-bar-btn);display: inline-block}

.banner-site, .header-view {display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 20px}
.area-sub, .layout-unit {border: 1px solid var(--inner-zone-main);border-radius: var(--outer-cell);overflow: hidden;background: var(--zone-slot)}
.title-lead {font-size: 2rem;padding: 32px 0;text-align: center;background: var(--unit-view)}
.area__lead { padding: 16px; }
.layout-unit { padding: 20px; }

.nav-data, .area-title {gap: 24px;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));display: grid}
.col__box {text-align: center;background: var(--zone-slot);border: 1px solid var(--inner-zone-main);padding: 24px;border-radius: var(--outer-cell)}
.full-icon {font-size: 2rem;margin-bottom: 10px}
.zone__btn {margin: 10px 0;font-size: 0.9rem}
.site-full {margin-top: 8px;font-weight: 700;color: var(--area-bar-btn)}

.card-left {max-width: 700px;flex-direction: column;gap: 12px;margin: 0 auto;display: flex}
.unit-media {padding: 16px;border: 1px solid var(--inner-zone-main);background: var(--zone-slot);border-radius: var(--foot__slot);align-items: center;gap: 14px;display: flex}
.main-data-icon {height: 12px;background: rgba(34,197,94,1);border-radius: 50%;width: 12px;flex: none}
.unit-media.outer__widget .main-data-icon { background: #f59e0b; }

.wrap-img {border: 1px solid var(--inner-zone-main);border-radius: var(--outer-cell);max-width: 600px;background: var(--zone-slot);padding: 32px;margin: 0 auto}

.info-block {display: block;border: 1px solid var(--inner-zone-main);border-radius: var(--outer-cell);padding: 20px;background: var(--zone-slot);text-align: center}
.box-right-block {font-size: 1.8rem;margin-bottom: 8px}
.panel-btn {max-width: 800px;margin: 0 auto;gap: 10px;display: flex;flex-direction: column}
.head-link {border: 1px solid var(--inner-zone-main);padding: 4px 20px;background: var(--zone-slot);border-radius: var(--foot__slot)}
.banner-flex {align-items: center;cursor: pointer;padding: 14px 0;display: flex;justify-content: space-between}
.banner-flex h3 {margin: 0;font-size: 1rem}
.site-secondary-cell {display: flex;height: 32px;border-radius: 50%;background: rgba(34, 197, 94, 0.1);align-items: center;justify-content: center;width: 32px;flex: none;font-size: 1.5rem;color: #22c55e;font-weight: 300}
.box-left { padding-bottom: 14px; }

.text-entry {gap: 20px;display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))}
.light-media {border-radius: var(--outer-cell);text-align: center;padding: 24px;background: var(--zone-slot);border: 1px solid var(--inner-zone-main)}
.bar-frame { /* decorative modifier on .body__icon, no extra styling needed */ }
.inner-feature {display: flex;flex-direction: column;gap: 16px}
.layout-banner { }

/* extra-game-detail.njk — Phoenix*.html source class names (bw- prefixed).
   bw-game-facts-card is intentionally its own class (not bw-info-card, which is
   home.njk's unrelated numbered-step card at display:flex/padding:24px — reusing
   it here doubled up with bw-info-item's own padding and broke the vertical list
   layout, part of the site's reported "enlarged" look). */
.sec__box { padding: 32px 0; }
.side-strip {padding: 40px 0;background: var(--unit-view)}
.hero-img {border: 1px solid var(--inner-zone-main);margin: 0 auto;border-radius: var(--outer-cell);max-width: 480px;background: var(--zone-slot);overflow: hidden}
.title-body {justify-content: space-between;padding: 8px 20px;border-bottom: 1px solid var(--inner-zone-main);display: flex}
.title-body:last-child { border-bottom: none; }
.col-title { color: var(--list-inner); }
.wrap-narrow-cell { font-weight: 700; }
.widget-band { padding: 40px 0; }
.region-list {flex-direction: column;display: flex;margin: 16px auto 0;max-width: 640px;gap: 10px}
.region-list li {align-items: center;display: flex;color: var(--link-col);gap: 10px}
.outer__group {background: var(--unit-view);padding: 40px 0}
.outer__group ol {margin: 16px auto 0;padding-left: 22px;gap: 8px;flex-direction: column;max-width: 720px;display: flex;color: var(--link-col)}
.segment-img { padding: 40px 0; }
.col-menu-main {margin: 0 auto;max-width: 800px}


.sf-related-articles{margin:clamp(28px,5vw,56px) auto;padding:clamp(18px,3vw,28px);border:1px solid rgba(148,163,184,.24);border-radius:24px;box-shadow:0 16px 45px rgba(15,23,42,.08);max-width:1120px;background:rgba(255,255,255,.06)}
.sf-related-articles h2{margin:0 0 8px;line-height:1.2;font-size:clamp(1.35rem,2.5vw,2rem)}
.sf-related-articles>p{opacity:.78;line-height:1.65;margin:0 0 18px}
.sf-related-articles__list{gap:14px;display:grid;padding:0;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0;list-style:none}
.sf-related-articles__item{list-style:none;padding:0;margin:0}
.sf-related-articles__link{min-height:100%;background:rgba(255,255,255,.08);gap:7px;flex-direction:column;padding:16px;border:1px solid rgba(148,163,184,.18);text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease;display:flex;color:inherit;border-radius:18px}
.sf-related-articles__link:hover{transform:translateY(-2px);border-color:rgba(59,130,246,.45);background:rgba(255,255,255,.13)}
.sf-related-articles__type{text-transform:uppercase;padding:3px 9px;opacity:.88;font-weight:700;background:rgba(59,130,246,.14);letter-spacing:.04em;font-size:.72rem;color:inherit;width:max-content;border-radius:999px}
.sf-related-articles strong{font-size:1rem;line-height:1.35}
.sf-related-articles small{font-size:.88rem;line-height:1.45;opacity:.72}
@media(max-width:640px){.sf-related-articles{padding:16px;border-radius:18px;margin:28px 12px}.sf-related-articles__list{grid-template-columns:1fr}.sf-related-articles__link{padding:14px}}