/* Versione statica di fabula.conform.it (28/10/2026). */

/* --- Video: anteprima che apre il popup (youtube-nocookie, solo al clic).
   Nel tema il contenitore .wpb_video_wrapper ha gia' il rapporto 16:9 (padding-top 56,25%) e l'iframe originale era in assoluto: l'anteprima fa lo stesso. --- */
.video-anteprima { display: block; position: relative; background: #000; overflow: hidden; }
.wpb_video_wrapper > .video-anteprima { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-anteprima img { display: block; width: 100%; height: 100%; object-fit: cover; }
.video-anteprima .video-play { position: absolute; top: 50%; left: 50%; width: 68px; height: 68px; margin: -34px 0 0 -34px; border-radius: 50%; background: rgba(0, 0, 0, .55); border: 3px solid #fff; box-sizing: border-box; transition: background .2s; }
.video-anteprima .video-play::after { content: ""; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -7px; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #fff; }
.video-anteprima:hover .video-play { background: rgba(97, 162, 41, .9); }

/* finestra sovrapposta del video */
.video-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000; background: rgba(0, 0, 0, .85); display: flex; align-items: center; justify-content: center; }
.video-overlay-inner { position: relative; width: 92vw; max-width: 960px; aspect-ratio: 16 / 9; background: #000; }
.video-overlay-inner iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.video-overlay-chiudi { position: absolute; top: -40px; right: 0; width: 36px; height: 36px; padding: 0; border: 0; background: none; color: #fff; font-size: 34px; line-height: 36px; cursor: pointer; }

/* --- Documents Management: al posto dell'incorporamento di Box (mostrava solo la pagina di accesso) un riquadro con il collegamento --- */
.box-link { max-width: 520px; margin: 40px auto; padding: 48px 24px; text-align: center; background: #f4f4f4; }
.box-link a { display: inline-block; padding: 12px 28px; background: #0061d5; color: #fff; text-decoration: none; font-weight: 600; border-radius: 3px; }
.box-link a:hover { background: #0052b4; color: #fff; }