.elementor-3752 .elementor-element.elementor-element-7a45114{--display:flex;--z-index:1;}.elementor-3752 .elementor-element.elementor-element-7fe7a9c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3752 .elementor-element.elementor-element-7af94cf{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;text-align:left;}.elementor-3752 .elementor-element.elementor-element-7af94cf > .elementor-widget-container{margin:20px 0px 8px 0px;}.elementor-3752 .elementor-element.elementor-element-7af94cf .elementor-heading-title{font-family:"big noodle cursive", Sans-serif;font-size:85px;font-weight:600;text-transform:uppercase;line-height:70px;color:#FFFFFF;}.elementor-3752 .elementor-element.elementor-element-b42622a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3752 .elementor-element.elementor-element-a48c433{--display:flex;--min-height:613px;--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3752 .elementor-element.elementor-element-a48c433:not(.elementor-motion-effects-element-type-background), .elementor-3752 .elementor-element.elementor-element-a48c433 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://djchrisduran.com/wp-content/uploads/2024/12/exportarprueba-0-00-15-15.png") 50% 50%;background-size:cover;}.elementor-3752 .elementor-element.elementor-element-619e9cc{--display:flex;--min-height:613px;--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}@media(max-width:767px){.elementor-3752 .elementor-element.elementor-element-7af94cf{--container-widget-width:380px;--container-widget-flex-grow:0;width:var( --container-widget-width, 380px );max-width:380px;text-align:center;}.elementor-3752 .elementor-element.elementor-element-7af94cf .elementor-heading-title{font-size:64px;}.elementor-3752 .elementor-element.elementor-element-a48c433{--min-height:1440px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:0;}.elementor-3752 .elementor-element.elementor-element-619e9cc{--min-height:1140px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-3752 .elementor-element.elementor-element-2aa25b9 > .elementor-widget-container{margin:90px 0px 0px 0px;}.elementor-3752 .elementor-element.elementor-element-7f7f915 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3752 .elementor-element.elementor-element-23ef01c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3752 .elementor-element.elementor-element-bd28233 > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-3752 .elementor-element.elementor-element-7a45114{--content-width:1300px;}.elementor-3752 .elementor-element.elementor-element-a48c433{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-b42622a *//* Contenedor del slider */


.video-slider {
    display: flex;
    overflow: hidden; /* Oculta el scroll horizontal */
    width: 100%;
    gap: 55px; /* Espacio entre los videos */
}

.video-item {
    flex: 0 0 auto;
    width: 30%; /* Cada video ocupa el 25% del ancho del contenedor */
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.video-item video {
    width: 100%;
    height: 75%; /* Altura personalizada para dejar espacio al título */
    object-fit: cover; /* Ajusta la imagen de portada del video */
    border-radius: 8px;
}

.video-title {
    margin-top: 10px;
    font-size: 18px;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
}

/* Estilo para móviles */
@media (max-width: 767px) {
    .video-slider {
        display: flex;
        flex-wrap: wrap; /* Permite que los videos se muevan a la siguiente fila */
        width: 100%;
        gap: 10px; /* Espacio entre videos */
    }

    .video-item {
        width: 100%; /* Cada video ocupa la mitad del ancho */
        height: auto; /* Ajusta la altura automáticamente */
    }

    .video-item video {
        width: 100%;
        height: 500px;
        aspect-ratio: 16/9; /* Mantiene la relación de aspecto */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09ae830 *//* Contenedor del slider */


.video-slider {
    display: flex;
    overflow: hidden; /* Oculta el scroll horizontal */
    width: 100%;
    gap: 55px; /* Espacio entre los videos */
}

.video-item {
    flex: 0 0 auto;
    width: 30%; /* Cada video ocupa el 25% del ancho del contenedor */
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.video-item video {
    width: 100%;
    height: 75%; /* Altura personalizada para dejar espacio al título */
    object-fit: cover; /* Ajusta la imagen de portada del video */
    border-radius: 8px;
}

.video-title {
    margin-top: 10px;
    font-size: 18px;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
}

/* Estilo para móviles */
@media (max-width: 767px) {
    .video-slider {
        display: flex;
        flex-wrap: wrap; /* Permite que los videos se muevan a la siguiente fila */
        width: 100%;
        gap: 10px; /* Espacio entre videos */
    }

    .video-item {
        width: 100%; /* Cada video ocupa la mitad del ancho */
        height: auto; /* Ajusta la altura automáticamente */
    }

    .video-item video {
        width: 100%;
        height: 500px;
        aspect-ratio: 16/9; /* Mantiene la relación de aspecto */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a48c433 */.elementor-3752 .elementor-element.elementor-element-a48c433 {
    position: absolute;
    top: 0;
    left: 0;
    width: 1920px;
    height: 100%;
     /* Asegura que el video cubra toda el área */
    z-index: -1; /* Lo coloca detrás del contenido */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2aa25b9 *//* Agrega esto en Elementor > Personalizar > CSS adicional */
.zoom-efecto {
    animation: zoomInOut 2s ease-in-out infinite !important;
    display: block !important;
}

@keyframes zoomInOut {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7f7f915 *//* Agrega esto en Elementor > Personalizar > CSS adicional */
.zoom-efecto {
    animation: zoomInOut s ease-in-out infinite !important;
    display: block !important;
}

@keyframes zoomInOut {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23ef01c *//* Agrega esto en Elementor > Personalizar > CSS adicional */
.zoom-efecto {
    animation: zoomInOut 2s ease-in-out infinite !important;
    display: block !important;
}

@keyframes zoomInOut {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bd28233 *//* Agrega esto en Elementor > Personalizar > CSS adicional */
.zoom-efecto {
    animation: zoomInOut 2s ease-in-out infinite !important;
    display: block !important;
}

@keyframes zoomInOut {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-619e9cc */.elementor-3752 .elementor-element.elementor-element-619e9cc {
    position: absolute;
    top: 0;
    left: 0;
    width: 1920px;
    height: 100%;
     /* Asegura que el video cubra toda el área */
    z-index: -1; /* Lo coloca detrás del contenido */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'big noodle cursive';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://djchrisduran.com/wp-content/uploads/2024/11/big_noodle_titling_oblique.ttf') format('truetype');
}
/* End Custom Fonts CSS */