.elementor-6943 .elementor-element.elementor-element-e720222{--display:flex;--min-height:90vh;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:2rem 2rem;--row-gap:2rem;--column-gap:2rem;--margin-top:0rem;--margin-bottom:2rem;--margin-left:0rem;--margin-right:0rem;}.elementor-6943 .elementor-element.elementor-element-e720222:not(.elementor-motion-effects-element-type-background), .elementor-6943 .elementor-element.elementor-element-e720222 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sondehabana.the-sysadmin.com/wp-content/uploads/2025/01/FondoTV2.jpg");}.elementor-6943 .elementor-element.elementor-element-541d2a4 .elementor-heading-title{font-family:"ct_font_umbasoft_light", Sans-serif;color:var( --e-global-color-blocksy_palette_8 );}.elementor-6943 .elementor-element.elementor-element-a704f64{font-family:"ct_font_umbasoft_light", Sans-serif;color:#FFFFFF;}.elementor-6943 .elementor-element.elementor-element-c1021be .elementor-button{background-color:#FFFFFF;fill:#0D4E96;color:#0D4E96;border-style:solid;border-width:3px 3px 3px 3px;border-radius:4px 4px 4px 4px;}.elementor-6943 .elementor-element.elementor-element-c1021be{width:var( --container-widget-width, 12% );max-width:12%;--container-widget-width:12%;--container-widget-flex-grow:0;}.elementor-6943 .elementor-element.elementor-element-5c37cb0{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6943 .elementor-element.elementor-element-4dce120 .elementor-heading-title{font-family:"ct_font_umbasoft_light", Sans-serif;color:var( --e-global-color-blocksy_palette_4 );}.elementor-6943 .elementor-element.elementor-element-8d63362{font-family:"ct_font_umbasoft_light", Sans-serif;color:var( --e-global-color-blocksy_palette_4 );}.elementor-6943 .elementor-element.elementor-element-c2862f7 .elementor-button{background-color:#FFFFFF;fill:#0D4E96;color:#0D4E96;border-style:solid;border-width:3px 3px 3px 3px;border-radius:4px 4px 4px 4px;}.elementor-6943 .elementor-element.elementor-element-c2862f7{width:var( --container-widget-width, 12% );max-width:12%;--container-widget-width:12%;--container-widget-flex-grow:0;}.elementor-6943 .elementor-element.elementor-element-026b8bb{--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-6943 .elementor-element.elementor-element-bee5551 .elementor-heading-title{font-family:"ct_font_umbasoft_light", Sans-serif;color:var( --e-global-color-blocksy_palette_4 );}.elementor-6943 .elementor-element.elementor-element-008d708{font-family:"ct_font_umbasoft_light", Sans-serif;color:var( --e-global-color-blocksy_palette_4 );}.elementor-6943 .elementor-element.elementor-element-1218eaa{--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-6943 .elementor-element.elementor-element-a4bc397 .elementor-heading-title{font-family:"ct_font_umbasoft_light", Sans-serif;color:var( --e-global-color-blocksy_palette_4 );}.elementor-6943 .elementor-element.elementor-element-e7940ed{font-family:"ct_font_umbasoft_light", Sans-serif;color:var( --e-global-color-blocksy_palette_4 );}.elementor-6943 .elementor-element.elementor-element-bc1a14b{--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-6943 .elementor-element.elementor-element-36f4011 .elementor-heading-title{font-family:"ct_font_umbasoft_light", Sans-serif;color:var( --e-global-color-blocksy_palette_4 );}.elementor-6943 .elementor-element.elementor-element-9b95ce8{font-family:"ct_font_umbasoft_light", Sans-serif;color:var( --e-global-color-blocksy_palette_4 );}.elementor-6943 .elementor-element.elementor-element-b87983b{--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-6943 .elementor-element.elementor-element-fb1bd50 .elementor-heading-title{font-family:"ct_font_umbasoft_light", Sans-serif;color:var( --e-global-color-blocksy_palette_4 );}.elementor-6943 .elementor-element.elementor-element-0f222b4{font-family:"ct_font_umbasoft_light", Sans-serif;color:var( --e-global-color-blocksy_palette_4 );}.elementor-6943 .elementor-element.elementor-element-967a645 .elementor-button{font-family:"ct_font_umbasoft_light", Sans-serif;}.elementor-6943 .elementor-element.elementor-element-bcdf2ee{--display:flex;}.elementor-6943 .elementor-element.elementor-element-ea859ab{--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-6943 .elementor-element.elementor-element-da8d172 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}/* Start custom CSS for button, class: .elementor-element-c1021be *//* Configuramos el contenedor del botón */
.elementor-6943 .elementor-element.elementor-element-c1021be {
    --rojo: #E00209;
    --azul: #0D4E96;
    --grosor-borde: 4px; 
    --velocidad: 1.5s; 
    
    position: relative;
    padding: var(--grosor-borde); 
    z-index: 1;
    overflow: hidden;
    display: inline-block;
    border-radius: 8px; /* Ajusta el redondeado según la imagen */
}

