.elementor-30103 .elementor-element.elementor-element-70a8124{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:150px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-30103 .elementor-element.elementor-element-aec2b14 .title-after_title, .elementor-30103 .elementor-element.elementor-element-aec2b14 .title-subtitle, .elementor-30103 .elementor-element.elementor-element-aec2b14 .woodmart-title-container{max-width:1000px;}.elementor-30103 .elementor-element.elementor-element-aec2b14 .title{font-size:48px;line-height:1.2em;}.elementor-30103 .elementor-element.elementor-element-aec2b14 .title-after_title{font-size:17px;}.elementor-30103 .elementor-element.elementor-element-8f385ad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-30103 .elementor-element.elementor-element-738ab0d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-30103 .elementor-element.elementor-element-0c51aa4 .title-after_title, .elementor-30103 .elementor-element.elementor-element-0c51aa4 .title-subtitle, .elementor-30103 .elementor-element.elementor-element-0c51aa4 .woodmart-title-container{max-width:1000px;}.elementor-30103 .elementor-element.elementor-element-0c51aa4 .title{font-size:48px;line-height:1.2em;}.elementor-30103 .elementor-element.elementor-element-0c51aa4 .title-after_title{font-size:17px;}.elementor-30103 .elementor-element.elementor-element-4771d3d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}@media(max-width:1024px) and (min-width:769px){.elementor-30103 .elementor-element.elementor-element-738ab0d{--width:100%;}}@media(max-width:1024px){.elementor-30103 .elementor-element.elementor-element-70a8124{--padding-top:140px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30103 .elementor-element.elementor-element-aec2b14 .title-after_title, .elementor-30103 .elementor-element.elementor-element-aec2b14 .title-subtitle, .elementor-30103 .elementor-element.elementor-element-aec2b14 .woodmart-title-container{max-width:397px;}.elementor-30103 .elementor-element.elementor-element-aec2b14 .title{font-size:32px;}.elementor-30103 .elementor-element.elementor-element-0c51aa4 .title-after_title, .elementor-30103 .elementor-element.elementor-element-0c51aa4 .title-subtitle, .elementor-30103 .elementor-element.elementor-element-0c51aa4 .woodmart-title-container{max-width:397px;}.elementor-30103 .elementor-element.elementor-element-0c51aa4 .title{font-size:32px;}}@media(max-width:768px){.elementor-30103 .elementor-element.elementor-element-70a8124{--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30103 .elementor-element.elementor-element-aec2b14 .title{font-size:26px;}.elementor-30103 .elementor-element.elementor-element-aec2b14 .title-after_title{font-size:14px;}.elementor-30103 .elementor-element.elementor-element-738ab0d{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-30103 .elementor-element.elementor-element-0c51aa4 .title{font-size:26px;}.elementor-30103 .elementor-element.elementor-element-0c51aa4 .title-after_title{font-size:14px;}}/* Start custom CSS for html, class: .elementor-element-ec1842b *//* ==========================================
   SECCIÓN DE VIDEOS (SWIPER)
   ========================================== */

/* Ajustes principales para el carrusel de videos */
.myVideoSwiper { 
  width: 100%; 
  padding: 40px 10px 70px 10px !important; 
  overflow: hidden; 
  position: relative; /* Necesario para posicionar las flechas absolutas */
}

/* Tarjetas y Animación Hover */
.gtt-video-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), z-index 0.4s;
  height: auto;
}

.gtt-video-card:hover {
  transform: scale(1.08) translateY(-15px);
  z-index: 10;
}

/* Contenedor del video */
.gtt-media-container {
  width: 100%;
  aspect-ratio: 9/16;
  border-radius: 20px;
  overflow: hidden;
  /* El color de fondo se mostrará mientras el video (preload="none") carga */
  background-color: #e2e8f0; 
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  transition: box-shadow 0.4s ease;
}

.gtt-video-card:hover .gtt-media-container {
  box-shadow: 0 15px 35px rgba(0,0,0,0.25);
}

.gtt-media-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ==========================================
   PAGINACIÓN SWIPER (Estilo Barras)
   ========================================== */
.myVideoSwiper .swiper-pagination-bullet { 
  background: #cbd5e1; 
  opacity: 1; 
  width: 8px; 
  height: 8px; 
  transition: all 0.3s ease; 
}

.myVideoSwiper .swiper-pagination-bullet-active { 
  background: #e23125; 
  width: 24px; 
  border-radius: 4px; 
}

/* ==========================================
   BOTONES DE NAVEGACIÓN SWIPER (Flechas)
   ========================================== */
.myVideoSwiper .swiper-button-next,
.myVideoSwiper .swiper-button-prev {
  color: #e23125; /* Color rojo de tu diseño */
  background-color: rgba(255, 255, 255, 0.9);
  width: 45px;
  height: 45px;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}

/* Achicar un poco el tamaño de la flecha interna */
.myVideoSwiper .swiper-button-next::after,
.myVideoSwiper .swiper-button-prev::after {
  font-size: 18px;
  font-weight: 900;
}

.myVideoSwiper .swiper-button-next:hover,
.myVideoSwiper .swiper-button-prev:hover {
  background-color: #e23125;
  color: #ffffff;
  transform: scale(1.1);
}

/* Ajustes de posición de las flechas en móviles */
@media (max-width: 768px) {
  .myVideoSwiper .swiper-button-next,
  .myVideoSwiper .swiper-button-prev {
    display: none; /* Ocultamos flechas en móvil ya que usan el dedo para deslizar */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c109311 *//* 2. SECCIÓN DE COLLAGE (MASONRY) */
.gtt-description {
  color: #666;
  margin-bottom: 20px;
}
.gtt-btn {
  display: inline-block;
  background-color: #db3a34; /* Ajusta al rojo exacto de tu logo */
  color: #fff;
  padding: 10px 25px;
  border-radius: 25px;
  text-decoration: none;
  font-weight: bold;
  margin-bottom: 40px;
  transition: background 0.3s;
}
.gtt-btn:hover {
  background-color: #b92e29;
}
.gtt-masonry-grid {
  column-count: 3;
  column-gap: 20px;
}
.gtt-masonry-grid img {
  width: 100%;
  border-radius: 16px;
  margin-bottom: 20px;
  display: block;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}
.gtt-masonry-grid img:hover {
  transform: scale(1.02);
}

/* Responsividad */
@media (max-width: 992px) {
  .gtt-masonry-grid { column-count: 2; }
}
@media (max-width: 600px) {
  .gtt-masonry-grid { column-count: 1; }
  .gtt-video-card { flex: 0 0 220px; }
  .gtt-video-card.gtt-featured { flex: 0 0 240px; }
}/* End custom CSS */