/* =========================================================================
   chirurgia-maxillo-facciale-e-ortognatica.css — pagina 1677. 04/09/2026.

   SOLO CIO' CHE E' DI QUESTA PAGINA. Il professionista, le prestazioni, le
   correlate, il blocco testo+immagine e l'hero senza foto stanno in
   07-blocchi.css: li produce uno shortcode condiviso o li useranno le altre
   ~120 specialita' da migrare, quindi il loro vestito e' condiviso.

   ⚠️ IL FILE SI CHIAMA COME LO SLUG, e non e' un caso. idealmedica_lc_page_key()
   usa il meta _lc_page e, in sua assenza, il post_name: chiamandolo cosi' il
   wrapper diventa #lc-chirurgia-maxillo-facciale-e-ortognatica senza scrivere
   una riga nel database.
   ========================================================================= */


/* --- Fondo dell'hero -----------------------------------------------------
   Gli stessi tre strati della Medicina Estetica, con gli stessi valori: le
   pagine devono sembrare parenti, non cugine lontane.

   Lo strato in cima e' la sfumatura di uscita verso il bianco della sezione
   successiva. ⚠️ E' misurata IN PIXEL DAL BASSO e non in percentuale: la
   sezione cambia altezza col viewport e con la lunghezza dei testi, e una
   percentuale sposterebbe l'attacco della sfumatura sopra o sotto i bottoni a
   seconda del caso. Il valore SEGUE il padding-bottom di .lc-sezione
   (03-layout.css): 48px sotto i 992px, 96px da 992px in su. Se quel padding
   cambia, vanno cambiati entrambi qui — sotto e dentro la media query
   (CLAUDE.md §7.3).                                                        */
#lc-chirurgia-maxillo-facciale-e-ortognatica #hero {
	background-image:
		linear-gradient(to top, #fff 0, rgba(255, 255, 255, 0) 48px),
		radial-gradient(ellipse 46% 62% at 78% 44%, rgba(255, 255, 255, .55) 0%, transparent 70%),
		linear-gradient(135deg, #d7e6f4 0%, #edf4fa 45%, #bbd5f0 100%);
}

@media (min-width: 992px) {
	#lc-chirurgia-maxillo-facciale-e-ortognatica #hero {
		background-image:
			linear-gradient(to top, #fff 0, rgba(255, 255, 255, 0) 96px),
			radial-gradient(ellipse 46% 62% at 78% 44%, rgba(255, 255, 255, .55) 0%, transparent 70%),
			linear-gradient(135deg, #d7e6f4 0%, #edf4fa 45%, #bbd5f0 100%);
	}
}


/* --- L'elenco della sezione 3, a card ------------------------------------
   E' una <ul> vera, perche' la frase che la introduce dice "Tra le principali
   prestazioni rientrano:" e chi usa uno screen reader deve sentire "elenco di
   7 elementi". L'aspetto a card lo danno .lc-griglia--3 e .lc-card; qui si
   tolgono soltanto i pallini e il rientro, che su una griglia di riquadri non
   hanno senso.

   ⚠️ list-style e padding-left vanno tolti ENTRAMBI: senza il padding, i
   pallini restano nascosti fuori dalla card ma la griglia risulta spostata a
   destra di 40px.                                                           */
#lc-chirurgia-maxillo-facciale-e-ortognatica .lc-elenco-card {
	margin: 0;
	padding-left: 0;
	list-style: none;
}

/* ⚠️ L'ELENCO DELLE PATOLOGIE DELLA SEZIONE 4 NON HA REGOLE QUI, ed e' voluto:
   usa .lc-elenco, il componente che 02-tipografia gia' definisce (rientro
   20px, list-style disc, 15px, 4px fra le voci). Se ti viene voglia di
   aggiungere padding o margini per quell'elenco, stai riscrivendo .lc-elenco:
   guarda prima 02-tipografia.css.                                          */

/* --- I 90px di bianco fra header e hero, sotto i 990px ------------------
   style.css del child fa "#top #main { padding-top: 90px !important }" per
   tutto il sito. Da 990px in su l'header non occupa spazio nel flusso e quei
   90px lo compensano davvero; sotto, l'header sta nel flusso e si prende i
   suoi, quindi i 90 si sommano e resta una fascia vuota. Si vede solo dove la
   prima sezione ha un fondo colorato — qui l'hero ce l'ha
   (PARTICOLARITA-TEMA.md §4). Misurati in pagina il 04/09/2026: esattamente
   90px prima, 0 dopo.

   ⚠️ SI AGGANCIA ALL'ID E NON ALLA CLASSE .lc-sezione--recupera-header che
   03-layout gia' definisce: LiveCanvas cancella le classi custom dalle
   <section> al salvataggio (PARTICOLARITA-TEMA.md §11), quindi quella classe
   sparirebbe la prima volta che il cliente apre la pagina nell'editor e la
   fascia tornerebbe senza che nessun errore lo dica. L'id sopravvive.

   Il contenuto non si sposta: la sezione risale di 90px e se li riprende in
   padding, coprendo la fascia col proprio fondo. L'header non viene toccato.

   ⚠️ Il 48px e' il padding-top di .lc-sezione sotto i 992px: se cambia la',
   cambia qui.                                                              */
@media (max-width: 989.98px) {
	#lc-chirurgia-maxillo-facciale-e-ortognatica #hero {
		margin-top: -90px;
		padding-top: calc(48px + 90px);
	}
}