/* El borde animado 50% Rojo y 50% Azul */
.elementor-6943 .elementor-element.elementor-element-c1021be::before {
    content: '';
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    /* Corte limpio 50/50 */
    background: conic-gradient(
        var(--rojo) 0% 50%, 
        var(--azul) 50% 100%
    );
    animation: girarBicolor var(--velocidad) linear infinite;
}

/* Cuerpo del botón: FONDO BLANCO y TEXTO CON COLOR */
.elementor-6943 .elementor-element.elementor-element-c1021be .elementor-button {
    background-color: #FFFFFF !important; /* Fondo blanco como en la imagen */
    color: var(--azul) !important;         /* Color de texto inicial */
    border: none !important;
    margin: 0 !important;
    z-index: 1;
    border-radius: 6px; 
    display: flex;
    transition: all 0.3s ease; /* Suaviza el cambio de color de texto */
}

/* Ajuste para el texto dentro del botón de Elementor */
.elementor-6943 .elementor-element.elementor-element-c1021be .elementor-button-text {
    color: var(--azul); 
    font-weight: bold;
}

/* Efecto HOVER */
.elementor-6943 .elementor-element.elementor-element-c1021be:hover::before {
    background: var(--azul);
    animation: none;
}

/* Al hacer hover, el texto puede cambiar a rojo para resaltar */
.elementor-6943 .elementor-element.elementor-element-c1021be:hover .elementor-button-text {
    color: var(--rojo);
}

/* Animación de rotación */
@keyframes girarBicolor {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c2862f7 *//* Configuramos el contenedor del botón */
.elementor-6943 .elementor-element.elementor-element-c2862f7 {
    --rojo: #E00209;
    --azul: #0D4E96;
    --grosor-borde: 4px; 
    --velocidad: 1.5s; 
    
    position: relative;
    padding: var(--grosor-borde); 
    z-index: 1;
    overflow: hidden;
    display: inline-block;
    border-radius: 8px; /* Ajusta el redondeado según la imagen */
}

/* El borde animado 50% Rojo y 50% Azul */
.elementor-6943 .elementor-element.elementor-element-c2862f7::before {
    content: '';
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    /* Corte limpio 50/50 */
    background: conic-gradient(
        var(--rojo) 0% 50%, 
        var(--azul) 50% 100%
    );
    animation: girarBicolor var(--velocidad) linear infinite;
}

/* Cuerpo del botón: FONDO BLANCO y TEXTO CON COLOR */
.elementor-6943 .elementor-element.elementor-element-c2862f7 .elementor-button {
    background-color: #FFFFFF !important; /* Fondo blanco como en la imagen */
    color: var(--azul) !important;         /* Color de texto inicial */
    border: none !important;
    margin: 0 !important;
    z-index: 1;
    border-radius: 6px; 
    display: flex;
    transition: all 0.3s ease; /* Suaviza el cambio de color de texto */
}

/* Ajuste para el texto dentro del botón de Elementor */
.elementor-6943 .elementor-element.elementor-element-c2862f7 .elementor-button-text {
    color: var(--azul); 
    font-weight: bold;
}

/* Efecto HOVER */
.elementor-6943 .elementor-element.elementor-element-c2862f7:hover::before {
    background: var(--azul);
    animation: none;
}

/* Al hacer hover, el texto puede cambiar a rojo para resaltar */
.elementor-6943 .elementor-element.elementor-element-c2862f7:hover .elementor-button-text {
    color: var(--rojo);
}

/* Animación de rotación */
@keyframes girarBicolor {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}/* End custom CSS */