/* ============================================================================
   VDU Video YT — v.003 (20.10.2026, RUN-VDU-RIORDINO-4) = v.002 piu' la didascalia
   su UNA riga (classe del modulo .vdu-video-cap--riga): carattere piu' piccolo del
   testo della sezione (16 px da 992 px in su contro 24; 13 px sotto contro 15),
   colore attenuato, collegamento nello stesso colore, sottolineato. Se non ci sta
   il modulo scende fino a 12 px. Comportamento: modulo condiviso
   vdu-comune/video/v.002.
   Storia della v.002 (RUN-VDU-RIORDINO-3): Didascalia nei caratteri della sezione che la ospita
   (Overpass, misurato sullo stile calcolato del testo della sezione: 24 px da
   992 px in su, 15 px sotto — tablet e telefono, soglie di Brizy) — riga 1 di 3 px piu' grande (la aggiunge il modulo).
   MODO COLONNA (home): video-yt.js porta il riquadro nella colonna di Brizy e le
   mette la classe .vdu-vyt2-ospite (misure del 20.10.2026: la colonna era fatta
   per uno sfondo video, con imbottitura 50 px su desktop e 150 px + altezza
   minima 400 px su telefono):
     - da 768 px in su il riquadro RIEMPIE la colonna in posizione assoluta, come
       lo sfondo di prima: l'altezza della riga la decide ancora la colonna di
       testo; il video occupa lo spazio sopra la didascalia (ritaglio centrato);
     - sotto i 768 px il riquadro e' in flusso e il contenitore vuoto della
       colonna si nasconde: la colonna e' alta quanto il video e la didascalia.
   Tutto sotto .vdu-vyt2 / .vdu-vyt2-ospite: nessun selettore globale.
   ============================================================================ */
.vdu-vyt2 { position: relative; display: block; width: 100%; }
.vdu-vyt2 .vdu-vyt2-video {
	--vdu-video-cap-famiglia: Overpass, sans-serif;
	--vdu-video-cap-base: 24px;
	--vdu-video-cap-colore: rgb(0, 0, 0);
	--vdu-video-cap-riga: 16px;
	--vdu-video-cap-riga-colore: rgb(102, 102, 102);
	width: 100%;
}
.vdu-vyt2 .vdu-vyt2-video .vdu-video-box { width: 100%; }
.vdu-vyt2 .vdu-vyt2-video .vdu-video-cap { margin: 12px 0 4px; line-height: 1.35; }
.vdu-vyt2 .vdu-vyt2-video .vdu-video-cap a { color: rgb(155, 50, 50); }
.vdu-vyt2 .vdu-vyt2-video .vdu-video-cap-1 strong { font-weight: 800; }
/* v.003: didascalia su una riga, discreta (il colore del collegamento e' quello del testo) */
.vdu-vyt2 .vdu-vyt2-video .vdu-video-cap.vdu-video-cap--riga { margin: 10px 0 4px; line-height: 1.3; }
.vdu-vyt2 .vdu-vyt2-video .vdu-video-cap.vdu-video-cap--riga a { color: inherit; font-weight: 600; }

@media (min-width: 768px) {
	.vdu-vyt2.is-colonna.is-ospitato { position: absolute; inset: 0; z-index: 1; display: flex; background: #fff; border-radius: inherit; }
	.vdu-vyt2.is-colonna.is-ospitato .vdu-vyt2-video { display: flex; flex-direction: column; width: 100%; height: 100%; }
	.vdu-vyt2.is-colonna.is-ospitato .vdu-vyt2-video .vdu-video-box { flex: 1 1 auto; min-height: 0; aspect-ratio: auto; }
	.vdu-vyt2.is-colonna.is-ospitato .vdu-vyt2-video .vdu-video-cap { flex: 0 0 auto; margin: 0; padding: 10px 14px 12px; }
	.vdu-vyt2.is-colonna.is-ospitato .vdu-vyt2-video .vdu-video-cap.vdu-video-cap--riga { padding: 8px 14px 10px; }
}
@media (max-width: 991px) {
	.vdu-vyt2 .vdu-vyt2-video { --vdu-video-cap-base: 15px; --vdu-video-cap-riga: 13px; }
}
@media (max-width: 767px) {
	.vdu-vyt2-ospite > .brz-column__items { display: none !important; }
	.vdu-vyt2.is-colonna.is-ospitato .vdu-vyt2-video .vdu-video-cap { margin: 10px 0 12px; }
}