/* Versione statica di remiam.conform.it (02/11/2026). */

/* --- Video: anteprima che apre il popup (Vimeo, solo al clic).
   Il contenitore .wpb_video_wrapper di WPBakery 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(241, 160, 65, .95); }

/* 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; }


/* --- Telefono (max 767 px): il testo era attaccato ai bordi dello schermo ---
   Il tema (Roneous) azzera il margine interno delle colonne sul telefono e le righe di WPBakery hanno margine -15px: i due effetti
   si sommano e il testo arriva a 0 px dal bordo (su 17 pagine su 20; home, app e privacy erano gia' a posto).
   Le sezioni con ".container" ritrovano i 15 px del contenitore; le righe senza contenitore (es. NapolinTour) ricevono 15 px di margine interno. */
@media (max-width: 767px) {
  section.vc_row.wpb_row { margin-left: 0 !important; margin-right: 0 !important; }
  div.vc_row.wpb_row:not(.vc_inner):not(:has(> .container)) { margin-left: 0 !important; margin-right: 0 !important; padding-left: 15px; padding-right: 15px; }
}