/* Medyca — /request-doctor: i pezzi che stile.css non ha (13.10.2026)
   Stesso linguaggio delle altre pagine: le variabili di stile.css, raggi 8/24/40, pillole, filetti var(--filo), niente
   ombre, niente colori nuovi. Telefono per primo; da 52em e da 64em come negli altri fogli. */

/* ---------- 1. Apertura bassa ---------- */
/* Navy da bordo a bordo, croce del logo al 6%, barretta rossa sopra il titolo (stessi valori di .apertura--b). Dentro ci stanno
   il titolo e le tre righe di contatto. Niente foto. */
:is(.rd-apertura):where([data-sezione^="request-doctor/"], [data-sezione^="request-doctor/"] *) { position: relative; overflow: hidden; background: var(--navy); color: #fff; padding-block: 2.5rem 3rem; }
:is(.rd-apertura):where([data-sezione^="request-doctor/"], [data-sezione^="request-doctor/"] *)::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: url("/loghi/medyca-croce-filigrana-bianca.svg") no-repeat right -9rem top -3rem / 30rem auto; opacity: .06;
}
:is(.rd-apertura .contenitore):where([data-sezione^="request-doctor/"], [data-sezione^="request-doctor/"] *) { position: relative; z-index: 1; }
:is(.rd-apertura .h1):where([data-sezione^="request-doctor/"], [data-sezione^="request-doctor/"] *)::before { content: ""; display: block; width: 2.5rem; height: 4px; margin-bottom: 1.25rem; border-radius: 2px; background: var(--rosso); }
/* le tre righe: corpo del testo, una riga vuota fra l'una e l'altra; il numero di telefono è l'azione più urgente, quindi a 700 */
:is(.rd-contatti):where([data-sezione^="request-doctor/"], [data-sezione^="request-doctor/"] *) { max-width: 36rem; margin-top: 1.5rem; }
:is(.rd-contatti > * + *):where([data-sezione^="request-doctor/"], [data-sezione^="request-doctor/"] *) { margin-top: 1.25em; }
:is(.rd-contatti a[href^="tel:"]):where([data-sezione^="request-doctor/"], [data-sezione^="request-doctor/"] *) { font-weight: 700; white-space: nowrap; }
@media (min-width: 52em) { :is(.rd-contatti):where([data-sezione^="request-doctor/"], [data-sezione^="request-doctor/"] *) { margin-top: 1.75rem; font-size: var(--attacco); line-height: var(--attacco-lh); } }
@media (min-width: 64em) {
  :is(.rd-apertura):where([data-sezione^="request-doctor/"], [data-sezione^="request-doctor/"] *) { padding-block: 4.5rem 5rem; }
  :is(.rd-apertura):where([data-sezione^="request-doctor/"], [data-sezione^="request-doctor/"] *)::after { background-position: right -6rem top -8rem; background-size: 46rem auto; }
  :is(.rd-apertura .h1):where([data-sezione^="request-doctor/"], [data-sezione^="request-doctor/"] *)::before { width: 3.5rem; height: 5px; margin-bottom: 1.75rem; border-radius: 3px; }
  /* titolo a sinistra, le tre righe a destra divise da un filetto (come le due cifre della home): la fascia resta bassa */
  :is(.rd-apertura-griglia):where([data-sezione^="request-doctor/"], [data-sezione^="request-doctor/"] *) { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); column-gap: 4rem; align-items: center; }
  :is(.rd-contatti):where([data-sezione^="request-doctor/"], [data-sezione^="request-doctor/"] *) { max-width: none; margin-top: 0; padding-left: 3.5rem; border-left: 1px solid var(--filo-su-navy); }
}

/* ---------- 2. Le due sezioni: titolo (e testo) a sinistra, oggetto a destra, sulla stessa griglia 5/7 delle recensioni ---------- */
:is(.rd-coppia .coppia-titolo > .bottone):where([data-sezione^="request-doctor/"], [data-sezione^="request-doctor/"] *), :is(.rd-coppia .coppia-corpo > .bottone):where([data-sezione^="request-doctor/"], [data-sezione^="request-doctor/"] *) { margin-top: 1.75rem; max-width: var(--colonna); }
/* il testo non è mai più largo di 40rem, nemmeno a tablet (in stile.css .coppia-corpo ha il limite solo da 64em e il testo del titolo non l'ha) */
:is(.rd-coppia .coppia-corpo):where([data-sezione^="request-doctor/"], [data-sezione^="request-doctor/"] *), :is(.rd-coppia .coppia-titolo > p):where([data-sezione^="request-doctor/"], [data-sezione^="request-doctor/"] *) { max-width: var(--colonna); }
/* il modulo sta subito sotto il bottone che porta a lui; su telefono lo stacca un filetto */
:is(.rd-domicilio .coppia-corpo):where([data-sezione^="request-doctor/"], [data-sezione^="request-doctor/"] *) { max-width: var(--colonna); margin-top: 2.5rem; padding-top: 2.5rem; border-top: 1px solid var(--filo); }
@media (min-width: 64em) {
  :is(.rd-coppia):where([data-sezione^="request-doctor/"], [data-sezione^="request-doctor/"] *) { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: 5rem; }
  /* il modulo non è testo: riempie tutta la colonna di destra, come la scheda delle recensioni sotto */
  :is(.rd-domicilio .coppia-corpo):where([data-sezione^="request-doctor/"], [data-sezione^="request-doctor/"] *) { max-width: none; margin-top: 0; padding-top: 0; border-top: 0; }
}

/* il bottone porta al modulo: arrivando, il modulo non resta incollato al bordo alto dello schermo */
:is(#modulo):where([data-sezione^="request-doctor/"], [data-sezione^="request-doctor/"] *) { scroll-margin-top: 1.5rem; }
/* il modulo: la riga di spiegazione sotto il titoletto del nome del paziente (`.rd-aiuto`) sta in stile.css, con il resto del modulo */

/* ---------- 3. Recensioni: la scheda del riassunto sta in stile.css, con le recensioni (è del pezzo comune RecensioniSchede) ---------- */