/* design.md — padrão público compartilhado, aprovado em 27/10/2026.
   Carregado após os estilos específicos; não se aplica ao painel nem aos jogos. */
body:is(.home-page,.inner-page){--mz-glass:rgba(13,36,56,.46);--mz-glass-line:#a1e4ee26;--mz-glass-shadow:0 12px 35px #02162740}
body.inner-page,body.inner-page #site-page{background:var(--mz-canvas);color:var(--mz-text)}
body.inner-page main{min-width:0}
body.inner-page :is(h1,h2,h3,h4){color:var(--mz-text);overflow-wrap:break-word}
body.inner-page h1{font-size:var(--mz-title);line-height:1.08;letter-spacing:-.048em}
body.inner-page h2{font-size:var(--mz-heading);line-height:1.15;letter-spacing:-.035em}
body.inner-page :is(.eyebrow,h1>span){color:var(--mz-identity-highlight);text-shadow:none}
body.inner-page :is(.inner-lead,.page-back,.schedule-summary){color:var(--mz-muted)}
body.inner-page :is(.inner-feature,.related-programs,.presenter-feature){margin-block:64px}
body.inner-page :is(.inner-page-intro,.directory-intro){padding-block:44px;margin-bottom:28px}
body.inner-page :is(.group-hero,.commercial-hero,.ooh-hero){padding-bottom:44px}
body.inner-page :is(.section-top,.group-section-heading,.commercial-section-heading,.kit-section-title,.content-shelf-header,.podcast-library-section-heading){align-items:flex-start;text-align:left;margin-bottom:28px;gap:24px}
body.inner-page :is(.section-top,.group-section-heading,.commercial-section-heading,.kit-section-title,.content-shelf-header)>div{min-width:0}

/* Superfícies comuns para conteúdos agrupados. */
body.inner-page :is(.managed-card,.program-card,.person-card,.inner-callout,.commercial-format,.commercial-process li,.commercial-faq details,.commercial-results,.commercial-network,.group-dial,.ooh-hero-visual,.ooh-expansion-cities article,.news-filters,.editorial-card,.podcast-featured,.podcast-collections>div>a,.podcast-empty,.actions-published article,.agenda-empty,.sports-unavailable,.sports-record,.program-signature,.program-destination,.media-kit-cover,.media-kit-channels article,.media-kit-stations article,.media-kit-metrics,.jp-day,.jp-station-art,.camera-stage,.tv-theatre){background:var(--mz-surface);border:1px solid var(--mz-line);border-radius:16px;box-shadow:none}
body.inner-page :is(.editorial-card--featured,.commercial-faq details[open]){background:var(--mz-surface);border-color:var(--mz-line);box-shadow:none}
body.inner-page :is(.program-card,.person-card,.editorial-card){overflow:hidden}
body.inner-page :is(.program-card-copy,.person-copy){padding:20px}
body.inner-page .program-card h2{font-size:22px;line-height:1.3}
body.inner-page :is(.program-card-copy,.person-copy) p{color:var(--mz-muted)}
body.inner-page .person-card{background:transparent;border:0;border-radius:12px}
body.inner-page .person-photo{border-radius:12px;overflow:hidden}
body.inner-page .person-copy{padding-inline:0}
body.inner-page .person-copy h2{font-size:20px;line-height:1.3}
body.inner-page .person-role{color:var(--mz-muted)}
body.inner-page :is(.group-platforms>a,.channel-digital>a,.mzl-index>a){background:transparent;border-radius:0;box-shadow:none;border-color:var(--mz-line)}
body.inner-page :is(.brand-art,.ooh-banner,.program-edition-art){border-radius:16px;border-color:var(--mz-line);box-shadow:none}

/* Controles comuns: seleção explícita, texto claro e ações em ciano. */
body.inner-page :is(.button,.managed-card a.button,.mzl-intro .button){background:var(--mz-accent);color:var(--mz-canvas);border:1px solid var(--mz-accent);border-radius:999px;min-height:48px;box-shadow:none;font-weight:700}
body.inner-page .button.outline{background:transparent;color:var(--mz-accent-soft);border-color:var(--mz-line)}
body.inner-page :is(.text-link,.program-card-link,.sport-read,.editorial-read){color:var(--mz-accent-soft)}
body.inner-page :is(input:not([type=checkbox]):not([type=color]),textarea,select),body.inner-page .news-search :is(input,select){background:#041a3d;color:var(--mz-text);border:1px solid var(--mz-line);border-radius:12px;min-height:48px}
body.inner-page input::placeholder,body.inner-page textarea::placeholder{color:var(--mz-muted);opacity:1}
body.inner-page :is(.tabs,.schedule-controls,.news-search,.news-directory-page .news-filters){background:var(--mz-surface);border-color:var(--mz-line);border-radius:16px;box-shadow:none}
body.inner-page :is(.tabs button[aria-pressed=true],.schedule-days a[aria-current],.podcast-kind a[aria-current],.news-topics button[aria-pressed=true],.ooh-view-options button[aria-pressed=true]){background:var(--mz-accent);border-color:var(--mz-accent);color:var(--mz-canvas);box-shadow:none}
body.inner-page :is(.podcast-row-play,.news-pagination button,.podcast-find input[type=search]){background:var(--mz-surface);color:var(--mz-accent-soft);border-color:var(--mz-line)}
body:is(.home-page,.inner-page) :is(a,button,summary,select,input,textarea):focus-visible{outline:2px solid var(--mz-accent);outline-offset:4px}

/* Grade, programas e editorias: a mesma hierarquia da inicial. */
body.inner-page :is(.schedule-current-link,.now-panel){background:var(--mz-surface);border:1px solid var(--mz-line);border-radius:18px;box-shadow:none}
body.inner-page #schedule-list .show{background:transparent;border:0;border-bottom:1px solid var(--mz-line);border-radius:0;color:var(--mz-text);box-shadow:none}
body.inner-page #schedule-list .show :is(h3,h3 a){color:var(--mz-text)}
body.inner-page #schedule-list .show p{color:var(--mz-muted)}
body.inner-page #schedule-list .show.is-current{background:var(--mz-surface);border:1px solid var(--mz-line);border-radius:18px;overflow:hidden}
body.inner-page .jp-day :is(h3,time,.eyebrow,a.text-link){color:var(--mz-text)}
body.inner-page .jp-newsroom .jp-day p:not(.eyebrow),body.inner-page .jp-station-art figcaption{color:var(--mz-muted)}
body.inner-page .jp-day article{border-color:var(--mz-line)}
body.inner-page :is(.channel-radio,.channel-street){background:var(--mz-surface);border:1px solid var(--mz-line);border-radius:16px;box-shadow:none}
body.inner-page .channel-digital .channel-news{background:var(--mz-surface);color:var(--mz-text);border:1px solid var(--mz-line);border-radius:16px}
body.inner-page .channel-digital .channel-news :is(h2,h3,p){color:var(--mz-text)}
body.inner-page .mzl-opening{background:var(--mz-surface);color:var(--mz-text);border:1px solid var(--mz-line);border-radius:16px}
body.inner-page .mzl-intro :is(.eyebrow,.mzl-domain,.mzl-promise,small){color:var(--mz-text)}
/* A marca MZL10 tem logo azul original: suporte claro apenas dentro da imagem. */
body.inner-page .mzl-intro h1 img{background:#fff;border-radius:12px;padding:12px;margin-left:0}
body.inner-page .mzl-visual{background:var(--mz-surface)}
body.inner-page .news-directory-page :is(.editorial-card,.editorial-card--featured,.news-filters){background:var(--mz-surface);border-color:var(--mz-line);border-radius:16px;box-shadow:none}
body.inner-page .news-directory-page .news-search{background:transparent}
body.inner-page :is(.media-kit-metrics,.commercial-results) :is(strong,.metric-number){color:var(--mz-accent)}

/* Vidro único, preservando a transparência aprovada e o áudio persistente. */
body:is(.home-page,.inner-page) #site-page .site-header.inner-header.study-header:not(.is-scrolled){background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
body:is(.home-page,.inner-page) #site-page .site-header.inner-header.study-header.is-scrolled,
body:is(.home-page,.inner-page) #radio-session #radio-dock{background:var(--mz-glass)!important;border-color:var(--mz-glass-line)!important;box-shadow:var(--mz-glass-shadow);backdrop-filter:blur(24px) saturate(120%)!important;-webkit-backdrop-filter:blur(24px) saturate(120%)!important}
body:is(.home-page,.inner-page) #site-page .site-header:has(#main-nav.is-open){background:#031638f5!important}
body:is(.home-page,.inner-page) .site-header .nav-more-list{background:#08234cf5;border-color:var(--mz-line)}
body:is(.home-page,.inner-page) .site-footer.inner-footer{background:#020f28;color:var(--mz-muted);border-color:var(--mz-line)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body:is(.home-page,.inner-page) #site-page .site-header.inner-header.study-header.is-scrolled,body:is(.home-page,.inner-page) #radio-session #radio-dock{background:#08234cf5!important}}

@media(max-width:1100px){body.inner-page :is(.section-top,.group-section-heading,.commercial-section-heading,.kit-section-title,.content-shelf-header){flex-direction:column;align-items:flex-start;gap:16px}}
@media(max-width:700px){
 body.inner-page{--mz-gutter:20px;--mz-heading:30px;--mz-title:clamp(34px,9.4vw,46px)}
 body.inner-page :is(.inner-feature,.related-programs,.presenter-feature){margin-block:44px}
 body.inner-page :is(.inner-page-intro,.directory-intro){padding-block:28px;margin-bottom:24px;text-align:center}
 body.inner-page :is(.group-hero-copy,.commercial-hero-copy,.ooh-hero-copy,.network-mast,.sports-masthead,.tv-heading,.podcast-library-heading,.actions-opening,.media-kit-hero-copy,.program-profile-copy,.program-edition-copy){text-align:center}
 body.inner-page :is(.section-top,.group-section-heading,.commercial-section-heading,.kit-section-title,.content-shelf-header,.podcast-library-section-heading){flex-direction:column;align-items:center;text-align:center;gap:16px;margin-bottom:24px}
 body.inner-page :is(.section-top,.group-section-heading,.commercial-section-heading,.kit-section-title,.content-shelf-header)>div{max-width:100%;margin-inline:auto}
 body.inner-page :is(.network-mast,.sports-masthead,.tv-heading,.podcast-library-heading,.actions-opening) h1{font-size:var(--mz-title)}
 body.inner-page :is(input:not([type=checkbox]):not([type=color]),textarea,select),body.inner-page .news-search :is(input,select){font-size:16px;max-width:100%}
 body.inner-page :is(.managed-section,.news-page){min-width:0;padding-bottom:110px}
 body.inner-page :is(.programs-grid,.people-grid){gap:20px 14px}
 body.inner-page :is(.program-card-copy,.person-copy){padding:16px 12px}
 body.inner-page .person-copy{padding-inline:0}
 body.inner-page .person-copy h2{font-size:18px}
 body.inner-page .site-footer{padding-bottom:110px}
 body.inner-page #radio-session #radio-dock.is-compact .dock-inner{grid-template-columns:minmax(0,1fr) 44px 44px;gap:6px}
 body.inner-page #radio-session #radio-dock:not(.is-compact) .dock-inner{grid-template-columns:minmax(0,1fr) 44px 44px;gap:8px}
 body.inner-page #radio-session #radio-dock :is(#dock-toggle,#dock-size){width:44px;height:44px;min-width:44px;min-height:44px}
 body.inner-page #radio-session #radio-dock #dock-station-select{font-size:16px;min-height:48px}
 body.inner-page #radio-session #radio-dock{bottom:max(24px,env(safe-area-inset-bottom));right:max(20px,env(safe-area-inset-right))}
}
/* Composições institucionais e diretórios que possuíam paletas locais. */
body.inner-page :is(.group-signal,.group-scene-note,.group-station-card,.platform-detail,.commercial-hero-art,.commercial-media-frame,.commercial-channel-stage,.commercial-impact,.commercial-contact .inquiry-form,.ooh-contact,.ooh-map,.schedule-entry-card,.now-panel,.schedule-stations a,.programs-feature,.programs-continue,.inner-search,.program-card){background:var(--mz-surface);border-color:var(--mz-line);border-radius:16px;box-shadow:none}
body.inner-page.group-page .group-station-card,body.inner-page.group-page #canais .platform-detail,
body.inner-page.schedule-page .schedule-entry .schedule-entry-card,body.inner-page.schedule-page .now-panel,
body.inner-page.programs-page :is(.program-card,.inner-search){background:var(--mz-surface);border-color:var(--mz-line);box-shadow:none}
body.inner-page.schedule-page .schedule-entry.is-current .schedule-entry-card{background:var(--mz-surface);border:1px solid var(--mz-accent);border-radius:18px}
body.inner-page :is(.group-hero,.commercial-hero,.ooh-hero,.schedule-hero,.programs-hero) h1 span{color:var(--mz-accent);text-shadow:none}
body.inner-page :is(.commercial-impact,.group-scene-note,.schedule-hero-label) :is(h2,h3,strong){color:var(--mz-text)}
body.inner-page :is(.commercial-impact,.group-scene-note,.schedule-hero-label) p{color:var(--mz-muted)}
body.inner-page :is(.schedule-stations a[aria-current],.platform-tabs button[aria-pressed=true],.ooh-mode label:has(input:checked)){background:var(--mz-accent);color:var(--mz-canvas);border-color:var(--mz-accent)}
body.inner-page.schedule-page .schedule-days a{background:transparent;border-color:var(--mz-line);color:var(--mz-text)}
body.inner-page.schedule-page .schedule-days a[aria-current]{background:var(--mz-accent);color:var(--mz-canvas);border-color:var(--mz-accent)}
body.inner-page :is(.commercial-hero-rich .commercial-attendance,.commercial-kit-actions a:first-child){background:var(--mz-accent);color:var(--mz-canvas);box-shadow:none}
body.inner-page .commercial-hero-rich .commercial-attendance::after{display:none}
body.inner-page :is(.commercial-contact,.ooh-request-context,.ooh-position-options,.ooh-mode){background:transparent;border-color:var(--mz-line);box-shadow:none}
body.inner-page .program-card-art{background:var(--mz-surface)}
@media(max-width:700px){
 body.inner-page :is(.group-hero,.commercial-hero,.ooh-hero,.schedule-hero,.programs-hero) h1{font-size:var(--mz-title)}
 body.inner-page :is(.group-hero>div:first-child,.commercial-hero>div:first-child,.schedule-hero>div:first-child,.programs-hero>div:first-child){text-align:center}
 body.inner-page :is(.group-hero,.commercial-hero,.ooh-hero,.schedule-hero,.programs-hero) :is(.actions,.inner-action-row){justify-content:center}
 body.inner-page .ooh-direct-contact{margin-inline:auto}
}
/* Geometria móvel: o estado vazio das câmeras deve caber na coluna. */
body.inner-page :is(.camera-workspace,.camera-stage,.camera-screen,.camera-waiting){min-width:0;max-width:100%;box-sizing:border-box}
body.inner-page .camera-stage :is(h2,p){overflow-wrap:break-word;max-width:100%}
body.inner-page .commercial-hero-rich .commercial-attendance small{color:var(--mz-canvas);opacity:1}
@media(max-width:700px){body.inner-page .camera-workspace{grid-template-columns:minmax(0,1fr)}body.inner-page .camera-stage{width:100%;padding:24px 18px;min-height:300px}body.inner-page .camera-waiting{width:100%;padding:24px 18px}body.inner-page .camera-stage h2{font-size:26px}body.inner-page :is(.group-hero,.commercial-hero,.ooh-hero,.schedule-hero,.programs-hero) .eyebrow{justify-content:center}}
@media(max-width:700px){body.inner-page .commercial-hero-rich::before{inset:0;max-width:100%}body.inner-page .commercial-channel-choice summary{min-width:0;gap:10px}body.inner-page .commercial-channel-choice summary h3{min-width:0;overflow-wrap:anywhere;font-size:20px}}
/* Equipe completa com as mesmas proporções compactas da inicial. */
body.inner-page .people-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 18px;align-items:start}
body.inner-page .people-grid .person-copy h2{font-size:17px}
body.inner-page .people-grid .person-role{font-size:12px}
body.inner-page .people-grid .person-copy{padding:16px 0}
body.inner-page .people-grid .person-photo-caption{padding:24px 10px 12px;font-size:8px}
body.inner-page .people-grid .person-links{gap:4px;padding-top:12px}
body.inner-page .people-grid .person-links a{min-height:44px;font-size:11px}
body.inner-page main h1 span{color:var(--mz-accent);text-shadow:none}
body.inner-page .directory-side-link{background:var(--mz-surface);border-color:var(--mz-line);border-radius:16px;box-shadow:none}
@media(max-width:1000px){body.inner-page .people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){body.inner-page .people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}body.inner-page .people-grid .person-copy h2{font-size:16px}body.inner-page main :is(.directory-intro,.group-hero,.commercial-hero,.ooh-hero,.schedule-hero,.programs-hero) h1{font-size:var(--mz-title)}}
body.inner-page .people-grid .person-card{background:transparent;border:0;border-radius:12px;box-shadow:none}
/* Contraste consistente dentro de seleções com preenchimento ciano. */
body.inner-page .schedule-stations a[aria-current] :is(strong,span,small,b){color:var(--mz-canvas)}
/* WhatsApp do cabeçalho como ação principal compartilhada. */
body:is(.home-page,.inner-page) .site-header #main-nav a.nav-cta{background:var(--mz-accent);color:var(--mz-canvas);border-color:var(--mz-accent);box-shadow:none}
body:is(.home-page,.inner-page) .site-header #main-nav a.nav-cta:hover{background:var(--mz-accent-soft);color:var(--mz-canvas);border-color:var(--mz-accent-soft)}
/* Abertura editorial com a mesma linguagem ilustrada das demais guias. */
body.inner-page .news-masthead{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:64px;padding-block:12px 44px}
body.inner-page .news-masthead-content{min-width:0}
body.inner-page .news-masthead h1{margin:22px 0 26px}
body.inner-page .news-masthead-copy>p{color:var(--mz-muted);max-width:48ch}
body.inner-page .news-masthead-copy>.text-link{min-height:44px}
body.inner-page .news-masthead-art{position:relative;isolation:isolate;width:min(100%,420px);margin:0;justify-self:center}
body.inner-page .news-masthead-art>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 38%;border:1px solid var(--mz-line);border-radius:64px 20px 20px 20px}
body.inner-page .news-masthead-art figcaption{position:relative;margin:-38px 18px 0;padding:18px 22px;background:var(--mz-surface);border:1px solid var(--mz-line);border-radius:16px;font-size:18px;font-weight:700;color:var(--mz-text)}
body.inner-page .news-masthead-art figcaption span{display:block;font-size:9px;font-weight:400;line-height:1.6;margin-top:7px;color:var(--mz-muted)}
@media(max-width:950px){body.inner-page .news-masthead{gap:32px}}
@media(max-width:700px){body.inner-page .news-masthead{grid-template-columns:minmax(0,1fr);gap:28px;text-align:center;padding-block:0 30px}body.inner-page .news-masthead .eyebrow{justify-content:center}body.inner-page .news-masthead h1{font-size:var(--mz-title);margin:20px 0 24px}body.inner-page .news-masthead-copy>p{margin-inline:auto;font-size:14px}body.inner-page .news-masthead-copy>.text-link{justify-content:center}body.inner-page .news-masthead-art{max-width:340px;width:90%}body.inner-page .news-masthead-art figcaption{padding:16px;font-size:16px}}
/* Cena de Notícias: órbitas e luz atrás da arte, chamada no padrão das guias. */
body.inner-page .news-masthead-art{padding:14px 12px 30px;box-sizing:border-box}
body.inner-page .news-masthead-art::before{content:'';position:absolute;inset:6% -4% 8%;z-index:-1;pointer-events:none;border:1px solid #66ddf733;border-radius:50%;transform:rotate(-22deg);background:radial-gradient(ellipse at center,#00c8f52b,transparent 68%);box-shadow:0 0 70px #005ce81a}
body.inner-page .news-masthead-art::after{content:'';position:absolute;inset:15% -7% 14%;z-index:-1;pointer-events:none;border:1px solid #66ddf71f;border-radius:50%;transform:rotate(24deg)}
body.inner-page .news-masthead-art>img{aspect-ratio:3/3.5;border-radius:72px 24px 24px 24px;box-shadow:0 24px 60px #00173160;transform:rotate(3deg)}
body.inner-page .news-masthead-art figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:18px;width:100%;max-width:370px;box-sizing:border-box;margin:0 auto;padding:21px 25px;background:var(--mz-surface);border:1px solid var(--mz-line);border-radius:16px;box-shadow:none;text-align:left}
body.inner-page .news-masthead-art figcaption .news-art-icon{display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;margin:0;background:var(--mz-accent);color:var(--mz-canvas);border-radius:50%}
body.inner-page .news-art-icon svg{width:24px;height:24px}
body.inner-page .news-masthead-art figcaption>div{min-width:0}
body.inner-page .news-masthead-art figcaption>div>span{font-size:8px;letter-spacing:.1em;line-height:1.6;margin:0;color:var(--mz-accent-soft)}
body.inner-page .news-masthead-art figcaption strong{display:block;font-size:16px;letter-spacing:-.02em;line-height:1.4;margin-top:6px;color:var(--mz-text)}
@media(max-width:700px){body.inner-page .news-masthead-art{width:90%;padding:12px 8px 30px}body.inner-page .news-masthead-art::before{inset:8% -3%}body.inner-page .news-masthead-art::after{inset:16% -5%}body.inner-page .news-masthead-art figcaption{padding:18px;gap:12px}body.inner-page .news-masthead-art figcaption strong{font-size:14px}body.inner-page .news-masthead-art figcaption .news-art-icon{flex-basis:40px;width:40px;height:40px}}
/* Final local refinements: one clipping edge per card, no stacked corner radii. */
body.inner-page.programs-page #program-grid .program-card{overflow:hidden}
body.inner-page.programs-page #program-grid .program-card-art{border-radius:0;overflow:hidden;background:transparent}
body.inner-page.programs-page #program-grid .program-card-art img{border-radius:0;clip-path:none}
/* Override shared surface rules for this deliberately light FAQ. */
body.inner-page.commercial-page .commercial-faq details,body.inner-page.commercial-page .commercial-faq details[open]{border:0;border-radius:0;background:transparent;box-shadow:none;padding:0}
body.inner-page.commercial-page .commercial-faq details+details{border-top:1px solid #23436c66}
body.inner-page.commercial-page .commercial-faq summary{padding:17px 0;min-height:54px;font-size:15px;border-radius:8px}
body.inner-page.commercial-page .commercial-faq details p{padding:0 30px 18px 0}
/* Fade the commercial light before its container edge instead of clipping it. */
body.inner-page.commercial-page .commercial-hero-rich::before{background:none}
body.inner-page.commercial-page .commercial-hero-rich>.motion-coastal-light{overflow:visible;mask-image:radial-gradient(ellipse at center,#000 35%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at center,#000 35%,transparent 72%)}
body.inner-page.commercial-page .commercial-composition>.motion-halo{mask-image:radial-gradient(ellipse,#000 45%,transparent 71%);-webkit-mask-image:radial-gradient(ellipse,#000 45%,transparent 71%)}
/* Larger, visible light behind the OOH artwork, without an opaque surround. */
body.inner-page.ooh-page .ooh-hero-art>.motion-halo{inset:-16% -12%;background:radial-gradient(ellipse at 45% 45%,#00c8f599 0%,#0064ed66 38%,transparent 72%);opacity:1}
body.inner-page.ooh-page .ooh-hero-art>.motion-halo::before{inset:8% 1%;border-color:#48d9ff55}
body.inner-page.ooh-page .ooh-hero-art>.motion-halo::after{inset:0 11%;border-color:#48d9ff33}
body.group-page .group-story ol>li:first-child{border-top:0}
body.inner-page.group-page .group-people{gap:10px;padding:0;align-items:center}
body.inner-page.group-page .group-person-crop{display:block;position:relative;flex:1;max-width:128px;min-width:0;aspect-ratio:1;overflow:hidden;border-radius:50%;border:3px solid #23436c;background:#f5f9ff}
body.inner-page.group-page .group-person-crop img{display:block;width:100%;max-width:none;height:100%;margin:0;border:0;border-radius:0;object-fit:cover;object-position:50% 16%;transform:scale(1.16);transform-origin:50% 25%}
body.inner-page.group-page .group-person-crop:nth-child(2) img{transform:scale(1.43);object-position:50% 12%;transform-origin:50% 23%}
body.inner-page.group-page .group-person-crop:nth-child(3) img{transform:scale(1.12);object-position:50% 12%}
body.inner-page.ooh-page .ooh-hero-art>.motion-halo{inset:-10% 0 -8% -12%;overflow:hidden;mask-image:radial-gradient(ellipse,#000 44%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse,#000 44%,transparent 73%)}
body.inner-page.ooh-page .ooh-hero{min-width:0}
body.inner-page.ooh-page .ooh-hero-art .ooh-hero-image{box-shadow:0 0 34px #00c8f54d,0 0 75px #0064ed40,0 18px 40px #02162740}
/* Player centralizado nas telas de celular e formatos estreitos. */
@media(max-width:760px){body:is(.home-page,.inner-page) #radio-session #radio-dock{left:0;right:0;margin-inline:auto;bottom:max(24px,env(safe-area-inset-bottom));max-width:calc(100vw - 40px)}}

/* Reception photographs provided by the owner. */
body.inner-page .group-reception{padding:56px 0;border-top:1px solid #23436c;margin-inline:auto;max-width:1240px}
.group-reception .gr-heading{display:flex;align-items:end;justify-content:space-between;gap:38px;margin-bottom:28px}.group-reception .gr-heading h2{font-size:clamp(30px,4vw,46px);line-height:1.12;letter-spacing:-.04em;margin:14px 0 0}.group-reception .gr-heading>p{color:#b5c8e2;max-width:34ch;font-size:14px;line-height:1.8}.group-reception .gr-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.group-reception figure{margin:0;min-width:0}.group-reception figure:first-child{grid-column:1/-1}.group-reception figure>a{display:block;position:relative;border-radius:14px;overflow:hidden;background:#08234c}.group-reception figure img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.group-reception figure:first-child img{aspect-ratio:16/9;object-position:center 48%}.group-reception figure>a>span{position:absolute;right:18px;bottom:18px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#031638cf;color:#f5f9ff}.group-reception figcaption{color:#b5c8e2;font-size:12px;margin-top:12px;line-height:1.7}@media(max-width:700px){body.inner-page .group-reception{padding:36px 0}.group-reception .gr-heading{flex-direction:column;align-items:start;gap:14px}.group-reception .gr-gallery{grid-template-columns:1fr;gap:22px}.group-reception figure:first-child img{aspect-ratio:4/3}.group-reception .gr-heading>p{max-width:100%}}

/* The owner-provided studio photo keeps its landscape framing. */
body.inner-page .group-hero-scene:has(.group-studio-photo){height:460px}.group-hero-scene .group-studio-photo{inset:35px 0 62px 0;border-radius:18px;transform:none;animation:none;aspect-ratio:4/3;height:auto;max-height:100%;overflow:hidden}.group-studio-photo>a{display:block;width:100%;height:100%}.group-studio-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.group-studio-photo figcaption{left:15px;bottom:12px;padding:6px 9px;border-radius:6px;background:#031638b8;color:#fff;font-size:10px}.group-hero-scene:has(.group-studio-photo) .group-scene-label{top:12px;left:20px}.group-hero-scene:has(.group-studio-photo) .group-scene-note{bottom:0;right:0;max-width:78%}@media(max-width:1000px){body.inner-page .group-hero-scene:has(.group-studio-photo){height:390px}}@media(max-width:760px){body.inner-page .group-hero-scene:has(.group-studio-photo){height:auto;padding-top:34px;padding-bottom:82px;max-width:600px}.group-hero-scene .group-studio-photo{position:relative;inset:auto;width:100%;aspect-ratio:4/3}.group-hero-scene:has(.group-studio-photo) .group-scene-note{bottom:10px;max-width:82%}.group-hero-scene:has(.group-studio-photo) .group-scene-label{top:10px;left:12px}}

#radio-dock .dock-entry-hint{display:block;color:#a9eaff;font-size:10px;font-weight:700;line-height:1.3;margin-top:3px}#radio-dock .dock-entry-hint[hidden]{display:none}.home-team-expand{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;margin-top:24px;background:transparent;color:#a9eaff;border:1px solid #23436c;border-radius:9px;font:inherit;font-size:13px;cursor:pointer}.home-team-grid[hidden]{display:none!important}#home-team-extra{margin-top:22px}.home-team-expand:focus-visible{outline:3px solid #00c8f5;outline-offset:3px}

/* Estudo local de animação — não publicado. Paleta e composição de design.md preservadas. */
body.motion-lab{--motion-ease:cubic-bezier(.16,1,.3,1)}
body.motion-lab main .home-reveal-in{animation:none}
body.motion-lab .motion-scene{isolation:isolate;transform:perspective(1000px) rotateX(var(--scene-rx,0deg)) rotateY(var(--scene-ry,0deg));transition:transform 700ms var(--motion-ease)}
body.motion-lab .motion-halo{position:absolute;z-index:-1;inset:-14%;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at var(--light-x,60%) var(--light-y,40%),#00c8f53b, #0064ed1a 36%,transparent 68%);opacity:.8}
body.motion-lab .motion-halo::before,body.motion-lab .motion-halo::after{content:'';position:absolute;inset:13% 6%;border:1px solid #48d9ff26;border-radius:50%;transform:rotate(-24deg)}
body.motion-lab .motion-halo::after{inset:7% 17%;border-color:#48d9ff12;transform:rotate(32deg)}
body.motion-lab .motion-coastal-light{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
body.motion-lab .motion-coastal-light::before,body.motion-lab .motion-coastal-light::after{content:'';position:absolute;width:65%;height:80%;border-radius:50%;background:radial-gradient(ellipse,#00a6ff28,transparent 67%);top:8%;right:-12%;opacity:.7}
body.motion-lab .motion-coastal-light::after{width:50%;height:65%;left:-20%;top:38%;background:radial-gradient(ellipse,#005cff24,transparent 68%)}
body.motion-lab .motion-card{position:relative;isolation:isolate;overflow:hidden}
body.motion-lab .motion-card-glow{position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:radial-gradient(380px circle at var(--light-x,50%) var(--light-y,0%),#4bdbff19,transparent 65%);opacity:0;transition:opacity .5s ease;box-shadow:inset 0 1px #97ebff12}
body.motion-lab .motion-card:focus-within>.motion-card-glow{opacity:1}
body.motion-lab main :is(.button,.frequency-choices>button){position:relative;isolation:isolate;overflow:hidden}
body.motion-lab .motion-touch{position:absolute;z-index:4;pointer-events:none;border-radius:50%;background:#fff}
@media(prefers-reduced-motion:no-preference){
 body.motion-lab .motion-float{animation:mz-scene-float 9s ease-in-out infinite;animation-play-state:paused}
 body.motion-lab .motion-visible.motion-float{animation-play-state:running}
 body.motion-lab .motion-scene .motion-halo{animation:mz-halo-breathe 8s ease-in-out infinite alternate;animation-play-state:paused}
 body.motion-lab .motion-scene.motion-visible .motion-halo{animation-play-state:running}
 body.motion-lab .motion-coastal-light::before{animation:mz-coastal-drift 16s ease-in-out infinite alternate;animation-play-state:paused}
 body.motion-lab .motion-coastal-light::after{animation:mz-coastal-drift 21s -8s ease-in-out infinite alternate-reverse;animation-play-state:paused}
 body.motion-lab .motion-coastal-light.motion-visible::before,body.motion-lab .motion-coastal-light.motion-visible::after{animation-play-state:running}
 body.motion-lab[data-motion-state=paused] :is(.motion-float,.motion-halo,.motion-ambient),body.motion-lab[data-motion-state=paused] .motion-coastal-light::before,body.motion-lab[data-motion-state=paused] .motion-coastal-light::after{animation-play-state:paused!important}
 body.motion-lab .motion-ambient:not(.motion-visible){animation-play-state:paused!important}
 body.motion-lab .home-program-open svg{transition:translate .4s var(--motion-ease)}
 body.motion-lab .motion-card:focus-visible .home-program-open svg{translate:2px -2px}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body.motion-lab main .motion-card{transition:translate .55s var(--motion-ease),border-color .45s ease,box-shadow .55s ease}
 body.motion-lab main .motion-card:hover{translate:0 -5px;transform:none;border-color:#00c8f580;box-shadow:0 18px 42px #0003}
 body.motion-lab .motion-card:hover>.motion-card-glow{opacity:1}
 body.motion-lab .motion-card img{transition:scale .9s var(--motion-ease)}
 body.motion-lab .motion-card:hover img{scale:1.035}
 body.motion-lab .motion-card:hover .home-program-open svg{translate:2px -2px}
 body.motion-lab main .button{transition:translate .4s var(--motion-ease),box-shadow .4s ease,background .3s ease}
 body.motion-lab main .button:hover{translate:0 -2px;box-shadow:0 8px 30px #00c8f529}
}
@keyframes mz-scene-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes mz-halo-breathe{from{scale:.96;opacity:.55}to{scale:1.06;opacity:1}}
@keyframes mz-coastal-drift{from{translate:-6% 5%;scale:.94}to{translate:6% -6%;scale:1.12}}
@media(max-width:700px){body.motion-lab .motion-float{animation-duration:11s}body.motion-lab .motion-halo{inset:-8%}body.motion-lab .motion-coastal-light::before{width:110%;right:-35%}body.motion-lab .motion-card-glow{display:none}@keyframes mz-scene-float{0%,100%{translate:0 0}50%{translate:0 -5px}}}
@media(prefers-reduced-motion:reduce){body.motion-lab .motion-scene{transform:none;transition:none}body.motion-lab :is(.motion-float,.motion-halo){animation:none!important}body.motion-lab .motion-coastal-light::before,body.motion-lab .motion-coastal-light::after{animation:none!important}body.motion-lab .motion-card-glow,body.motion-lab .motion-touch{display:none}body.motion-lab main .motion-card:hover{translate:none}body.motion-lab main .motion-card img{scale:1}}
/* Halos podem sair da arte, mas nunca devem criar rolagem horizontal. */
body.motion-lab #site-page{overflow-x:clip}
/* O invólucro de navegação usa display:contents; limitar as luzes na própria cena. */
body.motion-lab .motion-scene>.motion-halo{inset:-10% 0;overflow:clip}
@media(min-width:701px) and (max-width:950px){body.motion-lab .news-masthead-art{width:calc(100% - 24px)}}