.elementor-124 .elementor-element.elementor-element-3c42d5e:not(.elementor-motion-effects-element-type-background), .elementor-124 .elementor-element.elementor-element-3c42d5e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-124 .elementor-element.elementor-element-3c42d5e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:76px 0px 0px 0px;}.elementor-124 .elementor-element.elementor-element-3c42d5e > .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-124 .elementor-element.elementor-element-bc6a2cc{text-align:center;}.elementor-124 .elementor-element.elementor-element-bc6a2cc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:1px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-124 .elementor-element.elementor-element-85d580a{text-align:center;}.elementor-124 .elementor-element.elementor-element-85d580a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:1px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-124 .elementor-element.elementor-element-7812355{--display:flex;--padding-top:76px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-124 .elementor-element.elementor-element-7812355:not(.elementor-motion-effects-element-type-background), .elementor-124 .elementor-element.elementor-element-7812355 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-124 .elementor-element.elementor-element-9226d21{width:100%;max-width:100%;}.elementor-124 .elementor-element.elementor-element-9226d21 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:26px 0px 26px 0px;}.elementor-124 .elementor-element.elementor-element-27817c7{--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-124 .elementor-element.elementor-element-9ee0ee6{--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-124 .elementor-element.elementor-element-9ee0ee6::before, .elementor-124 .elementor-element.elementor-element-9ee0ee6 > .elementor-background-video-container::before, .elementor-124 .elementor-element.elementor-element-9ee0ee6 > .e-con-inner > .elementor-background-video-container::before, .elementor-124 .elementor-element.elementor-element-9ee0ee6 > .elementor-background-slideshow::before, .elementor-124 .elementor-element.elementor-element-9ee0ee6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-124 .elementor-element.elementor-element-9ee0ee6 > .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-124 .elementor-element.elementor-element-83d2d67{--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-124 .elementor-element.elementor-element-83d2d67.elementor-element{--align-self:center;}.elementor-124 .elementor-element.elementor-element-83d2d67 .elementor-divider-separator{width:90%;margin:0 auto;margin-center:0;}.elementor-124 .elementor-element.elementor-element-83d2d67 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-124 .elementor-element.elementor-element-489cb5b{--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-124 .elementor-element.elementor-element-489cb5b::before, .elementor-124 .elementor-element.elementor-element-489cb5b > .elementor-background-video-container::before, .elementor-124 .elementor-element.elementor-element-489cb5b > .e-con-inner > .elementor-background-video-container::before, .elementor-124 .elementor-element.elementor-element-489cb5b > .elementor-background-slideshow::before, .elementor-124 .elementor-element.elementor-element-489cb5b > .e-con-inner > .elementor-background-slideshow::before, .elementor-124 .elementor-element.elementor-element-489cb5b > .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-124 .elementor-element.elementor-element-235322f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:26px 0px 26px 0px;}body.elementor-page-124:not(.elementor-motion-effects-element-type-background), body.elementor-page-124 > .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-124 .elementor-element.elementor-element-7812355{--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-9226d21 *//* ============================================= */
/* Estilo Premium para Widget de Video (Soul)   */
/* ============================================= */

/* --- Contenedor Principal del Video --- */
/* Le damos el marco redondeado y la sombra de nuestro diseño. */
.elementor-124 .elementor-element.elementor-element-9226d21 {
    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-124 .elementor-element.elementor-element-9226d21: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-124 .elementor-element.elementor-element-9226d21 .elementor-video-poster {
    background-color: #111;
    transition: transform 0.4s ease-out;
}
.elementor-124 .elementor-element.elementor-element-9226d21:hover .elementor-video-poster {
    transform: scale(1.05); /* Zoom sutil a la imagen de portada */
}
.elementor-124 .elementor-element.elementor-element-9226d21 .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-124 .elementor-element.elementor-element-9226d21: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-124 .elementor-element.elementor-element-9226d21 .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-124 .elementor-element.elementor-element-9226d21 .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-124 .elementor-element.elementor-element-9226d21 .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-83d2d67 *//* ============================================= */
/* Estilo Premium para Widget de Video (Soul)   */
/* ============================================= */

/* --- Contenedor Principal del Video --- */
/* Le damos el marco redondeado y la sombra de nuestro diseño. */
.elementor-124 .elementor-element.elementor-element-83d2d67 {
    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-124 .elementor-element.elementor-element-83d2d67: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-124 .elementor-element.elementor-element-83d2d67 .elementor-video-poster {
    background-color: #111;
    transition: transform 0.4s ease-out;
}
.elementor-124 .elementor-element.elementor-element-83d2d67:hover .elementor-video-poster {
    transform: scale(1.05); /* Zoom sutil a la imagen de portada */
}
.elementor-124 .elementor-element.elementor-element-83d2d67 .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-124 .elementor-element.elementor-element-83d2d67: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-124 .elementor-element.elementor-element-83d2d67 .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-124 .elementor-element.elementor-element-83d2d67 .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-124 .elementor-element.elementor-element-83d2d67 .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-9ee0ee6 *//* ============================================= */
/* Estilo Premium para Widget de Video (Soul)   */
/* ============================================= */

/* --- Contenedor Principal del Video --- */
/* Le damos el marco redondeado y la sombra de nuestro diseño. */
.elementor-124 .elementor-element.elementor-element-9ee0ee6 {
    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-124 .elementor-element.elementor-element-9ee0ee6: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-124 .elementor-element.elementor-element-9ee0ee6 .elementor-video-poster {
    background-color: #111;
    transition: transform 0.4s ease-out;
}
.elementor-124 .elementor-element.elementor-element-9ee0ee6:hover .elementor-video-poster {
    transform: scale(1.05); /* Zoom sutil a la imagen de portada */
}
.elementor-124 .elementor-element.elementor-element-9ee0ee6 .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-124 .elementor-element.elementor-element-9ee0ee6: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-124 .elementor-element.elementor-element-9ee0ee6 .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-124 .elementor-element.elementor-element-9ee0ee6 .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-124 .elementor-element.elementor-element-9ee0ee6 .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-235322f *//* ============================================= */
/* Estilo Premium para Widget de Video (Soul)   */
/* ============================================= */

/* --- Contenedor Principal del Video --- */
/* Le damos el marco redondeado y la sombra de nuestro diseño. */
.elementor-124 .elementor-element.elementor-element-235322f {
    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-124 .elementor-element.elementor-element-235322f: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-124 .elementor-element.elementor-element-235322f .elementor-video-poster {
    background-color: #111;
    transition: transform 0.4s ease-out;
}
.elementor-124 .elementor-element.elementor-element-235322f:hover .elementor-video-poster {
    transform: scale(1.05); /* Zoom sutil a la imagen de portada */
}
.elementor-124 .elementor-element.elementor-element-235322f .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-124 .elementor-element.elementor-element-235322f: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-124 .elementor-element.elementor-element-235322f .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-124 .elementor-element.elementor-element-235322f .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-124 .elementor-element.elementor-element-235322f .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 */