/* Pagine di MARCHIO (radio & WebTv, editoria musicale) — 18 ago 2026.
   Non ridisegnano niente: prendono l'impianto di studio.css (hero a due righe, griglia delle
   schede, elenco delle domande) ma NON il suo rosso. Studio e' la sala di registrazione e ha il
   suo accento "recording"; radio ed editoriale sono il gruppo, quindi teal del marchio come la
   home. studio.css dichiara --accent sul :root: una dichiarazione su body vince per tutto il
   sottoalbero e non richiede di toccare studio.css, che serve alle sue pagine com'e'. */
body.pag-marca{
  --accent:#00B8A8;
  --accent-2:#5be8db;
  --accent-dim:rgba(0, 184, 168, .16);
}

/* Titolo a due righe. Su studio.css la riga 1 e' teal e la riga 2 rossa: qui, con --accent gia'
   teal, le due righe uscirebbero IDENTICHE e il contrasto sparirebbe. Prima riga bianca (il
   gruppo), seconda teal (il marchio). Specificita' 0-3-0, sopra ".hero-title .hero-l1" (0-2-1). */
.pag-marca .hero-title .hero-l1{
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  color: var(--white);
}

/* L'alone dell'hero: studio.css lo scrive con il rosso NUMERICO (rgba(228,72,59,…)), non con la
   variabile, quindi il cambio di --accent non lo tocca — in anteprima la pagina della radio aveva
   il titolo teal su un alone marrone. Si rimettono gli stessi tre gradienti della home, che e' la
   pagina a cui queste appartengono. */
.pag-marca .hero-bg{
  background:
    radial-gradient(ellipse 60% 50% at 50% 12%, rgba(0, 184, 168, .22), transparent 60%),
    radial-gradient(ellipse 80% 60% at 15% 88%, rgba(0, 184, 168, .10), transparent 55%),
    radial-gradient(ellipse 70% 55% at 90% 85%, rgba(0, 184, 168, .08), transparent 55%),
    linear-gradient(180deg, #000 0%, #050807 55%, #000 100%);
}

/* servicio.css scrive il rosso a mano sull'hover delle domande (#ff4d4d): li' e' il colore della
   pagina, qui sarebbe un accento estraneo. */
.pag-marca .sv-faq summary:hover{ color: var(--accent); }

/* Il link di approfondimento in fondo alle sezioni radio/editoriale della home: e' quello che
   impedisce alle due pagine di restare orfane. Usa .dcard-link, che la home ha gia'. */
.rt-more{ margin: 22px 0 0; }