/* Estilos generales */
* {
    box-sizing: border-box;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Regular.woff2') format('woff2'),
        url('fonts/Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {
    width: 100%;
    overflow-x: hidden;
}

body {
    font-family: Arial, sans-serif;
    color: #3B3663;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.cont_100 {
    width: 100%;
}

.div_despues_cuadro_blanco_section_leads {
    text-align: left;
}

.menu_toggle {
    display: none;
}

.menu {
    display: flex;
    /* Siempre visible en escritorio */
    flex-direction: row;
    /* Elementos en fila */
    position: static;
    /* Sin posición flotante */
    opacity: 1;
    /* Siempre visible */
    transform: none;
    /* Sin animación */
    transition: none;
    /* Sin transiciones */
}

.a_menu_header {
    text-decoration: none;
    color: #3B3663;
    font-weight: 600;
    font-size: 16px;
    transition: color 0.3s ease;
    cursor: pointer;
}

.a_menu_header::after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-size: 15px;
    line-height: 1;
    padding-left: 4px;
    vertical-align: middle;
    position: relative;
    /* -webkit-transform: rotate(0deg) scale(1); */
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    display: inline-block;
    transition: opacity .3s;
    opacity: 1;
}

/* Header Principal */
.header_principal {
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: 20px 0;
    display: flex;
    justify-content: center;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1000;
}

/* Contenedor del header */
.contenedor_header {
    /*max-width: 1200px;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

/* Logo */
.lado_logo_header {
    display: flex;
    align-items: center;
    width: 30%;
}

.lado_logo_header a img {
    width: 12rem;
    height: auto;
}

/* Menu y botón en el lado derecho */
.lado_menu_header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    width: 69%;
}

.lado_menu_header nav ul {
    list-style: none;
    display: flex;
    gap: 20px;
    font-size: 20px;
    margin: 0;
    padding: 0;
}



.lado_menu_header nav ul li a:hover {
    color: #3498db;
}

/* Botón GET IN TOUCH */
.boton_header {
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    font-style: normal;
    text-decoration: none;
    line-height: 1.6em;
    letter-spacing: 0.2px;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #243678;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #243678;
    border-radius: 20px 20px 20px 20px;
    padding: 12px 19px 10px 19px;
    transition: all 0.3s ease;
    /* Transición suave para el hover */
    cursor: pointer;
}

.boton_header:hover {
    background-color: white;
    /* Cambia el fondo a blanco */
    color: #1a2e8e;
    /* Cambia el color del texto a azul */
    border: 1px solid #1a2e8e;
    /* Cambia el borde a azul */
}

.boton_header_span {
    text-decoration: inherit;
}



