.elementor-17 .elementor-element.elementor-element-af3529b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:30px;margin-bottom:0px;}.elementor-17 .elementor-element.elementor-element-af3529b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-17 .elementor-element.elementor-element-6924ac1{text-align:center;}.elementor-17 .elementor-element.elementor-element-6924ac1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:var( --e-global-color-secondary );}.elementor-17 .elementor-element.elementor-element-8897b09{text-align:center;}.elementor-17 .elementor-element.elementor-element-8897b09 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:var( --e-global-color-secondary );}.elementor-17 .elementor-element.elementor-element-7912295{--display:flex;--margin-top:-330px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-25fdb23 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-c8fd611{--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;--overlay-opacity:1;--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:26px;--padding-bottom:26px;--padding-left:26px;--padding-right:26px;}.elementor-17 .elementor-element.elementor-element-c8fd611::before, .elementor-17 .elementor-element.elementor-element-c8fd611 > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-c8fd611 > .e-con-inner > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-c8fd611 > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-c8fd611 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-c8fd611 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-17 .elementor-element.elementor-element-c5cc89c{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:2px;width:var( --container-widget-width, 95% );max-width:95%;--container-widget-width:95%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-c5cc89c.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-c5cc89c .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-17 .elementor-element.elementor-element-c5cc89c .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-17 .elementor-element.elementor-element-ed02651{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-7639231{--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;--overlay-opacity:1;--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:26px;--padding-bottom:26px;--padding-left:26px;--padding-right:26px;}.elementor-17 .elementor-element.elementor-element-7639231::before, .elementor-17 .elementor-element.elementor-element-7639231 > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-7639231 > .e-con-inner > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-7639231 > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-7639231 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-7639231 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-17 .elementor-element.elementor-element-f369dcc{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:2px;width:var( --container-widget-width, 95% );max-width:95%;--container-widget-width:95%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-f369dcc.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-f369dcc .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-17 .elementor-element.elementor-element-f369dcc .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-17 .elementor-element.elementor-element-31a7662{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-4d14813{--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;--overlay-opacity:1;--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:26px;--padding-bottom:26px;--padding-left:26px;--padding-right:26px;}.elementor-17 .elementor-element.elementor-element-4d14813::before, .elementor-17 .elementor-element.elementor-element-4d14813 > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-4d14813 > .e-con-inner > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-4d14813 > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-4d14813 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-4d14813 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-17 .elementor-element.elementor-element-9861ce4{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:2px;width:var( --container-widget-width, 95% );max-width:95%;--container-widget-width:95%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-9861ce4.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-9861ce4 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-17 .elementor-element.elementor-element-9861ce4 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-17 .elementor-element.elementor-element-be1cab2{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-be1cab2.e-con{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-17 .elementor-element.elementor-element-1a94964{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-1a94964.elementor-element{--align-self:stretch;}body.elementor-page-17:not(.elementor-motion-effects-element-type-background), body.elementor-page-17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-be1cab2{--width:100%;}}@media(max-width:1024px){.elementor-17 .elementor-element.elementor-element-7912295{--margin-top:-340px;--margin-bottom:0px;--margin-left:0px;--margin-right:000px;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-6924ac1 .elementor-heading-title{font-size:14px;}.elementor-17 .elementor-element.elementor-element-8897b09 .elementor-heading-title{font-size:4px;}.elementor-17 .elementor-element.elementor-element-7912295{--margin-top:-110px;--margin-bottom:36px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-c8fd611{--margin-top:30px;--margin-bottom:30px;--margin-left:5px;--margin-right:5px;}.elementor-17 .elementor-element.elementor-element-7639231{--margin-top:30px;--margin-bottom:30px;--margin-left:5px;--margin-right:5px;}.elementor-17 .elementor-element.elementor-element-4d14813{--margin-top:30px;--margin-bottom:30px;--margin-left:5px;--margin-right:5px;}.elementor-17 .elementor-element.elementor-element-9861ce4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:3px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-be1cab2{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}/* Start custom CSS for html, class: .elementor-element-25fdb23 *//* ============================================= */
/* Estilo Premium para Widget de Video (Soul)   */
/* ============================================= */

/* --- Contenedor Principal del Video --- */
/* Le damos el marco redondeado y la sombra de nuestro diseño. */
.elementor-17 .elementor-element.elementor-element-25fdb23 {
    border-radius: 1rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .5);
    overflow: hidden; /* Muy importante para que el video no se salga del borde redondeado */
    transition: transform 0.4s ease-out;
}

/* Efecto de elevación sutil al pasar el mouse sobre el video */
.elementor-17 .elementor-element.elementor-element-25fdb23:hover {
    transform: translateY(-5px);
}

/* --- Capa sobre la imagen de portada --- */
/* Añade un filtro oscuro para que el botón de play resalte más. */
.elementor-17 .elementor-element.elementor-element-25fdb23 .elementor-video-poster {
    background-color: #111;
    transition: transform 0.4s ease-out;
}
.elementor-17 .elementor-element.elementor-element-25fdb23:hover .elementor-video-poster {
    transform: scale(1.05); /* Zoom sutil a la imagen de portada */
}
.elementor-17 .elementor-element.elementor-element-25fdb23 .elementor-video-poster::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    transition: background 0.3s ease;
}
.elementor-17 .elementor-element.elementor-element-25fdb23:hover .elementor-video-poster::after {
    background: rgba(0,0,0,0.1);
}


/* --- El Botón de Play Rediseñado --- */
/* Aquí está la magia principal. */
.elementor-17 .elementor-element.elementor-element-25fdb23 .elementor-custom-embed-play {
    background-color: #C9B38C; /* Nuestro color dorado */
    width: 90px;
    height: 90px;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(201, 179, 140, 0.7); /* Sombra inicial para la animación */
    transition: transform 0.3s ease-out;
    
    /* Aplicamos la animación de pulso */
    animation: pulse-gold 2s infinite;
}

.elementor-17 .elementor-element.elementor-element-25fdb23 .elementor-custom-embed-play:hover {
    transform: scale(1.1); /* El botón crece al pasar el mouse */
    animation-play-state: paused; /* Pausamos el pulso para una interacción más limpia */
}

/* El ícono de triángulo dentro del botón */
.elementor-17 .elementor-element.elementor-element-25fdb23 .elementor-custom-embed-play i {
    color: #0D0D0D; /* Color oscuro para contraste */
    font-size: 28px;
    margin-left: 5px; /* Ajuste para centrar visualmente el triángulo */
}

/* --- La Animación de Pulso --- */
@keyframes pulse-gold {
    0% {
        box-shadow: 0 0 0 0 rgba(201, 179, 140, 0.5);
    }
    70% {
        box-shadow: 0 0 0 20px rgba(201, 179, 140, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(201, 179, 140, 0);
    }
}


/* --- Estilo para el Lightbox (cuando el video se abre) --- */
/* Botón de cerrar */
.elementor-lightbox .dialog-close-button {
    background-color: #C9B38C;
    color: #0D0D0D;
    transition: transform 0.3s ease;
}

.elementor-lightbox .dialog-close-button:hover {
    transform: rotate(90deg);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7912295 *//* ============================================= */
/* Estilo Premium para Widget de Video (Soul)   */
/* ============================================= */

/* --- Contenedor Principal del Video --- */
/* Le damos el marco redondeado y la sombra de nuestro diseño. */
.elementor-17 .elementor-element.elementor-element-7912295 {
    border-radius: 1rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .5);
    overflow: hidden; /* Muy importante para que el video no se salga del borde redondeado */
    transition: transform 0.4s ease-out;
}

/* Efecto de elevación sutil al pasar el mouse sobre el video */
.elementor-17 .elementor-element.elementor-element-7912295:hover {
    transform: translateY(-5px);
}

/* --- Capa sobre la imagen de portada --- */
/* Añade un filtro oscuro para que el botón de play resalte más. */
.elementor-17 .elementor-element.elementor-element-7912295 .elementor-video-poster {
    background-color: #111;
    transition: transform 0.4s ease-out;
}
.elementor-17 .elementor-element.elementor-element-7912295:hover .elementor-video-poster {
    transform: scale(1.05); /* Zoom sutil a la imagen de portada */
}
.elementor-17 .elementor-element.elementor-element-7912295 .elementor-video-poster::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    transition: background 0.3s ease;
}
.elementor-17 .elementor-element.elementor-element-7912295:hover .elementor-video-poster::after {
    background: rgba(0,0,0,0.1);
}


/* --- El Botón de Play Rediseñado --- */
/* Aquí está la magia principal. */
.elementor-17 .elementor-element.elementor-element-7912295 .elementor-custom-embed-play {
    background-color: #C9B38C; /* Nuestro color dorado */
    width: 90px;
    height: 90px;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(201, 179, 140, 0.7); /* Sombra inicial para la animación */
    transition: transform 0.3s ease-out;
    
    /* Aplicamos la animación de pulso */
    animation: pulse-gold 2s infinite;
}

.elementor-17 .elementor-element.elementor-element-7912295 .elementor-custom-embed-play:hover {
    transform: scale(1.1); /* El botón crece al pasar el mouse */
    animation-play-state: paused; /* Pausamos el pulso para una interacción más limpia */
}

/* El ícono de triángulo dentro del botón */
.elementor-17 .elementor-element.elementor-element-7912295 .elementor-custom-embed-play i {
    color: #0D0D0D; /* Color oscuro para contraste */
    font-size: 28px;
    margin-left: 5px; /* Ajuste para centrar visualmente el triángulo */
}

/* --- La Animación de Pulso --- */
@keyframes pulse-gold {
    0% {
        box-shadow: 0 0 0 0 rgba(201, 179, 140, 0.5);
    }
    70% {
        box-shadow: 0 0 0 20px rgba(201, 179, 140, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(201, 179, 140, 0);
    }
}


/* --- Estilo para el Lightbox (cuando el video se abre) --- */
/* Botón de cerrar */
.elementor-lightbox .dialog-close-button {
    background-color: #C9B38C;
    color: #0D0D0D;
    transition: transform 0.3s ease;
}

.elementor-lightbox .dialog-close-button:hover {
    transform: rotate(90deg);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-c5cc89c *//* ============================================= */
/* Estilo Premium para Widget de Video (Soul)   */
/* ============================================= */

/* --- Contenedor Principal del Video --- */
/* Le damos el marco redondeado y la sombra de nuestro diseño. */
.elementor-17 .elementor-element.elementor-element-c5cc89c {
    border-radius: 1rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .5);
    overflow: hidden; /* Muy importante para que el video no se salga del borde redondeado */
    transition: transform 0.4s ease-out;
}

/* Efecto de elevación sutil al pasar el mouse sobre el video */
.elementor-17 .elementor-element.elementor-element-c5cc89c:hover {
    transform: translateY(-5px);
}

/* --- Capa sobre la imagen de portada --- */
/* Añade un filtro oscuro para que el botón de play resalte más. */
.elementor-17 .elementor-element.elementor-element-c5cc89c .elementor-video-poster {
    background-color: #111;
    transition: transform 0.4s ease-out;
}
.elementor-17 .elementor-element.elementor-element-c5cc89c:hover .elementor-video-poster {
    transform: scale(1.05); /* Zoom sutil a la imagen de portada */
}
.elementor-17 .elementor-element.elementor-element-c5cc89c .elementor-video-poster::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    transition: background 0.3s ease;
}
.elementor-17 .elementor-element.elementor-element-c5cc89c:hover .elementor-video-poster::after {
    background: rgba(0,0,0,0.1);
}


/* --- El Botón de Play Rediseñado --- */
/* Aquí está la magia principal. */
.elementor-17 .elementor-element.elementor-element-c5cc89c .elementor-custom-embed-play {
    background-color: #C9B38C; /* Nuestro color dorado */
    width: 90px;
    height: 90px;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(201, 179, 140, 0.7); /* Sombra inicial para la animación */
    transition: transform 0.3s ease-out;
    
    /* Aplicamos la animación de pulso */
    animation: pulse-gold 2s infinite;
}

.elementor-17 .elementor-element.elementor-element-c5cc89c .elementor-custom-embed-play:hover {
    transform: scale(1.1); /* El botón crece al pasar el mouse */
    animation-play-state: paused; /* Pausamos el pulso para una interacción más limpia */
}

/* El ícono de triángulo dentro del botón */
.elementor-17 .elementor-element.elementor-element-c5cc89c .elementor-custom-embed-play i {
    color: #0D0D0D; /* Color oscuro para contraste */
    font-size: 28px;
    margin-left: 5px; /* Ajuste para centrar visualmente el triángulo */
}

/* --- La Animación de Pulso --- */
@keyframes pulse-gold {
    0% {
        box-shadow: 0 0 0 0 rgba(201, 179, 140, 0.5);
    }
    70% {
        box-shadow: 0 0 0 20px rgba(201, 179, 140, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(201, 179, 140, 0);
    }
}


/* --- Estilo para el Lightbox (cuando el video se abre) --- */
/* Botón de cerrar */
.elementor-lightbox .dialog-close-button {
    background-color: #C9B38C;
    color: #0D0D0D;
    transition: transform 0.3s ease;
}

.elementor-lightbox .dialog-close-button:hover {
    transform: rotate(90deg);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8fd611 *//* ============================================= */
/* Estilo Premium para Widget de Video (Soul)   */
/* ============================================= */

/* --- Contenedor Principal del Video --- */
/* Le damos el marco redondeado y la sombra de nuestro diseño. */
.elementor-17 .elementor-element.elementor-element-c8fd611 {
    border-radius: 1rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .5);
    overflow: hidden; /* Muy importante para que el video no se salga del borde redondeado */
    transition: transform 0.4s ease-out;
}

/* Efecto de elevación sutil al pasar el mouse sobre el video */
.elementor-17 .elementor-element.elementor-element-c8fd611:hover {
    transform: translateY(-5px);
}

/* --- Capa sobre la imagen de portada --- */
/* Añade un filtro oscuro para que el botón de play resalte más. */
.elementor-17 .elementor-element.elementor-element-c8fd611 .elementor-video-poster {
    background-color: #111;
    transition: transform 0.4s ease-out;
}
.elementor-17 .elementor-element.elementor-element-c8fd611:hover .elementor-video-poster {
    transform: scale(1.05); /* Zoom sutil a la imagen de portada */
}
.elementor-17 .elementor-element.elementor-element-c8fd611 .elementor-video-poster::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    transition: background 0.3s ease;
}
.elementor-17 .elementor-element.elementor-element-c8fd611:hover .elementor-video-poster::after {
    background: rgba(0,0,0,0.1);
}


/* --- El Botón de Play Rediseñado --- */
/* Aquí está la magia principal. */
.elementor-17 .elementor-element.elementor-element-c8fd611 .elementor-custom-embed-play {
    background-color: #C9B38C; /* Nuestro color dorado */
    width: 90px;
    height: 90px;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(201, 179, 140, 0.7); /* Sombra inicial para la animación */
    transition: transform 0.3s ease-out;
    
    /* Aplicamos la animación de pulso */
    animation: pulse-gold 2s infinite;
}

.elementor-17 .elementor-element.elementor-element-c8fd611 .elementor-custom-embed-play:hover {
    transform: scale(1.1); /* El botón crece al pasar el mouse */
    animation-play-state: paused; /* Pausamos el pulso para una interacción más limpia */
}

/* El ícono de triángulo dentro del botón */
.elementor-17 .elementor-element.elementor-element-c8fd611 .elementor-custom-embed-play i {
    color: #0D0D0D; /* Color oscuro para contraste */
    font-size: 28px;
    margin-left: 5px; /* Ajuste para centrar visualmente el triángulo */
}

/* --- La Animación de Pulso --- */
@keyframes pulse-gold {
    0% {
        box-shadow: 0 0 0 0 rgba(201, 179, 140, 0.5);
    }
    70% {
        box-shadow: 0 0 0 20px rgba(201, 179, 140, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(201, 179, 140, 0);
    }
}


/* --- Estilo para el Lightbox (cuando el video se abre) --- */
/* Botón de cerrar */
.elementor-lightbox .dialog-close-button {
    background-color: #C9B38C;
    color: #0D0D0D;
    transition: transform 0.3s ease;
}

.elementor-lightbox .dialog-close-button:hover {
    transform: rotate(90deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2700c1b *//* ============================================= */
/* Estilo Premium para Widget de Video (Soul)   */
/* ============================================= */

/* --- Contenedor Principal del Video --- */
/* Le damos el marco redondeado y la sombra de nuestro diseño. */
.elementor-17 .elementor-element.elementor-element-2700c1b {
    border-radius: 1rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .5);
    overflow: hidden; /* Muy importante para que el video no se salga del borde redondeado */
    transition: transform 0.4s ease-out;
}

/* Efecto de elevación sutil al pasar el mouse sobre el video */
.elementor-17 .elementor-element.elementor-element-2700c1b:hover {
    transform: translateY(-5px);
}

/* --- Capa sobre la imagen de portada --- */
/* Añade un filtro oscuro para que el botón de play resalte más. */
.elementor-17 .elementor-element.elementor-element-2700c1b .elementor-video-poster {
    background-color: #111;
    transition: transform 0.4s ease-out;
}
.elementor-17 .elementor-element.elementor-element-2700c1b:hover .elementor-video-poster {
    transform: scale(1.05); /* Zoom sutil a la imagen de portada */
}
.elementor-17 .elementor-element.elementor-element-2700c1b .elementor-video-poster::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    transition: background 0.3s ease;
}
.elementor-17 .elementor-element.elementor-element-2700c1b:hover .elementor-video-poster::after {
    background: rgba(0,0,0,0.1);
}


/* --- El Botón de Play Rediseñado --- */
/* Aquí está la magia principal. */
.elementor-17 .elementor-element.elementor-element-2700c1b .elementor-custom-embed-play {
    background-color: #C9B38C; /* Nuestro color dorado */
    width: 90px;
    height: 90px;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(201, 179, 140, 0.7); /* Sombra inicial para la animación */
    transition: transform 0.3s ease-out;
    
    /* Aplicamos la animación de pulso */
    animation: pulse-gold 2s infinite;
}

.elementor-17 .elementor-element.elementor-element-2700c1b .elementor-custom-embed-play:hover {
    transform: scale(1.1); /* El botón crece al pasar el mouse */
    animation-play-state: paused; /* Pausamos el pulso para una interacción más limpia */
}

/* El ícono de triángulo dentro del botón */
.elementor-17 .elementor-element.elementor-element-2700c1b .elementor-custom-embed-play i {
    color: #0D0D0D; /* Color oscuro para contraste */
    font-size: 28px;
    margin-left: 5px; /* Ajuste para centrar visualmente el triángulo */
}

/* --- La Animación de Pulso --- */
@keyframes pulse-gold {
    0% {
        box-shadow: 0 0 0 0 rgba(201, 179, 140, 0.5);
    }
    70% {
        box-shadow: 0 0 0 20px rgba(201, 179, 140, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(201, 179, 140, 0);
    }
}


/* --- Estilo para el Lightbox (cuando el video se abre) --- */
/* Botón de cerrar */
.elementor-lightbox .dialog-close-button {
    background-color: #C9B38C;
    color: #0D0D0D;
    transition: transform 0.3s ease;
}

.elementor-lightbox .dialog-close-button:hover {
    transform: rotate(90deg);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed02651 *//* ============================================= */
/* Estilo Premium para Widget de Video (Soul)   */
/* ============================================= */

/* --- Contenedor Principal del Video --- */
/* Le damos el marco redondeado y la sombra de nuestro diseño. */
.elementor-17 .elementor-element.elementor-element-ed02651 {
    border-radius: 1rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .5);
    overflow: hidden; /* Muy importante para que el video no se salga del borde redondeado */
    transition: transform 0.4s ease-out;
}

/* Efecto de elevación sutil al pasar el mouse sobre el video */
.elementor-17 .elementor-element.elementor-element-ed02651:hover {
    transform: translateY(-5px);
}

/* --- Capa sobre la imagen de portada --- */
/* Añade un filtro oscuro para que el botón de play resalte más. */
.elementor-17 .elementor-element.elementor-element-ed02651 .elementor-video-poster {
    background-color: #111;
    transition: transform 0.4s ease-out;
}
.elementor-17 .elementor-element.elementor-element-ed02651:hover .elementor-video-poster {
    transform: scale(1.05); /* Zoom sutil a la imagen de portada */
}
.elementor-17 .elementor-element.elementor-element-ed02651 .elementor-video-poster::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    transition: background 0.3s ease;
}
.elementor-17 .elementor-element.elementor-element-ed02651:hover .elementor-video-poster::after {
    background: rgba(0,0,0,0.1);
}


/* --- El Botón de Play Rediseñado --- */
/* Aquí está la magia principal. */
.elementor-17 .elementor-element.elementor-element-ed02651 .elementor-custom-embed-play {
    background-color: #C9B38C; /* Nuestro color dorado */
    width: 90px;
    height: 90px;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(201, 179, 140, 0.7); /* Sombra inicial para la animación */
    transition: transform 0.3s ease-out;
    
    /* Aplicamos la animación de pulso */
    animation: pulse-gold 2s infinite;
}

.elementor-17 .elementor-element.elementor-element-ed02651 .elementor-custom-embed-play:hover {
    transform: scale(1.1); /* El botón crece al pasar el mouse */
    animation-play-state: paused; /* Pausamos el pulso para una interacción más limpia */
}

/* El ícono de triángulo dentro del botón */
.elementor-17 .elementor-element.elementor-element-ed02651 .elementor-custom-embed-play i {
    color: #0D0D0D; /* Color oscuro para contraste */
    font-size: 28px;
    margin-left: 5px; /* Ajuste para centrar visualmente el triángulo */
}

/* --- La Animación de Pulso --- */
@keyframes pulse-gold {
    0% {
        box-shadow: 0 0 0 0 rgba(201, 179, 140, 0.5);
    }
    70% {
        box-shadow: 0 0 0 20px rgba(201, 179, 140, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(201, 179, 140, 0);
    }
}


/* --- Estilo para el Lightbox (cuando el video se abre) --- */
/* Botón de cerrar */
.elementor-lightbox .dialog-close-button {
    background-color: #C9B38C;
    color: #0D0D0D;
    transition: transform 0.3s ease;
}

.elementor-lightbox .dialog-close-button:hover {
    transform: rotate(90deg);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-f369dcc *//* ============================================= */
/* Estilo Premium para Widget de Video (Soul)   */
/* ============================================= */

/* --- Contenedor Principal del Video --- */
/* Le damos el marco redondeado y la sombra de nuestro diseño. */
.elementor-17 .elementor-element.elementor-element-f369dcc {
    border-radius: 1rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .5);
    overflow: hidden; /* Muy importante para que el video no se salga del borde redondeado */
    transition: transform 0.4s ease-out;
}

/* Efecto de elevación sutil al pasar el mouse sobre el video */
.elementor-17 .elementor-element.elementor-element-f369dcc:hover {
    transform: translateY(-5px);
}

/* --- Capa sobre la imagen de portada --- */
/* Añade un filtro oscuro para que el botón de play resalte más. */
.elementor-17 .elementor-element.elementor-element-f369dcc .elementor-video-poster {
    background-color: #111;
    transition: transform 0.4s ease-out;
}
.elementor-17 .elementor-element.elementor-element-f369dcc:hover .elementor-video-poster {
    transform: scale(1.05); /* Zoom sutil a la imagen de portada */
}
.elementor-17 .elementor-element.elementor-element-f369dcc .elementor-video-poster::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    transition: background 0.3s ease;
}
.elementor-17 .elementor-element.elementor-element-f369dcc:hover .elementor-video-poster::after {
    background: rgba(0,0,0,0.1);
}


/* --- El Botón de Play Rediseñado --- */
/* Aquí está la magia principal. */
.elementor-17 .elementor-element.elementor-element-f369dcc .elementor-custom-embed-play {
    background-color: #C9B38C; /* Nuestro color dorado */
    width: 90px;
    height: 90px;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(201, 179, 140, 0.7); /* Sombra inicial para la animación */
    transition: transform 0.3s ease-out;
    
    /* Aplicamos la animación de pulso */
    animation: pulse-gold 2s infinite;
}

.elementor-17 .elementor-element.elementor-element-f369dcc .elementor-custom-embed-play:hover {
    transform: scale(1.1); /* El botón crece al pasar el mouse */
    animation-play-state: paused; /* Pausamos el pulso para una interacción más limpia */
}

/* El ícono de triángulo dentro del botón */
.elementor-17 .elementor-element.elementor-element-f369dcc .elementor-custom-embed-play i {
    color: #0D0D0D; /* Color oscuro para contraste */
    font-size: 28px;
    margin-left: 5px; /* Ajuste para centrar visualmente el triángulo */
}

/* --- La Animación de Pulso --- */
@keyframes pulse-gold {
    0% {
        box-shadow: 0 0 0 0 rgba(201, 179, 140, 0.5);
    }
    70% {
        box-shadow: 0 0 0 20px rgba(201, 179, 140, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(201, 179, 140, 0);
    }
}


/* --- Estilo para el Lightbox (cuando el video se abre) --- */
/* Botón de cerrar */
.elementor-lightbox .dialog-close-button {
    background-color: #C9B38C;
    color: #0D0D0D;
    transition: transform 0.3s ease;
}

.elementor-lightbox .dialog-close-button:hover {
    transform: rotate(90deg);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7639231 *//* ============================================= */
/* Estilo Premium para Widget de Video (Soul)   */
/* ============================================= */

/* --- Contenedor Principal del Video --- */
/* Le damos el marco redondeado y la sombra de nuestro diseño. */
.elementor-17 .elementor-element.elementor-element-7639231 {
    border-radius: 1rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .5);
    overflow: hidden; /* Muy importante para que el video no se salga del borde redondeado */
    transition: transform 0.4s ease-out;
}

/* Efecto de elevación sutil al pasar el mouse sobre el video */
.elementor-17 .elementor-element.elementor-element-7639231:hover {
    transform: translateY(-5px);
}

/* --- Capa sobre la imagen de portada --- */
/* Añade un filtro oscuro para que el botón de play resalte más. */
.elementor-17 .elementor-element.elementor-element-7639231 .elementor-video-poster {
    background-color: #111;
    transition: transform 0.4s ease-out;
}
.elementor-17 .elementor-element.elementor-element-7639231:hover .elementor-video-poster {
    transform: scale(1.05); /* Zoom sutil a la imagen de portada */
}
.elementor-17 .elementor-element.elementor-element-7639231 .elementor-video-poster::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    transition: background 0.3s ease;
}
.elementor-17 .elementor-element.elementor-element-7639231:hover .elementor-video-poster::after {
    background: rgba(0,0,0,0.1);
}


/* --- El Botón de Play Rediseñado --- */
/* Aquí está la magia principal. */
.elementor-17 .elementor-element.elementor-element-7639231 .elementor-custom-embed-play {
    background-color: #C9B38C; /* Nuestro color dorado */
    width: 90px;
    height: 90px;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(201, 179, 140, 0.7); /* Sombra inicial para la animación */
    transition: transform 0.3s ease-out;
    
    /* Aplicamos la animación de pulso */
    animation: pulse-gold 2s infinite;
}

.elementor-17 .elementor-element.elementor-element-7639231 .elementor-custom-embed-play:hover {
    transform: scale(1.1); /* El botón crece al pasar el mouse */
    animation-play-state: paused; /* Pausamos el pulso para una interacción más limpia */
}

/* El ícono de triángulo dentro del botón */
.elementor-17 .elementor-element.elementor-element-7639231 .elementor-custom-embed-play i {
    color: #0D0D0D; /* Color oscuro para contraste */
    font-size: 28px;
    margin-left: 5px; /* Ajuste para centrar visualmente el triángulo */
}

/* --- La Animación de Pulso --- */
@keyframes pulse-gold {
    0% {
        box-shadow: 0 0 0 0 rgba(201, 179, 140, 0.5);
    }
    70% {
        box-shadow: 0 0 0 20px rgba(201, 179, 140, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(201, 179, 140, 0);
    }
}


/* --- Estilo para el Lightbox (cuando el video se abre) --- */
/* Botón de cerrar */
.elementor-lightbox .dialog-close-button {
    background-color: #C9B38C;
    color: #0D0D0D;
    transition: transform 0.3s ease;
}

.elementor-lightbox .dialog-close-button:hover {
    transform: rotate(90deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5368867 *//* ============================================= */
/* Estilo Premium para Widget de Video (Soul)   */
/* ============================================= */

/* --- Contenedor Principal del Video --- */
/* Le damos el marco redondeado y la sombra de nuestro diseño. */
.elementor-17 .elementor-element.elementor-element-5368867 {
    border-radius: 1rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .5);
    overflow: hidden; /* Muy importante para que el video no se salga del borde redondeado */
    transition: transform 0.4s ease-out;
}

/* Efecto de elevación sutil al pasar el mouse sobre el video */
.elementor-17 .elementor-element.elementor-element-5368867:hover {
    transform: translateY(-5px);
}

/* --- Capa sobre la imagen de portada --- */
/* Añade un filtro oscuro para que el botón de play resalte más. */
.elementor-17 .elementor-element.elementor-element-5368867 .elementor-video-poster {
    background-color: #111;
    transition: transform 0.4s ease-out;
}
.elementor-17 .elementor-element.elementor-element-5368867:hover .elementor-video-poster {
    transform: scale(1.05); /* Zoom sutil a la imagen de portada */
}
.elementor-17 .elementor-element.elementor-element-5368867 .elementor-video-poster::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    transition: background 0.3s ease;
}
.elementor-17 .elementor-element.elementor-element-5368867:hover .elementor-video-poster::after {
    background: rgba(0,0,0,0.1);
}


/* --- El Botón de Play Rediseñado --- */
/* Aquí está la magia principal. */
.elementor-17 .elementor-element.elementor-element-5368867 .elementor-custom-embed-play {
    background-color: #C9B38C; /* Nuestro color dorado */
    width: 90px;
    height: 90px;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(201, 179, 140, 0.7); /* Sombra inicial para la animación */
    transition: transform 0.3s ease-out;
    
    /* Aplicamos la animación de pulso */
    animation: pulse-gold 2s infinite;
}

.elementor-17 .elementor-element.elementor-element-5368867 .elementor-custom-embed-play:hover {
    transform: scale(1.1); /* El botón crece al pasar el mouse */
    animation-play-state: paused; /* Pausamos el pulso para una interacción más limpia */
}

/* El ícono de triángulo dentro del botón */
.elementor-17 .elementor-element.elementor-element-5368867 .elementor-custom-embed-play i {
    color: #0D0D0D; /* Color oscuro para contraste */
    font-size: 28px;
    margin-left: 5px; /* Ajuste para centrar visualmente el triángulo */
}

/* --- La Animación de Pulso --- */
@keyframes pulse-gold {
    0% {
        box-shadow: 0 0 0 0 rgba(201, 179, 140, 0.5);
    }
    70% {
        box-shadow: 0 0 0 20px rgba(201, 179, 140, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(201, 179, 140, 0);
    }
}


/* --- Estilo para el Lightbox (cuando el video se abre) --- */
/* Botón de cerrar */
.elementor-lightbox .dialog-close-button {
    background-color: #C9B38C;
    color: #0D0D0D;
    transition: transform 0.3s ease;
}

.elementor-lightbox .dialog-close-button:hover {
    transform: rotate(90deg);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31a7662 *//* ============================================= */
/* Estilo Premium para Widget de Video (Soul)   */
/* ============================================= */

/* --- Contenedor Principal del Video --- */
/* Le damos el marco redondeado y la sombra de nuestro diseño. */
.elementor-17 .elementor-element.elementor-element-31a7662 {
    border-radius: 1rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .5);
    overflow: hidden; /* Muy importante para que el video no se salga del borde redondeado */
    transition: transform 0.4s ease-out;
}

/* Efecto de elevación sutil al pasar el mouse sobre el video */
.elementor-17 .elementor-element.elementor-element-31a7662:hover {
    transform: translateY(-5px);
}

/* --- Capa sobre la imagen de portada --- */
/* Añade un filtro oscuro para que el botón de play resalte más. */
.elementor-17 .elementor-element.elementor-element-31a7662 .elementor-video-poster {
    background-color: #111;
    transition: transform 0.4s ease-out;
}
.elementor-17 .elementor-element.elementor-element-31a7662:hover .elementor-video-poster {
    transform: scale(1.05); /* Zoom sutil a la imagen de portada */
}
.elementor-17 .elementor-element.elementor-element-31a7662 .elementor-video-poster::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    transition: background 0.3s ease;
}
.elementor-17 .elementor-element.elementor-element-31a7662:hover .elementor-video-poster::after {
    background: rgba(0,0,0,0.1);
}


/* --- El Botón de Play Rediseñado --- */
/* Aquí está la magia principal. */
.elementor-17 .elementor-element.elementor-element-31a7662 .elementor-custom-embed-play {
    background-color: #C9B38C; /* Nuestro color dorado */
    width: 90px;
    height: 90px;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(201, 179, 140, 0.7); /* Sombra inicial para la animación */
    transition: transform 0.3s ease-out;
    
    /* Aplicamos la animación de pulso */
    animation: pulse-gold 2s infinite;
}

.elementor-17 .elementor-element.elementor-element-31a7662 .elementor-custom-embed-play:hover {
    transform: scale(1.1); /* El botón crece al pasar el mouse */
    animation-play-state: paused; /* Pausamos el pulso para una interacción más limpia */
}

/* El ícono de triángulo dentro del botón */
.elementor-17 .elementor-element.elementor-element-31a7662 .elementor-custom-embed-play i {
    color: #0D0D0D; /* Color oscuro para contraste */
    font-size: 28px;
    margin-left: 5px; /* Ajuste para centrar visualmente el triángulo */
}

/* --- La Animación de Pulso --- */
@keyframes pulse-gold {
    0% {
        box-shadow: 0 0 0 0 rgba(201, 179, 140, 0.5);
    }
    70% {
        box-shadow: 0 0 0 20px rgba(201, 179, 140, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(201, 179, 140, 0);
    }
}


/* --- Estilo para el Lightbox (cuando el video se abre) --- */
/* Botón de cerrar */
.elementor-lightbox .dialog-close-button {
    background-color: #C9B38C;
    color: #0D0D0D;
    transition: transform 0.3s ease;
}

.elementor-lightbox .dialog-close-button:hover {
    transform: rotate(90deg);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-9861ce4 *//* ============================================= */
/* Estilo Premium para Widget de Video (Soul)   */
/* ============================================= */

/* --- Contenedor Principal del Video --- */
/* Le damos el marco redondeado y la sombra de nuestro diseño. */
.elementor-17 .elementor-element.elementor-element-9861ce4 {
    border-radius: 1rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .5);
    overflow: hidden; /* Muy importante para que el video no se salga del borde redondeado */
    transition: transform 0.4s ease-out;
}

/* Efecto de elevación sutil al pasar el mouse sobre el video */
.elementor-17 .elementor-element.elementor-element-9861ce4:hover {
    transform: translateY(-5px);
}

/* --- Capa sobre la imagen de portada --- */
/* Añade un filtro oscuro para que el botón de play resalte más. */
.elementor-17 .elementor-element.elementor-element-9861ce4 .elementor-video-poster {
    background-color: #111;
    transition: transform 0.4s ease-out;
}
.elementor-17 .elementor-element.elementor-element-9861ce4:hover .elementor-video-poster {
    transform: scale(1.05); /* Zoom sutil a la imagen de portada */
}
.elementor-17 .elementor-element.elementor-element-9861ce4 .elementor-video-poster::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    transition: background 0.3s ease;
}
.elementor-17 .elementor-element.elementor-element-9861ce4:hover .elementor-video-poster::after {
    background: rgba(0,0,0,0.1);
}


/* --- El Botón de Play Rediseñado --- */
/* Aquí está la magia principal. */
.elementor-17 .elementor-element.elementor-element-9861ce4 .elementor-custom-embed-play {
    background-color: #C9B38C; /* Nuestro color dorado */
    width: 90px;
    height: 90px;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(201, 179, 140, 0.7); /* Sombra inicial para la animación */
    transition: transform 0.3s ease-out;
    
    /* Aplicamos la animación de pulso */
    animation: pulse-gold 2s infinite;
}

.elementor-17 .elementor-element.elementor-element-9861ce4 .elementor-custom-embed-play:hover {
    transform: scale(1.1); /* El botón crece al pasar el mouse */
    animation-play-state: paused; /* Pausamos el pulso para una interacción más limpia */
}

/* El ícono de triángulo dentro del botón */
.elementor-17 .elementor-element.elementor-element-9861ce4 .elementor-custom-embed-play i {
    color: #0D0D0D; /* Color oscuro para contraste */
    font-size: 28px;
    margin-left: 5px; /* Ajuste para centrar visualmente el triángulo */
}

/* --- La Animación de Pulso --- */
@keyframes pulse-gold {
    0% {
        box-shadow: 0 0 0 0 rgba(201, 179, 140, 0.5);
    }
    70% {
        box-shadow: 0 0 0 20px rgba(201, 179, 140, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(201, 179, 140, 0);
    }
}


/* --- Estilo para el Lightbox (cuando el video se abre) --- */
/* Botón de cerrar */
.elementor-lightbox .dialog-close-button {
    background-color: #C9B38C;
    color: #0D0D0D;
    transition: transform 0.3s ease;
}

.elementor-lightbox .dialog-close-button:hover {
    transform: rotate(90deg);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d14813 *//* ============================================= */
/* Estilo Premium para Widget de Video (Soul)   */
/* ============================================= */

/* --- Contenedor Principal del Video --- */
/* Le damos el marco redondeado y la sombra de nuestro diseño. */
.elementor-17 .elementor-element.elementor-element-4d14813 {
    border-radius: 1rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .5);
    overflow: hidden; /* Muy importante para que el video no se salga del borde redondeado */
    transition: transform 0.4s ease-out;
}

/* Efecto de elevación sutil al pasar el mouse sobre el video */
.elementor-17 .elementor-element.elementor-element-4d14813:hover {
    transform: translateY(-5px);
}

/* --- Capa sobre la imagen de portada --- */
/* Añade un filtro oscuro para que el botón de play resalte más. */
.elementor-17 .elementor-element.elementor-element-4d14813 .elementor-video-poster {
    background-color: #111;
    transition: transform 0.4s ease-out;
}
.elementor-17 .elementor-element.elementor-element-4d14813:hover .elementor-video-poster {
    transform: scale(1.05); /* Zoom sutil a la imagen de portada */
}
.elementor-17 .elementor-element.elementor-element-4d14813 .elementor-video-poster::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    transition: background 0.3s ease;
}
.elementor-17 .elementor-element.elementor-element-4d14813:hover .elementor-video-poster::after {
    background: rgba(0,0,0,0.1);
}


/* --- El Botón de Play Rediseñado --- */
/* Aquí está la magia principal. */
.elementor-17 .elementor-element.elementor-element-4d14813 .elementor-custom-embed-play {
    background-color: #C9B38C; /* Nuestro color dorado */
    width: 90px;
    height: 90px;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(201, 179, 140, 0.7); /* Sombra inicial para la animación */
    transition: transform 0.3s ease-out;
    
    /* Aplicamos la animación de pulso */
    animation: pulse-gold 2s infinite;
}

.elementor-17 .elementor-element.elementor-element-4d14813 .elementor-custom-embed-play:hover {
    transform: scale(1.1); /* El botón crece al pasar el mouse */
    animation-play-state: paused; /* Pausamos el pulso para una interacción más limpia */
}

/* El ícono de triángulo dentro del botón */
.elementor-17 .elementor-element.elementor-element-4d14813 .elementor-custom-embed-play i {
    color: #0D0D0D; /* Color oscuro para contraste */
    font-size: 28px;
    margin-left: 5px; /* Ajuste para centrar visualmente el triángulo */
}

/* --- La Animación de Pulso --- */
@keyframes pulse-gold {
    0% {
        box-shadow: 0 0 0 0 rgba(201, 179, 140, 0.5);
    }
    70% {
        box-shadow: 0 0 0 20px rgba(201, 179, 140, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(201, 179, 140, 0);
    }
}


/* --- Estilo para el Lightbox (cuando el video se abre) --- */
/* Botón de cerrar */
.elementor-lightbox .dialog-close-button {
    background-color: #C9B38C;
    color: #0D0D0D;
    transition: transform 0.3s ease;
}

.elementor-lightbox .dialog-close-button:hover {
    transform: rotate(90deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1a94964 *//* ============================================= */
/* Estilo Premium para Widget de Video (Soul)   */
/* ============================================= */

/* --- Contenedor Principal del Video --- */
/* Le damos el marco redondeado y la sombra de nuestro diseño. */
.elementor-17 .elementor-element.elementor-element-1a94964 {
    border-radius: 1rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .5);
    overflow: hidden; /* Muy importante para que el video no se salga del borde redondeado */
    transition: transform 0.4s ease-out;
}

/* Efecto de elevación sutil al pasar el mouse sobre el video */
.elementor-17 .elementor-element.elementor-element-1a94964:hover {
    transform: translateY(-5px);
}

/* --- Capa sobre la imagen de portada --- */
/* Añade un filtro oscuro para que el botón de play resalte más. */
.elementor-17 .elementor-element.elementor-element-1a94964 .elementor-video-poster {
    background-color: #111;
    transition: transform 0.4s ease-out;
}
.elementor-17 .elementor-element.elementor-element-1a94964:hover .elementor-video-poster {
    transform: scale(1.05); /* Zoom sutil a la imagen de portada */
}
.elementor-17 .elementor-element.elementor-element-1a94964 .elementor-video-poster::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    transition: background 0.3s ease;
}
.elementor-17 .elementor-element.elementor-element-1a94964:hover .elementor-video-poster::after {
    background: rgba(0,0,0,0.1);
}


/* --- El Botón de Play Rediseñado --- */
/* Aquí está la magia principal. */
.elementor-17 .elementor-element.elementor-element-1a94964 .elementor-custom-embed-play {
    background-color: #C9B38C; /* Nuestro color dorado */
    width: 90px;
    height: 90px;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(201, 179, 140, 0.7); /* Sombra inicial para la animación */
    transition: transform 0.3s ease-out;
    
    /* Aplicamos la animación de pulso */
    animation: pulse-gold 2s infinite;
}

.elementor-17 .elementor-element.elementor-element-1a94964 .elementor-custom-embed-play:hover {
    transform: scale(1.1); /* El botón crece al pasar el mouse */
    animation-play-state: paused; /* Pausamos el pulso para una interacción más limpia */
}

/* El ícono de triángulo dentro del botón */
.elementor-17 .elementor-element.elementor-element-1a94964 .elementor-custom-embed-play i {
    color: #0D0D0D; /* Color oscuro para contraste */
    font-size: 28px;
    margin-left: 5px; /* Ajuste para centrar visualmente el triángulo */
}

/* --- La Animación de Pulso --- */
@keyframes pulse-gold {
    0% {
        box-shadow: 0 0 0 0 rgba(201, 179, 140, 0.5);
    }
    70% {
        box-shadow: 0 0 0 20px rgba(201, 179, 140, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(201, 179, 140, 0);
    }
}


/* --- Estilo para el Lightbox (cuando el video se abre) --- */
/* Botón de cerrar */
.elementor-lightbox .dialog-close-button {
    background-color: #C9B38C;
    color: #0D0D0D;
    transition: transform 0.3s ease;
}

.elementor-lightbox .dialog-close-button:hover {
    transform: rotate(90deg);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be1cab2 *//* ============================================= */
/* Estilo Premium para Widget de Video (Soul)   */
/* ============================================= */

/* --- Contenedor Principal del Video --- */
/* Le damos el marco redondeado y la sombra de nuestro diseño. */
.elementor-17 .elementor-element.elementor-element-be1cab2 {
    border-radius: 1rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .5);
    overflow: hidden; /* Muy importante para que el video no se salga del borde redondeado */
    transition: transform 0.4s ease-out;
}

/* Efecto de elevación sutil al pasar el mouse sobre el video */
.elementor-17 .elementor-element.elementor-element-be1cab2:hover {
    transform: translateY(-5px);
}

/* --- Capa sobre la imagen de portada --- */
/* Añade un filtro oscuro para que el botón de play resalte más. */
.elementor-17 .elementor-element.elementor-element-be1cab2 .elementor-video-poster {
    background-color: #111;
    transition: transform 0.4s ease-out;
}
.elementor-17 .elementor-element.elementor-element-be1cab2:hover .elementor-video-poster {
    transform: scale(1.05); /* Zoom sutil a la imagen de portada */
}
.elementor-17 .elementor-element.elementor-element-be1cab2 .elementor-video-poster::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    transition: background 0.3s ease;
}
.elementor-17 .elementor-element.elementor-element-be1cab2:hover .elementor-video-poster::after {
    background: rgba(0,0,0,0.1);
}


/* --- El Botón de Play Rediseñado --- */
/* Aquí está la magia principal. */
.elementor-17 .elementor-element.elementor-element-be1cab2 .elementor-custom-embed-play {
    background-color: #C9B38C; /* Nuestro color dorado */
    width: 90px;
    height: 90px;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(201, 179, 140, 0.7); /* Sombra inicial para la animación */
    transition: transform 0.3s ease-out;
    
    /* Aplicamos la animación de pulso */
    animation: pulse-gold 2s infinite;
}

.elementor-17 .elementor-element.elementor-element-be1cab2 .elementor-custom-embed-play:hover {
    transform: scale(1.1); /* El botón crece al pasar el mouse */
    animation-play-state: paused; /* Pausamos el pulso para una interacción más limpia */
}

/* El ícono de triángulo dentro del botón */
.elementor-17 .elementor-element.elementor-element-be1cab2 .elementor-custom-embed-play i {
    color: #0D0D0D; /* Color oscuro para contraste */
    font-size: 28px;
    margin-left: 5px; /* Ajuste para centrar visualmente el triángulo */
}

/* --- La Animación de Pulso --- */
@keyframes pulse-gold {
    0% {
        box-shadow: 0 0 0 0 rgba(201, 179, 140, 0.5);
    }
    70% {
        box-shadow: 0 0 0 20px rgba(201, 179, 140, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(201, 179, 140, 0);
    }
}


/* --- Estilo para el Lightbox (cuando el video se abre) --- */
/* Botón de cerrar */
.elementor-lightbox .dialog-close-button {
    background-color: #C9B38C;
    color: #0D0D0D;
    transition: transform 0.3s ease;
}

.elementor-lightbox .dialog-close-button:hover {
    transform: rotate(90deg);
}/* End custom CSS */