/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 12 2026 | 15:25:28 */
/* =========================
   CVALL – Videos verticales
========================= */

.cvall-video-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 40px;
}

.cvall-video-item {
    background: #f5f5f5;
    border-radius: 20px;
    overflow: hidden;
    padding: 20px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* CONTENEDOR REAL DEL VIDEO */
.cvall-video-item iframe,
.cvall-video-item video {
    width: 100%;
    max-width: 320px;
    aspect-ratio: 9 / 16;
    border: 0;
    border-radius: 14px;
    display: block;
    margin: 0 auto;
}

/* TABLET */
@media (max-width: 991px) {

    .cvall-video-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

/* MOBILE */
@media (max-width: 680px) {

    .cvall-video-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .cvall-video-item {
        padding: 14px;
    }

    .cvall-video-item iframe,
    .cvall-video-item video {
        max-width: 100%;
    }

}

/* CVALL - Carrusel horizontal de videos Vimeo */
.cvall-video-carousel-wrap {
  width: 100%;
  padding: 20px 0;
  overflow: hidden;
}

.cvall-video-carousel {
	    justify-content: center;
  display: flex;
  gap: 18px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: 10px 20px 25px;
  -webkit-overflow-scrolling: touch;
}

.cvall-video-card {
  flex: 0 0 420px;
  max-width: 420px;
  aspect-ratio: 16 / 9;
  scroll-snap-align: start;
  border-radius: 18px;
  overflow: hidden;
  background: #111;
  box-shadow: 0 12px 30px rgba(0,0,0,0.25);
}

.cvall-video-card iframe {
  width: 100%;
  height: 100%;
  display: block;
}

/* Mobile */
@media (max-width: 768px) {
  .cvall-video-carousel {
    gap: 14px;
    padding: 10px 12px 22px;
  }

  .cvall-video-card {
    flex: 0 0 85%;
    max-width: 85%;
    border-radius: 14px;
  }
}