/* ============================================================================
   VDU Facebook — scheda «Seguici su Facebook» — v.001 (20.10.2026,
   RUN-VDU-RIORDINO-3). Scheda LOCALE: nessuna risorsa da Facebook.
   I colori e i caratteri sono proprieta' (--vdu-fb-*) con i valori del sito
   che la ospita oggi (Valle degli Ulivi: verde rgb(25,160,41) dei titoli e
   della scheda del modulo, testo Overpass); un altro sito le ridichiara sul
   suo contenitore senza toccare questo file. Il pulsante e' nel sistema
   condiviso dei pulsanti lunghi (geometria): qui solo i colori.
   Tutto sotto .vdu-fb, specificita' 0,2,0: nessun selettore globale.
   ============================================================================ */
.vdu-fb {
	--vdu-fb-accento: rgb(25, 160, 41);
	--vdu-fb-testo: rgb(42, 39, 34);
	--vdu-fb-tenue: rgb(90, 83, 74);
	--vdu-fb-fondo: #fff;
	--vdu-fb-blu: #1877F2;
	--vdu-fb-blu-scuro: #0F5FCC;
	--vdu-fb-carattere: Overpass, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	box-sizing: border-box;
	display: block;
	width: 100%;
	max-width: 520px;
	margin: 0 auto;
	background: var(--vdu-fb-fondo);
	border: 2px solid var(--vdu-fb-accento);
	border-radius: 22px;
	overflow: hidden;
	box-shadow: 0 10px 28px -16px rgba(0, 0, 0, .45);
	font-family: var(--vdu-fb-carattere);
	color: var(--vdu-fb-testo);
	text-align: left;
}
.vdu-fb *, .vdu-fb *::before, .vdu-fb *::after { box-sizing: border-box; }
.vdu-fb .vdu-fb-media { aspect-ratio: 16 / 9; overflow: hidden; background: #e9eee2; }
.vdu-fb .vdu-fb-foto { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; margin: 0; border: 0; border-radius: 0; }
.vdu-fb .vdu-fb-corpo { padding: 20px 24px 24px; }
.vdu-fb .vdu-fb-pagina { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font-size: 15px; line-height: 1.3; font-weight: 600; color: var(--vdu-fb-tenue); }
.vdu-fb .vdu-fb-logo { display: inline-flex; color: var(--vdu-fb-blu); }
.vdu-fb .vdu-fb-logo .vdu-fb-f { width: 22px; height: 22px; }
.vdu-fb .vdu-fb-titolo { margin: 0 0 8px; padding: 0; font-family: var(--vdu-fb-carattere); font-size: 28px; line-height: 1.2; font-weight: 800; color: var(--vdu-fb-accento); letter-spacing: 0; text-transform: none; }
.vdu-fb .vdu-fb-testo { margin: 0 0 18px; font-size: 18px; line-height: 1.5; color: var(--vdu-fb-testo); }
.vdu-fb .vdu-pulsanti-gruppo { display: grid; width: 100%; }
.vdu-fb .vdu-fb-btn { background: var(--vdu-fb-blu); border-color: var(--vdu-fb-blu); color: #fff; text-decoration: none; transition: background-color .2s ease, border-color .2s ease; }
.vdu-fb .vdu-fb-btn:hover, .vdu-fb .vdu-fb-btn:focus-visible { background: var(--vdu-fb-blu-scuro); border-color: var(--vdu-fb-blu-scuro); color: #fff; }
.vdu-fb .vdu-fb-btn:focus-visible { outline: 3px solid var(--vdu-fb-accento); outline-offset: 3px; }
.vdu-fb .vdu-fb-btn .vdu-fb-f { color: #fff; }
@media (max-width: 600px) {
	.vdu-fb .vdu-fb-corpo { padding: 16px 18px 20px; }
	.vdu-fb .vdu-fb-titolo { font-size: 24px; }
	.vdu-fb .vdu-fb-testo { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) {
	.vdu-fb .vdu-fb-btn { transition: none; }
}