/* É Red Flag?: a camada da marca por cima do CSS do site, só na página do RedFlag ([data-brand="redflag"] no <html>).
   Vem do protótipo (dist/brand.css), sem as regras do formulário local. */
:root[data-brand="redflag"] { --brand-background: var(--brand-red); --brand-cream: #fff9e9; --brand-paper: #fffdf6; --brand-outline: #573825; --brand-red: #b52e38; --brand-green: #387347; --brand-neutral: #937445; --brand-highlight: #e8d79d; --cream: var(--brand-cream); --paper: var(--brand-paper); --orange: var(--brand-red); --yellow: var(--brand-highlight); --ink: #36271f; --brown: var(--brand-outline); --terra: #8b5d47; --line: #dfd3bd; --muted: #746555; --soft-orange: #f4dfd4; }
[data-brand="redflag"] body, [data-brand="redflag"] body[data-view="editorial"] { background: var(--brand-background); }
[data-brand="redflag"] .brand-banner { background: var(--brand-background); }
[data-brand="redflag"] .brand-stage { min-height: 376px; }
[data-brand="redflag"] .brand-stage h1 { width: 100%; position: relative; z-index: 2; }
[data-brand="redflag"] .brand-wordmark { display: flex; flex-direction: column; align-items: center; color: var(--cream); font: 400 clamp(130px,15vw,179px)/.83 Mouse, sans-serif; letter-spacing: -.025em; text-align: center; padding-block: 6px 16px; }
[data-brand="redflag"] .brand-wordmark strong { font: inherit; color: var(--brand-highlight); }
[data-brand="redflag"] .brand-stage .hero-mascot { width: 100%; max-width: 315px; height: auto; max-height: 320px; object-fit: contain; object-position: center; overflow: visible; animation: erf-float 5.4s ease-in-out infinite; }
[data-brand="redflag"] .brand-stage .mascot-think { animation-delay: -1.8s; }
@keyframes erf-float {0%,100% { transform: translateY(0); } 50% { transform: translateY(-6px); }}
[data-brand="redflag"] .hero-graphic { opacity: .15; }
[data-brand="redflag"] .brand-backdrop { pointer-events: none; }
[data-brand="redflag"] .club-footer { background: var(--brand-background); color: var(--cream); }
[data-brand="redflag"] .club-footer-links button { color: var(--cream); }
[data-brand="redflag"] .club-footer-bottom { border-color: #ffffff35; color: var(--cream); }
[data-brand="redflag"] .club-footer-brand { width: 210px; }
[data-brand="redflag"] .footer-wordmark { display: block; font: 400 66px/.82 Mouse,sans-serif; color: var(--cream); }
[data-brand="redflag"] .footer-wordmark strong { color: var(--brand-highlight); font-weight: 400; }
[data-brand="redflag"] .footer-actions > :is(a,button) { font-size: 16px; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 12px 16px; min-height: 48px; border: 1.5px solid currentColor; border-radius: 14px; font-weight: 600; }
[data-brand="redflag"] .footer-actions > :is(a,button):hover { background: #ffffff12; }
[data-brand="redflag"] .tile-orange { --tile-bg: #ae3639; --tile-rgb:174,54,57; --tile-ink:var(--cream); --tile-accent:#ffe5b9; }
[data-brand="redflag"] .tile-yellow { --tile-bg: #e8d79d; --tile-rgb:232,215,157; --tile-ink:var(--brown); --tile-accent:var(--brown); }
[data-brand="redflag"] .tile-terracotta { --tile-bg:#8b5d47; --tile-rgb:139,93,71; --tile-ink:var(--cream); --tile-accent:#f5d99c; }
[data-brand="redflag"] .tile-ink { --tile-bg:#624536; --tile-rgb:98,69,54; --tile-ink:var(--cream); --tile-accent:#f5d99c; }
[data-brand="redflag"] .tile-link { position: relative; }
[data-brand="redflag"] .tile-link::before { content: ''; position: absolute; inset: 0; z-index: -4; background: url('../assets/Grafismos-03.png') 95% 25% / 65% no-repeat; opacity: .16; }
[data-brand="redflag"] .tile-photo { object-position: 78% 35%; }
[data-brand="redflag"] .is-featured .tile-photo { object-position: 75% 15%; }
[data-brand="redflag"] .tile-title { max-width: 12ch; }
[data-brand="redflag"] .is-featured .tile-title { max-width: 12ch; }
[data-brand="redflag"] .board-bottom { gap: 20px; align-items: center; flex-wrap: wrap; }
[data-brand="redflag"] .result-name { grid-template-columns: max-content minmax(0,1fr); }
[data-brand="redflag"] .result-name .vote-code, [data-brand="redflag"] .comment-head .vote-code { width: auto; min-width: 68px; flex-shrink: 0; padding-inline: 7px; white-space: nowrap; }
[data-brand="redflag"] .code-rf { color: #8d2029; background: #f8d8d6; }
[data-brand="redflag"] .code-gf { color: #285534; background: #deebd3; }
[data-brand="redflag"] .code-normal { color: #65502e; background: #eee1be; }
[data-brand="redflag"] .result-rf, [data-brand="redflag"] .legend-rf { background: var(--brand-red); }
[data-brand="redflag"] .result-gf, [data-brand="redflag"] .legend-gf { background: var(--brand-green); }
[data-brand="redflag"] .result-normal, [data-brand="redflag"] .legend-normal { background: var(--brand-neutral); }
[data-brand="redflag"] .gauge-labels { justify-content: center; gap: 20px; }
[data-brand="redflag"] .participant-tools { display: flex; gap: 7px; flex-wrap: wrap; }
[data-brand="redflag"] .participant-tools .filter-chip { font-size: 12px; }
[data-brand="redflag"] .participant-tools .filter-chip.active { color: var(--cream); background: var(--brown); }
[data-brand="redflag"] .case-cover.instagram-story { transform: none; }
[data-brand="redflag"] .case-cover .instagram-watch { min-height: 270px; }
[data-brand="redflag"] .unified-art.poster-orange { --poster-rgb:174,54,57; }
[data-brand="redflag"] .unified-art.poster-yellow { --poster-rgb:232,215,157; }
[data-brand="redflag"] .unified-art.poster-terracotta { --poster-rgb:139,93,71; }
[data-brand="redflag"] .case-cover .instagram-story-caption { background: var(--cream); }
[data-brand="redflag"] .aside-mascot { max-height: 200px; width: 180px; object-fit: contain; }
[data-brand="redflag"] .advertise-mascot { inset: 5% 0 auto; transform: none; object-fit: contain !important; height: 90% !important; width: 100% !important; max-width: 100%; object-position: center !important; }
[data-brand="redflag"] .advertise-visual { inset: 0 2% 0 auto; width: 36%; }
[data-brand="redflag"] .dialog-note { color: #695b4d; }
@media(max-width:760px) {
  [data-brand="redflag"] .brand-stage { min-height: 427px; gap: 8px 0; padding: 26px 18px 12px; grid-template-areas: "logo logo" "jump think"; grid-template-columns: repeat(2,minmax(0,1fr)); align-content: start; }
  [data-brand="redflag"] .brand-stage h1 { grid-area: logo; }
  [data-brand="redflag"] .brand-wordmark { font-size: clamp(105px,31vw,150px); padding-block: 7px; line-height: .83; }
  [data-brand="redflag"] .brand-stage .hero-mascot { position: static; width: 100%; height: auto; max-height: 170px; object-fit: contain; }
  [data-brand="redflag"] .tile-title { max-width: 11ch; }
  [data-brand="redflag"] .is-featured .tile-title { max-width: 12ch; }
  [data-brand="redflag"] .board-bottom > p { width: 100%; }
  [data-brand="redflag"] .participant-tools { flex-wrap: wrap !important; overflow: visible !important; }
  [data-brand="redflag"] .participant-tools .filter-chip { min-height: 40px; padding: 8px; font-size: 11px; }
  [data-brand="redflag"] .footer-wordmark { font-size: 54px; }
  [data-brand="redflag"] .footer-actions > :is(a,button) { flex: 1; flex-direction: column; padding: 10px 6px; font-size: 11px; text-align: center; }
  [data-brand="redflag"] .advertise-visual { right: 1%; width: 39%; }
  [data-brand="redflag"] .advertise-mascot { max-width: 100%; }
}
@media(prefers-reduced-motion:reduce) {
  [data-brand="redflag"] .brand-stage .hero-mascot { animation: none; transform: none; }
}