.elementor-92 .elementor-element.elementor-element-cdc7f3f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:76px 0px 0px 0px;}.elementor-92 .elementor-element.elementor-element-cdc7f3f > .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-92 .elementor-element.elementor-element-e88c579{text-align:center;}.elementor-92 .elementor-element.elementor-element-e88c579 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:1px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-92 .elementor-element.elementor-element-7a18b59{text-align:center;}.elementor-92 .elementor-element.elementor-element-7a18b59 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:1px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-92 .elementor-element.elementor-element-80a56dc{--display:flex;--padding-top:76px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-92 .elementor-element.elementor-element-80a56dc:not(.elementor-motion-effects-element-type-background), .elementor-92 .elementor-element.elementor-element-80a56dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-92 .elementor-element.elementor-element-4af65c3{width:100%;max-width:100%;}.elementor-92 .elementor-element.elementor-element-4af65c3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:26px 0px 26px 0px;}.elementor-92 .elementor-element.elementor-element-eb0ea73{--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-92 .elementor-element.elementor-element-f98f526{--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;--padding-top:26px;--padding-bottom:26px;--padding-left:26px;--padding-right:26px;}.elementor-92 .elementor-element.elementor-element-f98f526::before, .elementor-92 .elementor-element.elementor-element-f98f526 > .elementor-background-video-container::before, .elementor-92 .elementor-element.elementor-element-f98f526 > .e-con-inner > .elementor-background-video-container::before, .elementor-92 .elementor-element.elementor-element-f98f526 > .elementor-background-slideshow::before, .elementor-92 .elementor-element.elementor-element-f98f526 > .e-con-inner > .elementor-background-slideshow::before, .elementor-92 .elementor-element.elementor-element-f98f526 > .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-92 .elementor-element.elementor-element-8f6a667{--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-92 .elementor-element.elementor-element-8f6a667.elementor-element{--align-self:center;}.elementor-92 .elementor-element.elementor-element-8f6a667 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-92 .elementor-element.elementor-element-8f6a667 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-92 .elementor-element.elementor-element-1d80ab4{--display:flex;--overlay-opacity:0;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:76px;--padding-bottom:36px;--padding-left:0px;--padding-right:0px;}.elementor-92 .elementor-element.elementor-element-1d80ab4::before, .elementor-92 .elementor-element.elementor-element-1d80ab4 > .elementor-background-video-container::before, .elementor-92 .elementor-element.elementor-element-1d80ab4 > .e-con-inner > .elementor-background-video-container::before, .elementor-92 .elementor-element.elementor-element-1d80ab4 > .elementor-background-slideshow::before, .elementor-92 .elementor-element.elementor-element-1d80ab4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-92 .elementor-element.elementor-element-1d80ab4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://marketingypublicidadtulua.creawebmarketing.com.co/wp-content/uploads/sites/5/2025/04/posicionamiento-web-seo.jpg");--background-overlay:'';}.elementor-92 .elementor-element.elementor-element-ffa63f0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:26px 0px 26px 0px;}body.elementor-page-92:not(.elementor-motion-effects-element-type-background), body.elementor-page-92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-92 .elementor-element.elementor-element-80a56dc{--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-4af65c3 *//* ============================================= */
/* Estilo Premium para Widget de Video (Soul)   */
/* ============================================= */

/* --- Contenedor Principal del Video --- */
/* Le damos el marco redondeado y la sombra de nuestro diseño. */
.elementor-92 .elementor-element.elementor-element-4af65c3 {
    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-92 .elementor-element.elementor-element-4af65c3: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-92 .elementor-element.elementor-element-4af65c3 .elementor-video-poster {
    background-color: #111;
    transition: transform 0.4s ease-out;
}
.elementor-92 .elementor-element.elementor-element-4af65c3:hover .elementor-video-poster {
    transform: scale(1.05); /* Zoom sutil a la imagen de portada */
}
.elementor-92 .elementor-element.elementor-element-4af65c3 .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-92 .elementor-element.elementor-element-4af65c3: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-92 .elementor-element.elementor-element-4af65c3 .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-92 .elementor-element.elementor-element-4af65c3 .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-92 .elementor-element.elementor-element-4af65c3 .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-8f6a667 *//* ============================================= */
/* Estilo Premium para Widget de Video (Soul)   */
/* ============================================= */

/* --- Contenedor Principal del Video --- */
/* Le damos el marco redondeado y la sombra de nuestro diseño. */
.elementor-92 .elementor-element.elementor-element-8f6a667 {
    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-92 .elementor-element.elementor-element-8f6a667: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-92 .elementor-element.elementor-element-8f6a667 .elementor-video-poster {
    background-color: #111;
    transition: transform 0.4s ease-out;
}
.elementor-92 .elementor-element.elementor-element-8f6a667:hover .elementor-video-poster {
    transform: scale(1.05); /* Zoom sutil a la imagen de portada */
}
.elementor-92 .elementor-element.elementor-element-8f6a667 .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-92 .elementor-element.elementor-element-8f6a667: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-92 .elementor-element.elementor-element-8f6a667 .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-92 .elementor-element.elementor-element-8f6a667 .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-92 .elementor-element.elementor-element-8f6a667 .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-f98f526 *//* ============================================= */
/* Estilo Premium para Widget de Video (Soul)   */
/* ============================================= */

/* --- Contenedor Principal del Video --- */
/* Le damos el marco redondeado y la sombra de nuestro diseño. */
.elementor-92 .elementor-element.elementor-element-f98f526 {
    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-92 .elementor-element.elementor-element-f98f526: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-92 .elementor-element.elementor-element-f98f526 .elementor-video-poster {
    background-color: #111;
    transition: transform 0.4s ease-out;
}
.elementor-92 .elementor-element.elementor-element-f98f526:hover .elementor-video-poster {
    transform: scale(1.05); /* Zoom sutil a la imagen de portada */
}
.elementor-92 .elementor-element.elementor-element-f98f526 .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-92 .elementor-element.elementor-element-f98f526: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-92 .elementor-element.elementor-element-f98f526 .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-92 .elementor-element.elementor-element-f98f526 .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-92 .elementor-element.elementor-element-f98f526 .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-ffa63f0 *//* ============================================= */
/* Estilo Premium para Widget de Video (Soul)   */
/* ============================================= */

/* --- Contenedor Principal del Video --- */
/* Le damos el marco redondeado y la sombra de nuestro diseño. */
.elementor-92 .elementor-element.elementor-element-ffa63f0 {
    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-92 .elementor-element.elementor-element-ffa63f0: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-92 .elementor-element.elementor-element-ffa63f0 .elementor-video-poster {
    background-color: #111;
    transition: transform 0.4s ease-out;
}
.elementor-92 .elementor-element.elementor-element-ffa63f0:hover .elementor-video-poster {
    transform: scale(1.05); /* Zoom sutil a la imagen de portada */
}
.elementor-92 .elementor-element.elementor-element-ffa63f0 .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-92 .elementor-element.elementor-element-ffa63f0: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-92 .elementor-element.elementor-element-ffa63f0 .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-92 .elementor-element.elementor-element-ffa63f0 .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-92 .elementor-element.elementor-element-ffa63f0 .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 */