/* Estilos de sección principal */
.primer_section_header {
    color: #3B3663;
    padding: 0% 2% 0% 2%;
    position: relative;
    width: 100%;
    left: 0;
    /*box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);*/
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.segundo_section_header {
    padding: 0px 22px 0px 22px;
}

/* Ajustes de fuente y alineación */
.primer_section_header h5 {
    font-size: 16px;
    color: #7f8c8d;
    margin: 0;
    padding-top: 5px;
}

.primer_section_header h2 {
    font-size: 48px;
    color: #3498db;
    font-weight: 700;
    margin: 0;
}

.primer_section_header h2:nth-child(2) {
    color: #2c3e50;
}

.primer_section_header span {
    font-weight: 600;
}



/* Sección de logos */
.contenedor_logos {
    max-width: 1190px;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    width: 100%;
    justify-content: space-between;
}

.img_network {
    width: 190px;
    transition-duration: 0.4s;
}

.img_network:hover {
    filter: grayscale(20%) opacity(70%);
    /* Convierte la imagen a tonos grises y reduce la opacidad */
}

.img_product {
    width: 183px;
    transition-duration: 0.4s;
}

.img_product:hover {
    filter: grayscale(20%) opacity(70%);
}

.img_vertigo {
    width: 155px;
    transition-duration: 0.4s;
}

.img_vertigo:hover {
    filter: grayscale(20%) opacity(70%);
}

.img_proline {
    width: 164px;
    transition-duration: 0.4s;
}

.img_proline:hover {
    filter: grayscale(20%) opacity(70%);
}

.img_minty {
    width: 150px;
    transition-duration: 0.4s;
}

.img_minty:hover {
    filter: grayscale(20%) opacity(70%);
}

.contenedor_ladoderecho_header {
    display: flex;
    gap: 30px;
}



/* Contenedor principal */
.site_wrapper {
    position: relative;
    z-index: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.container {
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.posicion1_container {
    margin-right: 0;
    margin-left: 0;
}

.posicion2_container {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

/* Contenedor para dividir las dos secciones */
.site_content {
    display: flex;
    gap: 50px;
    /* Espacio entre las dos secciones */
    max-width: 1200px;
    width: 100%;
    align-items: center;
}

/* Sección izquierda */
.site_content .left_section {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}

.section_site_wrapper {
    width: 100%;
    padding: 140px 0px 0px 0px;
}

.left_section h5 {
    font-size: 18px;
    color: #7f8c8d;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.left_section h2 {
    font-size: 72px;
    font-weight: 700;
    color: #3498db;
    line-height: 1.1;
    margin: 0;
}

.left_section h2:nth-of-type(2) {
    color: #2c3e50;
    margin-bottom: 20px;
}

.left_section span {
    font-size: 20px;
    color: #7f8c8d;
    font-weight: 600;
    margin-top: 10px;
    display: block;
}

/* Sección derecha (para la imagen) */
.site_content .right_section {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.right_section img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}



.contenedor_dos_secciones {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    max-width: 1200px;
}

.lado_izquierdo_site_wrapper {
    width: 50%;
    position: relative;
    min-height: 1px;
    display: flex;
    z-index: 2;
}

.lado_derecho_site_wrapper {
    width: 50%;
    position: relative;
    min-height: 1px;
    display: flex;
    z-index: 1;
}

/* Fondo azul claro y centrado de logos en el section */
.section_logos {
    margin-top: 17px;
    margin-bottom: 58px;
}

/***************************************************************************/
.background_image_seo {
    left: -95px;
    width: auto;
    max-width: auto;
    top: 20px;
    text-align: left;
    position: absolute;
    z-index: 1;
    margin-bottom: 0;
    max-width: 100%;
}

.logo_seo {
    border-radius: inherit;
    display: inline-block;
    vertical-align: middle;
    border: none;
    box-shadow: none;
    height: auto;
    max-width: 100%;
}

.header_texto {
    padding: 10px;
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}

.espacio_enblanco_sectionwraper {
    height: 80px;
    width: 100%;
    z-index: 1;
}

.espacio_enblanco2_sectionwraper {
    height: 85px;
    width: 100%;
    z-index: 1;
}

/* Estilos del texto */

.cont_h5_sectionwrapper {
    margin-bottom: 0px;
    z-index: 1;
    color: #243678;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    position: relative;
}

.posicion_h5_sectionwrapper {
    margin: 0px 0px 17px 0px;
}

.texto_intro {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
    word-wrap: break-word;
}

.cont1_h2_sectionwrapper {
    margin-bottom: 0px;
    z-index: 1;
    width: 100%;
    position: relative;
}

.posicion1_h2_sectionwrapper {
    margin: 0px 0px 0px 0px;
}

.primer_h2_sectionwrapper {
    font-family: "Inter", Sans-serif;
    font-size: 97px;
    font-weight: 800;
    line-height: 104px;
    letter-spacing: -1px;
    color: #58D2CB;
    margin: 0;
    padding: 0;
}

.segundo_h2_sectionwrapper {
    font-family: "Inter", Sans-serif;
    font-size: 97px;
    font-weight: 800;
    line-height: 104px;
    letter-spacing: -1px;
    color: #243678;
    margin: 0;
    padding: 0;
}

.posicion2_h2_sectionwrapper {
    margin: 0px 0px 45px 0px;
}

.texto_business {

    color: #243678;
    font-family: "Inter", Sans-serif;
    font-size: 97px;
    font-weight: 800;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 300px;
    /* Ancho mínimo para mantener el espacio */
    height: 96px;
    /* Altura fija para mantener el espacio vertical */
    margin: 0;
}

/* La palabra placeholder mantiene el espacio constante sin mostrarlo */
.word-placeholder {
    opacity: 0;
    visibility: hidden;
}



/* Formulario de cotización */
.formulario_cotizacion {
    margin-bottom: 0px;
    z-index: 1;
    width: 100%;
    position: relative;
}

.form_section_wrapper {
    margin: 0;
    padding: 0;
}

.div_form_section_wrapper {
    border-radius: 32px;
    padding: 7px;
    margin-left: 0;
    box-shadow: 0 12px 51px 0 rgba(37, 56, 124, .15);
    position: relative;
    background: #fff;
    text-align: center;
}

.p_form_section_wrapper {
    padding: 0;
    margin: 0;
}

.span_form_section_wrapper {
    margin-bottom: 0;
    position: relative;
}

.input_url {
    direction: ltr;
    border-radius: 25px;
    background: #f3f6f8;
    margin: 0;
    border: none;
    padding: 0 210px 0 20px;
    color: #696687;
    height: 50px;
    font-weight: 400;
    font-family: Rubik;
    max-width: 100%;
    font-size: .78em;
    line-height: 1.5;
    box-sizing: border-box;
    outline: none;
    width: 100%;
    transition: all .3s;
}

.boton_input {
    border-radius: 25px;
    right: 7px;
    top: 7px;
    background-color: #417de9;
    background-image: linear-gradient(6deg, #08defb, #417de9);
    position: absolute;
    max-width: 100%;
    display: block;
    vertical-align: top;
    width: auto !important;
    font-weight: 500;
    padding-left: 50px;
    padding-right: 50px;
    margin: 0 !important;
    color: #fff;
    border: none;
    letter-spacing: .2px;
    padding: 5px 40px;
    height: 50px;
    text-align: center !important;
    background-size: 150% 100%;
    transition: all .4s ease-in-out;
    cursor: pointer;
    outline: none;
    font-size: 12px;
    line-height: 23px;
    text-transform: uppercase;
}

.boton_input:hover {
    background-color: #356cc1;
    /* Cambia ligeramente el tono del color */
    background-image: linear-gradient(6deg, #04cce6, #3870da);
}

/**************************lado derecho***********************************/
.primer_contenedor_imagenes {
    padding: 10px;
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}

.logos_lado_derecho {
    width: 100%;
    position: relative;
    z-index: 1;
}

.div_logos_lado_derecho {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 1190px;
}

.div2_logos_lado_derecho {
    width: 100%;
    display: flex;
    min-height: 1px;
    position: relative;
}

.contenedor_principal_imagenes {
    padding: 10px;
    display: flex;
    margin-left: -26%;
    margin-right: -75%;
    width: 201%;
    align-content: flex-start;
    flex-wrap: wrap;
    position: relative;
}

.cont_imgfondo_sectionwrapper {
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
    position: relative;
}

.img_fondo_sectionwrapper {
    width: 100%;
    max-width: 1181px;
    box-shadow: none;
    height: auto;
    border: none;
}

.cont_img_circulo_grande {
    left: 80%;
    top: 90%;
    text-align: left;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.img_circulo_grande {
    width: 6.1%;
    max-width: 72px;
}

.cont_img_flechas {
    left: 76%;
    top: 52%;
    text-align: left;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.img_flechas {
    width: 17.8%;
    max-width: 210px;
}

.cont_img_conica {
    left: 82%;
    top: 41%;
    text-align: left;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.img_conica {
    width: 7%;
    max-width: 82px;
}

.cont_img_plantas {
    left: 74%;
    top: 20%;
    text-align: left;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.img_plantas {
    width: 10%;
    max-width: 117px;
}

.cont_img_targeta_credito {
    left: 50%;
    top: 77%;
    text-align: left;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.img_targeta_credito {
    width: 18%;
    max-width: 207px;
}

.cont_img_circulo {
    left: 43%;
    top: 79%;
    text-align: left;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.img_circulo {
    width: 3.5%;
    max-width: 41px;
}

.cont_img_cubo_pequeño {
    left: 59%;
    top: 37%;
    text-align: left;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.img_cubo_pequeño {
    width: 4%;
    max-width: 46px;
}

.cont_img_tuercas {
    left: 32%;
    top: 31%;
    text-align: left;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.img_tuercas {
    width: 9%;
    max-width: 103px;
}

.cont_img_computadora {
    left: 11%;
    top: 59%;
    text-align: left;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.img_computadora {
    width: 22%;
    max-width: 256px;
}

.cont_img_cubo {
    left: 1%;
    top: 53%;
    text-align: left;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.img_cubo {
    width: 9%;
    max-width: 96px;
}

.cont_img_dinero {
    left: 12%;
    top: 28%;
    text-align: left;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.img_dinero {
    width: 16%;
    max-width: 179px;
}

.cont_img_mesa_dinero {
    left: 31%;
    top: 39%;
    text-align: left;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.img_mesa_dinero {
    width: 35%;
    max-width: 417px;
}

.cont_img_cono {
    left: 34%;
    top: 0.582%;
    text-align: left;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.img_cono {
    width: 29%;
    max-width: 346px;
}


@keyframes mover {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translate(10px, 10px);
        transform: translate(10px, 10px)
    }

    50% {
        -webkit-transform: translate(5px, 5px);
        transform: translate(5px, 5px)
    }

    75% {
        -webkit-transform: translate(10px, -5px);
        transform: translate(10px, -5px)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.movimiento {
    -webkit-animation: mover 5s linear infinite;
    animation: mover 5s linear infinite
}

@keyframes mover2 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translate(-10px, -10px);
        transform: translate(-10px, -10px)
    }

    50% {
        -webkit-transform: translate(-5px, -5px);
        transform: translate(-5px, -5px)
    }

    75% {
        -webkit-transform: translate(-10px, 5px);
        transform: translate(-10px, 5px)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.movimiento2 {
    -webkit-animation: mover2 8s linear infinite;
    animation: mover2 8s linear infinite;
}


/*****************section leads lado izquierdo************************/
.section_leads {
    background-color: #304AAA;
    background-image: url(./imagenes/leads_wave_bg.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    /*height: 100vh;*/
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 0px;
    margin-bottom: 125px;
    padding: 145px 0px 155px 0px;
}

.contenedor_despues_section {
    max-width: 1190px;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}



.contenedor_izquierdo_section_2 {
    align-content: center;
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
}

.primer_section_leads {
    padding: 0% 3% 0% 0%;
}

.contenedor_div_primer_section_leads {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.separador_div_primer_section_leads {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 0px 15px 30px 15px;
    --e-column-margin-right: 15px;
    --e-column-margin-left: 15px;
    padding: 0px 0px 0px 0px;
}

.separador2_div_primer_section_leads {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 40px 15px -10px 15px;
    --e-column-margin-right: 15px;
    --e-column-margin-left: 15px;
    padding: 0px 0px 0px 0px;
}

.cuadro_blanco_section_leads {
    padding: 50px 30px 40px 40px;
    background-color: #FFFFFF;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 20px 20px 59px 0px rgba(27.999999999999996, 137.00000000000003, 212, 0.1);
    transition-duration: 0.3s;
}

.cuadro_blanco_section_leads:hover {
    background-color: #3450BB;
    color: #FFFFFF;
}

.contenedor_imagenes_section_leads {
    margin: 0px 0px 10px 0px !important;
    max-width: 102px;
    width: 102px;
}

.contenedor_div_dentro_cuadro_blanco {
    font-family: "Inter", Sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 10px;
    position: relative;
}

.contenedor_div_h6_cuadro_blanco {
    font-family: "Inter", Sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    position: relative;
    margin: 0;
}

.contenedor_div_p_cuadro_blanco {
    font-size: 16px;
    line-height: 1.5em;
    padding: 0;
    margin-bottom: 0;
    text-align: justify;
}

/*****************************lado derecho section leads***********************/

.contenedor_derecho_leads {
    align-content: center;
    align-items: center;
    padding: 10px;
    display: flex;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
}

.tamaño_cont_section_leads {
    width: 50%;
}

.tamaño_espacio_vacio {
    height: 20px;
}

.segundo_section_leads {
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 0px 0px 0px 95px;
    width: 100%;
}

.contenedor {
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
    display: flex;
    padding: 10px;
}

.posicion_ladoder_sectionleads {
    margin: 0px;
    padding: 0% 20% 0% 0%;
}

.posicion_cont_h5 {
    margin: 0px 0px 5px 0px;
}

.primer_h5_section_leads {
    color: #0FB6EF;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.5em;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
}

.tamaño_100_posicion {
    width: 100%;
    position: relative;
}

.primer_h2_section_leads {
    color: #FFFFFF;
    font-family: "Inter", Sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 52px;
    margin: 0;
}

.segundo_div_arriba_lado_derecho {
    width: 100%;
    position: relative;
    min-height: 1px;
    display: flex;

}

.tercer_section_leads {
    margin-top: 0px;
    margin-bottom: 23px;
    padding: 0px 0px 0px 105px;
    width: 100%;
}

.display_flex {
    display: flex;
}

.segundo_contenedor_div_lado_derecho_leads {
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
    display: flex;
    padding: 0px;
}

.div_abajo_lado_derecho_section_leads {
    margin: 0px 0px 21px 0px;
    padding: 0% 10% 0% 0%;
}

.figure_lado_derecho_section_leads {
    margin: 0px 20px 0px 0px !important;
    max-width: 34px;
    width: 34px;
    margin: 0;
}

.imagen_check {
    width: 100%;
    height: auto;
    transition-duration: 0.3s;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.contenedor_div_h6_lado_derecho {
    color: #FFFFFF;
    font-family: "Rubik", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

.posicion_boton_sectionleads {
    margin: 0px 0px 35px 95px;
    line-height: 0;
}

.boton_section_leads {
    font-size: .714em;
    font-weight: 500;
    font-style: normal;
    text-decoration: none;
    line-height: 1.6em;
    fill: #FFFFFF;
    color: #000;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FFFFFF;
    border-radius: 20px 20px 20px 20px;
    padding: 15px 21px 15px 21px;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: .2px;
    cursor: pointer;
}

.boton_section_leads:hover {
    background-color: #304AAA;
    /* Cambia el fondo a blanco */
    color: #FFFFFF;
    /* Cambia el color del texto a azul */
    border: 1px solid #FFFFFF;
    /* Cambia el borde a azul */
}

/************************** section visual analisis ***************************************/

.section_visual_analisis {
    margin-top: 0px;
    margin-bottom: 90px;
    position: relative;
    z-index: 1;
}

.contenedor_lado_izquierdo_visual_analisis {
    position: relative;
    min-height: 1px;
    display: flex;
    width: 65%;
}

.section_lado_izquierdo_visual_analisis {
    transition: background 0.3s, border-radius 0.3, box-shadow 0.3s;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
    position: relative;
}

.contenedor_img_visual_analisis {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 0% 0% 0% 0%;
    display: flex;
    margin-left: -14%;
    margin-right: 11%;
    width: 122%;
    position: relative;
    flex-wrap: wrap;
    align-content: flex-start;
}

.cont_img_fondo_visual_analisis {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    margin-block-end: 20px;
}

.img_fondo_visual_analisis {
    width: 100%;
    max-width: 913px;
    border-radius: inherit;
    vertical-align: middle;
    display: inline-block;
    height: auto;
    border: none;
    box-shadow: none;
}

.img_planeta_visual_analisis {
    width: 62%;
    max-width: 568px;
    position: absolute;
    left: 18%;
    top: 0%;
    text-align: left;
    height: auto;
}

.img_sombra_visual_analisis {
    left: 30%;
    top: 77%;
    text-align: left;
    position: absolute;
    width: 41%;
    max-width: 369px;
    height: auto;
}

.img_cuadrado_pequeño1_visual_analisis {
    position: absolute;
    left: 14%;
    top: 85%;
    width: 14%;
    max-width: 126px;
    height: auto;
}

.img_cuadrado_pequeño2_visual_analisis {
    position: absolute;
    left: 71%;
    top: 85%;
    height: auto;
    width: 14%;
    max-width: 126px;
}

.img_cuadrado_mediano1_visual_analisis {
    position: absolute;
    left: 2%;
    top: 71%;
    height: auto;
    width: 17%;
    max-width: 153px;
}

.img_cuadrado_mediano2_visual_analisis {
    position: absolute;
    left: 80%;
    top: 71%;
    height: auto;
    width: 17%;
    max-width: 153px;
}

.img_cuadrado_grande1_visual_analisis {
    position: absolute;
    left: -3%;
    top: 49%;
    height: auto;
    width: 24%;
    max-width: 215px;
}

.img_cuadrado_grande2_visual_analisis {
    position: absolute;
    left: 78%;
    top: 49%;
    height: auto;
    width: 24%;
    max-width: 215px;
}

/************ lado derecho ****************/

.contenedor_lado_derecho_visual_analisis {
    width: 35%;
    position: relative;
    min-height: 1px;
    display: flex;
}

.cont1_ladoder_visual_analisis {
    width: 100%;
    margin-bottom: 40px;
    margin-block-end: 20px;
}

.posicion_cont1_ladoder_visual_analisis {
    margin: 40px 0px 25px 0px;
}

.cont_divs_lado_der_visual_analisis {
    justify-content: flex-start;
    text-align: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}

.cont2_divs_lado_der_visual_analisis {
    position: relative;
    align-self: auto;
    flex: 0 1 auto;
    order: 0;
}

.p_descripcion_visual_analisis {
    padding: 0;
    margin: 0;
    line-height: 1.5;
}

.primer_contador_lado_der {
    color: #58D2CB;
    font-family: "Inter", Sans-serif;
    font-size: 85px;
    font-weight: 700;
    line-height: 79px;
    display: flex;
    letter-spacing: 0px;
    padding-bottom: 22px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.descripcion {
    font-family: "Inter", Sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1em;
    color: #696687;
    padding-top: 9px;
}

.inicio_contador {
    font-family: "Inter", Sans-serif;
    font-size: 80px;
    font-weight: 700;
    line-height: 74px;
    letter-spacing: -4px;
}

.final_contador {
    font-family: "Inter", Sans-serif;
    font-size: 80px;
    font-weight: 700;
    line-height: 74px;
    letter-spacing: -4px;
}

.div_oculto {
    font-family: "Inter", Sans-serif;
    font-size: 92px;
    font-weight: 700;
    line-height: 74px;
    letter-spacing: 0px;
    visibility: hidden;
    opacity: 0;
    padding: 0 10px;
}

.span_oculto {
    font-family: "Inter", Sans-serif;
    font-size: 92px;
    font-weight: 700;
    line-height: 74px;
    letter-spacing: -4px;
    visibility: hidden;
    opacity: 0;
    padding: 0 10px;
}

.segundo_contador_lado_der {
    color: #243678;
    font-family: "Inter", Sans-serif;
    font-size: 85px;
    font-weight: 700;
    line-height: 79px;
    display: flex;
    letter-spacing: -4px;
    padding-bottom: 22px;
    position: absolute;
    top: 31%;
    left: 4%;
    width: 100%;
}

.tercer_contador_lado_der {
    color: #243678;
    font-family: "Inter", Sans-serif;
    font-size: 85px;
    font-weight: 700;
    line-height: 79px;
    display: flex;
    letter-spacing: -4px;
    padding-bottom: 22px;
    position: absolute;
    top: 58%;
    left: 4%;
    width: 100%;
}

@keyframes mover3 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translate(15px, 15px);
        transform: translate(15px, 15px)
    }

    50% {
        -webkit-transform: translate(8px, 8px);
        transform: translate(8px, 8px)
    }

    75% {
        -webkit-transform: translate(15px, -8px);
        transform: translate(15px, -8px)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.movimiento3 {
    -webkit-animation: mover3 12s linear infinite;
    animation: mover3 12s linear infinite;
}

@keyframes entrada_izquierda {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.entrada_izquierda {
    animation-name: entrada_izquierda;
    animation-duration: 1s;
    /* Cambia el tiempo según lo necesites */
    animation-timing-function: ease-in-out;
    /* Opcional: controla cómo se desarrolla la animación */
    animation-fill-mode: forwards;
    /* Para que mantenga su estado final */
}

@keyframes entrada_hacia_arriba {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.entrada_hacia_arriba {
    animation-name: entrada_hacia_arriba;
    animation-duration: 1s;
    /* Cambia el tiempo según lo necesites */
    animation-timing-function: ease-in-out;
    /* Opcional: controla cómo se desarrolla la animación */
    animation-fill-mode: forwards;
    /* Para que mantenga su estado final */
}

@keyframes entrada_hacia_abajo {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.entrada_hacia_abajo {
    animation-name: entrada_hacia_abajo;
    animation-duration: 1s;
    /* Cambia el tiempo según lo necesites */
    animation-timing-function: ease-in-out;
    /* Opcional: controla cómo se desarrolla la animación */
    animation-fill-mode: forwards;
    /* Para que mantenga su estado final */
}


/*********************  section video   ****************************************************/

.section_video {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 0px;
    margin-bottom: -330px;
    z-index: 10;
    position: relative;
}

.mini_contenedor {
    width: 8.5%;
    position: relative;
    min-height: 1px;
    display: flex;

}

.dentro_mini_contenedor {
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
    display: flex;
}

.contenedor_video {
    width: 82.91%;
    position: relative;
    min-height: 1px;
    display: flex;

}


.contenedor_fondo_video {
    left: 0px;
    width: 100%;
    max-width: 100%;
    top: 0px;
    z-index: 1;
    position: absolute;
    margin-bottom: 0;
}

.cont_video {
    z-index: 5;
    width: 100%;
    position: relative;
}

.fondo_video {
    margin: 0% -10% 0% -10%;
}

.cont_icon_play {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.video_section_4 {
    width: 1145px;
    max-width: 100%;
    border-radius: inherit;
    vertical-align: middle;
    display: inline-block;
    height: auto;
    border: none;
    box-shadow: none;
}

.portada_video {
    padding: 220px 0px 220px 0px;
    background-color: #0A1119;
    background-image: url(imagenes/video_section_4/portada_video.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px 20px 20px 20px;
    text-align: center;
}

.video {
    border-color: #764ED2;
    background-color: #FFFFFF;
    width: 82px;
    height: 82px;
    min-width: 82px;
    transition: all .3s;
    box-shadow: none;
    text-decoration: none;
    position: relative;
    z-index: 1;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    border-radius: 50%;
    outline: none !important;
}

.popup_animacion_video {
    width: 146px;
    height: 146px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    display: block;
    margin: auto;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
}

.efecto_animacion_popup {
    -webkit-animation-duration: 2500ms;
    -moz-animation-duration: 2500ms;
    -o-animation-duration: 2500ms;
    animation-duration: 2500ms;
    box-shadow: 0 0 0px 2px;
    -webkit-animation-delay: 0ms;
    -moz-animation-delay: 0ms;
    -o-animation-delay: 0ms;
    animation-delay: 0ms;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 5%;
    height: 5%;
    margin: auto;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    animation-name: video_pulse_animation_outside;
    -webkit-animation-duration: 2.1s;
    animation-duration: 2.1s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 50%;
    box-shadow: 0 0 1px 1px currentColor;
    color: #fff;
}

@keyframes video_pulse_animation_outside {
    0% {
        width: 5%;
        height: 5%;
        opacity: 1
    }

    to {
        width: 100%;
        height: 100%;
        opacity: 0
    }
}

.play {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-40%, -50%);
    -ms-transform: translate(-40%, -50%);
    transform: translate(-40%, -50%);
    display: none;
}

.video::after {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 15px;
    height: 20px;
    background-image: url(https://ewebotwp.com/wp-content/themes/ewebot/dist/img/gradient__video_icon_leads.dd67c5e9.svg);
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-left: 1px;
    text-align: center;
}

/******************************* section 5 ******************************************************************/

.section_5_contactar {
    background-color: #2F47A4;
    background-image: url(imagenes/section_5/fondo_section5.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    z-index: 9;
    position: relative;
}

.mini_contenedor_section_5 {
    width: 16.666%;
    position: relative;
    min-height: 1px;
    display: flex;
}

.contenedor_principal_info_section5 {
    width: 66.666%;
    position: relative;
    min-height: 1px;
    display: flex;

}

.espacio_informacion_section5 {
    margin-bottom: 5px;
    height: 399px;
    margin-block-end: 20px;
    width: 100%;
}

.primer_div_section_5 {
    text-align: center;
    color: #0FB6EF;
    font-family: "Nunito", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.5em;
    letter-spacing: 1px;
    margin-bottom: 5px;
    width: 100%;
}

.p1_section5 {
    padding: 0;
    line-height: inherit !important;
    margin: 0 0 18px;
}

.espacio_div_section5 {
    padding: 0px 0px 15px 0px;
}

.div_h2_section5 {
    margin-bottom: 5px;
    text-align: center;
    margin-block-end: 20px;
    width: 100%;
}

.espacio2_div_section5 {
    padding: 0px 0px 28px 0px;
}

.p2_section5 {
    padding: 0;
    line-height: inherit !important;
    margin: 0 0 18px;
}

.h2_section5 {
    color: #FFFFFF;
    font-family: "Inter", Sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.3em;
    padding: 0;
    margin: 0;
}

.segundo_div_section_5 {
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 5px;
    margin-block-end: 20px;
    width: 100%;
}

.cont_boton_section5 {
    margin-bottom: 5px;
    margin-block-end: 20px;
    width: 100%;
}

.posicion_boton_section5 {
    text-align: center;
    line-height: 0;
}

.espacion_vacio_section5 {
    height: 105px;
    margin-bottom: 0;
    width: 100%;
}

/******************************** section 6 services **************************************/

.section_6_services {
    background-color: #F3F6F8;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 0px;
    margin-bottom: 120px;
    padding: 104px 0px 35px 0px;
}

.contenedor_lado_izq_section_6 {
    width: 50%;
    position: relative;
    min-height: 1px;
    display: flex;
}

.posicion_div_section6 {
    margin: 0px 0px 5px 0px;
}

.estructura_lado_izq_section_6 {
    padding: 10px;
    display: flex;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
}

.contem_primer_div_section_6 {
    margin-bottom: 0px;
    /*margin-block-end: 20px;*/
    width: 100%;
    position: relative;
}

.H5_section_6 {
    color: #0FB6EF;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.5em;
    letter-spacing: 1px;
    font-family: Nunito;
    word-wrap: break-word;
    padding: 0;
    margin: 0;
}

.conten_div2_section_6 {
    margin: 0px 0px 10px 0px;
    padding: 0% 20% 0% 0%;
}

.H2_section_6 {
    color: #243678;
    font-family: "Inter", Sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 52px;
    padding: 0;
    margin: 0;
    word-wrap: break-word;
}

.elemento_alternar {
    text-align: start;
}

.elemento_alternar2 {
    margin-bottom: 0px;
}

.cont_1er_div_section6 {
    border-width: 1px;
    border-color: #D1CFF5;
    padding: 23px 0px 20px 0px;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    border-bottom: 1px solid #d5d8dc;
    cursor: pointer;
    outline: none;

}

.span_cont_section6 {
    color: #243678;
    float: right;
    text-align: right;
    display: inline-block;
    width: 2em;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

.span2_cont_section6 {
    display: block;
    color: #243678;
    text-align: right;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

.span2_cont_section6 svg {
    fill: #3B366333;
    width: 24px;
    height: 24px;
}

/************************animacion***********************/

/* Mostrar el contenido cuando el contenedor tiene la clase 'active' */
.elemento_alternar2.active>div:nth-child(2) {
    display: block;
}

/* Mostrar solo el primer SVG por defecto */
.elemento_alternar2 .span_cont_section6 span:nth-child(1) {
    display: inline;
}

/* Ocultar el segundo SVG por defecto */
.elemento_alternar2 .span_cont_section6 span:nth-child(2) {
    display: none;
}

/* Alternar los SVGs cuando está activo */
.elemento_alternar2.active .span_cont_section6 span:nth-child(1) {
    display: none;
}

.elemento_alternar2.active .span_cont_section6 span:nth-child(2) {
    display: inline;
}

/* Cambiar el cursor en los SVG para indicar interactividad */
.elemento_alternar2 svg {
    cursor: pointer;
}

/* Ocultar inicialmente el contenedor adicional */
.elemento_alternar2>div:nth-child(2) {
    max-height: 0;
    /* Altura inicial cerrada */
    overflow: hidden;
    /* Ocultar contenido desbordante */
    transition: max-height 0.5s ease;
    /* Transición suave al cambiar la altura */
}

/* Mostrar el contenedor con animación */
.elemento_alternar2.active>div:nth-child(2) {
    max-height: 200px;
    /* Ajusta este valor a la altura de tu contenido */
    transition: max-height 1.5s ease;
    /* Animación suave */
}



/* Eliminar la línea cuando el contenedor está activo */
.elemento_alternar2.active .cont_1er_div_section6 {
    border-bottom: none;
}

/* Animar los SVGs para alternar */
.elemento_alternar2 .span_cont_section6 span:nth-child(1),
.elemento_alternar2 .span_cont_section6 span:nth-child(2) {
    transition: opacity 0.3s ease;
}

/* Mostrar solo el primer SVG por defecto */
.elemento_alternar2 .span_cont_section6 span:nth-child(1) {
    opacity: 1;
    pointer-events: auto;
}

/* Ocultar el segundo SVG por defecto */
.elemento_alternar2 .span_cont_section6 span:nth-child(2) {
    opacity: 0;
    pointer-events: none;
}

/* Alternar los SVGs cuando está activo */
.elemento_alternar2.active .span_cont_section6 span:nth-child(1) {
    opacity: 0;
    pointer-events: none;
}

.elemento_alternar2.active .span_cont_section6 span:nth-child(2) {
    opacity: 1;
    pointer-events: auto;
}

/*********************/

.contenedor_vacion_section6 {
    height: 51px;
    margin-bottom: 0px;
    width: 100%;
}

.boton_section6 {
    border-radius: 25px;
    border-style: solid;
    border-width: 0;
    margin-bottom: 0;
    font-size: 0.714em;
    line-height: 1.5;
    letter-spacing: 0.2px;
    font-weight: 500;
    text-transform: uppercase;
    transition: all 0.3s;
    display: inline-block;
    position: relative;
    z-index: 5;
    max-width: 100%;
    box-sizing: border-box;
    border-color: rgba(98, 84, 231, 0.1);
    color: #696687;
    outline: none !important;
    overflow: hidden;
    cursor: pointer;
}

.primer_span_boton_section6 {
    padding: 13px 39px 13px 39px;
    border-radius: inherit;
    overflow: visible;
    position: relative;
    display: block;
    line-height: inherit;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    font-size: 0.714em;
    letter-spacing: 0.2px;
    font-weight: 500;
    text-transform: uppercase;
    color: #696687;
}

.span_boton_section6 {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #ffffff;
    transition: all 0.4s ease-in-out;
    position: relative;
    z-index: 4;
    font-family: inherit;
    font-style: inherit;
    display: inline-block;
    vertical-align: middle;
    line-height: inherit;
    cursor: pointer;
    text-transform: uppercase;
}

/* Pseudo-elemento ::before (Front) */
.boton_section6::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(96deg, #08DEFB 0%, #417DE9 100%);
    z-index: 2;
    border-radius: inherit;
    transition: all 0.6s ease-in-out;
}

/* Pseudo-elemento ::after (Back) */
.boton_section6::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(96deg, #417DE9 0%, #417DE9 100%);
    z-index: 1;
    opacity: 0;
    transition: all 0.6s ease-in-out;
    border-radius: inherit;
}

/* Efecto Hover */
.boton_section6:hover::before {
    opacity: 0;
    /* Esconde el front */
}

.boton_section6:hover::after {
    opacity: 1;
    /* Muestra el back */
}

.div_lado_der_antesdel_section6 {
    width: 50%;
    position: relative;
    min-height: 1px;
    display: flex;

}

.div2_lado_der_antesdel_section6 {
    margin: 10px 0px 0px 0px;
    padding: 10px;
    display: flex;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
}

.section_ladoder_section6 {
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
    position: relative;
    z-index: 1;
}

.cont_ladoder_imgs_section6 {
    padding: 10px;
    display: flex;
    margin-left: 10%;
    margin-right: -37%;
    width: 127%;
    position: relative;
    flex-wrap: wrap;
    align-content: flex-start;
}

.contenedor_fondo_section6 {
    margin-block-end: 20px;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
    position: relative;
}

.fondo_section6 {
    width: 100%;
    max-width: 725px;
    border-radius: inherit;
    vertical-align: middle;
    display: inline-block;
    height: auto;
    border: none;
    box-shadow: none;
    user-select: none;
    outline: none !important;
}

.cont_img_cubo1_section6 {
    left: 21%;
    text-align: left;
    top: 33%;
    position: absolute;
    z-index: 1;
    width: 100%;
    animation: mover 5s linear infinite;
}

.img_cubo1_section6 {
    width: 15%;
    max-width: 108px;
}

.cont_img_cubo2_section6 {
    left: 22%;
    text-align: left;
    top: 9%;
    position: absolute;
    z-index: 1;
    width: 100%;
    animation: mover2 8s linear infinite;
}

.img_cubo2_section6 {
    width: 13%;
    max-width: 89px;
}

.cont_img_cubo3_section6 {
    left: 65%;
    text-align: left;
    top: 8%;
    position: absolute;
    z-index: 1;
    width: 100%;
    animation: mover3 12s linear infinite;
}

.img_cubo3_section6 {
    width: 13%;
    max-width: 89px;
}

.cont_img_cubo4_section6 {
    left: 64%;
    text-align: left;
    top: 33%;
    position: absolute;
    z-index: 1;
    width: 100%;
    animation: mover 5s linear infinite;
}

.img_cubo4_section6 {
    width: 15%;
    max-width: 108px;
}

.cont_img_cubo5_section6 {
    left: 71%;
    text-align: left;
    top: 50%;
    position: absolute;
    z-index: 1;
    width: 100%;
    animation: mover2 8s linear infinite;
}

.img_cubo5_section6 {
    width: 15%;
    max-width: 108px;
}

.cont_img_cubo6_section6 {
    left: 14%;
    text-align: left;
    top: 49%;
    position: absolute;
    z-index: 1;
    width: 100%;
    animation: mover3 12s linear infinite;
}

.img_cubo6_section6 {
    width: 15%;
    max-width: 108px;
}

.cont_img_cubo7_section6 {
    left: 42%;
    text-align: left;
    top: 71%;
    position: absolute;
    z-index: 1;
    width: 100%;
    animation: mover 5s linear infinite;
}

.img_cubo7_section6 {
    width: 15%;
    max-width: 108px;
}

.cont_img_cubo8_section6 {
    left: 29%;
    text-align: left;
    top: 65%;
    position: absolute;
    z-index: 1;
    width: 100%;
}

.img_cubo8_section6 {
    width: 11%;
    max-width: 79px;
}

.cont_img_cubo9_section6 {
    left: 60%;
    text-align: left;
    top: 65%;
    position: absolute;
    z-index: 1;
    width: 100%;
}

.img_cubo9_section6 {
    width: 11%;
    max-width: 79px;
}

.cont_img_cubo10_section6 {
    left: 56%;
    text-align: left;
    top: 22%;
    position: absolute;
    z-index: 1;
    width: 100%;
}

.img_cubo10_section6 {
    width: 11%;
    max-width: 79px;
}

.cont_img_cubo11_section6 {
    left: 32%;
    text-align: left;
    top: 22%;
    position: absolute;
    z-index: 1;
    width: 100%;
}

.img_cubo11_section6 {
    width: 11%;
    max-width: 79px;
}

.cont_img_cubo12_section6 {
    left: 37%;
    text-align: left;
    top: 38%;
    position: absolute;
    z-index: 1;
    width: 100%;
}

.img_cubo12_section6 {
    width: 26%;
    max-width: 184px;
}

.cont_img_cubo13_section6 {
    left: 0%;
    text-align: left;
    top: 31%;
    position: absolute;
    z-index: 1;
    width: 100%;
}

.img_cubo13_section6 {
    width: 18%;
    max-width: 128px;
}

.cont_img_cubo14_section6 {
    left: 82%;
    text-align: left;
    top: 31%;
    position: absolute;
    z-index: 1;
    width: 100%;
}

.img_cubo14_section6 {
    width: 18%;
    max-width: 128px;
}

.cont_img_cubo15_section6 {
    left: 41%;
    text-align: left;
    top: 0%;
    position: absolute;
    z-index: 1;
    width: 100%;
}

.img_cubo15_section6 {
    width: 18%;
    max-width: 128px;
}

.cont_img_cubo16_section6 {
    left: 86%;
    text-align: left;
    top: 69%;
    position: absolute;
    z-index: 1;
    width: 100%;
}

.img_cubo16_section6 {
    width: 12%;
    max-width: 84px;
}

.cont_img_cubo17_section6 {
    left: 3%;
    text-align: left;
    top: 69%;
    position: absolute;
    z-index: 1;
    width: 100%;
}

.img_cubo17_section6 {
    width: 12%;
    max-width: 84px;
}

@keyframes entrada_derecha {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.entrada_derecha {
    animation-name: entrada_derecha;
    animation-duration: 1.2s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

/************************** section_7 ******************************************/

.section_7 {
    margin-top: 0px;
    margin-bottom: 130px;
    position: relative;
}

.contene_ladoizq_section7 {
    width: 58%;
    position: relative;
    min-height: 1px;
    display: flex;
}

.div_cont2_ladoizq_section7 {
    padding: 10px;
    display: flex;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
}

.section2_ladoizq_section7 {
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
    position: relative;
    z-index: 1;
}

.div_conten_ladoizq_section7 {
    padding: 0% 0% 0% 0%;
    display: flex;
    margin-left: -26%;
    margin-right: 5%;
    width: 121%;
    position: relative;
    flex-wrap: wrap;
    align-content: flex-start;
}

.fondo_section7 {
    width: 100%;
    max-width: 800px;
    border-radius: inherit;
    vertical-align: middle;
    display: inline-block;
}

.cont_img_grupo1_section7 {
    left: 1%;
    text-align: left;
    top: 78%;
    margin-bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.img_grupo1_section7 {
    width: 23%;
    max-width: 179px;
}

.cont_img_grupo2_section7 {
    left: 71%;
    text-align: left;
    top: 78%;
    margin-bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.img_grupo2_section7 {
    width: 23%;
    max-width: 181px;
}

.cont_img_grupo3_section7 {
    left: 0.4%;
    text-align: left;
    top: 21%;
    margin-bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.img_grupo3_section7 {
    width: 21%;
    max-width: 165px;
}

.cont_img_grupo4_section7 {
    left: 73%;
    text-align: left;
    top: 20%;
    margin-bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.img_grupo4_section7 {
    width: 21%;
    max-width: 165px;
}

.cont_img_centro_section7 {
    left: 12.6%;
    text-align: left;
    top: 0%;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.img_centro_section7 {
    width: 72%;
    max-width: 573px;
}

@keyframes aparecer {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.aparecer {
    animation-name: aparecer;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

.entrada_izquierda2 {
    animation-name: entrada_izquierda;
    animation-duration: 1.5s;
    /* Cambia el tiempo según lo necesites */
    animation-timing-function: ease-in-out;
    /* Opcional: controla cómo se desarrolla la animación */
    animation-fill-mode: forwards;
    /* Para que mantenga su estado final */
}

.contene_ladoder_section7 {
    width: 41.332%;
    position: relative;
    min-height: 1px;
    display: flex;

}

.segundodiv_ladoder_section7 {
    padding: 10px;
    display: flex;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
}

.div_vacio {
    margin-bottom: 0px;
    height: 40px;
    width: 100%;
    position: relative;
}

.cont_div_ladoder_section7 {
    margin-bottom: 0px;
    width: 100%;
    position: relative;
}

.con_h5_section7 {
    margin: 0px 0px 5px 0px;
}

.H5_section_7 {
    color: #0FB6EF;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.5em;
    letter-spacing: 1px;
    font-family: Nunito;
    padding: 0;
    margin: 0;
}

.con_h2_section7 {
    margin: 0px 0px 23px 0px;
    padding: 0% 20% 0% 0%;
}

.h2_section_7 {
    color: #243678;
    font-family: "Inter", Sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 52px;
    padding: 0;
    margin: 0;
}

.cont_3div_ladoder_section7 {
    width: 100%;
    position: relative;
}

.comillas_img {
    color: #3A89EB;
    display: none;
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
    user-select: none;
    vertical-align: top;
}

.cont_opinion_client {
    padding: 0 0 50px;
    margin: 0;
    min-width: 100%;
    position: relative;
    display: block;
}

.flecha_izq_Section7 {
    background-position: 0 0;
    left: 0;
    width: 60px;
    height: 60px;
    background-image: url(imagenes/section_7/flechas.png);
    background-size: 120px 120px;
    background-repeat: no-repeat;
    bottom: -50px;
    top: auto;
    transform: none;
    color: rgba(105, 102, 135, 0.5);
    right: auto;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    text-align: center;
    border-radius: 0;
    opacity: 1;
    margin: 0;
    font-family: inherit;
    font-weight: 500;
    line-height: normal;
    position: absolute;
    z-index: 50;
    padding: 0;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    border: none;
    text-shadow: none;
}

/* Ocultar el texto 'Prev' por completo */
.flecha_izq_Section7 div {
    display: none;
    /* Elimina el texto completamente */
}

/* Imagen inicial (flecha gris) */
.flecha_izq_Section7::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(imagenes/section_7/flechas.png);
    background-position: 0 0;
    /* Flecha gris */
    background-size: 120px 120px;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    z-index: 1;
}

/* Imagen de hover (flecha azul) */
.flecha_izq_Section7::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(imagenes/section_7/flechas.png);
    background-position: 0 -60px;
    /* Flecha azul */
    background-size: 120px 120px;
    opacity: 0;
    /* Oculta inicialmente */
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
}

/* Mostrar la flecha azul al pasar el ratón */
.flecha_izq_Section7:hover::before {
    opacity: 0;
    /* Oculta la flecha gris */
}

.flecha_izq_Section7:hover::after {
    opacity: 1;
    /* Muestra la flecha azul */
}


.flecha_der_Section7 {
    background-position: -60px 0;
    /* Flecha derecha gris */
    right: 0;
    width: 60px;
    height: 60px;
    background-image: url(imagenes/section_7/flechas.png);
    background-size: 120px 120px;
    background-repeat: no-repeat;
    bottom: -50px;
    top: auto;
    transform: none;
    color: rgba(105, 102, 135, 0.5);
    left: 16%;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    text-align: left;
    border-radius: 0;
    opacity: 1;
    margin: 0;
    font-family: inherit;
    font-weight: 500;
    line-height: normal;
    position: absolute;
    z-index: 50;
    padding: 0;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    border: none;
    text-shadow: none;
}

.flecha_der_Section7 div,
.flecha_der_Section7 span {
    display: none;
    /* Oculta texto o contenido extra */
}

/* Imagen inicial (flecha gris derecha) */
.flecha_der_Section7::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(imagenes/section_7/flechas.png);
    background-position: -60px 0;
    /* Flecha gris derecha */
    background-size: 120px 120px;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    z-index: 1;
}

/* Imagen hover (flecha azul derecha) */
.flecha_der_Section7::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(imagenes/section_7/flechas.png);
    background-position: -60px -60px;
    /* Flecha azul derecha */
    background-size: 120px 120px;
    opacity: 0;
    /* Oculta inicialmente */
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
}

/* Hover efecto (flecha derecha) */
.flecha_der_Section7:hover::before {
    opacity: 0;
    /* Oculta la flecha gris */
}

.flecha_der_Section7:hover::after {
    opacity: 1;
    /* Muestra la flecha azul */
}


.lista_section7 {
    outline: none !important;
    overflow: hidden;
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    transform: translateZ(0);
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.lista2_section7 {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.lista2_section7::after,
.lista2_section7::before {
    content: "";
    display: table;
}

.cont_lista {
    width: 472px;
    padding: 0 0 0 0;
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    cursor: pointer;
    outline: none !important;
}

.cont2_list {
    position: relative;
}

.comentario_section7 {
    font-family: "Rubik", Sans-serif;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5em;
    color: #696687;
    margin-bottom: 1.5em;
}

.nombre_comentario {
    color: #3b3663;
    font-family: "Nunito", Sans-serif;
    font-size: 18px;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 0;
}

.cont_logo_comillas {
    float: left;
    color: #3A89EB;
    margin-top: .75em;
    display: inline-block;
    width: 37px;
    height: auto;
}

.logo_comillas {
    margin-top: -10px;
    background-image:
        linear-gradient(90deg, hsla(0, 0%, 100%, .3) 10%, hsla(0, 0%, 100%, 0) 60%, rgba(0, 0, 0, .1)),
        url(imagenes/section_7/comillas.png);
    width: 100%;
    padding-bottom: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    mask-repeat: no-repeat;
    mask-size: contain;
    z-index: 2;
    mask-position: center;
    position: relative;
    background-color: currentColor;
    color: #3A89EB;
    -webkit-mask-image: url(imagenes/section_7/comillas.png);
}

.div_coment {
    margin-left: 50px;
    padding-top: 7px;
    margin-right: 0;
}

.p_comentario {
    font-family: "Rubik", Sans-serif;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5em;
    padding: 0;
    margin-bottom: 0;
    margin: 0 0 18px;
    color: #696687;
}

.cont_nombre_comentario {
    display: inline-block;
    vertical-align: middle;

}

.primer_div_nombre_comentario {
    vertical-align: middle;
    display: block !important;
    margin-left: 0 !important;
    font-weight: 700;
}

.segundo_div_nombre_comentario {
    color: #696687;
    font-size: .875em;
    vertical-align: middle;
    display: block !important;
    margin-left: 0 !important;
}

.lista2_section7 {
    display: flex;
    transition: transform 0.5s ease-in-out;
    /* Animación suave de desplazamiento */
    width: calc(51% *var(--total-items));
    /* Ajustar según la cantidad de elementos */
}

.cont_lista {
    flex: 0 0 100%;
    /* Cada testimonio ocupa el 100% del ancho */
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}


/******************* section 8 **********************************/

.section_8 {
    margin-top: 0px;
    margin-bottom: 92px;
    position: relative;
    z-index: 1;
}

.posicion_section8 {
    margin-bottom: 8px;
}

.cont_div1_section8 {
    max-width: 1200px;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.cont_lados_section8 {
    width: 50%;
    position: relative;
    min-height: 1px;
    display: flex;
}

.cont_ladoizq_section8 {
    background-color: #F3F6F8;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    text-align: left;
    margin: 15px 15px 15px 15px;
    padding: 50px 70px 57px 70px;
    border-radius: 20px 20px 20px 20px;
    display: flex;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
}

.primer_div_section8 {
    margin-bottom: 0px;
    width: 100%;
    position: relative;
    z-index: 1;
    text-align: center;
}

.segundo_div_section8 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    border-radius: 5px;
}

.cont_primer_elemen_section8 {
    padding: 0;
    border-radius: 0;
    text-align: left;
}

.primer_h3_section8 {
    color: #0FB6EF;
    background-image: none !important;
    -webkit-text-fill-color: unset !important;
    font-family: "Nunito", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.5em;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
}

.div_precio_section8 {
    color: #243678;
    font-family: "Inter", Sans-serif;
    font-size: 72px;
    font-weight: 700;
    line-height: 1em;
    position: relative;
    text-align: left;
    letter-spacing: 0px;
    display: flex;
}

.span1_ladoizq_section_8 {
    vertical-align: top;
    color: #243678;
    font-family: "Inter", Sans-serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 3.1em;
    padding: 0px;
    display: inline-block;
}

.span2_section_8 {
    color: #243678;
    font-family: "Inter", Sans-serif;
    font-size: 74px;
    font-weight: 700;
    line-height: 1.1em;
    padding: 1px;
}

.espacio_enblanco_section8 {
    padding: 24px 0 1px;
}

.cont_comentario_section8 {
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 1.5em;
    width: 100%;
    position: relative;
}

.cont_separador_section8 {
    margin-bottom: 0px;
    position: relative;
    width: 100%;
}

.tamaño_linea_section8 {
    padding-block-start: 30px;
    padding-block-end: 30px;
    display: flex;
}

.linea_section8 {
    width: 100%;
    /* Línea ocupa todo el ancho disponible */
    height: 1px;
    /* Grosor de la línea */
    background-color: #DAE3E9;
    /* Color similar al de la imagen */
    margin: 0;
    display: block;
}

.conten_beneficios_section8 {
    width: 100%;
    position: relative;
    font-size: 18px;
    line-height: 2.2em;
    margin-bottom: 0px;
}

.element_container_bene_section8 {
    margin: -10px 0px 40px 0px;
}

.ul_section8 {
    list-style: none;
    padding: 0;
    margin: 8px 0 18px;
}

.li_section8 {
    text-align: left;
    padding: 0 0 8px;
    margin: 0;
    font-size: inherit;
    list-style: none;
}

.icon_section8 {
    margin-right: 10px;
    opacity: 1;
    color: #2e9def;
}

.boton1_section8 {
    font-size: .714em;
    font-weight: 500;
    font-style: normal;
    font-family: "Rubik", Sans-serif;
    text-decoration: none;
    line-height: 1.6em;
    fill: #FFFFFF;
    color: #243678;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FFFFFF;
    border-radius: 20px 20px 20px 20px;
    padding: 16px 35px 16px 35px;
    transition: all 0.6s ease;
    text-transform: uppercase;
    letter-spacing: 3.2px;
    cursor: pointer;
    border: 2px solid #243678;
    display: inline-block;
}

.boton1_section8:hover {
    background-color: #243678;
    /* Cambia el fondo a blanco */
    color: #FFFFFF;
    /* Cambia el color del texto a azul */
    border: 2px solid #243678;
    /* Cambia el borde a azul */
}

.cont_boton_section8 {
    position: relative;
    display: inline-block;
    width: 100%;
}

.cont_ladoder_section8 {
    background-color: transparent;
    background-image: linear-gradient(60deg, #3450BB 0%, #233575 100%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    text-align: left;
    margin: 15px 15px 15px 15px;
    padding: 50px 70px 57px 70px;
    border-radius: 20px 20px 20px 20px;
    display: flex;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
}

.div_precio2_section8 {
    color: #fff;
    font-family: "Inter", Sans-serif;
    font-size: 72px;
    font-weight: 700;
    line-height: 1em;
    position: relative;
    text-align: left;
    letter-spacing: 0px;
    display: flex;
}

.span1_ladoder_section_8 {
    vertical-align: top;
    color: #fff;
    font-family: 'Inter', Sans-serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 3.1em;
    padding: 0px;
    display: inline-block;
}

.span2_ladoder_section_8 {
    color: #fff;
    font-family: 'Inter', Sans-serif;
    font-size: 74px;
    font-weight: 700;
    line-height: 1.1em;
    padding: 1px;
}

.span3_ladoder_section_8 {
    vertical-align: top;
    color: #fff;
    font-family: 'Inter', Sans-serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 3.1em;
    padding: 0px;
    display: inline-block;
}

.cont_comentario_ladoder_section8 {
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 1.5em;
    width: 100%;
    position: relative;
    color: #ffffff;
}

.linea2_section8 {
    width: 100%;
    height: 1px;
    background-color: #5F71AB;
    margin: 0;
    display: block;
}

.conten_beneficios2_section8 {
    width: 100%;
    position: relative;
    font-size: 18px;
    line-height: 2.2em;
    margin-bottom: 0px;
    color: #ffffff;
}

.boton2_section8 {
    font-size: .714em;
    font-weight: 500;
    font-family: "Rubik", Sans-serif;
    font-style: normal;
    text-decoration: none;
    line-height: 1.6em;
    fill: #FFFFFF;
    color: #243678;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FFFFFF;
    border-radius: 20px 20px 20px 20px;
    padding: 16px 35px 16px 35px;
    transition: all 0.6s ease;
    text-transform: uppercase;
    letter-spacing: 3.2px;
    cursor: pointer;
    border: 2px solid #ffffff;
    display: inline-block;
}

.boton2_section8:hover {
    background-color: transparent;
    /* Cambia el fondo a blanco */
    color: #FFFFFF;
    /* Cambia el color del texto a azul */
    border: 2px solid #ffffff;
    /* Cambia el borde a azul */
}

/***************************************** section 9 ************************************/

.section_9 {
    margin-top: 0px;
    margin-bottom: 90px;
    position: relative;
    z-index: 1;
}

.cont_forma_section9 {
    padding: 10px;
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}

.cont_img_section9 {
    width: 100%;
    text-align: center;
    position: relative;
    margin-bottom: 20px;
}

.cont2_img_section9 {
    margin: 0% 0% -15% 0%;
}

.img_section9 {
    width: 610px;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    border: none;
    box-shadow: none;
    height: auto;
}

.cont_saludo_section9 {
    text-align: center;
    color: #243678;
    font-family: "Inter", Sans-serif;
    font-size: 72px;
    font-weight: 700;
    line-height: 1em;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}

.span_section9 {
    color: #58d2cb;
}

.section_dentro_section9 {
    margin-top: -10px;
    margin-bottom: 0px;
    position: relative;
    z-index: 1;
    width: 100%;
}

.div_dentrosection_section9 {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 630px;
}

.cont_infodesc_section9 {
    text-align: center;
    font-size: 24px;
    line-height: 1.5em;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}

.div_dentrocont_infodesc_section9 {
    margin: 0px 0px 20px 0px;
    padding: 0% 10% 0% 10%;
}

.p_section9 {
    padding: 0;
    margin: 0;
}

.cont_input_section9 {
    width: 100%;
    position: relative;
}

.form_section9 {
    margin: 0;
    padding: 0;
}

.div_dentro_form {
    margin: 0;
    position: relative;
    text-align: center;
}

.div1_input_section9 {
    display: block;
    min-width: 100%;
    max-width: 100%;
    margin: 0 0 10px;
    width: 100%;
    vertical-align: top;
    position: relative;
}

.input1_section9 {
    background: #f3f6f8;
    line-height: 55px;
    height: 55px;
    padding-left: 30px;
    font-size: 16px;
    border-radius: 27px;
    padding: 0 20px;
    border: none;
    margin-bottom: 0;
    width: 100%;
    color: #696687;
    font-weight: 400;
    font-family: Rubik;
    box-sizing: border-box;
    outline: none;
    margin: 0 0 15px;
    transition: all .3s;
}

.div2_input_section9 {
    position: absolute;
    right: 4px;
    bottom: 2px;
    width: auto;
    min-width: auto;
    max-width: none;
    margin-bottom: 0;
    display: block;
    margin: 0 0 15px;
    vertical-align: top;
}

.input2_section9 {
    border-radius: 25px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #417de9;
    background-image: linear-gradient(6deg, #08defb, #417de9);
    letter-spacing: 1px;
    width: 100% !important;
    margin: 0 !important;
    color: #fff;
    border: none;
    padding: 0 10px;
    font-weight: 500;
    font-size: 12px;
    min-width: 160px;
    font-family: Rubik;
    background-size: 150% 100%;
    display: inline-block;
    transition: all .3s;
    outline: none;
    height: 50px;
    cursor: pointer;
    line-height: 23px;
    text-transform: uppercase;
}

.input2_section9:hover {
    background-position: 100% 150%;
    transition: all .4s ease-in-out
}

/************************ pie de pagina **********************************/

.letra_piepagina {
    font-family: rubik;
}

.primer_section_piepagina {
    background-color: #F3F6F8;
    position: relative;
    z-index: 1;
}

.section_lado_contactos {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #E6EAEC;
    color: #F0F0F0;
    width: 100%;
    position: relative;
    z-index: 1;
}

.conten_lado_contactos {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 1190px;
    text-align: left;
}

.lado_izq_contactos {
    display: flex;
    min-height: 1px;
    position: relative;
    width: 30%;
}

.forma_lado_izq_contactos {
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    display: flex;
    padding: 10px;
    align-content: center;
    align-items: center;
}

.cont1_vacio_contactos {
    margin-bottom: 0px;
    height: 30px;
    width: 100%;
    position: relative;
}

.cont2_vacio_contactos {
    margin-bottom: 0px;
    height: 30px;
    width: 100%;
    position: relative;
}

.cont_img_contactos {
    margin-bottom: 0px;
    width: 100%;
    position: relative;
}

.forma_img_contactos {
    font-size: inherit;
    position: relative;
    display: inline-block;
}

.img_contactos {
    border: none;
    border-radius: 0;
    box-shadow: none;
    transform: translateY(0) translateZ(0);
    max-width: 100%;
    max-height: inherit !important;
    vertical-align: middle;
    will-change: opacity;
    width: auto;
    opacity: 1;
    transition: opacity .3s;
    height: 48px;
}

.lado_der_contactos {
    width: 70%;
    display: flex;
    min-height: 1px;
    position: relative;
}

.forma_ladoder_contactos {
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}

.cont3_vacio_contactos {
    margin-bottom: 0px;
    height: 35px;
    width: 100%;
    position: relative;
}

.cont_mensaje_contactos {
    width: auto;
    margin-bottom: 0px;
    max-width: 100%;
    position: relative;
}

.posicion_contacto {
    margin: 0px 62px 9px 0px;
}

.forma_contacto {
    align-items: flex-start;
    text-align: left;
    flex-direction: row;
    display: flex;
    position: relative;
    z-index: 2;
}

.figure1_contactos {
    margin: 0px 17px 0px 0px !important;
    max-width: 62px;
    width: 62px;
    display: inline-block;
}

.img_mensaje_contactos {
    max-width: 100%;
    height: auto;
    transition-duration: 0.3s;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.cont_info_contacto {
    width: 100%;
}

.info_arriba_contacto {
    color: #696687;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0px;
    transition: all .3s;
    position: relative;
}

.P1_contactos {
    color: #696687;
    font-family: "Rubik", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    transition: all .3s;
    padding: 0;
    margin: 0;
}

.h6_contactos {
    color: #696687;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin: 0px;
    transition: all .3s;
    position: relative;
    font-family: "Nunito", Sans-serif;
}

.posicion2_contacto {
    margin: 0px 0px 13px 0px;
}

.figure2_contactos {
    margin: 0px 18px 0px 0px !important;
    max-width: 38px;
    width: 38px;
    display: inline-block;
}

.img_ubicacion_contactos {
    transition-duration: 0.3s;
    max-width: 100%;
    height: auto;
    border: none;
    border-radius: 0;
    box-shadow: none;
    width: 66px;
}

.p2_contactos {
    color: #696687;
    font-family: "Rubik", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    transition: all .3s;
    padding: 0;
    margin: 0;
}

/********************************** segundo section pie pagina ******************************************/

.segundo_section_piepagina {
    width: 100%;
    position: relative;
    color: #696687;
    z-index: 1;
}

.content_info_pie_pagina {
    width: 25%;
    display: flex;
    min-height: 1px;
    position: relative;
}

.cont1_h4_piepagina {
    color: #243678;
    font-family: "Inter", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 26px;
    letter-spacing: 0px;
    margin-bottom: 0px;
    width: 100%;
    position: relative;
}

.posicion1_h4_piepagina {
    margin: 0px 0px 23px 0px;
}

.primer_h4_piepagina {
    margin: 0;
    padding: 0;
    word-wrap: break-word;
    font-family: inherit;
}

.cont1_p_piepagina {
    margin-bottom: 0px;
    font-size: 16px;
    width: 100%;
    position: relative;
}

.posicion1_p_piepagina {
    margin: 0px 20px 33px 0px;
}

.p_piepagina {
    margin: 0;
    padding: 0;
}

.cont_icon_piepagina {
    width: 100%;
    position: relative;
    font-size: 15px;
}

.separacion_icons_piepagina {
    display: flex;
    gap: 20px;
}

.a_icon_piepagina {
    cursor: pointer;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    text-align: center;
}

.detras:hover {
    color: #2E9DEF;
}

.cont_opciones_piepagina {
    width: 100%;
    position: relative;
    text-align: left;
}

.cont_posicion_opciones_piepagina {
    margin: 0px 0px 34px 0px;
}

.cont_div_opciones_piepagina {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    overflow: visible;
    width: 100%;
    height: auto;
    margin: 0;
    text-align: left;
    transform: scale(.95);
    transform-origin: 0;
    opacity: 1;
    visibility: visible;
    transition: all .2s;
    padding: 0;
}

.ul_piepagina {
    margin: 0;
    padding: 0;
    list-style: none;
}

.li_piepagina {
    display: block;
    margin: 0;
    line-height: 2;
    cursor: pointer;
}

.a_piepagina {
    line-height: 1.95;
    color: #696687;
    position: relative;
    display: block;
    transition: all .2s;
    box-shadow: none;
    text-decoration: none;
}

.a_piepagina:hover {
    color: #3498db;
}

.posicion2_h4_piepagina {
    margin: 0px 0px 10px 0px;
}

/******************************** derechos autor ***************************************/

.section_final_derechos {
    background-color: #EDF1F3;
    position: relative;
    z-index: 1;
}

.forma_final_derechos {
    align-content: center;
    align-items: center;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}

.cont_espacio_final_derechos {
    height: 22px;
    width: 100%;
}

.cont_final_derechos {
    color: #696687;
    font-size: 14px;
    line-height: 1.4em;
    margin-bottom: 0px;
    width: 100%;
    position: relative;
}

.p_final_derechos {
    text-align: left;
    padding: 0;
    margin: 0;
}


/********************** resolucion ************************/

@media (max-width: 1190px) {
    .contenedor_dos_secciones {
        max-width: 760px;
    }

    .background_image_seo {
        left: -46px;

    }

    .logo_seo {
        width: 130px;
    }

    .espacio_enblanco_sectionwraper {
        height: 30px;
    }

    .primer_h2_sectionwrapper {
        line-height: 1.2em;
        font-size: 40px;
    }

    .segundo_h2_sectionwrapper {
        line-height: 1.2em;
        font-size: 40px;
    }

    .texto_business {
        height: 60px;
        font-size: 40px;
        justify-content: flex-start;
    }

    .posicion2_h2_sectionwrapper {
        margin: 0px 0px 25px 0px;
    }

    .contenedor_principal_imagenes {
        margin-left: 0;
        width: 150%;
    }
}

@media (max-width: 958px) {
    .primer_contador_lado_der {
        top: 35%;
    }

    .segundo_contador_lado_der {
        top: 40%;
    }

    .tercer_contador_lado_der {
        top: 71%;
    }
}

@media (max-width: 957px) and (min-width: 735px) {
    .boton_input {
        padding: 5px 20px;
    }

    .img_network {
        width: 140px;
    }

    .img_product {
        width: 140px;
    }

    .img_vertigo {
        width: 140px;
    }

    .img_proline {
        width: 140px;
    }

    .img_minty {
        width: 140px;
    }

    /***************** sectopm 7 *********************/
    .flecha_der_Section7 {
        left: 30%;
    }

    /******************** letra pie pagina************/
    .posicion_contacto {
        margin: 0px 31px 9px 0px;
    }
}


@media (max-width: 734px) {

    /****************** menu desplegable ***************/
    .menu_toggle {
        display: block !important;
        /* Asegúrate de que sea visible */
        font-size: 24px;
        /* Tamaño del ícono */
        color: #243678;
        /* Color del ícono */
        cursor: pointer;
        position: relative;
        /* Mantén su posición relativa */
    }

    /* Oculta el menú por defecto */
    .menu {
        display: none;
        /* Oculto inicialmente */
        flex-direction: column;
        background-color: white;
        position: absolute;
        top: 100%;
        /* Justo debajo del header */
        right: 0;
        left: 0;
        z-index: 1000;
        padding: 10px 20px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        border-radius: 8px;
        opacity: 0;
        /* Oculto visualmente */
        transform: translateY(-10px);
        /* Movido hacia arriba */
        transition: opacity 0.3s ease, transform 0.3s ease;
        /* Animación suave */
    }

    .menu.show {
        display: flex;
        opacity: 1;
        /* Totalmente visible */
        transform: translateY(0);
        /* Vuelve a su posición original */
    }

    .lado_menu_header nav ul {
        flex-direction: column;
    }

    .a_menu_header {
        display: flex;
        justify-content: space-between;
        cursor: pointer;
    }

    .boton_header {
        font-size: 14px;
        line-height: 2.5em;
        padding: 5px 15px 5px 15px;
    }

    /********************************************/

    .contenedor_dos_secciones {
        display: block;
    }

    .lado_izquierdo_site_wrapper {
        width: 90%;
    }

    .lado_derecho_site_wrapper {
        width: 72%;
    }

    .input_url {
        padding: 0 122px 0 20px;
    }

    .boton_input {
        padding: 5px 15px;
        font-size: 10px;
    }

    .header_texto {
        padding: 10px 0px 10px 60px;
    }

    .background_image_seo {
        left: 26px;
    }

    .contenedor_logos {
        max-width: 580px;
        gap: 25px;
        align-items: center;
        flex-direction: column;
    }

    .contenedor_despues_section {
        max-width: 580px;
        flex-direction: column;
    }

    .contenedor_izquierdo_section_2 {
        flex-direction: column;
    }

    .primer_section_leads {
        padding: 0% 0% 9% 0%;
    }

    .contenedor_div_primer_section_leads {
        max-width: 580px;
        display: block;
    }

    .tamaño_cont_section_leads {
        width: 100%;
    }

    .segundo_section_leads {
        padding: 0;
    }

    .posicion_ladoder_sectionleads {
        padding: 0% 0% 8% 0%;
    }

    .tercer_section_leads {
        padding: 0;
    }

    .posicion_boton_sectionleads {
        margin: 0;
    }

    /********************** section visual analisis***************/
    .contenedor_img_visual_analisis {
        margin-left: 0;
        margin-right: 0;
    }

    .contenedor_lado_izquierdo_visual_analisis {
        width: 100%;
    }

    .contenedor_lado_derecho_visual_analisis {
        width: 100%;
    }

    .primer_contador_lado_der {
        top: 0%;
        font-size: 67px;
    }

    .segundo_contador_lado_der {
        top: 37%;
        font-size: 67px;
    }

    .tercer_contador_lado_der {
        top: 70%;
        font-size: 67px;
    }

    .inicio_contador {
        font-size: 70px;
    }

    .final_contador {
        font-size: 60px;
    }

    /************************* section video ***********************************/
    .portada_video {
        padding: 170px 0px 170px 0px;
    }

    .contenedor_video {
        width: 100%;
    }

    /*********************** section 5 *********************/
    .contenedor_principal_info_section5 {
        width: 100%;
    }

    /************************* section 6 *************************/
    .contenedor_lado_izq_section_6 {
        width: 100%;
    }

    .div_lado_der_antesdel_section6 {
        width: 79%;
    }

    /************************ section 7 *****************************/
    .contene_ladoizq_section7 {
        width: 100%;
    }

    .div_conten_ladoizq_section7 {
        margin-left: 0;
        margin-right: 0;
    }

    .contene_ladoder_section7 {
        width: 100%;
    }

    /*********************** section 8 ***************************/
    .cont_div1_section8 {
        display: block;
        max-width: 580px;
    }

    .cont_lados_section8 {
        width: 100%;
    }

    /************************ section 9 **********************/
    .cont_img_section9 {
        margin-bottom: 0;
    }

    .div2_input_section9 {
        position: relative;
    }

    .img_section9 {
        width: 412px;
    }

    .cont_saludo_section9 {
        font-size: 33px;
    }

    /************************ pie de pagina *******************/
    .conten_lado_contactos {
        display: block;
        max-width: 580px;
    }

    .lado_izq_contactos {
        width: 100%;
    }

    .lado_der_contactos {
        width: 100%;
    }

    .forma_ladoder_contactos {
        justify-content: flex-start;
    }

    .posicion_contacto {
        margin: 0px 0px 20px 0px;
    }

    .figure2_contactos {
        max-width: 62px;
        width: 62px;
    }

    .content_info_pie_pagina {
        width: 100%;
    }

    .flecha_der_Section7 {
        left: 27%;
    }
}


.soon {
    position: absolute;
    top: 20px; /* espacio desde arriba */
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    max-width: 90%;
    padding: 12px 24px;
    background-color: #e53935; /* rojo moderno */
    color: white;
    border: none; /* sin borde visible */
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Segoe UI', sans-serif;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    text-align: center;
    z-index: 999;
    animation: fadeInDown 0.5s ease-out;
}

/* Animación de entrada opcional */
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}