.elementor-kit-6{--e-global-color-primary:#F5F5F5;--e-global-color-secondary:#EAEAEA;--e-global-color-text:#000000;--e-global-color-accent:#AAC92C;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:56px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:62px;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:20px;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;background-color:#FFFFFF;color:#000000;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:20px;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-animation-duration:1500ms;}.elementor-kit-6 p{margin-block-end:16px;}.elementor-kit-6 a{color:#AAC92C;}.elementor-kit-6 a:hover{color:#97B328;}.elementor-kit-6 h1{color:#000000;font-family:"Montserrat", Sans-serif;font-size:56px;font-weight:700;line-height:62px;}.elementor-kit-6 h2{color:#000000;font-size:44px;font-weight:700;line-height:48px;}.elementor-kit-6 h3{color:#000000;font-size:32px;font-weight:600;line-height:35px;}.elementor-kit-6 h4{color:#000000;font-size:24px;font-weight:600;line-height:26px;}.elementor-kit-6 h5{color:#000000;font-size:20px;font-weight:500;line-height:24px;}.elementor-kit-6 h6{color:#000000;font-size:18px;font-weight:500;line-height:20px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:18px;font-weight:600;text-shadow:0px 0px 0px rgba(0,0,0,0.3);color:#FFFFFF;box-shadow:0px 2px 6px 0px rgba(0,0,0,0.5);border-radius:6px 6px 6px 6px;padding:12px 24px 12px 24px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{color:#000000;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:#000000CC;--lightbox-ui-color:#DBD3D3;--lightbox-ui-color-hover:#FFFFFF;--lightbox-header-icons-size:24px;--lightbox-navigation-icons-size:32px;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-primary-font-size:38px;--e-global-typography-primary-line-height:62px;--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:62px;--e-global-typography-accent-font-size:16px;font-size:16px;line-height:20px;}.elementor-kit-6 h1{font-size:36px;line-height:42px;}.elementor-kit-6 h2{font-size:28px;}.elementor-kit-6 h3{font-size:22px;}.elementor-kit-6 h4{font-size:18px;line-height:22px;}.elementor-kit-6 h5{font-size:16px;line-height:18px;}.elementor-kit-6 h6{font-size:16px;line-height:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Todos los videos horizontales */
.video-horizontal {
  transition: all 0.4s ease;
  cursor: pointer;
  max-width: 500px;
  aspect-ratio: 16/9;
  margin: 20px auto;
}

.video-horizontal.active {
  width: 90vw;
  height: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  background: #000;
}

/* Todos los videos verticales */
.video-vertical {
  transition: all 0.4s ease;
  cursor: pointer;
  max-width: 300px;
  aspect-ratio: 9/16;
  margin: 20px auto;
}

.video-vertical.active {
  width: 60vw;
  height: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  background: #000;
}

/* Responsive ajustes */
@media (max-width: 768px) {
  .video-horizontal.active {
    width: 95vw;
  }
  .video-vertical.active {
    width: 80vw;
  }
}/* End custom CSS */