/* PRELOADER ESTILOS*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5); /* Blanco translúcido */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
.loader-circle-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: white; /* Fondo blanco para el contenedor del círculo */
    width: 165px; /* Igual que el loader-circle para que coincidan */
    height: 165px; /* Igual que el loader-circle para que coincidan */
    display: flex;
    justify-content: center;
    align-items: center;
}
.logo {
    position: relative;
    width: 80px; /* Ajusta al tamaño de tu logo */
    z-index: 10;
}
.logo img {
    width: 100%;
    height: auto;
}
.loader-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 5px solid rgba(255, 255, 255, 0.524); /* Borde transparente para las partes no animadas */
    border-top: 5px solid rgba(232, 62, 140, 1); /* Color del borde superior giratorio */
    border-radius: 50%;
    width: 165px; /* Ajusta al tamaño deseado */
    height: 165px; /* Ajusta al tamaño deseado */
    animation: spin 1.5s linear infinite;
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.2); /* Sombra ajustable */
}
@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}


/* Estilos generales */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: top;
    height: 100vh; /* Esto centra la sección en la pantalla */
    background-size: 100% auto; /* Tamaño de la imagen de fondo */
    background-position: top; /* Alinea la imagen de fondo en la parte superior */
    background-repeat: no-repeat; /* Evita que la imagen de fondo se repita */
}

/****************************************************************************************/
/****************************************************************************************/
/*!* AQUI EMPIEZAN LAS CLASES DE MI PAGINA NUEVA *!*/
/****************************************************************************************/
/****************************************************************************************/
:root {
    /* fonts */
    --font-open-sans: "Open Sans";
    --font-bebas-neue: "Bebas Neue";
    --font-inter: Inter;
    --font-century-gothic: "Century Gothic";
    --font-century-gothic-pro: "Century Gothic Pro";
    --font-nunito-sans: "Nunito Sans";
    --font-gilroy: Gilroy;

    /* font sizes */
    --font-size-sm: 14px;
    --font-size-base: 16px;
    --font-size-4xs-4: 8.4px;
    --font-size-17xl: 36px;
    --font-size-3xl: 22px;
    --font-size-10xl: 29px;
    --font-size-3xs: 10px;
    --font-size-xs: 12px;
    --font-size-29xl: 48px;
    --font-size-19xl: 38px;
    --font-size-lg: 18px;
    --font-size-2xl: 21px;
    --font-size-mid: 17px;
    --font-size-lgi: 19px;
    --font-size-xl: 20px;

    /* Colors */
    --white: #fff;
    --gray-600: #4b5563;
    --color-dimgray-100: #4c4c4c;
    --color-dimgray-200: rgba(76, 76, 76, 0.75);
    --orange-50: #fff8f1;
    --ali2: #e83e8c;
    --color-hotpink-100: rgba(232, 62, 140, 0.5);
    --color-slategray: #6b7280;
    --gray-900: #161e2e;
    --color-gray-100: #161c2d;
    --color-gray-200: rgba(22, 28, 45, 0.7);
    --color-slateblue-100: #6f42c1;
    --gray-300: #d2d6dc;
    --gray-50: #f9fafb;
    --color-mediumvioletred: #be3f9f;
    --color-mediumorchid: #9541b0;

    /* Gaps */
    --gap-xl: 20px;
    --gap-29xl: 48px;
    --gap-5xl: 24px;
    --gap-13xl: 32px;
    --gap-base: 16px;
    --gap-5xs-2: 7.2px;
    --gap-2xs: 11px;
    --gap-xs: 12px;
    --gap-mid: 17px;
    --gap-10xs: 3px;
    --gap-11xs: 2px;
    --gap-41xl: 60px;
    --gap-11xl: 30px;
    --gap-12xl: 31px;
    --gap-9xs: 4px;
    --gap-5xs: 8px;

    /* Paddings */
    --padding-9xl: 28px;
    --padding-lg: 18px;
    --padding-sm: 14px;
    --padding-267xl: 286px;
    --padding-xl: 20px;
    --padding-124xl: 143px;
    --padding-14xl: 33px;
    --padding-32xl: 51px;
    --padding-2xl: 21px;
    --padding-13xl: 32px;
    --padding-5xl: 24px;
    --padding-xs: 12px;
    --padding-base: 16px;
    --padding-3xs-3: 9.3px;
    --padding-lgi: 19px;
    --padding-3xs-6: 9.6px;
    --padding-6xl: 25px;
    --padding-11xl: 30px;
    --padding-55xl: 74px;
    --padding-10xl: 29px;
    --padding-18xl: 37px;
    --padding-16xl: 35px;
    --padding-9xs: 4px;
    --padding-3xs: 10px;
    --padding-8xs: 5px;
    --padding-2xs: 11px;
    --padding-40xl: 59px;
    --padding-45xl: 64px;
    --padding-12xs: 1px;
    --padding-17xl: 36px;
    --padding-mid: 17px;
    --padding-6xs-5: 6.5px;

    /* Border radiuses */
    --br-2xs: 11px;
    --br-8xs-8: 4.8px;
    --br-lg: 18px;
    --br-xs: 12px;
    --br-sm: 14px;
    --br-3xs: 10px;
    --br-8xs: 5px;
    --br-21xl: 40px;
    --br-20xl: 39px;
    --br-37xl: 56px;
    --br-mini: 15px;
}

button:focus {
    outline: none;
}

body {
    font-family: "Century Gothic", sans-serif;
}

.rotada {
    transform: rotate(180deg);
    transition: transform 0.3s ease; /* Agrega una transición suave para una animación más fluida */
}

/*ANIMACION PARA CURSOR AL PASAR EN SELECT DEL FILTRO EN CATEGORÍAS*************************************************************/
select {
    cursor: pointer;
    outline: none; /* Corregimos la sintaxis: no debe haber una "n" después del "outline:" */
}








/* Global */

body {
    background-color: #fff!important;
    margin: 0;
    padding: 0;
    background-color: #fff;
}
#imagenPrincipal {
    transition: opacity 0.1s ease; /* Transición suave de 0.5 segundos */
}
#boton-1{
   color:#E83E8C;
}
#boton-2{
   color:#6F42C1;
}
#boton-3{
    color:#BE3F9F;
}
#boton-4{
    color:#9541B0;
}

.contenedor {
    display: flex; /* Utilizamos flexbox para dividir en columnas */
    justify-content: space-between; /* Espacio entre las columnas */
    padding: 0px; /* Espacio alrededor del contenido */
    position: relative;
    z-index: 1;
    height: 100vh;
}

.columna {
    width: 50%; /* Las columnas ocupan el mismo espacio */
    background-color: #fff; /* Fondo blanco */
    margin: 0 0px; /* Margen entre columnas */
    font-size: xxx-large;
    display: flex;
    justify-content: center;
    flex-direction: column;

}
.columna.un { padding-right: 90px;  padding-left: 90px; }
.columna-izquierda{ position: relative;}
.columna p,
.columna .subtitle {
    text-align: center;
}

.columna .subtitle {
    font-size: medium;
}

.columna p .subtitle {
    /*font-size: 16px !important;*/
    font-weight: 400;
    font-family: 'Bebas Neue' !important;
}

.cabecera {
    display: flex; /* Utilizamos flexbox para dividir en columnas */
    justify-content: space-between; /* Espacio entre las columnas */
    align-items: center;
    padding: 0px; /* Espacio alrededor del contenido */
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
    height: 60px;
}
.abrir-menu,
.cerrar-menu {
    display: none;
    position: relative;
    z-index: 8;
}
.menu-movil {/*CAMBIO JOSE*/
    /* display: none;*/ /* Oculto por defecto */
    position: absolute; width:0px; height: 0px; overflow: hidden;
    right: 0;
    transition: all 0.3s linear;
    display: flex !important;
    top: 0;
    z-index: 7;
    transform-origin: top right;
    background-color: rgba(76, 76, 76, 0.9) !important;
    border-radius:0px 0px 0px 42px
}

.menu-movil.abierto{
    right: 0;
    /* Estilo cuando está abierto */
    width: 100%;
    height: 480px;

}
.menu-movil ul{  width: 90%;  max-width: 300px;  margin-left: auto !important; margin-right: auto !important; margin-top: 50px !important; padding-bottom: 60px; }
.menu-movil ul li{  text-align: center; padding-top: 3px; padding-bottom: 3px; border-radius: 8px;}
.menu-movil ul li:hover{ background-color: #fff;}
.menu-movil ul li:hover a{ color: rgba(76, 76, 76, 0.9) !important;}
.menu-movil ul li a{color: #fff !important; font-size: 24px !important; font-weight: bold !important; display: block; width: 100%;}

.logo1 {
    padding-top: 20px !important;
    flex: 1;
    width: 15%; /* Las columnas ocupan el mismo espacio */
    align-items: end;
}
.logo1, .hamburguesa, #nav, .LOG {
    transition: all 0.3s ease; /* Transiciones suaves para cambios de tamaño y visibilidad */
}

/* Estilos por defecto (pantallas más grandes) */
#nav, .LOG {
    display: none; /* Asumimos que son visibles por defecto */
}

.hamburguesa {
    z-index: 800;
    display: none; /* Oculto por defecto */
}
/*****FIN CAMBIO JOSE****/

.logo1 {
    padding-top: 20px !important;
    flex: 1;
    width: 15%; /* Las columnas ocupan el mismo espacio */
    align-items: end;
}
.logo1, .hamburguesa, #nav, .LOG {
    transition: all 0.3s ease; /* Transiciones suaves para cambios de tamaño y visibilidad */
}

/* Estilos por defecto (pantallas más grandes) */
#nav, .LOG {
    display: block; /* Asumimos que son visibles por defecto */
}

.hamburguesa {
    z-index: 800;
    display: none; /* Oculto por defecto */
}
/*****FIN CAMBIO JOSE****/

.logoS {
    width: 150px; /* Establece el ancho de la imagen */
    height: auto; /* Mantiene la proporción de la imagen */
    /*border:px solid #007bff; *//* Añade un borde azul */
    border-radius: 10px; /* Añade bordes redondeados */
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); /* Añade una sombra */
    filter: grayscale(0%); /* Aplica un efecto de escala de grises al 50% */
    opacity: 1; /* Reduce la opacidad */
    position: absolute;
    margin-top: 5px;
    padding-top: 30px !important;
    padding-left: 30px;
    top: 2px;
    left: 10px;
    bottom: 6px;
}

.btn {
    align-items: center;
    align-self: center;
    padding-right: 8px;
    width: 17px;
}

.contenedor {
    display: flex; /* Utilizamos flexbox para dividir en columnas */
    justify-content: space-between; /* Espacio entre las columnas */
    /*padding:!* 20px; !* Espacio alrededor del contenido */
    position: relative;
    z-index: 1;
    height: 100vh;
}

.columna {
    width: 50%; /* Las columnas ocupan el mismo espacio */
    background-color: #fff; /* Fondo blanco */
    margin: 0 0px; /* Margen entre columnas */
    font-size: xxx-large;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

p .subtitle {
    font-size: 25px !important;
    font-weight: 400;
    font-family: 'Bebas Neue' !important;
}

.cabecera {
    display: flex; /* Utilizamos flexbox para dividir en columnas */
    justify-content: space-between; /* Espacio entre las columnas */
    align-items: center;
    padding: 0px; /* Espacio alrededor del contenido */
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
    height: 60px;
}
.menu-movil {
    display: none; /* Oculto por defecto */}
.logo1 {
    padding-top: 20px !important;
    flex: 1;
    width: 15%; /* Las columnas ocupan el mismo espacio */
    align-items: end;
}


.logo1, .hamburguesa, #nav, .LOG {
    transition: all 0.3s ease; /* Transiciones suaves para cambios de tamaño y visibilidad */
}

/* Estilos por defecto (pantallas más grandes) */
#nav, .LOG {
    display: block; /* Asumimos que son visibles por defecto */
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.3);
}

.hamburguesa {
    display: none; /* Oculto por defecto */
}
.logoS {
    width: 150px; /* Establece el ancho de la imagen */
    height: auto; /* Mantiene la proporción de la imagen */
    /*border: px solid #007bff;*/ /* Añade un borde azul / revisar */
    border-radius: 10px; /* Añade bordes redondeados */
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); /* Añade una sombra */
    filter: grayscale(0%); /* Aplica un efecto de escala de grises al 50% */
    opacity: 1; /* Reduce la opacidad */
    position: absolute;
    margin-top: 5px;
    padding-top: 30px !important;
    padding-left: 30px;
    top: 2px;
    left: 10px;
    bottom: 6px;
}

.btn_l_0 {
    align-items: center;
    align-self: center;
    width: 25px;
    background-color:#E83E8C;
    border-radius:50%;
    padding:3px;
}
.btn_l_1 {
    align-items: center;
    align-self: center;
    background-color:#6F42C1;
    border-radius:50%;
    width: 25px;
    padding:3px;
}
.btn_l_2 {
    align-items: center;
    align-self: center;
    background-color:#BE3F9F;
    border-radius:50%;
    width: 25px;
    padding:3px;
}
.btn_l_3 {
    align-items: center;
    align-self: center;
    background-color:#9541B0;
    border-radius:50%;
    width: 25px;
    padding:3px;
}
.columna a b {
    width: 90%;
}

button .boton1 {
    max-width: 180px;
}

.boton1 img {
    width: 18px;
}


.seccion1Precios h3{ font-size: 60px; font-weight: 900; margin-top: -20px; font-family: 'Inter';}
b.registra-tu-negocio1 a{
    text-decoration: none;
    background: -webkit-linear-gradient(left, rgba(111, 66, 193, 1), rgba(232, 62, 140, 1)); /* Para navegadores WebKit */
    background: linear-gradient(to right, rgba(111, 66, 193, 1), rgba(232, 62, 140, 1)); /* Para otros navegadores */
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent; /* Hace el texto transparente para mostrar el gradiente */
    display: inline-block; /* Necesario para aplicar el efecto de recorte al texto */
}
.nete-a-nuestra {
    padding-bottom: 30px;
}
.registra-planetas {
    padding: 5px !important;
    position: relative;
}
.registra-planetas a{ width: 100%; height: 100%; display: block; border-radius: 10px; position: absolute}
/****menu****/
.menu-item {
    color: white; /* Establece el color del texto a blanco */
    text-decoration: none; /* Elimina el subrayado por defecto */
    position: relative; /* Posicionamiento relativo para el pseudo-elemento ::after */
    display: inline-block; /* Asegura que el pseudo-elemento se posicione correctamente */
    cursor: pointer; /* Cambia el cursor para indicar que es un elemento interactivo */
    padding: 0.05px; /* Espaciado alrededor del texto para mejorar la apariencia y la interacción */
}

.menu-item::after {
    content: ''; /* Importante para generar el pseudo-elemento */
    position: absolute; /* Posiciona el pseudo-elemento en relación a su padre */
    left: 0;
    right: 0;
    bottom: 0; /* Alinea el pseudo-elemento en la parte inferior del texto */
    height: 2px; /* Grosor de la línea de subrayado */
    background-color: rgb(232, 62, 140); /* Color de la línea de subrayado */
    transform: scaleX(0); /* Oculta inicialmente el pseudo-elemento */
    transition: transform 0.3s ease; /* Animación suave al mostrar/ocultar */
}

.menu-item:hover::after {
    transform: scaleX(1); /* Muestra el pseudo-elemento al pasar el mouse */
}
/***end-menu****/
.contenedor-botones {
    justify-content: start;
    padding-right: 0px;
    width: 100%;
}
.boton {
    padding: 10px 45px 10px 45px;
}

/**************** Tamanos Header ****************/
@media (min-width: 1300px){
    .boton{width: 40%} .boton1{ width: 49%; }
    .contenedor-botones{ justify-content: space-between;}
}
@media (min-width: 1801px) and (max-width: 2200px) {
    .title {
        font-size: 62px !important;
    }
    p.subtitle {
        font-size: 27px !important;
    }
    .boton a {
        font-size: 16px !important;
    }

    .contenedor-botones {
        justify-content: space-between !important;
        /*padding-right: 90px;*/
    }
}
@media (min-width: 1501px) and (max-width: 1800px) {
    .title {
        font-size: 58px !important;
    }
    p.subtitle {
        font-size: 26px !important;
    }
    .boton1 {
        font-size: 16px !important;
    }
    .boton a {
        font-size: 16px !important;
    }
    .contenedor-botones {

        /*padding-right: 90px;*/
    }
    .boton {
        padding: 30px 45px 30px 45px;
    }
}
@media (min-width: 1401px) and (max-width: 1500px) {
    .title{
        font-size:52px !important;
    }
    p.subtitle {
        font-size: 25px !important;
    }
    .boton a {
        font-size: 14px !important;
    }
    .boton1 {
        font-size: 14px !important;
    }
    .contenedor-botones {
        justify-content: space-between !important;
        /*padding-right: 90px;*/
    }
    .boton {
        padding: 10px 45px 10px 45px;
    }
}
@media (min-width: 1301px) and (max-width: 1400px) {
    .title{
        font-size:48px !important;
    }
    p.subtitle {
        font-size: 23px !important;
    }
    .boton a {
        font-size: 14px !important;
    }
    b.primerRegistro{
        font-size: 14px !important;
    }
    .columna-izquierda {
        width: 100% !important;
    }
    .columna-derecha {
        width: 15% !important;
    }

    .contenedor-botones {
        justify-content: space-between !important;
        /*padding-right: 90px;*/
    }
    .boton {
        padding: 10px 45px 10px 45px;
    }
}
@media (min-width: 1201px) and (max-width: 1300px) {
    nav ul li a {
        font-size: 17px !important;
    }
    .LOG a{
        font-size: 17px !important;
    }
    .title{
        font-size:44px !important;
        /*padding-left: 55px !important;*/
    }
    p.subtitle {
        font-size: 22px !important;
    }
    .boton a {
        font-size: 15px !important;
    }
    .columna a b {
        font-size: 15px !important;
    }
    .columna-izquierda {
        width: 100% !important;
    }
    .columna-derecha {
        width: 15% !important;
    }
    .contenedor-botones {
       /* padding-right: 50px !important;*/
        justify-content: space-between;
    }

}
@media (min-width: 1025px) and (max-width: 1200px) {
    .columna-izquierda {
        width: 100% !important;
    }
    .columna-derecha {
        width: 15% !important;
    }
    nav ul li a {
        font-size: 16px !important;
    }
    .LOG a{
        font-size: 16px !important;
    }
    .title{
        font-size:42px !important;
       /* padding-left: 45px !important;*/
    }
    p.subtitle {
        font-size: 21px !important;
    }

    .btn_l_0{
        width:20px !important;
    }
    .btn_l_1{
        width:20px !important;
    }
    .btn_l_2{
        width:20px !important;
    }
    .btn_l_3{
        width:20px !important;
    }
    .boton a {
        font-size: 15px !important;
    }
    .columna a b {
        font-size: 15px !important;
    }
    .boton1 img {
        width: 18px;
        padding-bottom: 4px;
    }
}
@media (min-width: 931px) and (max-width: 1024px) {
    .title{
        font-size:40px !important;
    }
    p.subtitle {
        font-size: 19px !important;
    }
    .btn_l_0{
        width:18px !important;
    }
    .btn_l_1{
        width:18px !important;
    }
    .btn_l_2{
        width:18px !important;
    }
    .btn_l_3{
        width:18px !important;
    }
    b .primerRegistro{

        padding-bottom: 6px !important;
    }
    .boton1 img {
        width: 16px;
    }
    .columna a b {
        font-size: 14px !important;
    }
    .boton a {
        font-size: 14px !important;
    }
}
@media (min-width: 850px) and (max-width: 930px) {
    .title{
        font-size:30px !important;
    }
    nav ul li a {
        font-size: 15px !important;
    }
    .LOG a{
        font-size: 15px !important;
    }
    .boton1 img {
        width: 12px;
    }
}
@media (min-width: 769px) and (max-width: 851px) {
    nav ul li a {
        font-size: 14px !important;
    }
    .LOG a{
        font-size: 14px !important;
    }
    .boton1 img {
        width: 13px;
    }
    .title{
        font-size:28px !important;
    }
}
@media  only screen and (max-width: 768px) {
    .title{
        font-size:30px !important;
    }
    .boton{
        width: 40% !important;
        border-radius:15px !important;
    }
    .boton1{
        width:40% !important;
        border-radius:15px !important;
    }
    .boton1 img {
        display: none;
    }
    .locales {
        width: 95% !important;
        display: flex;
        flex-wrap: wrap;
        margin-top: 20px !important;
    }
    .tree-structure {
        padding-top: 15px !important;
        margin-top: 15px !important;
    }
}
@media  only screen and (max-width: 452px) {
    .columna{
        padding: 0px !important;
        margin: 0px !important;
    }
    .title{
        /*padding-left: 10px;
        padding-right: 10px;*/
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .boton{
        width: 42% !important;
        padding: 0px;
        margin-right: 0px;
        border-radius:15px !important;
    }
    .boton1{
        width:42% !important;
        padding: 0px;
        margin-left: 0px;
        border-radius:15px !important;
    }
    .columna a b {
        font-size: 10px !important;
        padding-bottom: 8px;
    }
    .boton a {
        font-size: 10px !important;
    }
    .contenedor-botones{
        width: 100% !important;
    }
}

/************************************************************************************************************************
************************************** AJUSTES MENU DISPOSITIVOS MOVILES ********************************************************
***********************************************************************************************************************/
.menu-movil .menu-lista {
    /*background-color: #9b9b9b; /* Cambia el color de fondo aquí */
    /* width: 50%;
  /*float: right;*/
    /*transition: opacity 0.3s ease; /* Transición de opacidad durante 0.3 segundos con una curva de aceleración */
    /*opacity: 1; /* Por defecto, el menú estará oculto */

}

.menu-movil .menu-lista li a {
    color: #fff; /* Cambia el color de las letras aquí */
    font-family: "Century Gothic" !important;
}

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

.direccion-div img.pink, .email-div img.pink, .phone-div img.pink{ display: none;}
.direccion-div:hover, .email-div:hover, .phone-div:hover{ background-color: rgba(177, 177, 177, 1); }
.direccion-div:hover .street-2774-don, .email-div:hover .infoaligeraprcom,.phone-div:hover .data-transformer{color:var(--ali2);}
.direccion-div:hover img.pink, .email-div:hover img.pink, .phone-div:hover img.pink{ display: block;}
.direccion-div:hover img.white, .email-div:hover img.white, .phone-div:hover img.white{ display: none;}

.direccion-div {
    width: 160.5px;
    border-radius: 4.79px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 9.599999999999907px 38.19999999999999px 9.599999999999907px
    38.30000000000001px;
    box-sizing: border-box;
    gap: 7.199999999999818px;
    border-radius: 13x;
}
.call-icon {
    height: 28.7px;
    width: 28.8px;
    position: relative;
}
.sequence-processor {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 var(--padding-lg) 0 var(--padding-lgi);
}
.data-transformer {
    align-self: stretch;
    position: relative;
    font-size: var(--font-size-4xs-4);
    line-height: 8.08px;
    font-family: var(--font-inter);
    color: #fff;
    text-align: center;
}
.phone-div {
    cursor: pointer;
    border: 0;
    padding: 9.299999999999727px 34.29999999999999px 9.300000000000182px;
    /*ackground-color: var(--white);*/
    width: 134.7px;
    border-radius: 4.79px;
    /*box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);*/
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    box-sizing: border-box;
    gap: 7.200000000000273px;

}
/************************************************************************************************************************
************************************** END AJUSTES MENU DISPOSITIVOS MOVILES ********************************************************
***********************************************************************************************************************/


nav {
    height: 88px;
    width: 38%;
    position: absolute;
    margin: 0 !important;
    top: 0;
    transform: translateX(-50%); /* Desplaza el elemento hacia atrás en la mitad de su ancho */
    left: calc(50%);
    border-radius: 0 0 40px 40px;
    background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
    max-width: 100%;
    z-index: 1;
}

nav ul {
    width: 100%;
    list-style: none;
    padding: 10px;
    bottom: 0px;
    border-radius: 0px 0px 15px 15px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    display: flex;
    justify-content: center;
    margin-right: 0px !important;
    justify-content: space-evenly;

}

nav ul li {
    display: inline;
    margin: 5px 10px;
    font-size: 14px;
    padding-top: 15px;
    margin-bottom: 10px;
}



nav ul li a {
    text-decoration: none;
    color: #fff;
    font-weight: 550;
    padding: 1px;
    padding-bottom: 20px;
    font-family: "Bebas Neue";
    font-size: 20px;

}

nav ul li a.activo {
    text-decoration: underline; /* Subraya el enlace activo */
    text-decoration-color: #E83E8C;
    text-decoration-thickness: 1px;
}


.title {
    text-align: left !important;
    align-items: start;
    /*font-size: 70px !important;*/
    font-weight: 600 !important;
    font-family: 'Century Gothic';
    color: #000;
   /* padding-left: 30px;*/
    line-height: 1.2;
}

section {
    text-align: center;
    padding: 50px 0;
}

.contenedor-botones {
    text-align: center; /* Centra los botones */
    font-size: 18px;
}

.boton {
    display: inline-block; /* Hace que los botones estén en línea */
    padding: 10px 30px 10px 30px; /* Espacio interno para el botón */
    margin: 0 5px; /* Margen entre los botones */
    background-image: linear-gradient(-45deg, #E83E8C, #6F42C1); /* Color de fondo del botón */
    color: #fff; /* Color del texto del botón */
    border: none; /* Elimina el borde del botón */
    border-radius: 10px; /* Borde redondeado del botón */
    text-decoration: none; /* Elimina subrayado */
    cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
    font-weight: bolder;
    font-size: large;
    font-family: 'Century Gothic';
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
}

.boton1 {
    display: inline-block; /* Hace que los botones estén en línea */
    padding: 10px 20px; /* Espacio interno para el botón */
    margin: 0 5px; /* Margen entre los botones */
    background-image: linear-gradient(-45deg, #E83E8C, #6F42C1); /* Color de fondo del botón */
    color: #fff; /* Color del texto del botón */
    border: none; /* Elimina el borde del botón */
    border-radius: 10px; /* Borde redondeado del botón */
    text-decoration: none; /* Elimina subrayado */
    cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
    font-weight: bolder;
    font-size: large;
    font-family: 'Century Gothic';
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
}
.registro-precio{
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3) !important;
    width: 90%;
    max-width:250px;
}

.contenedor-botones2 {
    text-align: center; /* Centra los botones */
    /* background-image: url('img/qrcodespersonalizadoslandingpage.png');*/ /*revisar*/
    background-size: contain;
    background-position: right; /* Centra la imagen en la sección */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
    padding: 0px;
    z-index: 1;
    /*position: fixed;*/
    overflow: hidden; /* Esconde las partes del pseudo-elemento que se desborden */
    transition: opacity 1s ease-in-out; /* Suaviza el cambio de opacidad */
    background-attachment: fixed;
    top: -1%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contenedor-botones2::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: right;
    opacity: 0; /* Inicia invisible */
    transition: opacity 1s ease-in-out, transform 1s ease-in-out; /* Transición suave para opacidad y deslizamiento */
}

.boton2 {
    float: left;
    clear: both;
    text-align: start;
    font-size: medium;
    font-weight: 500;
    width: max-content;
    /* width: 238px; */

    padding: 15px 20px; /* Espacio interno para el botón */
    margin: 10px auto; /* Margen para centrar verticalmente */
    background-color: #ffffff; /* Color de fondo del botón */
    color: #E83E8C; /* Color del texto del botón */
    border: none; /* Elimina el borde del botón */
    border-radius: 5px; /* Borde redondeado del botón */
    text-decoration: none; /* Elimina subrayado */
    cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
    font-style: italic;
    z-index: 100;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4); /* Agrega sombra al botón */
    transition: transform 0.5s ease-in-out; /* Suaviza el movimiento del botón */
}

.botones {
    display: flex;
    position: absolute; /* Posicionamiento absoluto respecto a su contenedor relativo */
    flex-direction: column;
    align-items: flex-start;
    top: 50%; /* Alineación vertical */
    left: 48%; /* Alineación horizontal */
    transform: translateY(-50%); /* Ajuste fino para centrado exacto */
    z-index: 1000;
    gap: 10px; /* Espaciado entre botones */
}

.boton-activo {
    transform: translateX(30px); /* Mueve el botón activo 30px a la derecha */
}

.cont-botones {
    width: 300px;
    text-align: left;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*align-items: flex-start; !* Alinea los botones a la izquierda *!*/
    gap: 10px; /* Ajusta el espacio entre botones */
    transition: background-image 1s ease-in-out; /* Suaviza el cambio de fondo */
}

.oculto {
    opacity: 0; /* Hace que el div sea completamente transparente */
    pointer-events: none; /* Evita que el div sea interactivo */
}

.top_2{ transform: rotate(180deg)}

.boton3 {
    padding: 10px 20px; /* Ajusta el relleno para el tamaño del botón */
    margin-right: 10px; /* Ajusta el margen entre los botones */
    color: #000; /* Cambia el color del texto del botón */
    cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
    width: 145px;
    font-size: medium;
    font-family: 'Century Gothic';
    display: flex;
    justify-content: center; /* Centra horizontalmente el contenido */
    align-items: center; /* Centra verticalmente el contenido */
    background-color: #fff;
    position: relative;
    border-radius: 18px;
    border:none;
}
.activo_b{background-color:  #E83E8C; border-radius: 13px; color: white;}
.boton3:not(.activo_b)::before{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 18px;
    max-width: 145px;
    padding: 1px;
    background:linear-gradient(45deg,#E83E8C, #6F42C1);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -moz-mask:
            linear-gradient(#fff 0 0) content-box,
            linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    -moz-mask-composite: xor;
    mask-composite: exclude;
}

.boton3:last-child {
    margin-right: 0; /* Elimina el margen derecho del último botón */
}
.registra-planetas{ max-width: 250px; border: none; padding-top: 10px; padding-bottom: 10px; border-radius: 10px}
.registra-planetas b{ width: 90%}
.registra-planetas img{ width: 10%; align-self: center;}

/* Media Query para pantallas de hasta 1200px */
@media (max-width: 1200px) {
    .logoS {
        width: 90px;
        top: 2px;
        left: 5px;
    }

    nav {
        width: 45%; /* Aumenta el ancho en pantallas más pequeñas */
        height: 70px; /* Ajusta la altura si es necesario */
        background: linear-gradient(90deg, #e83e8c, #6f42c1); /* Cambia el gradiente para variar el diseño */
        border-radius: 0 0 30px 30px; /* Ajusta el borde redondeado */
    }

    nav ul li {
        display: inline;
        margin: 5px 10px;
        padding-bottom: 20px;
        margin-bottom: 10px;
    }

    nav ul li a {
        text-decoration: none;
        color: #fff;
        font-weight: 550;
        padding: 1px;
        padding-bottom: 20px;
        font-family: "Bebas Neue";
        font-size: 15px;
    }

    .LOG {
        width: 8%;
        height: 88px !important;
    }

    .LOG a {
        color: #fff;
        font-size: 15px;
        /* font-weight: bold; */
        font-family: "Bebas Neue";
        padding-top: 15px;
    }

    .title {

        text-align: left !important;
        align-items: start;
        font-size: 39px !important;
        font-weight: 700;
        font-family: 'Century Gothic';
    }


    section .columna p .subtitle {
        font-size: 13px !important;
        font-weight: 400;
        font-family: 'Bebas Neue' !important;
    }

    .btn {
        align-items: center;
        align-self: center;
        padding-right: 8px;
        width: 10px;
    }

    .boton {
        display: inline-block; /* Hace que los botones estén en línea */
        padding: 10px 15px 10px 15px; /* Espacio interno para el botón */
        margin: 0 5px; /* Margen entre los botones */
        background-image: linear-gradient(-45deg, #E83E8C, #6F42C1); /* Color de fondo del botón */
        color: #fff; /* Color del texto del botón */
        border: none; /* Elimina el borde del botón */
        border-radius: 10px; /* Borde redondeado del botón */
        text-decoration: none; /* Elimina subrayado */
        cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
        font-weight: bolder;
        font-size: 10px;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
    }

    .boton1 {
        display: inline-block; /* Hace que los botones estén en línea */
        padding: 10px 20px; /* Espacio interno para el botón */
        margin: 0 5px; /* Margen entre los botones */
        background-image: linear-gradient(-45deg, #E83E8C, #6F42C1); /* Color de fondo del botón */
        color: #fff; /* Color del texto del botón */
        border: none; /* Elimina el borde del botón */
        border-radius: 10px; /* Borde redondeado del botón */
        text-decoration: none; /* Elimina subrayado */
        cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
        font-weight: bolder;
        font-size: 10px;
        box-shadow: 0 5px 7px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
    }

    .boton2 {
        float: left;
        clear: both;
        text-align: start;
        font-size: 11px;
        font-weight: 500;
        width: max-content;

        padding: 15px 20px; /* Espacio interno para el botón */
        margin: 10px auto; /* Margen para centrar verticalmente */
        background-color: #ffffff; /* Color de fondo del botón */
        color: #E83E8C; /* Color del texto del botón */
        border: none; /* Elimina el borde del botón */
        border-radius: 5px; /* Borde redondeado del botón */
        text-decoration: none; /* Elimina subrayado */
        cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
        z-index: 100;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4); /* Agrega sombra al botón */
        transition: transform 0.5s ease-in-out; /* Suaviza el movimiento del botón */
        font-style: italic;
    }

}
/* SERVICES */

.services {
    z-index: 2000;
}

/* check box*/

.switch-button {
    align-self: stretch;
    border-radius:1px solid #999;
    background-color: #fff;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
    border: 1px solid #ccc;
    flex-direction: row;
    padding: 8px;
    gap: 2px;
    z-index: 1;
}

.logic-gate-parent, .rectangle-parent {
    border-radius: 5px;
    padding:8px;
    cursor: pointer;
    position: relative;
}

.logic-gate-parent.active .monthly, .rectangle-parent.active .monthly1 {
    color: white; /* Color del texto activo */
}

.logic-gate-parent.active .logic-gate, .rectangle-parent.active .frame-child {
    background: linear-gradient(269.92deg, #e83e8c, #6f42c1); /* Fondo activo */
}

#restaurantesButton {
    background-color: #fff; /* Fondo blanco */
    color: #000; /* Letras oscuras */
}

.logic-gate {
    height: 100%;
    width: 100%;
    position: absolute;
    margin: 0 !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius:3px;
    /* background: linear-gradient(269.92deg, #e83e8c, #6f42c1); */
}

.monthly {
    flex: 1;
    position: relative;
    font-size: 20px;
    line-height: 27px;
    color: #4b5563;
    text-align: center;
    z-index: 1;
    padding-right: 12px;
    padding-left: 12px;
}

.logic-gate-parent {
    cursor: pointer;
    border: 0;
    padding:6px 10px 6px 10px;
    background-color: transparent;
    flex: 1;
    box-shadow: 3px 2px 8px rgba(232, 62, 140, 0.25);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
}

.frame-child {
    height: 100%;
    width: 100%;
    position: absolute;
    margin: 0 !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 3px;
    filter: drop-shadow(3px 2px 8px rgba(0, 0, 0, 0.1));
}

.monthly1 {
    font-size: var(--font-size-base);
    flex: 1;
    position: relative;
    line-height: 27px;
    z-index: 1;
}

.rectangle-parent {
    flex: 0.419;
    flex-direction: row;
    padding: 3px 17px 2px 34px;
    position: relative;
}
/**End Services*!*/


/*****************************************************************/
/*!* ************ SECCION DE LOS PLANETAS ******************** *!*/
/*******************************************************************/
.how-work-section{
    z-index: 3000;
}
.solar {
    margin: 0px !important;
    padding: 0pc !important;
    display: flex;
    justify-content: space-between;
    align-items: center;

    background-size: cover; /* Esto cubrirá el pseudo-elemento, ajusta según necesites */
    background-repeat: repeat;
}

#arrow-top {
    display: none;
}

.sistema-solar {
    width: 45%;
    position: relative;
    height: 800px;
    margin: 0 auto;
}

#img-center {
    width: 80px;
}

.sol {
    width: 80px;
    /* Tamaño del sol */
    height: 80px;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 40px);
    /* Centrar el sol verticalmente */
    left: calc(50% - 40px);
    /* Centrar el sol horizontalmente */
    display: flex;
    justify-content: center;
    align-items: center;
}

.orbitaA {
    position: absolute;
    border: 2px solid white;
    /* Color de la órbita */
    border-radius: 50%;
    animation: orbit 20s linear infinite;
}

.orbitaB {
    position: absolute;
    border: 2px solid white;
    /* Color de la órbita */
    border-radius: 50%;
    animation: orbit 65s linear infinite;
}

.orbitaC {
    position: absolute;
    border: 2px solid white;
    /* Color de la órbita */
    border-radius: 50%;
    animation: orbit 45s linear infinite;
}

.orbita1 {
    width: 200px;
    /* Diámetro de la órbita 1 */
    height: 200px;
    top: calc(50% - 100px);
    /* Centrar la órbita 1 */
    left: calc(50% - 100px);
}

.orbita2 {
    width: 400px;
    /* Diámetro de la órbita 2 */
    height: 400px;
    top: calc(50% - 200px);
    /* Centrar la órbita 2 */
    left: calc(50% - 200px);
}

.orbita3 {
    width: 600px;
    /* Diámetro de la órbita 3 */
    height: 600px;
    top: calc(50% - 300px);
    /* Centrar la órbita 3 */
    left: calc(50% - 300px);
}

.planeta0 {
    width: 70px;
    /* Tamaño del planeta */
    height: 70px;
    background-color: #4f4f4f;
    /* Color del planeta */
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 77%;
    transform: translateX(-50%);
}

.planeta0,
.planeta1,
.planeta2,
.planeta3,
.planeta4,
.planeta5,
.planeta6 {
    width: 70px;
    /* Tamaño del planeta */
    height: 70px;
    background-color: #4f4f4f;
    /* Color del planeta */
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);

}

.planeta0 {
    left: 25%;
    top:-35px;
    /* Ajusta la posición del primer planeta */
    animation: rotate_ 20s linear infinite;
}

.planeta1 {
    left: 75%;
    /* Ajusta la posición del segundo planeta */
    top: 8px;
    animation: rotate_ 20s linear infinite;
}

.planeta2 {
    left: 45%;
    top:-35px;
    animation: rotate_ 65s linear infinite;
    /* Ajusta la posición del tercer planeta */
}

.planeta3 {
    left: 65%;
    top:-35px;
    animation: rotate_ 65s linear infinite;
    /* Ajusta la posición del cuarto planeta */
}

.planeta4 {
    left: 35%;
    top:-35px;
    /* Ajusta la posición del quinto planeta */
    animation: rotate_ 45s linear infinite;
}

.planeta5 {
    left: 55%;
    /* Ajusta la posición del sexto planeta */
    animation: rotate_ 45s linear infinite;
    top:-35px;
}

.planeta6 {
    left: 300px;
    /* Ajusta la posición del séptimo planeta */
    width: 90px !important;
    height: 90px !important;
    top: 545px !important;
    animation: rotate_ 45s linear infinite;

}

.circulo_p {
    width: 90px;
    /* Tamaño del círculo */
    height: 90px;
    background-color: white;
    /* Fondo transparente */
    border-radius: 50%;

    top: calc(50% - 45px);
    /* Centrar verticalmente */
    left: calc(50% + 260px);
    /* Ajusta la posición horizontal */
    z-index: 2;
    /* Asegura que esté por encima de los planetas */
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.circulo_p a{ position: absolute; width: 100%; height: 100%; border-radius: 50%; display: block; z-index: 300;}

.signo-mas {
    width: 100%;
    text-align: center;
    /* Tamaño del signo de más */
    color: #e83e8c;
    /* Color del signo de más */
}

.signo-mas img{ width: 90%; max-width: 60px;}

/* Animación de órbita */
@keyframes orbit {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
@keyframes rotate_ {
    from {  transform: rotate(0deg);  }
    to {  transform: rotate(-360deg);  }
}

.letras-sis-solar {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    padding-left: 30px;
    padding-right: 40px;
}

.flecha-1 {
    padding-right: 10px;
    display: flex;
    justify-content: center;
}

.flecha {
    width: 100px;
    justify-content: flex-end;
}

.letras-flecha {
    color: white;
    width: 90%;
    /* Ajusta el tamaño del contenedor de las letras */
    margin-bottom: 10px;
}
.scroll-down {
    background-color: rgba(255, 255, 255, 0); /* Cambia la opacidad del fondo del encabezado */
}

@media screen and (max-width: 1150px) {
    .sistema-solar {
        width: 45%;
    }

    .sol {
        width: 72px;
        height: 72px;
        top: calc(50% - 36px);
        /* Centrar el sol verticalmente */
        left: calc(50% - 36px);
        /* Centrar el sol horizontalmente */
    }

    .orbita1 {
        width: 180px;
        /* Diámetro de la órbita 1 */
        height: 180px;
        top: calc(50% - 90px);
        /* Centrar la órbita 1 */
        left: calc(50% - 90px);
    }

    .orbita2 {
        width: 360px;
        /* Diámetro de la órbita 2 */
        height: 360px;
        top: calc(50% - 180px);
        /* Centrar la órbita 2 */
        left: calc(50% - 180px);
    }

    .orbita3 {
        width: 540px;
        /* Diámetro de la órbita 3 */
        height: 540px;
        top: calc(50% - 270px);
        /* Centrar la órbita 3 */
        left: calc(50% - 270px);
    }

    .planeta0,
    .planeta1,
    .planeta2,
    .planeta3,
    .planeta4,
    .planeta5,
    .planeta6 {
        width: 63px;
        /* Tamaño del planeta */
        height: 63px;
        background-color: #4f4f4f;
        /* Color del planeta */
        border-radius: 50%;
        position: absolute;

        left: 0;
        transform: translate(-50%, -50%);
    }

    .planeta0 {
        left: 25%;
        top:-31px;
        /* Ajusta la posición del primer planeta */
    }

    .planeta1 {
        left: 75%;
        /* Ajusta la posición del segundo planeta */
        top: 8px;
    }

    .planeta2 {
        left: 45%;
        top:-31px;
        /* Ajusta la posición del tercer planeta */
    }

    .planeta3 {
        left: 65%;
        top:-31px;
        /* Ajusta la posición del cuarto planeta */
    }

    .planeta4 {
        left: 35%;
        top:-31px;
        /* Ajusta la posición del quinto planeta */
    }

    .planeta5 {
        left: 55%;
        top:-31px;
        /* Ajusta la posición del sexto planeta */
    }

    .planeta6 {
        left: 270px;
        /* Ajusta la posición del séptimo planeta */
        width: 81px !important;
        height: 81px !important;
        top: 490px !important;
    }

    .circulo_p {
        width: 81px;
        /* Tamaño del círculo */
        height: 81px;
        top: calc(50% - 40.5px);
        /* Centrar verticalmente */
        left: calc(50% + 234px);
        /* Ajusta la posición horizontal */
    }

    .flecha {
        width: 60px;
        justify-content: flex-end;
    }

    .letras-sis-solar {
        width: 50%;
        justify-content: flex-end;
        padding-left: 40px;
        padding-right: 40px;
    }

    .letras-flecha {
        width: 90%;
    }
}

@media screen and (max-width:940px) {
    .sol {
        width: 64px;
        height: 64px;
        top: calc(50% - 32px);
        /* Centrar el sol verticalmente */
        left: calc(50% - 32px);
        /* Centrar el sol horizontalmente */
    }

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

    .sistema-solar {
         width: 100%;
    }

    .orbita1 {
        width: 160px;
        /* Diámetro de la órbita 1 */
        height: 160px;
        top: calc(50% - 80px);
        /* Centrar la órbita 1 */
        left: calc(50% - 80px);
    }

    .orbita2 {
        width: 320px;
        /* Diámetro de la órbita 2 */
        height: 320px;
        top: calc(50% - 160px);
        /* Centrar la órbita 2 */
        left: calc(50% - 160px);
    }

    .orbita3 {
        width: 480px;
        /* Diámetro de la órbita 3 */
        height: 480px;
        top: calc(50% - 240px);
        /* Centrar la órbita 3 */
        left: calc(50% - 240px);
    }

    .planeta0,
    .planeta1,
    .planeta2,
    .planeta3,
    .planeta4,
    .planeta5,
    .planeta6 {
        width: 56px;
        /* Tamaño del planeta */
        height: 56px;
        background-color: #4f4f4f;
        /* Color del planeta */
        border-radius: 50%;
        position: absolute;
        left: 0;
        transform: translate(-50%, -50%);

    }

    .planeta0 {
        left: 25%;
        top:-26px;
        /* Ajusta la posición del primer planeta */
    }

    .planeta1 {
        left: 75%;
        /* Ajusta la posición del segundo planeta */
        top: 8px;
    }

    .planeta2 {
        left: 45%;
        top:-26px;
        /* Ajusta la posición del tercer planeta */
    }

    .planeta3 {
        left: 65%;
        top:-26px;
        /* Ajusta la posición del cuarto planeta */
    }

    .planeta4 {
        left: 35%;
        top:-26px;
        /* Ajusta la posición del quinto planeta */
    }

    .planeta5 {
        left: 55%;
        top:-27px;
        /* Ajusta la posición del sexto planeta */
    }

    .planeta6 {
        left: 240px;
        /* Ajusta la posición del séptimo planeta */
        width: 72px !important;
        height: 72px !important;
        top: 430px !important;
    }

    .circulo_p {
        width: 72px;
        /* Tamaño del círculo */
        height: 72px;
        top: calc(50% - 36px);
        /* Centrar verticalmente */
        left: calc(50% + 208px);
        /* Ajusta la posición horizontal */
    }

    .letras-sis-solar {
        width: 100%;
        justify-content: flex-end;
        padding-right: 30px;
        padding-left: 40px;
    }

    .letras-flecha {
        color: white;
        width: 90%;
        margin-bottom: 10px;
    }

}

@media screen and (max-width:800px) {
    .solar {
        padding: 0px;
        margin: 0px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }

    .sistema-solar {
        width: 100%;
        height: 450px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column !important;
    }

    .sol {
        width: 40px !important;
        /* Tamaño del sol */
        height: 40px !important;
        border-radius: 50%;
        position: absolute;
        top: calc(50% - 20px);
        /* Centrar el sol verticalmente */
        left: calc(50% - 20px);
        /* Centrar el sol horizontalmente */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #img-center {
        width: 40px;
    }

    .orbitaA {
        position: absolute;
        border: 2px solid white;
        /* Color de la órbita */
        border-radius: 50%;
        animation: orbit 20s linear infinite;
    }

    .orbitaB {
        position: absolute;
        border: 2px solid white;
        /* Color de la órbita */
        border-radius: 50%;
        animation: orbit 65s linear infinite;
    }

    .orbitaC {
        position: absolute;
        border: 2px solid white;
        /* Color de la órbita */
        border-radius: 50%;
        animation: orbit 45s linear infinite;
    }

    .orbita1 {
        width: 100px;
        /* Diámetro de la órbita 1 */
        height: 100px;
        top: calc(50% - 50px);
        /* Centrar la órbita 1 */
        left: calc(50% - 50px);
    }

    .orbita2 {
        width: 200px;
        /* Diámetro de la órbita 2 */
        height: 200px;
        top: calc(50% - 100px);
        /* Centrar la órbita 2 */
        left: calc(50% - 100px);
    }

    .orbita3 {
        width: 300px;
        /* Diámetro de la órbita 3 */
        height: 300px;
        top: calc(50% - 150px);
        /* Centrar la órbita 3 */
        left: calc(50% - 150px);
    }

    .planeta0,
    .planeta1,
    .planeta2,
    .planeta3,
    .planeta4,
    .planeta5,
    .planeta6 {
        width: 35px;
        height: 35px;
        background-color: #4f4f4f;
        border-radius: 50%;
        position: absolute;
        left: 0;
        transform: translate(-50%, -50%);
    }

    .planeta0 {
        left: 25%;
        top:-17px;
        /* Ajusta la posición del primer planeta */
    }

    .planeta1 {
        left: 75%;
        /* Ajusta la posición del segundo planeta */
        top: 8px;
    }

    .planeta2 {
        left: 45%;
        top:-17px;
        /* Ajusta la posición del tercer planeta */
    }

    .planeta3 {
        left: 65%;
        top:-17px;
        /* Ajusta la posición del cuarto planeta */
    }

    .planeta4 {
        left: 35%;
        top:-17px;
        /* Ajusta la posición del quinto planeta */
    }

    .planeta5 {
        left: 55%;
        top:-16px;
        /* Ajusta la posición del sexto planeta */
    }

    .planeta6 {
        left: 150px;
        /* Ajusta la posición del séptimo planeta */
        width: 45px !important;
        height: 45px !important;
        top: 270px !important;
    }

    .circulo_p {
        width: 45px;
        /* Tamaño del círculo */
        height: 45px;
        background-color: white;
        /* Fondo transparente */
        border-radius: 50%;
        position: absolute;
        top: calc(50% - -130px);
        /* Centrar verticalmente */
        left: calc(50% - 22.5px);
        /* Ajusta la posición horizontal */
        z-index: 2;
        /* Asegura que esté por encima de los planetas */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .signo-mas {

        /* Tamaño del signo de más */
        color: #e83e8c;
        /* Color del signo de más */
    }

    .flecha-1 {
        display: none;
    }
    #arrow-top {
        display: block;
        width: 50px;
    }

    .letras-sis-solar {
        padding: 0px;
        margin: 0px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 50px;
        text-align: center;
        }
}
/*******************************************************************/
/* **************END SECCION PLANETAS **************************** */
/*******************************************************************/






@media only screen and (max-width: 768px) {
    /* Estilos para pantallas de hasta 768px de ancho */
    :root {
        /* fonts */
        --font-open-sans: "Open Sans";
        --font-bebas-neue: "Bebas Neue";
        --font-inter: Inter;
        --font-century-gothic: "Century Gothic";
        --font-century-gothic-pro: "Century Gothic Pro";
        --font-nunito-sans: "Nunito Sans";
        --font-gilroy: Gilroy;
    }

    /* Estilos generales */
    body {
        font-family: Century Gothic Pro, Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0;
        background-color: #fff;
    }

    .contenedor {
        display: flex; /* Utilizamos flexbox para dividir en columnas */
        flex-direction: column; /* Apila los elementos verticalmente */
        justify-content: space-between; /* Espacio entre las columnas */
        position: relative;
        z-index: 1;
        height: 100vh;
    }

    .columna {
        width: 100%; /* Las columnas ocupan el mismo espacio */
        background-color: #fff; /* Fondo blanco */
        padding: 10px; /* Espacio interno del contenido */
        margin: 0 0px; /* Margen entre columnas */
        font-size: xxx-large;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .columna p,
    .columna .subtitle {
        text-align: start;
        font-size: medium;
        font-weight: 100;
    }

    .cabecera {
        display: flex; /* Utilizamos flexbox para dividir en columnas */
        justify-content: space-between; /* Espacio entre las columnas */
        align-items: center;
        padding: 0px; /* Espacio alrededor del contenido */
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 1000;
        height: 60px;
    }
    .logo1 {
        padding-top:20px !important;
        flex:1;
        width: 15%; /* Las columnas ocupan el mismo espacio */
        align-items: end;
    }
    .logoS {
        width: 150px; /* Establece el ancho de la imagen */
        height: auto; /* Mantiene la proporción de la imagen */
        border: px solid #007bff; /* Añade un borde azul */
        border-radius: 10px; /* Añade bordes redondeados */
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); /* Añade una sombra */
        filter: grayscale(0%); /* Aplica un efecto de escala de grises al 50% */
        opacity: 1; /* Reduce la opacidad */
        position: absolute;
        margin-top: 5px;
        padding-top: 30px !important;
        padding-left: 30px;
        top: 2px;
        left: 10px;
        bottom: 6px;
    }
    .menu-movil {
        display: none; /* Oculto por defecto */}
    .btn{
        align-items: center;
        align-self: center;
        padding-right: 8px;
        width: 17px;
    }
    .LOG {
        /* display: none; */
        width:10%;
        height: 55px !important;
        /* height: 88px;
  width: 8%; Las columnas ocupan el mismo espacio */
        background-color: rgba(76, 76, 76, 75); /* Fondo blanco */
        /*padding-right: 15px; Espacio interno del contenido
  padding-left: 15px; */
        text-align: center;
        border: none;
        padding: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 0px 0px 0px 40px;
    }

    .LOG a{
        color: #fff;
        font-size: large;
        /* font-weight: bold; */
        font-family: "Bebas Neue";
        padding-top: 28px;
    }



    .nav {
        height: 78px;
        width: 38%;
        position: absolute;
        margin: 0 !important;
        top: 0;
        transform: translateX(-50%); /* Desplaza el elemento hacia atrás en la mitad de su ancho */
        left: calc(50%);
        border-radius: 0 0 40px 40px;
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        max-width: 100%;
        z-index: 1;
    }

    nav ul {
        width: 100%;
        list-style: none;
        padding: 10px;
        bottom: 0px;
        border-radius: 0px 0px 15px 15px;
        padding-left: 0px !important;
        padding-right: 0px !important;
        display: flex;
        justify-content: center;
        margin-right:0px !important;
        justify-content: space-evenly;

    }

    nav ul li {
        display: inline;
        margin: 5px 10px;
        font-size: 14px;
        padding-bottom: 20px;
        margin-bottom: 10px;
    }

    nav ul li a {
        text-decoration: none;
        color: #fff;
        font-weight: 550;
        padding: 1px;
        padding-bottom: 20px;
        font-family: "Bebas Neue";
        font-size: 20px;

    }
    nav ul li a.activo {
        text-decoration: underline; /* Subraya el enlace activo */
        text-decoration-color: #E83E8C;
        text-decoration-thickness: 1px;
    }
    .title {
        /*padding-left:50px;*/
        padding-right: 0px;
        text-align: left !important;
        align-items: start;
        /*font-size: 70px !important;*/
        font-weight: 600;
    }
    section {
        text-align: center;
        padding: 50px 0;
    }
    .contenedor-botones {
        text-align: center; /* Centra los botones */
    }
    .boton {
        display: inline-block; /* Hace que los botones estén en línea */
        padding: 10px 30px 10px 30px; /* Espacio interno para el botón */
        margin: 0 5px; /* Margen entre los botones */
        background-image: linear-gradient( -45deg,#E83E8C, #6F42C1); /* Color de fondo del botón */
        color: #fff; /* Color del texto del botón */
        border: none; /* Elimina el borde del botón */
        border-radius: 10px; /* Borde redondeado del botón */
        text-decoration: none; /* Elimina subrayado */
        cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
        font-weight: bolder;
        font-size: large;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
    }
    .boton1 {
        display: inline-block; /* Hace que los botones estén en línea */
        padding: 10px 20px; /* Espacio interno para el botón */
        margin: 0 5px; /* Margen entre los botones */
        background-image: linear-gradient( -45deg,#E83E8C, #6F42C1); /* Color de fondo del botón */
        color: #fff; /* Color del texto del botón */
        border: none; /* Elimina el borde del botón */
        border-radius: 10px; /* Borde redondeado del botón */
        text-decoration: none; /* Elimina subrayado */
        cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
        font-weight: bolder;
        font-size: large;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
    }


    .contenedor-botones2 {
        display: none; /* Oculta elementos con la clase "nombre_de_clase" */
    }
    .contenedor-botones2::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: contain;
        background-position: right;
        opacity: 0; /* Inicia invisible */
        transition: opacity 1s ease-in-out, transform 1s ease-in-out; /* Transición suave para opacidad y deslizamiento */
    }

    .boton2 {
        display: none; /* Oculta elementos con la clase "nombre_de_clase" */
    }

    .botones{
        display: none; /* Oculta elementos con la clase "nombre_de_clase" */
    }
    .boton-activo {
        transform: translateX(30px); /* Mueve el botón activo 30px a la derecha */
    }
    .cont-botones{
        display: none; /* Oculta elementos con la clase "nombre_de_clase" */
    }


    /* Media Query para pantallas de hasta 1200px */
    @media (max-width: 1200px) {
        .logoS{
            width: 90px;
            top: 2px;
            left: 5px;
        }
        nav {
            width: 45%; /* Aumenta el ancho en pantallas más pequeñas */
            height: 70px; /* Ajusta la altura si es necesario */
            background: linear-gradient(90deg, #e83e8c, #6f42c1); /* Cambia el gradiente para variar el diseño */
            border-radius: 0 0 30px 30px; /* Ajusta el borde redondeado */
        }

        nav ul li {
            display: inline;
            margin: 5px 10px;
            padding-bottom: 20px;
            margin-bottom: 10px;
        }
        nav ul li a {
            text-decoration: none;
            color: #fff;
            font-weight: 550;
            padding: 1px;
            padding-bottom: 20px;
            font-family: "Bebas Neue";
            font-size: 15px;
        }
        .LOG {
            width:10%;
            height: 55px !important;
            width: 8%; /*Las columnas ocupan el mismo espacio */
            background-color: rgba(76, 76, 76, 75); /* Fondo blanco */
            text-align: center;
            border: none;
            padding: 15px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 0px 0px 0px 40px;
        }
        .LOG a{
            color: #fff;
            font-size: 15px;
            font-family: "Bebas Neue";
            padding-top: 15px;
        }
        .title {

            text-align: left !important;
            align-items: start;
            /*font-size: 39px !important;*/
            font-weight: 600;
        }
        .subtitle {
            font-weight: 400;
            font-family: 'Bebas Neue' !important;
        }
        .btn{
            align-items: center;
            align-self: center;
            padding-right: 8px;
            width: 10px;
        }
        .boton {
            display: inline-block; /* Hace que los botones estén en línea */
            padding: 10px 5px 10px 5px; /* Espacio interno para el botón */
            margin: 0 5px; /* Margen entre los botones */
            background-image: linear-gradient( -45deg, #6F42C1, #6F42C1); /* Color de fondo del botón */
            color: #fff; /* Color del texto del botón */
            border: none; /* Elimina el borde del botón */
            border-radius: 10px; /* Borde redondeado del botón */
            text-decoration: none; /* Elimina subrayado */
            cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
            font-weight: bolder;
            font-size: 9px;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
        }
        .boton1 {
            display: inline-block; /* Hace que los botones estén en línea */
            padding: 10px 5px; /* Espacio interno para el botón */
            margin: 0 5px; /* Margen entre los botones */
            background-image: linear-gradient( -45deg,#E83E8C, #6F42C1); /* Color de fondo del botón */
            color: #fff; /* Color del texto del botón */
            border: none; /* Elimina el borde del botón */
            text-decoration: none; /* Elimina subrayado */
            cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
            font-weight: bolder;
            font-size: 10px;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
        }
        .boton2 {
            float: left;
            clear: both;
            text-align: start;
            font-size: 11px;
            font-weight: 500;
            width: max-content;

            padding: 15px 20px; /* Espacio interno para el botón */
            margin: 10px auto; /* Margen para centrar verticalmente */
            background-color: #ffffff; /* Color de fondo del botón */
            color: #E83E8C; /* Color del texto del botón */
            border: none; /* Elimina el borde del botón */
            border-radius: 5px; /* Borde redondeado del botón */
            text-decoration: none; /* Elimina subrayado */
            cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
            z-index: 100;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4); /* Agrega sombra al botón */
            transition: transform 0.5s ease-in-out; /* Suaviza el movimiento del botón */
            font-style: italic;
        }

    }
    /* SERVICES */
    .services{
        z-index: 2000;
    }

    /* check box*/

    .switch-button {
        display: none; /* Oculta elementos con la clase "nombre_de_clase" */
    }
    .logic-gate-parent, .rectangle-parent {
        border-radius: var(--br-sm);
        padding: var(--padding-8xs);
        cursor: pointer;
        position: relative;
    }

    .logic-gate-parent.active .monthly, .rectangle-parent.active .monthly1 {
        color: white; /* Color del texto activo */
    }

    .logic-gate-parent.active .logic-gate, .rectangle-parent.active .frame-child {
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1); /* Fondo activo */
    }

    #restaurantesButton {
        background-color: #fff; /* Fondo blanco */
        color: #000; /* Letras oscuras */
    }
    .logic-gate {
        height: 100%;
        width: 100%;
        position: absolute;
        margin: 0 !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: var(--br-3xs);
    }
    .monthly {
        flex: 1;
        position: relative;
        font-size: var(--font-size-base);
        line-height: 27px;
        color: #4b5563;
        text-align: center;
        z-index: 1;
    }
    .logic-gate-parent {
        cursor: pointer;
        border: 0;
        padding: var(--padding-3xs) var(--padding-8xs) var(--padding-2xs)
        var(--padding-9xs);
        background-color: transparent;
        flex: 1;
        box-shadow: 3px 2px 8px rgba(232, 62, 140, 0.25);
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        position: relative;
    }
    .frame-child {
        height: 100%;
        width: 100%;
        position: absolute;
        margin: 0 !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: var(--br-3xs);
        filter: drop-shadow(3px 2px 8px rgba(0, 0, 0, 0.1));
    }
    .monthly1 {
        font-size: var(--font-size-base);
        flex: 1;
        position: relative;
        line-height: 27px;
        z-index: 1;
    }
    .rectangle-parent {
        flex: 0.419;
        flex-direction: row;
        padding: var(--padding-3xs) var(--padding-17xl) var(--padding-2xs) 34px;
        position: relative;
    }

    /*End Services*/

    /* How-work-section */
    .how-work-section{
        z-index: 3000;
    }


    /* Error-handler */
    .error-handler{
        z-index: 4000;
    }

    .landing-page-26{
        z-index: 4500;
    }
    .set-node{
        z-index: 5000;
    }

    .contact-us-section{
        z-index: 6000;
    }

    /*Aqui IA*/
    .logo-icon {
        width: 150px;
        /* height: 39.5px; */
        position: relative;
        object-fit: cover;
    }
    .la-aplicacin-web {
        margin: 0;
        align-self: stretch;
        position: relative;
        font-size: inherit;
        line-height: 70px;
        font-weight: 700;
        font-family: inherit;
    }
    .explora-nuestro-catlogo {
        flex: 1;
        position: relative;
        line-height: 28px;
    }
    .cousin-nodes {
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 var(--padding-55xl) 0 76px;
    }
    .mask-group-icon {
        height: 100%;
        width: 100%;
        position: absolute;
        margin: 0 !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }
    .ver-catlogo {
        position: relative;
        text-transform: capitalize;
        z-index: 1;
    }
    .botton-1 {
        filter: drop-shadow(0 4px 15px rgba(0, 0, 0, 0.25));
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        padding: var(--padding-lgi) 60px var(--padding-mid);
        position: relative;
    }
    .mask-group-icon1 {
        height: 100%;
        width: 100%;
        position: absolute;
        margin: 0 !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }
    .registra-tu-negocio {
        width: 232px;
        position: relative;
        text-transform: capitalize;
        display: inline-block;
        z-index: 1;
    }
    .uncle-once-removed-nodes {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: var(--padding-8xs) 0 0 0;
    }
    .ancestor-twice-removed-nodes,
    .ancestor-twice-removed-nodes1 {
        position: absolute;
        top: 0;
        left: calc(50% - 2.5px);
        border-radius: var(--br-8xs);
        background-color: var(--white);
        width: 5px;
        height: 25px;
    }
    .ancestor-twice-removed-nodes1 {
        top: 15px;
        left: calc(50% - 12.5px);
        transform: rotate(-90deg);
        transform-origin: 0 0;
        z-index: 1;
    }
    .ancestor-twice-removed-nodes-parent {
        height: 25px;
        width: 25px;
        position: relative;
        z-index: 2;
    }
    .mask-group-parent {
        flex: 1;
        filter: drop-shadow(0 4px 15px rgba(0, 0, 0, 0.25));
        flex-direction: row;
        padding: var(--padding-sm) var(--padding-base) var(--padding-base) 16.5px;
        box-sizing: border-box;
        position: relative;
        min-width: 172px;
    }
    .ancestor-node,
    .aunt-nodes,
    .descendant-nodes,
    .mask-group-parent {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .aunt-nodes {
        align-self: stretch;
        flex-direction: row;
        gap: 35px;
        font-size: var(--font-size-base);
        color: var(--orange-50);
        font-family: var(--font-century-gothic-pro);
    }
    .ancestor-node,
    .descendant-nodes {
        max-width: 100%;
    }
    .descendant-nodes {
        flex: 1;
        flex-direction: column;
        gap: 26px;
    }
    .ancestor-node {
        align-self: stretch;
        flex-direction: row;
        padding: 0 49px;
        box-sizing: border-box;
        font-size: var(--font-size-xl);
        color: var(--color-slategray);
        font-family: var(--font-open-sans);
    }
    .connected-nodes {
        flex: 1;
        flex-direction: column;
        gap: 21px;
    }
    .child-nodes,
    .connected-nodes,
    .leaf-node,
    .parent-node {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        max-width: 100%;
    }
    .child-nodes {
        align-self: stretch;
        flex-direction: row;
        padding: 0 0 0 3px;
        box-sizing: border-box;
    }
    .leaf-node,
    .parent-node {
        flex-direction: column;
    }
    .parent-node {
        align-self: stretch;
        gap: 137.5px;
    }
    .leaf-node {
        width: 627px;
        padding: var(--padding-17xl) 0 0;
        box-sizing: border-box;
        min-width: 627px;
    }
    .cousin-twice-removed-nodes {
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        background-color: var(--ali2);
        width: 100%;
        height: 100%;
    }
    .aligera-a-logo-nobg-1-icon {
        position: absolute;
        top: 5px;
        left: 6px;
        width: 18px;
        height: 19.6px;
        object-fit: cover;
        z-index: 1;
    }
    .uncle-four-times-removed-nodes {
        height: 30px;
        width: 30px;
        position: relative;
    }
    .qr-codes-personalizados {
        position: relative;
        font-size: var(--font-size-sm);
        font-family: var(--font-inter);
        color: var(--ali2);
        text-align: left;
    }
    .descendant-thrice-removed-node,
    .uncle-twice-removed-nodes {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: var(--padding-6xs-5) 0 0;
    }
    .uncle-twice-removed-nodes {
        cursor: pointer;
        border: 0;
        padding: var(--padding-sm) var(--padding-xl);
        background-color: var(--white);
        margin: 0 !important;
        position: absolute;
        top: 248px;
        left: -35px;
        border-radius: var(--br-mini);
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.5);
        flex-direction: row;
        gap: var(--gap-xl);
        z-index: 1;
    }
    .uncle-four-times-removed-nodes-child {
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        background-color: var(--color-mediumorchid);
        width: 100%;
        height: 100%;
    }
    .aligera-a-logo-nobg-3-icon {
        position: absolute;
        top: 5px;
        left: 6px;
        width: 18px;
        height: 19.6px;
        object-fit: cover;
        z-index: 1;
    }
    .uncle-four-times-removed-nodes1 {
        height: 30px;
        width: 30px;
        position: relative;
    }
    .reservaciones {
        position: relative;
        font-size: var(--font-size-sm);
        font-family: var(--font-inter);
        color: var(--color-mediumorchid);
        text-align: left;
    }
    .reservaciones-wrapper,
    .uncle-twice-removed-nodes1 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: var(--padding-6xs-5) 0 0;
    }
    .uncle-twice-removed-nodes1 {
        cursor: pointer;
        border: 0;
        padding: var(--padding-sm) var(--padding-xl);
        background-color: var(--white);
        margin: 0 !important;
        position: absolute;
        bottom: 248px;
        left: -35px;
        border-radius: var(--br-mini);
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.5);
        flex-direction: row;
        gap: var(--gap-xl);
        z-index: 1;
    }
    .uncle-four-times-removed-nodes-item {
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        background-color: var(--color-slateblue-100);
        width: 100%;
        height: 100%;
    }
    .aligera-a-logo-nobg-4-icon {
        position: absolute;
        top: 5px;
        left: 6px;
        width: 18px;
        height: 19.6px;
        object-fit: cover;
        z-index: 1;
    }
    .uncle-four-times-removed-nodes2 {
        height: 30px;
        width: 30px;
        position: relative;
    }
    .perfil-de-negocio {
        position: relative;
        font-size: var(--font-size-sm);
        font-family: var(--font-inter);
        color: var(--color-slateblue-100);
        text-align: left;
    }
    .perfil-de-negocio-wrapper,
    .uncle-twice-removed-nodes2 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: var(--padding-6xs-5) 0 0;
    }
    .uncle-twice-removed-nodes2 {
        cursor: pointer;
        border: 0;
        padding: var(--padding-sm) var(--padding-xl);
        background-color: var(--white);
        margin: 0 !important;
        position: absolute;
        top: 332px;
        left: -35px;
        border-radius: var(--br-mini);
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.5);
        flex-direction: row;
        gap: var(--gap-xl);
        z-index: 1;
    }
    .navbar-child {
        height: 2px;
        width: 40px;
        position: relative;
        display: none;
        z-index: 0;
    }
    .navbar-item {
        height: 88px;
        width: 505px;
        position: absolute;
        margin: 0 !important;
        top: 0;
        left: calc(50% - 252.5px);
        border-radius: 0 0 var(--br-21xl) var(--br-21xl);
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        max-width: 100%;
        z-index: 1;
    }
    .catlogo,
    .contctanos,
    .inicio,
    .precios,
    .servicios {
        position: relative;
        z-index: 1;
    }
    .contctanos {
        white-space: nowrap;
    }
    .navbar {
        width: 505px;
        margin: 0 !important;
        position: absolute;
        top: 0;
        left: -253px;
        border-radius: 0 0 var(--br-21xl) var(--br-21xl);
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        padding: var(--padding-13xl) var(--padding-16xl) var(--padding-13xl)
        var(--padding-18xl);
        box-sizing: border-box;
        gap: var(--gap-xl);
        max-width: 100%;
        z-index: 1;
        text-align: left;
        font-size: var(--font-size-xl);
        color: var(--white);
        font-family: var(--font-bebas-neue);
    }
    .landingpanaderia-1-icon {
        align-self: stretch;
        height: 806px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        object-fit: cover;
        display: none;
    }
    .login-child {
        width: 165px;
        height: 88px;
        position: relative;
        border-radius: 0 0 0 var(--br-21xl);
        background-color: var(--color-dimgray-200);
        backdrop-filter: blur(75px);
        display: none;
    }
    .log-in {
        position: relative;
        font-size: var(--font-size-xl);
        font-family: var(--font-bebas-neue);
        color: var(--white);
        text-align: left;
        z-index: 1;
    }
    .ancestor-four-times-removed-no {
        align-self: stretch;
        height: 2px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        z-index: 1;
    }
    .login {
        cursor: pointer;
        border: 0;
        padding: var(--padding-13xl) var(--padding-13xl) var(--padding-11xl)
        var(--padding-14xl);
        background-color: var(--color-dimgray-200);
        width: 165px;
        height: 88px;
        border-radius: 0 0 0 var(--br-21xl);
        backdrop-filter: blur(75px);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        box-sizing: border-box;
        gap: var(--gap-11xs);
        white-space: nowrap;
        z-index: 1;
    }
    .login:hover {
        background-color: rgba(115, 115, 115, 0.75);
    }
    .aunt-four-times-removed-nodes {
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        background-color: var(--color-mediumvioletred);
        width: 100%;
        height: 100%;
    }
    .aligera-a-logo-nobg-2-icon {
        position: absolute;
        top: 5px;
        left: 6px;
        width: 18px;
        height: 19.6px;
        object-fit: cover;
        z-index: 1;
    }
    .uncle-four-times-removed-nodes3 {
        height: 30px;
        width: 30px;
        position: relative;
    }
    .men-digital {
        position: relative;
    }
    .ancestor-five-times-removed-no,
    .sibling-four-times-removed-nod {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: var(--padding-6xs-5) 0 0;
    }
    .sibling-four-times-removed-nod {
        border-radius: var(--br-mini);
        background-color: var(--white);
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.5);
        flex-direction: row;
        padding: var(--padding-sm) var(--padding-xl);
        gap: var(--gap-xl);
        z-index: 1;
    }
    .descendant-four-times-removed {
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        padding: 0 341px 0 var(--padding-xl);
    }
    .uncle-thrice-removed-nodes {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-start;
        padding: 0 0 332px;
        box-sizing: border-box;
        gap: 328px;
        background-image: url('./public/landingpanaderia-1@2x.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
        max-width: 100%;
    }
    .sibling-twice-removed-nodes {
        align-self: stretch;
        flex-direction: row;
        position: relative;
    }
    .branch-node,
    .descendant-twice-removed-nodes,
    .sibling-twice-removed-nodes {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        max-width: 100%;
    }
    .descendant-twice-removed-nodes {
        flex: 1;
        flex-direction: column;
        min-width: 468px;
        font-size: var(--font-size-sm);
        color: var(--color-mediumvioletred);
        font-family: var(--font-inter);
    }
    .branch-node {
        width: 1415px;
        flex-direction: row;
        padding: 0 0 0 var(--padding-xl);
        box-sizing: border-box;
        gap: var(--gap-29xl);
        text-align: left;
        font-size: 62px;
        color: #292323;
        font-family: var(--font-century-gothic-pro);
    }
    .background-right-icon {
        width: 1313px;
        height: 1288.3px;
        position: absolute;
        margin: 0 !important;
        top: -238px;
        right: -660px;
        object-fit: contain;
    }
    .servicios1 {
        margin: 0;
        height: 51px;
        position: relative;
        font-size: smaller;
        font-weight: 700;
        font-family: "Century Gothic";
        display: inline-block;
    }

    .conoce-la-variedad {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-base);
        line-height: 27px;
        font-family: var(--font-inter);

    }
    .descendant-six-times-removed-n {
        width: 351px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-5xs);
        max-width: 100%;
    }
    .aunt-six-times-removed-nodes,
    .rectangle-parent,
    .switch-button {
        display: none; /* Oculta elementos con la clase "nombre_de_clase" */
    }
    .switch-button {
        align-self: stretch;
        border-radius: var(--br-sm);
        background-color: var(--white);
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
        border: 1px solid var(--gray-300);
        flex-direction: row;
        padding: var(--padding-8xs);
        gap: var(--gap-2xs);
        z-index: 1;
    }
    .aunt-six-times-removed-nodes {
        width: 251px;
        flex-direction: column;
        padding: 13px 0 0;
        box-sizing: border-box;
        text-align: center;
        font-size: var(--font-size-base);
        color: var(--gray-600);
        font-family: var(--font-inter);
    }
    .ancestor-six-times-removed-nod {
        width: 911px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        max-width: 100%;
        /*gap: var(--gap-xl);*/ /*cambio 04-04-2024*/
    }
    .food-menu-3-svgrepocom {
        width: 60px;
        height: 60px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
        display: none;
        z-index: 2;
    }
    .img-icon {
        height: 100%;
        width: 100%;
        min-height: 667px;
        max-width: 100%;
        object-fit: contain;
        position: absolute;
        left: 0;
        top: 60px;
        transform: scale(1.651);
    }
    .wrapper-img {
        display: none; /* Oculta elementos con la clase "nombre_de_clase" */
    }
    .frame-item {
        height: 64px;
        width: 64px;
        position: relative;
        border-radius: var(--br-20xl);
        background-color: var(--white);
        box-shadow: 0 2px 8px #e83e8c;
        border: 1px solid var(--ali2);
        box-sizing: border-box;
        display: none;
    }
    .qr-code-scan-svgrepocom-icon {
        height: 40px;
        width: 40px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
        z-index: 1;
    }
    .rectangle-group {
        cursor: pointer;
        border: 1px solid var(--ali2);
        padding: var(--padding-xs);
        background-color: var(--white);
        height: 64px;
        width: 64px;
        border-radius: var(--br-20xl);
        box-shadow: 0 2px 8px #e83e8c;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .ofrecemos-qr-codes,
    .qr-codes-personalizados1 {
        align-self: stretch;
        position: relative;
        z-index: 1;
    }
    .ofrecemos-qr-codes {
        font-size: var(--font-size-base);
        line-height: 27px;
        text-align: justify;
        text-align: justify;
    }
    .data-splitter,
    .parallel-processor {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-5xs);
        min-width: 179px;
    }
    .data-splitter {
        flex-direction: row;
        gap: var(--gap-13xl);
        min-width: 241px;
        max-width: 100%;
    }
    .frame-inner {
        height: 64px;
        width: 64px;
        position: relative;
        border-radius: var(--br-37xl);
        box-shadow: 0 2px 8px #e83e8c;
        border: 1px solid var(--ali2);
        box-sizing: border-box;
        display: none;
    }
    .vector-icon {
        height: 39.4px;
        width: 32.2px;
        position: relative;
        z-index: 2;
    }
    .rectangle-container {
        cursor: pointer;
        border: 1px solid var(--ali2);
        padding: var(--padding-xs) 15.800000000000011px 12.599999999999907px
        var(--padding-base);
        background-color: transparent;
        height: 64px;
        width: 64px;
        border-radius: var(--br-37xl);
        box-shadow: 0 2px 8px #e83e8c;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        z-index: 1;
    }
    .dentro-del-perfil,
    .men-digital1 {
        position: relative;
        z-index: 1;
    }
    .dentro-del-perfil {
        align-self: stretch;
        font-size: var(--font-size-base);
        line-height: 27px;
        text-align: justify;
    }
    .data-splitter1,
    .function-caller,
    .men-digital-parent {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .men-digital-parent {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-5xs);
        min-width: 179px;
    }
    .data-splitter1,
    .function-caller {
        flex-direction: row;
        max-width: 100%;
    }
    .data-splitter1 {
        flex: 1;
        gap: var(--gap-13xl);
        min-width: 241px;
    }
    .function-caller {
        align-self: stretch;
        gap: var(--gap-41xl);
    }
    .rectangle-div {
        height: 64px;
        width: 64px;
        position: relative;
        border-radius: var(--br-20xl);
        box-shadow: 0 2px 8px #e83e8c;
        border: 1px solid var(--ali2);
        box-sizing: border-box;
        display: none;
    }
    .business-shop-woman-svgrepoco-icon {
        height: 40px;
        width: 40px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
        z-index: 1;
    }
    .group-button {
        cursor: pointer;
        border: 1px solid var(--ali2);
        padding: var(--padding-xs);
        background-color: transparent;
        height: 64px;
        width: 64px;
        border-radius: var(--br-20xl);
        box-shadow: 0 2px 8px #e83e8c;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .perfil-de-tu,
    .se-le-crear {
        position: relative;
        z-index: 1;
    }
    .se-le-crear {
        align-self: stretch;
        font-size: var(--font-size-base);
        line-height: 27px;
        text-align: justify;
    }
    .data-creator,
    .data-splitter2 {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-5xs);
        min-width: 179px;
    }
    .data-splitter2 {
        flex-direction: row;
        gap: var(--gap-13xl);
        min-width: 241px;
        max-width: 100%;
    }
    .frame-child1 {
        height: 64px;
        width: 64px;
        position: relative;
        border-radius: var(--br-20xl);
        box-shadow: 0 2px 8px #e83e8c;
        border: 1px solid var(--ali2);
        box-sizing: border-box;
        display: none;
    }
    .calendar-icon {
        height: 30.1px;
        width: 35px;
        position: relative;
        z-index: 2;
    }
    .rectangle-parent1 {
        cursor: pointer;
        border: 1px solid var(--ali2);
        padding: var(--padding-mid) var(--padding-sm) 16.90000000000009px;
        background-color: transparent;
        height: 64px;
        width: 64px;
        border-radius: var(--br-20xl);
        box-shadow: 0 2px 8px #e83e8c;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        z-index: 1;
    }
    .ofrcele-la-comodidad,
    .reservaciones-citas {
        position: relative;
        z-index: 1;
    }
    .ofrcele-la-comodidad {
        align-self: stretch;
        font-size: var(--font-size-base);
        line-height: 27px;
        text-align: justify;
    }
    .data-merger,
    .data-splitter3,
    .reservaciones-citas-parent {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .reservaciones-citas-parent {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-5xs);
        min-width: 179px;
    }
    .data-merger,
    .data-splitter3 {
        flex-direction: row;
        max-width: 100%;
    }
    .data-splitter3 {
        flex: 1;
        gap: var(--gap-13xl);
        min-width: 241px;
    }
    .data-merger {
        align-self: stretch;

    }
    .condition-checker {
        align-self: stretch;
        flex-direction: column;
        gap: 30px;
    }
    .condition-checker,
    .loop-control,
    .tree-structure {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        max-width: 100%;
    }
    .loop-control {
        flex: 1;
        flex-direction: column;
        padding: 112px 0 0;
        box-sizing: border-box;
        min-width: 521px;
    }
    .tree-structure {
        align-self: stretch;
        flex-direction: row;
        /*gap: 64.5px;*/ /*cambio 04-04-2024*/
        font-size: var(--font-size-lg);
        font-family: "Century Gothic";
    }
    .services,
    .y-brndale-ms {
        position: relative;
        max-width: 100%;
    }
    .services {
        align-self: stretch;
        background-color: #f5f5f5;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 50px;
        box-sizing: border-box;
        gap: 75px;
        z-index: 2;
    }
    .y-brndale-ms {
        height: 27px;
        width: 465.3px;
        line-height: 27px;
        display: none;
        flex-shrink: 0;
    }
    .complejo-circle-icon {
        position: absolute;
        top: 0;
        left: 0;
        width: 732px;
        height: 714px;
    }
    .data-visualizer {
        position: absolute;
        top: 0;
        left: calc(50% - 5px);
        border-radius: var(--br-8xs);
        background-color: var(--ali2);
        width: 10px;
        height: 50px;
    }
    .data-visualizer1,
    .sumar {
        position: absolute;
        height: 50px;
        z-index: 1;
    }
    .data-visualizer1 {
        top: 30px;
        left: calc(50% - 25px);
        border-radius: var(--br-8xs);
        background-color: var(--ali2);
        width: 10px;
        transform: rotate(-90deg);
        transform-origin: 0 0;
    }
    .sumar {
        top: 317px;
        left: 665px;
        width: 50px;
    }
    .aligera-logo-full-nobg-1-icon {
        position: absolute;
        top: 260px;
        left: 305px;
        width: 99.7px;
        height: 132px;
        object-fit: cover;
        z-index: 1;
    }
    .data-receiver {
        height: 714px;
        flex: 1;
        position: relative;
        min-width: 476px;
        max-width: 100%;
    }
    .data-storage-child {
        align-self: stretch;
        height: 36.8px;
        position: relative;
        border-radius: var(--br-21xl);
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        object-fit: contain;
    }
    .data-storage {
        height: 372px;
        width: 103px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 0 372px;
        box-sizing: border-box;
    }
    .nete-a-nuestra {
        margin: 0;
        align-self: stretch;
        position: relative;
        font-size: inherit;
        font-weight: 700;
        font-family: "Century Gothic";
    }
    .mask-group-icon2 {
        height: 100%;
        width: 100%;
        position: absolute;
        margin: 0 !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }
    .registra-planetas{
        background-color: white;
        border-radius: 12px;
        border-color:white !important;
        padding:10px;
        border:none;
        display:flex;
        max-width: 250px;
    }

    .registra-tu-negocio1 {

        padding:5px;
        position: relative;
        text-transform: capitalize;
        color: #E83E8CFF;
        z-index: 1;
    }
    .data-validator {

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 9px 0 0;
    }
    .data-security,
    .data-security1 {
        position: absolute;
        top: 0;
        left: calc(50% - 3.5px);
        border-radius: var(--br-8xs);
        background-color: var(--ali2);
        width: 7px;
        height: 35px;
    }
    .data-security1 {
        top: 21px;
        left: calc(50% - 17.5px);
        transform: rotate(-90deg);
        transform-origin: 0 0;
        z-index: 1;
    }
    .data-security-parent {
        height: 35px;
        width: 35px;
        position: relative;
        z-index: 1;
    }
    .botton-registro,
    .data-decoder {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }
    .botton-registro {
        filter: drop-shadow(0 4px 15px rgba(0, 0, 0, 0.25));
        justify-content: flex-start;
        padding: var(--padding-3xs) 15px var(--padding-3xs) var(--padding-lg);
        position: relative;
        gap: var(--gap-base);
    }
    .data-decoder {
        align-self: stretch;
        justify-content: center;
        padding: 0 var(--padding-xl);
        text-align: left;
        font-size: var(--font-size-base);
        font-family: var(--font-century-gothic-pro);
    }
    .data-compressor,
    .data-expander {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
    .data-expander {
        align-self: stretch;
        align-items: flex-end;
        gap: 55px;
    }
    .data-compressor {
        width: 477px;
        align-items: flex-start;
        min-height: 433px;
        max-width: 100%;
        font-size: var(--font-size-17xl);
        font-family: var(--font-century-gothic);
    }
    .aunt-five-times-removed-nodes,
    .how-work-section {
        align-self: stretch;
        display: flex;
        justify-content: flex-start;
        box-sizing: border-box;
        max-width: 100%;
    }
    .how-work-section {
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        overflow: hidden;
        flex-direction: row;
        align-items: flex-end;
        padding: 52px 43px var(--padding-32xl) var(--padding-40xl);
        gap: 13px;
        margin-top: -8px;
        text-align: center;
        font-size: var(--font-size-base);
        color: var(--gray-50);
        font-family: var(--font-inter);
    }
    .aunt-five-times-removed-nodes {
        flex-direction: column;
        align-items: flex-start;
        padding: 0 0 0px;
        text-align: left;
        font-size: 42px;
        color: var(--gray-900);
        font-family: var(--font-century-gothic);
    }
    .title-catalogo {
        margin: 0;
        width: 185px;
        position: relative;

        font-weight: 400;
        font-family: inherit;
        display: inline-block;

    }

    .seccion-superior-catalogo{
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        padding: 0 var(--padding-xl);
    }
    .seccion-superior-catalogo2{
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        padding: 0 var(--padding-xl);
    }

    .parrafo-catalogo{

        font-weight: lighter;
        font-family:'Century Gothic';
        font-size: 20px;
    }
    .contenedor-botones3 {
        display: flex; /* Utiliza flexbox para alinear los botones */
    }



    .iconoCatal{
        width:25px;
    }
    .contenedor-buscador {
        height:50px;
        width: 100%;
        margin: 0 auto;
        display: flex;
        margin-bottom: 30px;
        padding-left: 5%;
        padding-right: 5%
    }
    .columna2 {
        float: left;
        display: flex;
    }
    .columna-izquierda {
        width: 100%;
    }

    .campo-busqueda {
        width: 85%;
        padding: 3px;
        font-family: "Century Gothic";
        border: 1px solid #E83E8C;
        border-radius: 10px 0 0 10px;
        font-size: 13px;
    }
    .campo-busqueda::placeholder {
        color: transparent; /* Oculta el color del texto del placeholder */
    }
    .campo-busqueda:focus {
        outline: none; /* Elimina el borde al estar activo */
    }
    .boton-categoria{
        background-color: #e83e8c;
        color: #fff;
        border: none;
        padding: 8px 12px;
        border-radius: 0px 10px 10px 0px;
        cursor: pointer;
        display: flex;
        align-items: center;
        font-size:15px; /* Oculta el texto del botón */
        font-family: "Century Gothic";
        position: relative;
    }
    .boton-buscar {
        background-color: #e83e8c;
        color: #fff;
        border: none;
        padding: 8px 12px;
        border-radius: 0 10px 10px 0;
        cursor: pointer;
        display: flex;
        align-items: center;
        font-size: 0; /* Oculta el texto del botón */
        width: 15%;
    }

    .data-queue {
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        padding: 0 var(--padding-xl);
    }

    .data-sync {
        width: 610px;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-start;
        gap: 25px;
        max-width: 100%;
    }
    .data-transfer {

        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        padding: 0 var(--padding-xl) 8px;
        box-sizing: border-box;
        text-align: center;
        font-size: var(--font-size-29xl);
        font-family: var(--font-open-sans);
    }
    .whatever-happens-im-ready-to-f-icon {
        align-self: stretch;
        height: 356px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        object-fit: cover;
    }
    .founder,
    .joe-bridges {
        position: relative;
        letter-spacing: -0.5px;
        line-height: 32px;
    }
    .founder {
        font-size: var(--font-size-mid);
        letter-spacing: -0.2px;
        line-height: 29px;
        color: var(--color-gray-200);
        mix-blend-mode: normal;
    }
    .data-matrix,
    .data-stream {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-9xs);
    }
    .data-stream {
        flex: 1;
        gap: var(--gap-12xl);
    }
    .well-im-not-in-the-mood-for-an-icon {
        align-self: stretch;
        height: 356px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        object-fit: cover;
    }
    .jeffrey-walters {
        position: relative;
        letter-spacing: -0.5px;
        line-height: 32px;
    }
    .cheif-executive-offi {
        position: relative;
        font-size: var(--font-size-mid);
        letter-spacing: -0.2px;
        line-height: 29px;
        color: var(--color-gray-200);
        mix-blend-mode: normal;
    }
    .data-stream1,
    .jeffrey-walters-parent {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-9xs);
    }
    .data-stream1 {
        flex: 1;
        gap: var(--gap-12xl);
    }
    .ready-for-a-date-icon {
        align-self: stretch;
        height: 356px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        object-fit: cover;
    }
    .jason-reed {
        position: relative;
        letter-spacing: -0.5px;
        line-height: 32px;
    }
    .chief-technology-off {
        position: relative;
        font-size: var(--font-size-mid);
        letter-spacing: -0.2px;
        line-height: 29px;
        color: var(--color-gray-200);
        mix-blend-mode: normal;
    }
    .data-stream2,
    .jason-reed-parent {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-9xs);
    }
    .data-stream2 {
        flex: 1;
        gap: var(--gap-12xl);
    }
    .looking-at-the-day-ahead-icon {
        align-self: stretch;
        height: 356px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        object-fit: cover;
    }
    .nellie-padilla {
        position: relative;
        letter-spacing: -0.5px;
        line-height: 32px;
    }
    .creative-director {
        position: relative;
        font-size: var(--font-size-mid);
        letter-spacing: -0.2px;
        line-height: 29px;
        color: var(--color-gray-200);
        mix-blend-mode: normal;
    }
    .nellie-padilla-parent {
        flex-direction: column;
        gap: var(--gap-9xs);
    }
    .data-pool,
    .data-stream3,
    .nellie-padilla-parent {
        display: none;
    }
    .data-stream3 {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-12xl);
    }
    .data-pool {
        display: none;
    }
    .happiness-good-whiskey-a-good-icon {
        align-self: stretch;
        height: 356px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        object-fit: cover;
    }
    .dean-bell,
    .lead-programmer {
        position: relative;
        letter-spacing: -0.5px;
        line-height: 32px;
    }
    .lead-programmer {
        font-size: var(--font-size-mid);
        letter-spacing: -0.2px;
        line-height: 29px;
        color: var(--color-gray-200);
        mix-blend-mode: normal;
    }
    .image-processor,
    .number-formatter {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-9xs);
    }
    .number-formatter {
        gap: var(--gap-12xl);
    }
    .gonna-marry-a-woman-of-my-life-icon {
        align-self: stretch;
        height: 356px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        object-fit: cover;
    }
    .pearl-brooks {
        position: relative;
        letter-spacing: -0.5px;
        line-height: 32px;
    }
    .digital-marketer {
        position: relative;
        font-size: var(--font-size-mid);
        letter-spacing: -0.2px;
        line-height: 29px;
        color: var(--color-gray-200);
        mix-blend-mode: normal;
    }
    .number-formatter1,
    .pearl-brooks-parent {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-9xs);
    }
    .number-formatter1 {
        gap: var(--gap-12xl);
    }
    .thoughtful-handsome-young-man-icon {
        align-self: stretch;
        height: 356px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        object-fit: cover;
    }
    .isaiah-griffin,
    .ux-designer {
        position: relative;
        letter-spacing: -0.5px;
        line-height: 32px;
    }
    .ux-designer {
        font-size: var(--font-size-mid);
        letter-spacing: -0.2px;
        line-height: 29px;
        color: var(--color-gray-200);
        mix-blend-mode: normal;
    }
    .isaiah-griffin-parent {
        display: flex;
        flex-direction: column;
        gap: var(--gap-9xs);
    }
    .isaiah-griffin-parent,
    .number-formatter2,
    .text-parser {
        align-items: flex-start;
        justify-content: flex-start;
    }
    .number-formatter2 {
        display: flex;
        flex-direction: column;
        gap: var(--gap-12xl);
    }
    .text-parser {
        flex: 1;
        display: grid;
        flex-direction: row;
        gap: var(--gap-11xl);
        max-width: 100%;
        grid-template-columns: repeat(3, minmax(200px, 1fr));
    }
    .interested-to-join,
    .our-team {
        margin: 0;
    }
    .interested-to-join-container {
        margin: 0;
        position: relative;
        font-size: inherit;
        letter-spacing: -0.5px;
        line-height: 34px;
        font-weight: 700;
        font-family: inherit;
    }
    .button-name {
        flex: 1;
        position: relative;
        letter-spacing: -1.2px;
        line-height: 32px;
    }
    .tail-right-icon {
        width: 13px;
        height: 11.3px;
        position: relative;
    }
    .variable-node {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: var(--padding-3xs) 0 0;
    }
    .button-1,
    .button-solid-style-03 {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }
    .button-1 {
        flex: 1;
        overflow: hidden;
        align-items: flex-start;
        padding: 0 var(--padding-12xs) 0 0;
        gap: 1px;
    }
    .button-solid-style-03 {
        width: 130px;
        height: 32px;
        align-items: flex-end;
        padding: 0 var(--padding-12xs) var(--padding-12xs) 0;
        box-sizing: border-box;
        font-size: var(--font-size-2xl);
        color: #473bf0;
    }
    .if-node {
        flex-direction: column;
        gap: var(--gap-5xl);
    }
    .if-node,
    .loop-node,
    .value-filter {
        display: none;
    }
    .loop-node {
        flex-direction: column;
        padding: 115px 0 0;
        font-size: 24px;
    }
    .value-filter {
        width: 1115px;
        flex-direction: row;
        gap: 69px;
    }
    .data-restore-child {
        display: none;
    }
    .seccionCatalogo,
    .data-restore {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        box-sizing: border-box;
        max-width: 100%;

        display: flex;
        flex-direction: column; /* Cambia el orden a vertical */
        align-items: center; /* Centra los elementos horizontalmente */
        justify-content: flex-start; /* Alinea los elementos hacia arriba */
        box-sizing: border-box;
        max-width: 100%;
        overflow-x: hidden; /* Oculta el desplazamiento horizontal */
    }
    .data-restore {
        width:90%;
        flex-shrink: 0;
        flex-direction: column;
        position: relative;
        gap: var(--gap-41xl);
    }
    .seccionCatalogo {
        width: 100% ;
        font-size: var(--font-size-2xl);
        color: var(--color-gray-100);
        font-family: var(--font-gilroy);
        min-height: 550px;
    }
    .rocky-dixon {
        margin: 0;
        position: relative;
        font-size: inherit;
        font-weight: 700;
        font-family: inherit;
        z-index: 2;
    }
    .composite-node {
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
    }
    .subtract-icon,
    .wrapper-subtract {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        z-index: 1;
    }
    .subtract-icon {
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
        object-fit: contain;
        top: 6px;
        transform: scale(1.273);
    }
    .wrapper-subtract {
        top: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .quote-1-icon {
        position: absolute;
        top: 18px;
        left: 18.3px;
        width: 43.8px;
        height: 43px;
        overflow: hidden;
        z-index: 2;
    }
    .parallel-node {
        width: 100%;
        height: 100%;
        position: absolute;
        margin: 0 !important;
        top: 0;
        right: 0.2px;
        bottom: 0;
        left: -0.2px;
    }
    .assignment-node,
    .the-features-on {
        align-self: stretch;
        position: relative;
    }
    .the-features-on {
        margin: 0;
        font-size: var(--font-size-3xl);
        line-height: 160.69%;
        font-weight: 400;
        font-family: inherit;
        color: #3c405f;
        text-align: center;
        z-index: 2;
    }
    .assignment-node {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: var(--padding-40xl) 43.29999999999998px 45px 43.79999999999998px;
        gap: var(--gap-2xs);
    }
    .array-node-icon,
    .mapa-mundi-icon {
        position: absolute;
        top: 0;
        left: -162px;
        width: 1652px;
        height: 694.6px;
    }
    .array-node-icon {
        width: 100%;
        height: 100%;
        z-index: 1;
        object-fit: contain;
        left: 0;
        top: 12px;
        transform: scale(1.48);
    }
    .wrapper-array-node {
        position: absolute;
        top: 369px;
        left: 1164.5px;
        border-radius: 50%;
        width: 101.8px;
        height: 100px;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .array-node-icon1 {
        width: 100%;
        height: 100%;
        z-index: 1;
        object-fit: contain;
        position: absolute;
        left: 0;
        top: 12px;
        transform: scale(1.48);
    }
    .array-node-icon2,
    .wrapper-array-node1 {
        position: absolute;
        border-radius: 50%;
        width: 101.8px;
        height: 100px;
    }
    .wrapper-array-node1 {
        top: 370px;
        left: 162.4px;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .array-node-icon2 {
        top: 118px;
        left: 653.3px;
        object-fit: cover;
        z-index: 2;
    }
    .array-node-icon3 {
        width: 100%;
        height: 100%;
        z-index: 1;
        object-fit: contain;
        position: absolute;
        left: 0;
        top: 12px;
        transform: scale(1.738);
    }
    .wrapper-array-node2 {
        position: absolute;
        top: 94px;
        left: 289.7px;
        border-radius: 50%;
        width: 66.2px;
        height: 65px;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .array-node-icon4 {
        width: 100%;
        height: 100%;
        z-index: 1;
        object-fit: contain;
        position: absolute;
        left: 0;
        top: 12px;
        transform: scale(1.738);
    }
    .wrapper-array-node3 {
        position: absolute;
        top: 98px;
        left: 1052.5px;
        border-radius: 50%;
        width: 66.2px;
        height: 65px;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .array-node-icon5 {
        width: 100%;
        height: 100%;
        z-index: 1;
        object-fit: contain;
        position: absolute;
        left: 0;
        top: 12px;
        transform: scale(1.558);
    }
    .wrapper-array-node4 {
        position: absolute;
        top: 578px;
        left: 422.1px;
        border-radius: 50%;
        width: 87.6px;
        height: 86px;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .array-node-icon6 {
        width: 100%;
        height: 100%;
        z-index: 1;
        object-fit: contain;
        position: absolute;
        left: 0;
        top: 12px;
        transform: scale(1.558);
    }
    .wrapper-array-node5 {
        position: absolute;
        top: 578px;
        left: 940.5px;
        border-radius: 50%;
        width: 87.6px;
        height: 86px;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .matrix-node {
        width: 1440px;
        height: 694.6px;
        position: absolute;
        margin: 0 !important;
        right: -469.6px;
        bottom: -281.6px;
    }
    .error-handler,
    .function-call-node {
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        max-width: 100%;
    }
    .function-call-node {
        width: 512.4px;
        flex-direction: column;
        padding: 0 var(--padding-xl) 0 0;
        position: relative;
    }
    .error-handler {
        width: 1002.2px;
        flex-direction: row;
        padding: 0 0 580px var(--padding-xl);
        text-align: left;
        font-size: 26px;
        color: #2d3150;
        font-family: var(--font-nunito-sans);
    }
    .tile-precios {
        margin: 0;
        height: 44px;
        position: relative;
        font-size: inherit;
        font-weight: 700;
        font-family: Century Gothic Pro;
        display: inline-block;
    }
    .heap-node {
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        padding: 0 var(--padding-xl);
    }
    .subtitle-precios {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-base);
        line-height: 27px;
        font-family: var(--font-inter);
        text-align: center;
    }
    .priority-queue-node,
    .queue-node {
        display: flex;
        align-items: flex-start;
        max-width: 100%;
    }
    .priority-queue-node {
        width: 558px;
        flex-direction: column;
        justify-content: flex-start;
        gap: var(--gap-2xs);
    }
    .queue-node {
        align-self: stretch;
        flex-direction: row;
        justify-content: center;
        padding: 0 var(--padding-xl);
        box-sizing: border-box;
    }
    .cluster-node {
        height: 100%;
        width: 100%;
        position: absolute;
        margin: 0 !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: var(--br-3xs);
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
    }
    .monthly2 {
        flex: 1;
        position: relative;
        font-size: var(--font-size-base);
        line-height: 27px;
        font-family: var(--font-inter);
        color: var(--white);
        text-align: center;
        z-index: 1;
    }
    .cluster-node-parent {
        cursor: pointer;
        border: 0;
        padding: var(--padding-3xs) var(--padding-5xl) var(--padding-2xs) 23px;
        background-color: transparent;
        flex: 1;
        box-shadow: 3px 2px 8px rgba(232, 62, 140, 0.25);
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        position: relative;
    }
    .frame-child2 {
        height: 100%;
        width: 100%;
        position: absolute;
        margin: 0 !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: var(--br-3xs);
        filter: drop-shadow(3px 2px 8px rgba(0, 0, 0, 0.1));
    }
    .monthly3 {
        flex: 1;
        position: relative;
        line-height: 27px;
        z-index: 1;
    }
    .group-div {
        flex: 0.6866;
        justify-content: flex-start;
        padding: var(--padding-3xs) var(--padding-16xl) var(--padding-2xs)
        var(--padding-14xl);
        position: relative;
    }
    .group-div,
    .switch-button-precios,
    .tree-node {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }
    .switch-button-precios {
        width: 251px;
        border-radius: var(--br-sm);
        background-color: var(--white);
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
        border: 1px solid var(--gray-300);
        box-sizing: border-box;
        justify-content: flex-start;
        padding: var(--padding-8xs);
        gap: var(--gap-2xs);
    }
    .tree-node {
        align-self: stretch;
        justify-content: center;
        padding: 0 var(--padding-xl);
    }
    .dijkstra-node,
    .lite {
        position: relative;
        text-transform: capitalize;
        font-weight: 900;
    }
    .lite {
        margin: 0;
        font-size: inherit;
        font-family: inherit;
    }
    .dijkstra-node {
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        white-space: nowrap;
    }
    .al-mes {
        align-self: stretch;
        position: relative;
        font-weight: 500;
    }
    .priority-queue-node1,
    .shortest-path-node {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .priority-queue-node1 {
        width: 45px;
        flex-direction: column;
        padding: var(--padding-10xl) 0 0;
        box-sizing: border-box;
        text-align: center;
        font-size: var(--font-size-xs);
    }
    .shortest-path-node {
        flex-direction: row;
        gap: var(--gap-11xs);
        font-size: var(--font-size-29xl);
        color: var(--color-slategray);
    }
    .check-icon {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .perfil-del-negocio {
        flex: 1;
        position: relative;
    }
    .connection-handler {
        width: 169px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-base);
    }
    .perfil-de-tu1 {
        flex: 1;
        position: relative;
        line-height: 16px;
    }
    .connection-handler-parent,
    .splitter {
        align-self: stretch;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .splitter {
        flex-direction: row;
        padding: 0 0 0 var(--padding-16xl);
        text-align: left;
        font-size: var(--font-size-3xs);
        color: var(--gray-600);
    }
    .connection-handler-parent {
        flex-direction: column;
        gap: var(--gap-10xs);
    }
    .check-icon1 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .men-digital-pdf {
        flex: 1;
        position: relative;
    }
    .check-parent {
        width: 176px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-base);
    }
    .men-en-formato {
        flex: 1;
        position: relative;
        line-height: 16px;
    }
    .frame-parent,
    .men-en-formato-pdf-wrapper,
    .text-processor {
        align-self: stretch;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .men-en-formato-pdf-wrapper {
        flex-direction: row;
        padding: 0 0 0 var(--padding-16xl);
        text-align: left;
        font-size: var(--font-size-3xs);
        color: var(--gray-600);
    }
    .frame-parent,
    .text-processor {
        flex-direction: column;
        gap: var(--gap-10xs);
    }
    .text-processor {
        gap: var(--gap-xs);
    }
    .check-icon2 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .catlogo1 {
        flex: 1;
        position: relative;
    }
    .iteration-node {
        width: 103px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-base);
    }
    .tu-negocio-tendr {
        flex: 1;
        position: relative;
        line-height: 16px;
    }
    .tu-negocio-tendr-una-posicin-wrapper {
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 0 0 var(--padding-16xl);
        text-align: left;
        font-size: var(--font-size-3xs);
        color: var(--gray-600);
    }
    .iteration-node-parent,
    .text-processor-parent {
        align-self: stretch;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .iteration-node-parent {
        gap: var(--gap-10xs);
    }
    .text-processor-parent {
        gap: 28px;
        text-align: center;
        font-size: var(--font-size-base);
        color: var(--gray-900);
    }
    .comenzar {
        position: relative;
        font-size: var(--font-size-sm);
        text-transform: capitalize;
        font-family: var(--font-century-gothic-pro);
        color: var(--orange-50);
        text-align: left;
    }
    .delay-node,
    .seccion-free,
    .vertex-node {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .delay-node {
        cursor: pointer;
        border: 0;
        padding: var(--padding-sm) var(--padding-55xl);
        background-color: transparent;
        border-radius: var(--br-xs);
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        flex-direction: row;
    }
    .seccion-free,
    .vertex-node {
        flex-direction: column;
    }
    .seccion-free {
        align-self: stretch;
        border-radius: var(--br-lg);
        background-color: var(--white);
        border: 2px solid var(--color-hotpink-100);
        padding: var(--padding-13xl) var(--padding-11xl);
        gap: var(--gap-5xl);
    }
    .vertex-node {
        width: 283px;
        padding: 127px 0 0;
        box-sizing: border-box;
    }
    .bsico {
        margin: 0;
        position: relative;
        font-size: inherit;
        text-transform: capitalize;
        font-weight: 900;
        font-family: inherit;
    }
    .star-icon {
        height: 11px;
        width: 11px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .popular {
        position: relative;
        text-transform: capitalize;
    }
    .for-loop-node {
        border-radius: 4px;
        background-color: rgba(111, 66, 193, 0.25);
        flex-direction: row;
        padding: var(--padding-9xs) var(--padding-3xs);
        gap: 5px;
    }
    .for-loop-node,
    .group-node,
    .while-loop-node {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .while-loop-node {
        flex-direction: column;
        padding: var(--padding-xs) 0 0;
        font-size: var(--font-size-3xs);
    }
    .group-node {
        align-self: stretch;
        flex-direction: row;
        gap: 34px;
    }
    .default-node {
        position: relative;
        text-transform: capitalize;
        font-weight: 900;
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        white-space: nowrap;
    }
    .al-mes1 {
        align-self: stretch;
        position: relative;
        font-weight: 500;
    }
    .case-node,
    .priority-queue-node2 {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .priority-queue-node2 {
        width: 45px;
        flex-direction: column;
        padding: var(--padding-10xl) 0 0;
        box-sizing: border-box;
        text-align: center;
        font-size: var(--font-size-xs);
    }
    .case-node {
        flex-direction: row;
        gap: var(--gap-11xs);
        font-size: var(--font-size-29xl);
        color: var(--color-slategray);
    }
    .check-icon3 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .perfil-del-negocio1 {
        flex: 1;
        position: relative;
    }
    .assign-node {
        width: 170px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-mid);
    }
    .lorem-ipsum-dolor {
        flex: 1;
        position: relative;
        line-height: 16px;
    }
    .assign-node-parent,
    .update-node {
        align-self: stretch;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .update-node {
        flex-direction: row;
        padding: 0 0 0 var(--padding-16xl);
        text-align: left;
        font-size: var(--font-size-3xs);
        color: var(--gray-600);
    }
    .assign-node-parent {
        flex-direction: column;
        gap: var(--gap-10xs);
    }
    .check-icon4 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .men-digital-dinmico {
        flex: 1;
        position: relative;
    }
    .check-group {
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-mid);
    }
    .men-digital-en {
        flex: 1;
        position: relative;
        line-height: 16px;
    }
    .frame-container,
    .men-digital-en-formato-pdf-o-wrapper {
        align-self: stretch;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .men-digital-en-formato-pdf-o-wrapper {
        flex-direction: row;
        padding: 0 0 0 var(--padding-16xl);
        font-size: var(--font-size-3xs);
        color: var(--gray-600);
    }
    .frame-container {
        flex-direction: column;
        gap: var(--gap-10xs);
        text-align: left;
    }
    .check-icon5 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .reservaciones-citas1 {
        width: 164px;
        position: relative;
        display: inline-block;
    }
    .reservas-citas {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-3xs);
        line-height: 16px;
        color: var(--gray-600);
        text-align: left;
    }
    .check-container,
    .reservaciones-citas-group {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .reservaciones-citas-group {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-10xs);
    }
    .check-container {
        align-self: stretch;
        flex-direction: row;
        gap: var(--gap-mid);
    }
    .check-icon6 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .catlogo2 {
        flex: 1;
        position: relative;
    }
    .frame-div {
        width: 104px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-mid);
    }
    .tu-negocio-tendr1 {
        flex: 1;
        position: relative;
        line-height: 16px;
    }
    .tu-negocio-tendr-una-posicin-container {
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 0 0 var(--padding-16xl);
        text-align: left;
        font-size: var(--font-size-3xs);
        color: var(--gray-600);
    }
    .frame-group,
    .frame-parent1 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .frame-parent1 {
        align-self: stretch;
        gap: var(--gap-10xs);
    }
    .frame-group {
        width: 219px;
        padding: 0 0 0.09999999999990904px;
        box-sizing: border-box;
        gap: var(--gap-xs);
        text-align: center;
        font-size: var(--font-size-base);
        color: var(--gray-900);
    }
    .comenzar1 {
        position: relative;
        font-size: var(--font-size-sm);
        text-transform: capitalize;
        font-family: var(--font-century-gothic-pro);
        color: var(--orange-50);
        text-align: left;
    }
    .array-node,
    .random-node,
    .seccion-premium {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .array-node {
        cursor: pointer;
        border: 0;
        padding: var(--padding-sm) var(--padding-55xl);
        background-color: transparent;
        border-radius: var(--br-xs);
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        flex-direction: row;
    }
    .random-node,
    .seccion-premium {
        flex-direction: column;
    }
    .seccion-premium {
        align-self: stretch;
        border-radius: var(--br-lg);
        background-color: var(--white);
        box-shadow: 0 24px 40px rgba(232, 62, 140, 0.25);
        border: 2px solid var(--color-hotpink-100);
        padding: var(--padding-18xl) var(--padding-11xl);
        gap: 23.966666666666697px;
    }
    .random-node {
        flex: 1;
        padding: var(--padding-13xl) 0 0;
        box-sizing: border-box;
        min-width: 191px;
    }
    .premiun,
    .stack-node1 {
        position: relative;
        text-transform: capitalize;
        font-weight: 900;
    }
    .premiun {
        margin: 0;
        font-size: inherit;
        font-family: inherit;
    }
    .stack-node1 {
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        white-space: nowrap;
    }
    .al-mes2 {
        align-self: stretch;
        position: relative;
        font-weight: 500;
    }
    .priority-queue-node3,
    .queue-node1 {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .priority-queue-node3 {
        width: 45px;
        flex-direction: column;
        padding: var(--padding-10xl) 0 0;
        box-sizing: border-box;
        text-align: center;
        font-size: var(--font-size-xs);
    }
    .queue-node1 {
        align-self: stretch;
        flex-direction: row;
        gap: var(--gap-10xs);
        font-size: var(--font-size-29xl);
        color: var(--color-slategray);
    }
    .check-icon7 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .local-delivery {
        width: 105px;
        position: relative;
        display: inline-block;
    }
    .lorem-ipsum-dolor1 {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-3xs);
        line-height: 16px;
        color: var(--gray-600);
        text-align: left;
    }
    .check-parent1,
    .local-delivery-parent {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .local-delivery-parent {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-10xs);
    }
    .check-parent1 {
        align-self: stretch;
        flex-direction: row;
        gap: var(--gap-mid);
    }
    .check-icon8 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .local-delivery1 {
        width: 105px;
        position: relative;
        display: inline-block;
    }
    .lorem-ipsum-dolor2 {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-3xs);
        line-height: 16px;
        color: var(--gray-600);
        text-align: left;
    }
    .check-parent2,
    .local-delivery-group {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .local-delivery-group {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-10xs);
    }
    .check-parent2 {
        align-self: stretch;
        flex-direction: row;
        gap: var(--gap-mid);
    }
    .check-icon9 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .local-delivery2 {
        width: 105px;
        position: relative;
        display: inline-block;
    }
    .lorem-ipsum-dolor3 {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-3xs);
        line-height: 16px;
        color: var(--gray-600);
        text-align: left;
    }
    .check-parent3,
    .local-delivery-container {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .local-delivery-container {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-10xs);
    }
    .check-parent3 {
        align-self: stretch;
        flex-direction: row;
        gap: var(--gap-mid);
    }
    .check-icon10 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .local-delivery3 {
        width: 105px;
        position: relative;
        display: inline-block;
    }
    .lorem-ipsum-dolor4 {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-3xs);
        line-height: 16px;
        color: var(--gray-600);
        text-align: left;
    }
    .check-parent4,
    .local-delivery-parent1 {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .local-delivery-parent1 {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-10xs);
    }
    .check-parent4 {
        align-self: stretch;
        flex-direction: row;
        gap: var(--gap-mid);
    }
    .check-icon11 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .local-delivery4 {
        width: 105px;
        position: relative;
        display: inline-block;
    }
    .lorem-ipsum-dolor5 {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-3xs);
        line-height: 16px;
        color: var(--gray-600);
        text-align: left;
    }
    .local-delivery-parent2 {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-10xs);
    }
    .check-parent5,
    .local-delivery-parent2,
    .min-heap-node {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .check-parent5 {
        align-self: stretch;
        flex-direction: row;
        gap: var(--gap-mid);
    }
    .min-heap-node {
        width: 219px;
        flex-direction: column;
        gap: var(--gap-xs);
        text-align: center;
        font-size: var(--font-size-base);
        color: var(--gray-900);
    }
    .comenzar2 {
        position: relative;
        font-size: var(--font-size-sm);
        text-transform: capitalize;
        font-family: var(--font-century-gothic-pro);
        color: var(--orange-50);
        text-align: left;
    }
    .hash-table-node {
        cursor: pointer;
        border: 0;
        padding: var(--padding-sm) var(--padding-55xl);
        background-color: transparent;
        border-radius: var(--br-xs);
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        flex-direction: row;
        justify-content: flex-start;
    }
    .edge-node,
    .hash-table-node,
    .seccion-basic {
        display: flex;
        align-items: flex-start;
    }
    .seccion-basic {
        flex: 0.7793;
        border-radius: var(--br-lg);
        background-color: var(--white);
        border: 2px solid var(--color-hotpink-100);
        box-sizing: border-box;
        flex-direction: column;
        justify-content: flex-start;
        padding: var(--padding-13xl) var(--padding-11xl);
        gap: var(--gap-5xl);
        min-width: 188px;
    }
    .edge-node {
        align-self: stretch;
        flex-direction: row;
        justify-content: center;
        gap: 74px;
        text-align: left;
        font-size: var(--font-size-17xl);
        color: var(--ali2);
    }
    .graph-node,
    .stack-node {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .graph-node {
        align-self: stretch;
        gap: var(--gap-5xl);
        text-align: center;
        font-size: var(--font-size-base);
        color: var(--gray-600);
        font-family: var(--font-inter);
    }
    .stack-node {
        width: 1035px;
        padding: 0 var(--padding-xl) 0 0;
        box-sizing: border-box;
        gap: var(--gap-29xl);
        max-width: 100%;
    }
    .contactanos-title,
    .set-node {
        font-size: var(--font-size-17xl);
        font-family: var(--font-century-gothic);
        text-align: left;
    }
    .set-node {
        width: 1244px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        padding: 0 0 305px var(--padding-xl);
        box-sizing: border-box;
        max-width: 100%;
        color: var(--gray-900);
    }
    .contactanos-title {
        margin: 0;
        height: 44px;
        position: relative;
        font-weight: 700;
        color:black;
        display: inline-block;
        font-family: Century Gothic Pro;
    }
    .contactanos-title-wrapper {
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        padding: 0 var(--padding-xl);
    }
    .sub-title1 {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-base);
        line-height: 27px;
        font-family: var(--font-inter);
        color: black;
        text-align: center;
    }
    .frame-parent2,
    .link-handler {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        max-width: 100%;
    }
    .frame-parent2 {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-2xs);
    }
    .link-handler {
        align-self: stretch;
        flex-direction: row;
        padding: 0 var(--padding-32xl);
        box-sizing: border-box;
    }
    .location-icon {
        height: 28.8px;
        width: 28.8px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
     /* Invierte el color a negro */

    }
    .tree-builder {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 var(--padding-9xl) 0 27.59999999999999px;
    }
    .street-2774-don {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-4xs-4);
        line-height: 8.08px;
        font-family: var(--font-inter);
        color: #B1B1B1;
        text-align: center;
    }
    .call-icon,
    .direccion-div {
        overflow: hidden;
        flex-shrink: 0;
    }
    .direccion-div img.pink, .email-div img.pink, .phone-div img.pink{ display: none;}
    .direccion-div:hover, .email-div:hover, .phone-div:hover{ background-color: #fff; }
    .direccion-div:hover .street-2774-don, .email-div:hover .infoaligeraprcom,.phone-div:hover .data-transformer{color:var(--ali2);}
    .direccion-div:hover img.pink, .email-div:hover img.pink, .phone-div:hover img.pink{ display: block;}
    .direccion-div:hover img.white, .email-div:hover img.white, .phone-div:hover img.white{ display: none;}

    .direccion-div {
        width: 160.5px;
        border-radius: 4.79px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 9.599999999999907px 38.19999999999999px 9.599999999999907px
        38.30000000000001px;
        box-sizing: border-box;
        gap: 7.199999999999818px;
        border-radius: 13x;
    }
    .call-icon {
        height: 28.7px;
        width: 28.8px;
        position: relative;
    }
    .sequence-processor {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 var(--padding-lg) 0 var(--padding-lgi);
    }
    .data-transformer {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-4xs-4);
        line-height: 8.08px;
        font-family: var(--font-inter);
        color:#B1B1B1;
        text-align: center;
    }
    .message-icon,
    .phone-div {
        overflow: hidden;
        flex-shrink: 0;
    }
    .phone-div {
        cursor: pointer;
        border: 0;
        padding: 9.299999999999727px 34.29999999999999px 9.300000000000182px;
        /*ackground-color: var(--white);*/
        width: 134.7px;
        border-radius: 4.79px;
        /*box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);*/
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-start;
        box-sizing: border-box;
        gap: 7.200000000000273px;

    }

    .message-icon {
        height: 28.8px;
        width: 28.8px;
        position: relative;
    }
    .message-wrapper {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 var(--padding-13xl) 0 32.099999999999994px;
    }
    .infoaligeraprcom {
        align-self: stretch;
        position: relative;
        font-size: 9.6px;
        line-height: 8.08px;
        font-family: var(--font-inter);
        color:#B1B1B1;
        text-align: center;
        white-space: nowrap;
    }
    .email-div {
        flex: 1;
        border-radius: 4.79px;
        overflow: hidden;
        flex-direction: column;
        padding: 9.299999999999727px 39.400000000000006px 9.300000000000182px;
        box-sizing: border-box;
        gap: 7.199999999999818px;
        min-width: 112px;
    }
    .div-row,
    .email-div,
    .image-analyzer {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .div-row {
        align-self: stretch;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 23.450000000000003px;
    }
    .image-analyzer {
        width: 514px;
        flex-direction: column;
        gap: 32.40000000000009px;
        max-width: 100%;
    }
    .christian-bal,
    .name {
        font-family: var(--font-inter);
        font-size: var(--font-size-base);
        position: relative;
        text-align: left;
        display: inline-block;
    }
    .name {
        width: 52px;
        font-weight: 500;
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .email {
        width: 47.7px;
        font-weight: 500;
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }


    .label {
        position: relative;
        font-weight: 500;
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-align: left;
    }


    .data-merger3,
    .form {
        flex-direction: column;
        align-items: flex-start;
    }
    .data-merger3 {
        align-self: stretch;
        height: 164px;
        display: flex;
        justify-content: flex-start;
        gap: var(--gap-base);
    }
    .form {
        flex: 1;
        overflow: hidden;
    }
    .contact-us-section,
    .form,
    .signal-processor {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        box-sizing: border-box;
        max-width: 100%;
        align-items:center;
    }
    .signal-processor {
        width: 513px;
    }
    .contact-us-section {
        margin: 0;
        align-self: stretch;

        overflow: hidden;
        flex-direction: column;
        align-items: center;

    }
    .logo-icon1 {
        height: 33px;
        width: 163.9px;
    }
    .home,
    .logo-icon1 {
        position: relative;
    }
    .home-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 15.5px 0 0;
    }
    .services1 {
        position: relative;
    }
    .services-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 27.80000000000001px 0 0;
    }
    .pricing {
        position: relative;
    }
    .pricing-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 15.099999999999966px 0 0;
    }
    .contact-us,
    .faq {
        position: relative;
    }
    .frame-parent3,
    .frame-wrapper {
        display: flex;
        align-items: flex-start;
    }
    .frame-parent3 {
        align-self: stretch;
        flex-direction: row;
        justify-content: space-between;
        gap: var(--gap-xl);
    }
    .frame-wrapper {
        width: 582.4px;
        flex-direction: column;
        justify-content: flex-start;
        padding: 0 0 2px;
        box-sizing: border-box;
        max-width: 100%;
    }
    .logo-parent {
        width: 1134.4px;
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between;
        max-width: 100%;
        gap: var(--gap-xl);
    }
    .copyright-child,

    .copyright-child {
        height: 51px;
        width: 1440px;
        position: relative;
        background-color: var(--color-dimgray-100);
        border: 1px solid var(--color-dimgray-100);
        display: none;
    }
    .copyright-fast-delivery-compan {
        position: relative;
        font-weight: 300;
        white-space: pre-wrap;
        z-index: 1;
    }

    .landing-page-26 {
        display: flex;
        justify-content: center;
    }
    .copyright {
        align-self: stretch;
        background-color: var(--color-dimgray-100);
        border: 1px solid var(--color-dimgray-100);
        box-sizing: border-box;
        flex-direction: row;
        align-items: flex-start;
        margin-right: auto;
        margin-left: auto;
        max-width: 100%;
        font-size: var(--font-size-sm);
        color: var(--white);
        font-family: var(--font-open-sans);
    }

    .landing-page-26 {
        overflow: hidden;
        flex-direction: column;
    }

    .landing-page-26 {
        width: 100%;
        position: relative;
        background-color: var(--white);
        align-items: flex-end;
        letter-spacing: normal;
    }
    @media screen and (max-width: 1200px) {
        .leaf-node {
            flex: 1;
        }
        .branch-node {
            flex-wrap: wrap;
        }
        .img-icon {
            flex: 1;
        }
        .tree-structure {
            flex-wrap: wrap;
            /*gap: 64.5px 32px;*/ /*cambio 04-04-2024*/
        }
        .services {
            padding-top: 55px;
            padding-bottom: 50px;
            box-sizing: border-box;
        }
        .data-compressor {
            min-height: auto;
        }
        .how-work-section {
            flex-wrap: wrap;
        }
        .aunt-five-times-removed-nodes {
            box-sizing: border-box;
        }
        .data-restore {
            gap: 30px 60px;
            padding-bottom: 42px;
            box-sizing: border-box;
        }
        .seccionCatalogo,
        .set-node {
            padding-bottom: 203px;
            box-sizing: border-box;
        }
        .set-node {
            padding-bottom: 198px;
        }
        .copyright {

            box-sizing: border-box;
        }
    }
    @media screen and (max-width: 1050px) {
        .la-aplicacin-web {
            font-size: 50px;
            line-height: 56px;
        }
        .uncle-thrice-removed-nodes {
            padding-bottom: 216px;
            box-sizing: border-box;
        }
        .servicios1 {
            font-size: var(--font-size-10xl);
            font-weight: bold;
        }
        .function-caller {
            gap: 60px 30px;
        }
        .condition-checker {
            gap: 57px 30px;
        }
        .loop-control {
            min-width: 100%;
        }
        .nete-a-nuestra {
            font-size: var(--font-size-10xl);
        }
        .how-work-section {
            padding-bottom: var(--padding-14xl);
            box-sizing: border-box;
        }
        .aunt-five-times-removed-nodes {
            box-sizing: border-box;
        }
        .title-catalogo {
            font-size: var(--font-size-10xl);

            font-weight: bold;
            font-family: 'Century Gothic' !important;
        }
        .seccionCatalogo,
        .error-handler {
            padding-bottom: 132px;
            box-sizing: border-box;
        }
        .error-handler {
            padding-bottom: 377px;
        }
        .lite,
        .tile-precios {
            font-size: var(--font-size-10xl);
        }
        .dijkstra-node {
            font-size: var(--font-size-19xl);
        }
        .bsico {
            font-size: var(--font-size-10xl);
        }
        .default-node {
            font-size: var(--font-size-19xl);
        }
        .random-node {
            flex: 1;
        }
        .premiun {
            font-size: var(--font-size-10xl);
        }
        .stack-node1 {
            font-size: var(--font-size-19xl);
        }
        .seccion-basic {
            flex: 1;
        }
        .edge-node {
            flex-wrap: wrap;
            gap: 74px 37px;
        }
        .contactanos-title {
            font-size: var(--font-size-10xl);
            font-family: 'Century Gothic';
            font-weight: bold;
        }
        .contact-us-section {
            box-sizing: border-box;
        }
        .logo-parent {
            flex-wrap: wrap;
        }
    }
    @media screen and (max-width: 750px) {
        .cousin-nodes {
            padding-left: 38px;
            padding-right: var(--padding-18xl);
            box-sizing: border-box;
        }
        .aunt-nodes {
            flex-wrap: wrap;
            gap: 35px 17px;
        }
        .ancestor-node {
            padding-left: var(--padding-5xl);
            padding-right: var(--padding-5xl);
            box-sizing: border-box;
        }
        .parent-node {
            gap: 69px 137.5px;
        }
        .leaf-node {
            min-width: 100%;
        }
        .descendant-four-times-removed {
            padding-right: 170px;
            box-sizing: border-box;
        }
        .uncle-thrice-removed-nodes {
            gap: 164px 328px;
        }
        .descendant-twice-removed-nodes {
            min-width: 100%;
        }
        .branch-node {
            gap: 48px 24px;
        }
        .ancestor-six-times-removed-nod,
        .data-merger,
        .function-caller {
            flex-wrap: wrap;
        }
        .loop-control {
            padding-top: 73px;
            box-sizing: border-box;
        }
        .tree-structure {
            /*gap: 64.5px 16px;*/
        }
        .services {
            gap: 37px 75px;
            padding: 50px;
            box-sizing: border-box;
        }
        .data-receiver {
            min-width: 100%;
        }
        .data-expander {
            gap: 27px 55px;
        }
        .how-work-section {
            padding-left: var(--padding-10xl);
            padding-right: var(--padding-2xl);
            box-sizing: border-box;
        }
        .aunt-five-times-removed-nodes {
            padding-bottom: var(--padding-xl);
            box-sizing: border-box;
        }
        .text-parser {
            grid-template-columns: repeat(2, minmax(200px, 347px));
            justify-content: center;
        }
        .data-restore {
            padding-bottom: 27px;
            box-sizing: border-box;
        }
        .assignment-node {
            padding-left: 22px;
            padding-right: var(--padding-2xl);
            box-sizing: border-box;
        }
        .seccion-free {
            padding-top: var(--padding-2xl);
            padding-bottom: var(--padding-2xl);
            box-sizing: border-box;
        }
        .vertex-node {
            padding-top: 83px;
            box-sizing: border-box;
        }
        .seccion-basic,
        .seccion-premium {
            padding-top: var(--padding-5xl);
            padding-bottom: var(--padding-5xl);
            box-sizing: border-box;
        }
        .seccion-basic {
            padding-top: var(--padding-2xl);
            padding-bottom: var(--padding-2xl);
        }
        .edge-node {
            gap: 74px 18px;
        }
        .stack-node {
            gap: 24px 48px;
        }
        .set-node {
            padding-bottom: 129px;
            box-sizing: border-box;
        }
        .link-handler {
            padding-left: var(--padding-6xl);
            padding-right: var(--padding-6xl);
            box-sizing: border-box;
        }
        .image-analyzer {
            gap: 16px 32.40000000000009px;
        }
        .form {
            box-sizing: border-box;
        }

        .copyright {
            padding-left: var(--padding-124xl);
            padding-right: var(--padding-124xl);
            box-sizing: border-box;
        }

    }
    @media screen and (max-width: 450px) {
        .la-aplicacin-web {
            font-size: 37px;
            line-height: 42px;
        }
        .explora-nuestro-catlogo {
            font-size: var(--font-size-base);
            line-height: 22px;
        }
        .parent-node {
            gap: 34px 137.5px;
        }
        .descendant-four-times-removed {
            padding-right: var(--padding-xl);
            box-sizing: border-box;
        }
        .uncle-thrice-removed-nodes {
            gap: 82px 328px;
            padding-bottom: 140px;
            box-sizing: border-box;
        }
        .servicios1 {
            font-size: 25px;
        }
        .data-splitter,
        .data-splitter1,
        .data-splitter2,
        .data-splitter3 {
            flex-wrap: wrap;
            gap: 32px 16px;
        }
        .data-merger {
            gap: 50px 25px;
        }
        .condition-checker {
            gap: 60px 30px;
        }
        .services {
            gap: 19px 75px;
            padding-left: 50px;
            padding-right: 50px;
            box-sizing: border-box;
        }
        .data-storage {
            padding-bottom: 242px;
            box-sizing: border-box;
        }
        .nete-a-nuestra {
            font-size: var(--font-size-3xl);
        }
        .how-work-section {
            padding-bottom: var(--padding-2xl);
            box-sizing: border-box;
        }
        .title-catalogo {

        }
        .dean-bell,
        .isaiah-griffin,
        .jason-reed,
        .jeffrey-walters,
        .joe-bridges,
        .nellie-padilla,
        .pearl-brooks {
            font-size: var(--font-size-mid);
            line-height: 26px;
        }
        .text-parser {
            grid-template-columns: minmax(200px, 1fr);
        }
        .interested-to-join-container {
            font-size: var(--font-size-lgi);
            line-height: 27px;
        }
        .button-name {
            font-size: var(--font-size-mid);
            line-height: 26px;
        }
        .seccionCatalogo {
            padding-bottom: 86px;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: center;
            min-height: 550px;
        }
        .rocky-dixon {
            font-size: var(--font-size-2xl);
        }
        .the-features-on {
            font-size: var(--font-size-lg);
            line-height: 28px;
        }
        .error-handler {
            padding-bottom: 245px;
            box-sizing: border-box;
        }
        .lite,
        .tile-precios {
            font-family:'Century Gothic';
        }
        .dijkstra-node {
            font-size: var(--font-size-10xl);
        }
        .bsico {
            font-size: var(--font-size-3xl);
        }
        .default-node {
            font-size: var(--font-size-10xl);
        }
        .premiun {
            font-size: var(--font-size-3xl);
        }
        .stack-node1 {
            font-size: var(--font-size-10xl);
        }
        .contactanos-title {
            font-family:'Century Gothic';
        }
        .contact-us-section,
        .form {
            box-sizing: border-box;
        }
        .envio_form{
            border:none;
            width: 100%;
            margin-top:10px;
            background-color: #E83E8C;
            color:white;
            font-family: 'Century Gothic';
            font-weight: 550;
            border-radius:10px;
            padding: 8px 18px 8px 18px;
            font-size: 17px;
            width: 100%;
        }

        .faq {
            width: 100%;
            height: 18px;
        }
        .frame-parent3 {
            flex-wrap: wrap;
        }
        .copyright {
            padding-left: var(--padding-xl);
            padding-right: var(--padding-xl);
            box-sizing: border-box;
        }
        .boton3{ width: 100px; font-size: 15px}
    }
}
@media screen and (max-width: 530px) {.boton3{ width: 100px; font-size: 15px}}






@media only screen and (min-width: 769px) and (max-width: 1024px) {
    /* Estilos para pantallas de 769px a 1024px de ancho */
    :root {
        /* fonts */
        --font-open-sans: "Open Sans";
        --font-bebas-neue: "Bebas Neue";
        --font-inter: Inter;
        --font-century-gothic: "Century Gothic";
        --font-century-gothic-pro: "Century Gothic Pro";
        --font-nunito-sans: "Nunito Sans";
        --font-gilroy: Gilroy;
    }

    /* Estilos generales */
    body {
        font-family: Century Gothic Pro, Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0;
        background-color: #fff;


    }

    .contenedor {
        display: flex; /* Utilizamos flexbox para dividir en columnas */
        justify-content: space-between; /* Espacio entre las columnas */
        position: relative;
        z-index: 1;
        height: 100vh;
    }

    .columna {
        width: 50%; /* Las columnas ocupan el mismo espacio */
        background-color: #fff; /* Fondo blanco */
        margin: 0 0px; /* Margen entre columnas */
        font-size: xxx-large;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .columna .title,
    .columna p {
        text-align: start !important;
        font-weight: 100;
        padding-left: 0;
    }

    .cabecera {
        display: flex; /* Utilizamos flexbox para dividir en columnas */
        justify-content: space-between; /* Espacio entre las columnas */
        align-items: center;
        padding: 0px; /* Espacio alrededor del contenido */
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 1000;
        height: 60px;
    }
    .logo1 {
        padding-top:20px !important;
        flex:1;
        width: 15%; /* Las columnas ocupan el mismo espacio */
        align-items: end;
    }
    .logo1, .hamburguesa, #nav, .LOG {
        transition: all 0.3s ease; /* Transiciones suaves para cambios de tamaño y visibilidad */
    }
    .menu-movil {
        display: none; /* Oculto por defecto */}
    /* Estilos por defecto (pantallas más grandes) */
    #nav, .LOG {
        display: block; /* Asumimos que son visibles por defecto */
        box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.3);
    }

    .hamburguesa {
        display: none; /* Oculto por defecto */
    }
    .logoS {
        width: 150px; /* Establece el ancho de la imagen */
        height: auto; /* Mantiene la proporción de la imagen */
        border: px solid #007bff; /* Añade un borde azul */
        border-radius: 10px; /* Añade bordes redondeados */
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); /* Añade una sombra */
        filter: grayscale(0%); /* Aplica un efecto de escala de grises al 50% */
        opacity: 1; /* Reduce la opacidad */
        position: absolute;
        margin-top: 5px;
        padding-top: 30px !important;
        padding-left: 30px;
        top: 2px;
        left: 10px;
        bottom: 6px;
    }
    .btn{
        align-items: center;
        align-self: center;
        padding-right: 8px;
        width: 17px;
    }
    .LOG {
        height: 88px;
        width: 8%; /* Las columnas ocupan el mismo espacio */
        background-color: rgba(76, 76, 76, 0.92);
        text-align: center;
        border: none;
        padding: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 0px 0px 0px 40px;
    }

    .LOG a{
        color: #fff;
        font-size: large;
        /* font-weight: bold; */
        font-family: "Bebas Neue";
        padding-top: 28px;
    }


    nav {
        height: 88px;
        width: 38%;
        position: absolute;
        margin: 0 !important;
        top: 0;
        transform: translateX(-50%); /* Desplaza el elemento hacia atrás en la mitad de su ancho */
        left: calc(50%);
        border-radius: 0 0 40px 40px;
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        max-width: 100%;
        z-index: 1;
    }

    nav ul {
        width: 100%;
        list-style: none;
        padding: 10px;
        bottom: 0px;
        border-radius: 0px 0px 15px 15px;
        padding-left: 0px !important;
        padding-right: 0px !important;
        display: flex;
        justify-content: center;
        margin-right:0px !important;
        justify-content: space-evenly;

    }

    nav ul li {
        display: inline;
        margin: 5px 10px;
        font-size: 14px;
        padding-bottom: 20px;
        margin-bottom: 10px;
    }

    nav ul li a {
        text-decoration: none;
        color: #fff;
        font-weight: 550;
        padding: 1px;
        padding-bottom: 20px;
        font-family: "Bebas Neue";
        font-size: 20px;

    }
    nav ul li a.activo {
        text-decoration: underline; /* Subraya el enlace activo */
        text-decoration-color: #E83E8C;
        text-decoration-thickness: 1px;
    }
    .title {

        text-align: left !important;
        align-items: start;
        font-weight: 600;
    }
    section {
        text-align: center;
        padding: 50px 0;
    }
    .contenedor-botones {
        text-align: center; /* Centra los botones */
        display: flex;
        justify-content: start;
        padding-left: 0;
    }
    .boton {
        display: inline-block; /* Hace que los botones estén en línea */
        padding: 10px 30px 10px 30px; /* Espacio interno para el botón */
        margin: 0 5px; /* Margen entre los botones */
        background-image: linear-gradient( -45deg,#E83E8C, #6F42C1); /* Color de fondo del botón */
        color: #fff; /* Color del texto del botón */
        border: none; /* Elimina el borde del botón */
        border-radius: 10px; /* Borde redondeado del botón */
        text-decoration: none; /* Elimina subrayado */
        cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
        font-weight: bolder;
        font-weight: bolder;
        font-family: 'Century Gothic';
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
    }
    .boton1 {
        display: inline-block; /* Hace que los botones estén en línea */
        padding: 10px 20px; /* Espacio interno para el botón */
        margin: 0 5px; /* Margen entre los botones */
        background-image: linear-gradient( -45deg,#E83E8C, #6F42C1); /* Color de fondo del botón */
        color: #fff; /* Color del texto del botón */
        border: none; /* Elimina el borde del botón */
        border-radius: 10px; /* Borde redondeado del botón */
        text-decoration: none; /* Elimina subrayado */
        cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
        font-weight: bolder;
        font-family: 'Century Gothic';
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
    }
    .contenedor-botones2 {
        text-align: center; /* Centra los botones */
        /*background-image: url('img/qrcodespersonalizadoslandingpage.png');*/ /* revisar */
        background-size: contain;
        background-position: right; /* Centra la imagen en la sección */
        background-repeat: no-repeat; /* Evita que la imagen se repita */
        padding: 0px;
        z-index: 1;
        overflow: hidden; /* Esconde las partes del pseudo-elemento que se desborden */
        transition: opacity 1s ease-in-out; /* Suaviza el cambio de opacidad */
        background-attachment: fixed;
        top: -1%;
        left: 50%;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .contenedor-botones2::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: contain;
        background-position: right;
        opacity: 0; /* Inicia invisible */
        transition: opacity 1s ease-in-out, transform 1s ease-in-out; /* Transición suave para opacidad y deslizamiento */
    }

    .boton2 {
        float: left;
        clear: both;
        text-align: start;
        font-size: medium;
        font-weight: 500;
        width: max-content;
        /* width: 238px; */

        padding: 15px 20px; /* Espacio interno para el botón */
        margin: 10px auto; /* Margen para centrar verticalmente */
        background-color: #ffffff; /* Color de fondo del botón */
        color: #E83E8C; /* Color del texto del botón */
        border: none; /* Elimina el borde del botón */
        border-radius: 5px; /* Borde redondeado del botón */
        text-decoration: none; /* Elimina subrayado */
        cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
        z-index: 100;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4); /* Agrega sombra al botón */
        transition: transform 0.5s ease-in-out; /* Suaviza el movimiento del botón */
        font-style: italic;
    }

    .botones{
        display: flex;
        position: absolute; /* Posicionamiento absoluto respecto a su contenedor relativo */
        flex-direction: column;
        align-items: flex-start;
        top: 50%; /* Alineación vertical */
        left: 48%; /* Alineación horizontal */
        transform: translateY(-50%); /* Ajuste fino para centrado exacto */
        z-index: 1000;
        gap: 10px; /* Espaciado entre botones */
    }
    .boton-activo {
        transform: translateX(60px); /* Mueve el botón activo 30px a la derecha */
    }
    .cont-botones{
        width: 300px;
        text-align: left;
        /*display: flex;*/
        /*flex-direction: column;*/
        /*align-items: flex-start; !* Alinea los botones a la izquierda *!*/
        gap: 10px; /* Ajusta el espacio entre botones */
        transition: background-image 1s ease-in-out; /* Suaviza el cambio de fondo */
    }

    /* Media Query para pantallas de hasta 1200px */
    @media (max-width: 1200px) {
        .logoS{
            width: 90px;
            top: 2px;
            left: 5px;
        }
        nav {
            width: 45%; /* Aumenta el ancho en pantallas más pequeñas */
            height: 70px; /* Ajusta la altura si es necesario */
            background: linear-gradient(90deg, #e83e8c, #6f42c1); /* Cambia el gradiente para variar el diseño */
            border-radius: 0 0 30px 30px; /* Ajusta el borde redondeado */
        }

        nav ul li {
            display: inline;
            margin: 5px 10px;
            padding-bottom: 20px;
            margin-bottom: 10px;
        }
        nav ul li a {
            text-decoration: none;
            color: #fff;
            font-weight: 550;
            padding: 1px;
            padding-bottom: 20px;
            font-family: "Bebas Neue";
            font-size: 15px;
        }
        .LOG {
            width:10%;
            height: 88px !important;
            background-color: rgba(76, 76, 76, 0.92);
        }
        .LOG a{
            color: #fff;
            font-size: 16px;
            /* font-weight: bold; */
            font-family: "Bebas Neue";
            padding-top: 15px;
        }
        .title {
            text-align: left !important;
            align-items: start;
            font-weight: 600;
        }
        .subtitle {
            font-weight: 400;
            font-family: 'Bebas Neue' !important;
        }
        .btn{
            align-items: center;
            align-self: center;
            padding-right: 8px;
            width: 10px;
        }
        .boton {
            display: inline-block; /* Hace que los botones estén en línea */
            margin: 0 5px; /* Margen entre los botones */
            background-image: linear-gradient( -45deg,#E83E8C, #6F42C1); /* Color de fondo del botón */
            color: #fff; /* Color del texto del botón */
            border: none; /* Elimina el borde del botón */
            border-radius: 10px; /* Borde redondeado del botón */
            text-decoration: none; /* Elimina subrayado */
            cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
            font-weight: bolder;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
        }
        .boton1 {
            display: inline-block; /* Hace que los botones estén en línea */
            padding: 10px 20px; /* Espacio interno para el botón */
            margin: 0 5px; /* Margen entre los botones */
            background-image: linear-gradient( -45deg,#E83E8C, #6F42C1); /* Color de fondo del botón */
            color: #fff; /* Color del texto del botón */
            border: none; /* Elimina el borde del botón */
            border-radius: 10px; /* Borde redondeado del botón */
            text-decoration: none; /* Elimina subrayado */
            cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
            font-weight: bolder;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
        }
        .boton2 {
            float: left;
            clear: both;
            text-align: start;
            font-weight: 600;
            font-size: 12px;
            width: max-content;

            padding: 12px 16px; /* Espacio interno para el botón */
            margin: 10px auto; /* Margen para centrar verticalmente */
            background-color: #ffffff; /* Color de fondo del botón */
            color: #6F42C1; /* Color del texto del botón */
            border: none; /* Elimina el borde del botón */
            border-radius: 13px; /* Borde redondeado del botón */
            text-decoration: none; /* Elimina subrayado */
            cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
            z-index: 100;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4); /* Agrega sombra al botón */
            transition: transform 0.5s ease-in-out; /* Suaviza el movimiento del botón */
            font-style: italic;
            font-weight: 600;
        }

    }
    /* SERVICES */
    .services{
        z-index: 2000;
    }

    /* check box*/

    .switch-button {
        align-self: stretch;
        border-radius: var(--br-sm);
        background-color: var(--white);
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
        border: 1px solid var(--gray-300);
        flex-direction: row;
        padding: var(--padding-8xs);
        gap: var(--gap-2xs);
        z-index: 1;
    }
    .logic-gate-parent, .rectangle-parent {
        border-radius: var(--br-sm);
        padding: var(--padding-8xs);
        cursor: pointer;
        position: relative;
    }

    .logic-gate-parent.active .monthly, .rectangle-parent.active .monthly1 {
        color: white; /* Color del texto activo */
    }

    .logic-gate-parent.active .logic-gate, .rectangle-parent.active .frame-child {
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1); /* Fondo activo */
    }

    #restaurantesButton {
        background-color: #fff; /* Fondo blanco */
        color: #000; /* Letras oscuras */
    }
    .logic-gate {
        height: 100%;
        width: 100%;
        position: absolute;
        margin: 0 !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: var(--br-3xs);
        /* background: linear-gradient(269.92deg, #e83e8c, #6f42c1); */
    }
    .monthly {
        flex: 1;
        position: relative;
        font-size: var(--font-size-base);
        line-height: 27px;
        color: #4b5563;
        text-align: center;
        z-index: 1;
    }
    .logic-gate-parent {
        cursor: pointer;
        border: 0;
        padding: var(--padding-3xs) var(--padding-8xs) var(--padding-2xs)
        var(--padding-9xs);
        background-color: transparent;
        flex: 1;
        box-shadow: 3px 2px 8px rgba(232, 62, 140, 0.25);
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        position: relative;
    }
    .frame-child {
        height: 100%;
        width: 100%;
        position: absolute;
        margin: 0 !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: var(--br-3xs);
        filter: drop-shadow(3px 2px 8px rgba(0, 0, 0, 0.1));
    }
    .monthly1 {
        font-size: var(--font-size-base);
        flex: 1;
        position: relative;
        line-height: 27px;
        z-index: 1;
    }
    .rectangle-parent {
        flex: 0.419;
        flex-direction: row;
        padding: var(--padding-3xs) var(--padding-17xl) var(--padding-2xs) 34px;
        position: relative;
    }

    /*End Services*/

    /* How-work-section */
    .how-work-section{
        z-index: 3000;
    }


    /* Error-handler */
    .error-handler{
        z-index: 4000;
    }

    .landing-page-26{
        z-index: 4500;
    }
    .set-node{
        z-index: 5000;
    }

    .contact-us-section{
        z-index: 6000;
    }














    /*Aqui IA*/
    .logo-icon {
        width: 150px;
        /* height: 39.5px; */
        position: relative;
        object-fit: cover;
    }
    .la-aplicacin-web {
        margin: 0;
        align-self: stretch;
        position: relative;
        font-size: inherit;
        line-height: 70px;
        font-weight: 700;
        font-family: inherit;
    }
    .explora-nuestro-catlogo {
        flex: 1;
        position: relative;
        line-height: 28px;
    }
    .cousin-nodes {
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 var(--padding-55xl) 0 76px;
    }
    .mask-group-icon {
        height: 100%;
        width: 100%;
        position: absolute;
        margin: 0 !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }
    .ver-catlogo {
        position: relative;
        text-transform: capitalize;
        z-index: 1;
    }
    .botton-1 {
        filter: drop-shadow(0 4px 15px rgba(0, 0, 0, 0.25));
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        padding: var(--padding-lgi) 60px var(--padding-mid);
        position: relative;
    }
    .mask-group-icon1 {
        height: 100%;
        width: 100%;
        position: absolute;
        margin: 0 !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }
    .registra-tu-negocio {
        width: 232px;
        position: relative;
        text-transform: capitalize;
        display: inline-block;
        z-index: 1;
    }
    .uncle-once-removed-nodes {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: var(--padding-8xs) 0 0 0;
    }
    .ancestor-twice-removed-nodes,
    .ancestor-twice-removed-nodes1 {
        position: absolute;
        top: 0;
        left: calc(50% - 2.5px);
        border-radius: var(--br-8xs);
        background-color: var(--white);
        width: 5px;
        height: 25px;
    }
    .ancestor-twice-removed-nodes1 {
        top: 15px;
        left: calc(50% - 12.5px);
        transform: rotate(-90deg);
        transform-origin: 0 0;
        z-index: 1;
    }
    .ancestor-twice-removed-nodes-parent {
        height: 25px;
        width: 25px;
        position: relative;
        z-index: 2;
    }
    .mask-group-parent {
        flex: 1;
        filter: drop-shadow(0 4px 15px rgba(0, 0, 0, 0.25));
        flex-direction: row;
        padding: var(--padding-sm) var(--padding-base) var(--padding-base) 16.5px;
        box-sizing: border-box;
        position: relative;
        min-width: 172px;
    }
    .ancestor-node,
    .aunt-nodes,
    .descendant-nodes,
    .mask-group-parent {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .aunt-nodes {
        align-self: stretch;
        flex-direction: row;
        gap: 35px;
        font-size: var(--font-size-base);
        color: var(--orange-50);
        font-family: var(--font-century-gothic-pro);
    }
    .ancestor-node,
    .descendant-nodes {
        max-width: 100%;
    }
    .descendant-nodes {
        flex: 1;
        flex-direction: column;
        gap: 26px;
    }
    .ancestor-node {
        align-self: stretch;
        flex-direction: row;
        padding: 0 49px;
        box-sizing: border-box;
        font-size: var(--font-size-xl);
        color: var(--color-slategray);
        font-family: var(--font-open-sans);
    }
    .connected-nodes {
        flex: 1;
        flex-direction: column;
        gap: 21px;
    }
    .child-nodes,
    .connected-nodes,
    .leaf-node,
    .parent-node {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        max-width: 100%;
    }
    .child-nodes {
        align-self: stretch;
        flex-direction: row;
        padding: 0 0 0 3px;
        box-sizing: border-box;
    }
    .leaf-node,
    .parent-node {
        flex-direction: column;
    }
    .parent-node {
        align-self: stretch;
        gap: 137.5px;
    }
    .leaf-node {
        width: 627px;
        padding: var(--padding-17xl) 0 0;
        box-sizing: border-box;
        min-width: 627px;
    }
    .cousin-twice-removed-nodes {
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        background-color: var(--ali2);
        width: 100%;
        height: 100%;
    }
    .aligera-a-logo-nobg-1-icon {
        position: absolute;
        top: 5px;
        left: 6px;
        width: 18px;
        height: 19.6px;
        object-fit: cover;
        z-index: 1;
    }
    .uncle-four-times-removed-nodes {
        height: 30px;
        width: 30px;
        position: relative;
    }
    .qr-codes-personalizados {
        position: relative;
        font-size: var(--font-size-sm);
        font-family: var(--font-inter);
        color: var(--ali2);
        text-align: left;
    }
    .descendant-thrice-removed-node,
    .uncle-twice-removed-nodes {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: var(--padding-6xs-5) 0 0;
    }
    .uncle-twice-removed-nodes {
        cursor: pointer;
        border: 0;
        padding: var(--padding-sm) var(--padding-xl);
        background-color: var(--white);
        margin: 0 !important;
        position: absolute;
        top: 248px;
        left: -35px;
        border-radius: var(--br-mini);
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.5);
        flex-direction: row;
        gap: var(--gap-xl);
        z-index: 1;
    }
    .uncle-four-times-removed-nodes-child {
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        background-color: var(--color-mediumorchid);
        width: 100%;
        height: 100%;
    }
    .aligera-a-logo-nobg-3-icon {
        position: absolute;
        top: 5px;
        left: 6px;
        width: 18px;
        height: 19.6px;
        object-fit: cover;
        z-index: 1;
    }
    .uncle-four-times-removed-nodes1 {
        height: 30px;
        width: 30px;
        position: relative;
    }
    .reservaciones {
        position: relative;
        font-size: var(--font-size-sm);
        font-family: var(--font-inter);
        color: var(--color-mediumorchid);
        text-align: left;
    }
    .reservaciones-wrapper,
    .uncle-twice-removed-nodes1 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: var(--padding-6xs-5) 0 0;
    }
    .uncle-twice-removed-nodes1 {
        cursor: pointer;
        border: 0;
        padding: var(--padding-sm) var(--padding-xl);
        background-color: var(--white);
        margin: 0 !important;
        position: absolute;
        bottom: 248px;
        left: -35px;
        border-radius: var(--br-mini);
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.5);
        flex-direction: row;
        gap: var(--gap-xl);
        z-index: 1;
    }
    .uncle-four-times-removed-nodes-item {
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        background-color: var(--color-slateblue-100);
        width: 100%;
        height: 100%;
    }
    .aligera-a-logo-nobg-4-icon {
        position: absolute;
        top: 5px;
        left: 6px;
        width: 18px;
        height: 19.6px;
        object-fit: cover;
        z-index: 1;
    }
    .uncle-four-times-removed-nodes2 {
        height: 30px;
        width: 30px;
        position: relative;
    }
    .perfil-de-negocio {
        position: relative;
        font-size: var(--font-size-sm);
        font-family: var(--font-inter);
        color: var(--color-slateblue-100);
        text-align: left;
    }
    .perfil-de-negocio-wrapper,
    .uncle-twice-removed-nodes2 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: var(--padding-6xs-5) 0 0;
    }
    .uncle-twice-removed-nodes2 {
        cursor: pointer;
        border: 0;
        padding: var(--padding-sm) var(--padding-xl);
        background-color: var(--white);
        margin: 0 !important;
        position: absolute;
        top: 332px;
        left: -35px;
        border-radius: var(--br-mini);
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.5);
        flex-direction: row;
        gap: var(--gap-xl);
        z-index: 1;
    }
    .navbar-child {
        height: 2px;
        width: 40px;
        position: relative;
        display: none;
        z-index: 0;
    }
    .navbar-item {
        height: 88px;
        width: 505px;
        position: absolute;
        margin: 0 !important;
        top: 0;
        left: calc(50% - 252.5px);
        border-radius: 0 0 var(--br-21xl) var(--br-21xl);
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        max-width: 100%;
        z-index: 1;
    }
    .catlogo,
    .contctanos,
    .inicio,
    .precios,
    .servicios {
        position: relative;
        z-index: 1;
    }
    .contctanos {
        white-space: nowrap;
    }
    .navbar {
        width: 505px;
        margin: 0 !important;
        position: absolute;
        top: 0;
        left: -253px;
        border-radius: 0 0 var(--br-21xl) var(--br-21xl);
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        padding: var(--padding-13xl) var(--padding-16xl) var(--padding-13xl)
        var(--padding-18xl);
        box-sizing: border-box;
        gap: var(--gap-xl);
        max-width: 100%;
        z-index: 1;
        text-align: left;
        font-size: var(--font-size-xl);
        color: var(--white);
        font-family: var(--font-bebas-neue);
    }
    .landingpanaderia-1-icon {
        align-self: stretch;
        height: 806px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        object-fit: cover;
        display: none;
    }
    .login-child {
        width: 165px;
        height: 88px;
        position: relative;
        border-radius: 0 0 0 var(--br-21xl);
        background-color: var(--color-dimgray-200);
        backdrop-filter: blur(75px);
        display: none;
    }
    .log-in {
        position: relative;
        font-size: var(--font-size-xl);
        font-family: var(--font-bebas-neue);
        color: var(--white);
        text-align: left;
        z-index: 1;
    }
    .ancestor-four-times-removed-no {
        align-self: stretch;
        height: 2px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        z-index: 1;
    }
    .login {
        cursor: pointer;
        border: 0;
        padding: var(--padding-13xl) var(--padding-13xl) var(--padding-11xl)
        var(--padding-14xl);
        background-color: var(--color-dimgray-200);
        width: 165px;
        height: 88px;
        border-radius: 0 0 0 var(--br-21xl);
        backdrop-filter: blur(75px);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        box-sizing: border-box;
        gap: var(--gap-11xs);
        white-space: nowrap;
        z-index: 1;
    }
    .login:hover {
        background-color: rgba(115, 115, 115, 0.75);
    }
    .aunt-four-times-removed-nodes {
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        background-color: var(--color-mediumvioletred);
        width: 100%;
        height: 100%;
    }
    .aligera-a-logo-nobg-2-icon {
        position: absolute;
        top: 5px;
        left: 6px;
        width: 18px;
        height: 19.6px;
        object-fit: cover;
        z-index: 1;
    }
    .uncle-four-times-removed-nodes3 {
        height: 30px;
        width: 30px;
        position: relative;
    }
    .men-digital {
        position: relative;
    }
    .ancestor-five-times-removed-no,
    .sibling-four-times-removed-nod {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: var(--padding-6xs-5) 0 0;
    }
    .sibling-four-times-removed-nod {
        border-radius: var(--br-mini);
        background-color: var(--white);
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.5);
        flex-direction: row;
        padding: var(--padding-sm) var(--padding-xl);
        gap: var(--gap-xl);
        z-index: 1;
    }
    .descendant-four-times-removed {
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        padding: 0 341px 0 var(--padding-xl);
    }
    .uncle-thrice-removed-nodes {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-start;
        padding: 0 0 332px;
        box-sizing: border-box;
        gap: 328px;
        background-image: url('./public/landingpanaderia-1@2x.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
        max-width: 100%;
    }
    .sibling-twice-removed-nodes {
        align-self: stretch;
        flex-direction: row;
        position: relative;
    }
    .branch-node,
    .descendant-twice-removed-nodes,
    .sibling-twice-removed-nodes {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        max-width: 100%;
    }
    .descendant-twice-removed-nodes {
        flex: 1;
        flex-direction: column;
        min-width: 468px;
        font-size: var(--font-size-sm);
        color: var(--color-mediumvioletred);
        font-family: var(--font-inter);
    }
    .branch-node {
        width: 1415px;
        flex-direction: row;
        padding: 0 0 0 var(--padding-xl);
        box-sizing: border-box;
        gap: var(--gap-29xl);
        text-align: left;
        font-size: 62px;
        color: #292323;
        font-family: var(--font-century-gothic-pro);
    }
    .background-right-icon {
        width: 1313px;
        height: 1288.3px;
        position: absolute;
        margin: 0 !important;
        top: -238px;
        right: -660px;
        object-fit: contain;
    }
    .servicios1 {
        margin: 0;
        height: 51px;
        position: relative;
        font-size: inherit;
        font-weight: 700;
        font-family: "Century Gothic";
        display: inline-block;
    }
    .conoce-la-variedad {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-base);
        line-height: 27px;
        font-family: var(--font-inter);
    }
    .descendant-six-times-removed-n {
        width: 351px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-5xs);
        max-width: 100%;
    }
    .aunt-six-times-removed-nodes,
    .rectangle-parent,
    .switch-button {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .switch-button {
        align-self: stretch;
        border-radius: var(--br-sm);
        background-color: var(--white);
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
        border: 1px solid var(--gray-300);
        flex-direction: row;
        padding: var(--padding-8xs);
        gap: var(--gap-2xs);
        z-index: 1;
    }
    .aunt-six-times-removed-nodes {
        width: 251px;
        flex-direction: column;
        padding: 13px 0 0;
        box-sizing: border-box;
        text-align: center;
        font-size: var(--font-size-base);
        color: var(--gray-600);
        font-family: var(--font-inter);
    }
    .ancestor-six-times-removed-nod {
        width: 911px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        max-width: 100%;
        gap: var(--gap-xl);
    }
    .food-menu-3-svgrepocom {
        width: 60px;
        height: 60px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
        display: none;
        z-index: 2;
    }
    .img-icon {
        width: 130%;
        object-fit: contain;
        margin-left: -15%;
    }
    .wrapper-img {
        width: 35%;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .frame-item {
        height: 64px;
        width: 64px;
        position: relative;
        border-radius: var(--br-20xl);
        background-color: var(--white);
        box-shadow: 0 2px 8px #e83e8c;
        border: 1px solid var(--ali2);
        box-sizing: border-box;
        display: none;
    }
    .qr-code-scan-svgrepocom-icon {
        height: 40px;
        width: 40px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
        z-index: 1;
    }
    .rectangle-group {
        cursor: pointer;
        border: 1px solid var(--ali2);
        padding: var(--padding-xs);
        background-color: var(--white);
        height: 64px;
        width: 64px;
        border-radius: var(--br-20xl);
        box-shadow: 0 2px 8px #e83e8c;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .ofrecemos-qr-codes,
    .qr-codes-personalizados1 {
        align-self: stretch;
        position: relative;
        z-index: 1;
    }
    .ofrecemos-qr-codes {
        font-size: var(--font-size-base);
        line-height: 27px;
        text-align: justify;
    }
    .data-splitter,
    .parallel-processor {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-5xs);

    }
    .data-splitter {
        flex-direction: row;
        gap: var(--gap-13xl);
        min-width: 241px;
        max-width: 100%;
    }
    .frame-inner {
        height: 64px;
        width: 64px;
        position: relative;
        border-radius: var(--br-37xl);
        box-shadow: 0 2px 8px #e83e8c;
        border: 1px solid var(--ali2);
        box-sizing: border-box;
        display: none;
    }
    .vector-icon {
        height: 39.4px;
        width: 32.2px;
        position: relative;
        z-index: 2;
    }
    .rectangle-container {
        cursor: pointer;
        border: 1px solid var(--ali2);
        padding: var(--padding-xs) 15.800000000000011px 12.599999999999907px
        var(--padding-base);
        background-color: transparent;
        height: 64px;
        width: 64px;
        border-radius: var(--br-37xl);
        box-shadow: 0 2px 8px #e83e8c;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        z-index: 1;
    }
    .dentro-del-perfil,
    .men-digital1 {
        position: relative;
        z-index: 1;
    }
    .dentro-del-perfil {
        align-self: stretch;
        font-size: var(--font-size-base);
        line-height: 27px;
        text-align: justify;
    }
    .data-splitter1,
    .function-caller,
    .men-digital-parent {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .men-digital-parent {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-5xs);
        min-width: 179px;
    }
    .data-splitter1,
    .function-caller {
        flex-direction: row;
        max-width: 100%;
    }
    .data-splitter1 {
        flex: 1;
        gap: var(--gap-13xl);
        min-width: 241px;
    }
    .function-caller {
        align-self: stretch;
        gap: var(--gap-41xl);
    }
    .rectangle-div {
        height: 64px;
        width: 64px;
        position: relative;
        border-radius: var(--br-20xl);
        box-shadow: 0 2px 8px #e83e8c;
        border: 1px solid var(--ali2);
        box-sizing: border-box;
        display: none;
    }
    .business-shop-woman-svgrepoco-icon {
        height: 40px;
        width: 40px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
        z-index: 1;
    }
    .group-button {
        cursor: pointer;
        border: 1px solid var(--ali2);
        padding: var(--padding-xs);
        background-color: transparent;
        height: 64px;
        width: 64px;
        border-radius: var(--br-20xl);
        box-shadow: 0 2px 8px #e83e8c;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .perfil-de-tu,
    .se-le-crear {
        position: relative;
        z-index: 1;
    }
    .se-le-crear {
        align-self: stretch;
        font-size: var(--font-size-base);
        line-height: 27px;
        text-align: justify;
    }
    .data-creator,
    .data-splitter2 {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-5xs);
        min-width: 179px;
    }
    .data-splitter2 {
        flex-direction: row;
        gap: var(--gap-13xl);
        min-width: 241px;
        max-width: 100%;
    }
    .frame-child1 {
        height: 64px;
        width: 64px;
        position: relative;
        border-radius: var(--br-20xl);
        box-shadow: 0 2px 8px #e83e8c;
        border: 1px solid var(--ali2);
        box-sizing: border-box;
        display: none;
    }
    .calendar-icon {
        height: 30.1px;
        width: 35px;
        position: relative;
        z-index: 2;
    }
    .rectangle-parent1 {
        cursor: pointer;
        border: 1px solid var(--ali2);
        padding: var(--padding-mid) var(--padding-sm) 16.90000000000009px;
        background-color: transparent;
        height: 64px;
        width: 64px;
        border-radius: var(--br-20xl);
        box-shadow: 0 2px 8px #e83e8c;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        z-index: 1;
    }
    .ofrcele-la-comodidad,
    .reservaciones-citas {
        position: relative;
        z-index: 1;
    }
    .ofrcele-la-comodidad {
        align-self: stretch;
        font-size: var(--font-size-base);
        line-height: 27px;
        text-align: justify;
    }
    .data-merger,
    .data-splitter3,
    .reservaciones-citas-parent {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .reservaciones-citas-parent {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-5xs);
        min-width: 179px;
    }
    .data-merger,
    .data-splitter3 {
        flex-direction: row;
        max-width: 100%;
    }
    .data-splitter3 {
        flex: 1;
        gap: var(--gap-13xl);
        min-width: 241px;
    }
    .data-merger {
        align-self: stretch;
        gap: 20px;
        flex-wrap: wrap;
    }
    .condition-checker {
        align-self: stretch;
        flex-direction: column;
        gap: 30px;
    }
    .condition-checker,
    .loop-control,
    .tree-structure {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        max-width: 100%;
    }
    .loop-control {
        flex: 1;
        flex-direction: column;
        padding: 10px 0 0;
        box-sizing: border-box;
        min-width: 521px;
    }
    .tree-structure {
        align-self: stretch;
        flex-direction: row;
        gap: 64.5px;
        font-size: var(--font-size-lg);
        font-family:"Century Gothic";
    }
    .services,
    .y-brndale-ms {
        position: relative;
        max-width: 100%;
    }
    .services {
        align-self: stretch;
        background-color: #f5f5f5;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 20px;
        box-sizing: border-box;
        gap: 75px;
        z-index: 2;
    }
    .y-brndale-ms {
        height: 27px;
        width: 465.3px;
        line-height: 27px;
        display: none;
        flex-shrink: 0;
    }
    .complejo-circle-icon {
        position: absolute;
        top: 0;
        left: 0;
        width: 732px;
        height: 714px;
    }
    .data-visualizer {
        position: absolute;
        top: 0;
        left: calc(50% - 5px);
        border-radius: var(--br-8xs);
        background-color: var(--ali2);
        width: 10px;
        height: 50px;
    }
    .data-visualizer1,
    .sumar {
        position: absolute;
        height: 50px;
        z-index: 1;
    }
    .data-visualizer1 {
        top: 30px;
        left: calc(50% - 25px);
        border-radius: var(--br-8xs);
        background-color: var(--ali2);
        width: 10px;
        transform: rotate(-90deg);
        transform-origin: 0 0;
    }
    .sumar {
        top: 317px;
        left: 665px;
        width: 50px;
    }
    .aligera-logo-full-nobg-1-icon {
        position: absolute;
        top: 260px;
        left: 305px;
        width: 99.7px;
        height: 132px;
        object-fit: cover;
        z-index: 1;
    }
    .data-receiver {
        height: 714px;
        flex: 1;
        position: relative;
        min-width: 476px;
        max-width: 100%;
    }
    .data-storage-child {
        align-self: stretch;
        height: 36.8px;
        position: relative;
        border-radius: var(--br-21xl);
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        object-fit: contain;
    }
    .data-storage {
        height: 372px;
        width: 103px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 0 372px;
        box-sizing: border-box;
    }
    .nete-a-nuestra {
        margin: 0;
        align-self: stretch;
        position: relative;
        font-size: inherit;
        font-weight: 700;
        font-family: "Century Gothic";
    }
    .mask-group-icon2 {
        height: 100%;
        width: 100%;
        position: absolute;
        margin: 0 !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }
    .registra-planetas{
        background-color: white;
        border-radius: 12px;
        border-color: white !important;
        padding: 10px;
        border:none;
    }
    .registra-tu-negocio1 {

        padding:5px;
        position: relative;
        text-transform: capitalize;
        color: #E83E8CFF;
        z-index: 1;
    }
    .data-validator {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        padding: 9px 0 0;
    }
    .data-security,
    .data-security1 {
        position: absolute;
        top: 0;
        left: calc(50% - 3.5px);
        border-radius: var(--br-8xs);
        background-color: var(--ali2);
        width: 7px;
        height: 35px;
    }
    .data-security1 {
        top: 21px;
        left: calc(50% - 17.5px);
        transform: rotate(-90deg);
        transform-origin: 0 0;
        z-index: 1;
    }
    .data-security-parent {
        height: 35px;
        width: 35px;
        position: relative;
        z-index: 1;
    }
    .botton-registro,
    .data-decoder {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }
    .botton-registro {
        filter: drop-shadow(0 4px 15px rgba(0, 0, 0, 0.25));
        justify-content: flex-start;
        padding: var(--padding-3xs) 15px var(--padding-3xs) var(--padding-lg);
        position: relative;
        gap: var(--gap-base);
    }
    .data-decoder {
        align-self: stretch;
        justify-content: center;
        padding: 0 var(--padding-xl);
        text-align: left;
        font-size: var(--font-size-base);
        font-family: var(--font-century-gothic-pro);
    }
    .data-compressor,
    .data-expander {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
    .data-expander {
        align-self: stretch;
        align-items: flex-end;
        gap: 55px;
    }
    .data-compressor {
        width: 477px;
        align-items: flex-start;
        min-height: 433px;
        max-width: 100%;
        font-size: var(--font-size-17xl);
        font-family: var(--font-century-gothic);
    }
    .aunt-five-times-removed-nodes,
    .how-work-section {
        align-self: stretch;
        display: flex;
        justify-content: flex-start;
        box-sizing: border-box;
        max-width: 100%;
    }
    .how-work-section {
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        overflow: hidden;
        flex-direction: row;
        align-items: flex-end;
        padding: 52px 43px var(--padding-32xl) var(--padding-40xl);
        gap: 13px;
        margin-top: -8px;
        text-align: center;
        font-size: var(--font-size-base);
        color: var(--gray-50);
        font-family: var(--font-inter);
    }
    .aunt-five-times-removed-nodes {
        flex-direction: column;
        align-items: flex-start;
        padding: 0 0 0px;
        text-align: left;
        font-size: 42px;
        color: var(--gray-900);
        font-family: var(--font-century-gothic);
    }
    .title-catalogo {
        margin: 0;
        position: relative;
        font-size: inherit;

        font-weight: 400;
        font-family: inherit;
        display: inline-block;

    }

    .seccion-superior-catalogo{
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        padding: 0 var(--padding-xl);
    }
    .seccion-superior-catalogo2{
        align-self: stretch;
        display: flex;
        flex-direction: center;
        align-items: flex-start;
        justify-content: center;
        padding: 0 var(--padding-xl);
        margin: auto;
    }

    .parrafo-catalogo{
        font-size: 20px;
        font-weight: lighter;
        font-family: 'Century Gothic';
    }
    .contenedor-botones3 {
        display: flex; /* Utiliza flexbox para alinear los botones */
    }

    .boton3:last-child {
        margin-right: 0; /* Elimina el margen derecho del último botón */
    }


    .contenedor-buscador {
        width: 100%;
        margin: 0 auto;
        display: flex;
        padding-right: 5%;
        padding-left: 5%;
    }
    .columna2 {
        float: left;
        display: flex;
        justify-content: center;
    }
    .columna-izquierda {
        width: 100%;
    }

    .columna-derecha {
        width: 20%;
    }
    .boton-categoria {
        background-color: #e83e8c;
        color: #fff;
        border: none;
        padding: 8px 12px;
        border-radius: 0px 10px 10px 0px;
        cursor: pointer;
        display: flex;
        align-items: center;
        margin-left:0px;
        font-size:16px;
        font-family: "Century Gothic";
        position: relative;
    }

    .campo-busqueda {
        width: 85%;
        padding: 8px;
        border: 1px solid #E83E8C;
        border-radius: 10px 0 0 10px;
        font-size: 16px;
        font-family: "Century Gothic";
    }

    .campo-busqueda::placeholder {
        font-family: "Century Gothic", sans-serif;
    }

    .campo-busqueda:focus {
        outline: none; /* Elimina el borde al estar activo */
    }

    .boton-buscar {
        background-color: #e83e8c;
        color: #fff;
        border: none;
        padding: 8px 12px;
        border-radius: 0 10px 10px 0;
        cursor: pointer;
        display: flex;
        align-items: center;
        font-family: "Century Gothic";
        font-size: 16px;
        margin-right:5px}


    .boton-buscar img {
        margin-right: 5px;
    }
    .iconoCatal{
        width:30px;}

    .data-queue {
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        padding: 0 var(--padding-xl);
    }

    .data-sync {
        width: 610px;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-start;
        gap: 25px;
        max-width: 100%;
    }
    .data-transfer {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        padding: 0 var(--padding-xl) 8px;
        box-sizing: border-box;
        text-align: center;
        font-size: var(--font-size-29xl);
        font-family: var(--font-open-sans);
    }
    .whatever-happens-im-ready-to-f-icon {
        align-self: stretch;
        height: 356px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        object-fit: cover;
    }
    .founder,
    .joe-bridges {
        position: relative;
        letter-spacing: -0.5px;
        line-height: 32px;
    }
    .founder {
        font-size: var(--font-size-mid);
        letter-spacing: -0.2px;
        line-height: 29px;
        color: var(--color-gray-200);
        mix-blend-mode: normal;
    }
    .data-matrix,
    .data-stream {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-9xs);
    }
    .data-stream {
        flex: 1;
        gap: var(--gap-12xl);
    }
    .well-im-not-in-the-mood-for-an-icon {
        align-self: stretch;
        height: 356px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        object-fit: cover;
    }
    .jeffrey-walters {
        position: relative;
        letter-spacing: -0.5px;
        line-height: 32px;
    }
    .cheif-executive-offi {
        position: relative;
        font-size: var(--font-size-mid);
        letter-spacing: -0.2px;
        line-height: 29px;
        color: var(--color-gray-200);
        mix-blend-mode: normal;
    }
    .data-stream1,
    .jeffrey-walters-parent {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-9xs);
    }
    .data-stream1 {
        flex: 1;
        gap: var(--gap-12xl);
    }
    .ready-for-a-date-icon {
        align-self: stretch;
        height: 356px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        object-fit: cover;
    }
    .jason-reed {
        position: relative;
        letter-spacing: -0.5px;
        line-height: 32px;
    }
    .chief-technology-off {
        position: relative;
        font-size: var(--font-size-mid);
        letter-spacing: -0.2px;
        line-height: 29px;
        color: var(--color-gray-200);
        mix-blend-mode: normal;
    }
    .data-stream2,
    .jason-reed-parent {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-9xs);
    }
    .data-stream2 {
        flex: 1;
        gap: var(--gap-12xl);
    }
    .looking-at-the-day-ahead-icon {
        align-self: stretch;
        height: 356px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        object-fit: cover;
    }
    .nellie-padilla {
        position: relative;
        letter-spacing: -0.5px;
        line-height: 32px;
    }
    .creative-director {
        position: relative;
        font-size: var(--font-size-mid);
        letter-spacing: -0.2px;
        line-height: 29px;
        color: var(--color-gray-200);
        mix-blend-mode: normal;
    }
    .nellie-padilla-parent {
        flex-direction: column;
        gap: var(--gap-9xs);
    }
    .data-pool,
    .data-stream3,
    .nellie-padilla-parent {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .data-stream3 {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-12xl);
    }
    .data-pool {
        width: 1158px;
        flex-direction: row;
        gap: var(--gap-11xl);
    }
    .happiness-good-whiskey-a-good-icon {
        align-self: stretch;
        height: 356px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        object-fit: cover;
    }
    .dean-bell,
    .lead-programmer {
        position: relative;
        letter-spacing: -0.5px;
        line-height: 32px;
    }
    .lead-programmer {
        font-size: var(--font-size-mid);
        letter-spacing: -0.2px;
        line-height: 29px;
        color: var(--color-gray-200);
        mix-blend-mode: normal;
    }
    .image-processor,
    .number-formatter {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-9xs);
    }
    .number-formatter {
        gap: var(--gap-12xl);
    }
    .gonna-marry-a-woman-of-my-life-icon {
        align-self: stretch;
        height: 356px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        object-fit: cover;
    }
    .pearl-brooks {
        position: relative;
        letter-spacing: -0.5px;
        line-height: 32px;
    }
    .digital-marketer {
        position: relative;
        font-size: var(--font-size-mid);
        letter-spacing: -0.2px;
        line-height: 29px;
        color: var(--color-gray-200);
        mix-blend-mode: normal;
    }
    .number-formatter1,
    .pearl-brooks-parent {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-9xs);
    }
    .number-formatter1 {
        gap: var(--gap-12xl);
    }
    .thoughtful-handsome-young-man-icon {
        align-self: stretch;
        height: 356px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        object-fit: cover;
    }
    .isaiah-griffin,
    .ux-designer {
        position: relative;
        letter-spacing: -0.5px;
        line-height: 32px;
    }
    .ux-designer {
        font-size: var(--font-size-mid);
        letter-spacing: -0.2px;
        line-height: 29px;
        color: var(--color-gray-200);
        mix-blend-mode: normal;
    }
    .isaiah-griffin-parent {
        display: flex;
        flex-direction: column;
        gap: var(--gap-9xs);
    }
    .isaiah-griffin-parent,
    .number-formatter2,
    .text-parser {
        align-items: flex-start;
        justify-content: flex-start;
    }
    .number-formatter2 {
        display: flex;
        flex-direction: column;
        gap: var(--gap-12xl);
    }
    .text-parser {
        flex: 1;
        display: grid;
        flex-direction: row;
        gap: var(--gap-11xl);
        max-width: 100%;
        grid-template-columns: repeat(3, minmax(200px, 1fr));
    }
    .interested-to-join,
    .our-team {
        margin: 0;
    }
    .interested-to-join-container {
        margin: 0;
        position: relative;
        font-size: inherit;
        letter-spacing: -0.5px;
        line-height: 34px;
        font-weight: 700;
        font-family: inherit;
    }
    .button-name {
        flex: 1;
        position: relative;
        letter-spacing: -1.2px;
        line-height: 32px;
    }
    .tail-right-icon {
        width: 13px;
        height: 11.3px;
        position: relative;
    }
    .variable-node {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: var(--padding-3xs) 0 0;
    }
    .button-1,
    .button-solid-style-03 {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }
    .button-1 {
        flex: 1;
        overflow: hidden;
        align-items: flex-start;
        padding: 0 var(--padding-12xs) 0 0;
        gap: 1px;
    }
    .button-solid-style-03 {
        width: 130px;
        height: 32px;
        align-items: flex-end;
        padding: 0 var(--padding-12xs) var(--padding-12xs) 0;
        box-sizing: border-box;
        font-size: var(--font-size-2xl);
        color: #473bf0;
    }
    .if-node {
        flex-direction: column;
        gap: var(--gap-5xl);
    }
    .if-node,
    .loop-node,
    .value-filter {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .loop-node {
        flex-direction: column;
        padding: 115px 0 0;
        font-size: 24px;
    }
    .value-filter {
        width: 1115px;
        flex-direction: row;
        gap: 69px;
    }
    .data-restore-child {
        width: 83.5px;
        height: 14px;
        position: absolute;
        margin: 0 !important;
        bottom: 0;
        left: 537px;
    }
    .seccionCatalogo,
    .data-restore {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        box-sizing: border-box;
        max-width: 100%;
        flex-direction: column; /* Cambia el orden a vertical */
        align-items: center; /* Centra los elementos horizontalmente */
        justify-content: flex-start; /* Alinea los elementos hacia arriba */
        box-sizing: border-box;
        max-width: 100%;
        overflow-x: hidden; /* Oculta el desplazamiento horizontal */
    }
    .data-restore {
        overflow-x: auto;
        flex-shrink: 0;
        flex-direction: column;
        padding: 0 var(--padding-xl) var(--padding-45xl) 0;
        position: relative;
        gap: var(--gap-41xl);
    }
    .seccionCatalogo {
        text-align: left;
        font-size: var(--font-size-2xl);
        color: var(--color-gray-100);
        font-family: var(--font-gilroy);
        min-height: 550px;
    }
    .rocky-dixon {
        margin: 0;
        position: relative;
        font-size: inherit;
        font-weight: 700;
        font-family: inherit;
        z-index: 2;
    }
    .composite-node {
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
    }
    .subtract-icon,
    .wrapper-subtract {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        z-index: 1;
    }
    .subtract-icon {
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
        object-fit: contain;
        top: 6px;
        transform: scale(1.273);
    }
    .wrapper-subtract {
        top: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .quote-1-icon {
        position: absolute;
        top: 18px;
        left: 18.3px;
        width: 43.8px;
        height: 43px;
        overflow: hidden;
        z-index: 2;
    }
    .parallel-node {
        width: 100%;
        height: 100%;
        position: absolute;
        margin: 0 !important;
        top: 0;
        right: 0.2px;
        bottom: 0;
        left: -0.2px;
    }
    .assignment-node,
    .the-features-on {
        align-self: stretch;
        position: relative;
    }
    .the-features-on {
        margin: 0;
        font-size: var(--font-size-3xl);
        line-height: 160.69%;
        font-weight: 400;
        font-family: inherit;
        color: #3c405f;
        text-align: center;
        z-index: 2;
    }
    .assignment-node {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: var(--padding-40xl) 43.29999999999998px 45px 43.79999999999998px;
        gap: var(--gap-2xs);
    }
    .array-node-icon,
    .mapa-mundi-icon {
        position: absolute;
        top: 0;
        left: -162px;
        width: 1652px;
        height: 694.6px;
    }
    .array-node-icon {
        width: 100%;
        height: 100%;
        z-index: 1;
        object-fit: contain;
        left: 0;
        top: 12px;
        transform: scale(1.48);
    }
    .wrapper-array-node {
        position: absolute;
        top: 369px;
        left: 1164.5px;
        border-radius: 50%;
        width: 101.8px;
        height: 100px;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .array-node-icon1 {
        width: 100%;
        height: 100%;
        z-index: 1;
        object-fit: contain;
        position: absolute;
        left: 0;
        top: 12px;
        transform: scale(1.48);
    }
    .array-node-icon2,
    .wrapper-array-node1 {
        position: absolute;
        border-radius: 50%;
        width: 101.8px;
        height: 100px;
    }
    .wrapper-array-node1 {
        top: 370px;
        left: 162.4px;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .array-node-icon2 {
        top: 118px;
        left: 653.3px;
        object-fit: cover;
        z-index: 2;
    }
    .array-node-icon3 {
        width: 100%;
        height: 100%;
        z-index: 1;
        object-fit: contain;
        position: absolute;
        left: 0;
        top: 12px;
        transform: scale(1.738);
    }
    .wrapper-array-node2 {
        position: absolute;
        top: 94px;
        left: 289.7px;
        border-radius: 50%;
        width: 66.2px;
        height: 65px;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .array-node-icon4 {
        width: 100%;
        height: 100%;
        z-index: 1;
        object-fit: contain;
        position: absolute;
        left: 0;
        top: 12px;
        transform: scale(1.738);
    }
    .wrapper-array-node3 {
        position: absolute;
        top: 98px;
        left: 1052.5px;
        border-radius: 50%;
        width: 66.2px;
        height: 65px;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .array-node-icon5 {
        width: 100%;
        height: 100%;
        z-index: 1;
        object-fit: contain;
        position: absolute;
        left: 0;
        top: 12px;
        transform: scale(1.558);
    }
    .wrapper-array-node4 {
        position: absolute;
        top: 578px;
        left: 422.1px;
        border-radius: 50%;
        width: 87.6px;
        height: 86px;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .array-node-icon6 {
        width: 100%;
        height: 100%;
        z-index: 1;
        object-fit: contain;
        position: absolute;
        left: 0;
        top: 12px;
        transform: scale(1.558);
    }
    .wrapper-array-node5 {
        position: absolute;
        top: 578px;
        left: 940.5px;
        border-radius: 50%;
        width: 87.6px;
        height: 86px;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .matrix-node {
        width: 1440px;
        height: 694.6px;
        position: absolute;
        margin: 0 !important;
        right: -469.6px;
        bottom: -281.6px;
    }
    .error-handler,
    .function-call-node {
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        max-width: 100%;
    }
    .function-call-node {
        width: 512.4px;
        flex-direction: column;
        padding: 0 var(--padding-xl) 0 0;
        position: relative;
    }
    .error-handler {
        width: 1002.2px;
        flex-direction: row;
        padding: 0 0 580px var(--padding-xl);
        text-align: center;
        font-size: 26px;
        color: #2d3150;
        font-family: var(--font-nunito-sans);
    }
    .tile-precios {
        margin: 0;
        height: 44px;
        position: relative;
        font-size: inherit;
        font-weight: 700;
        font-family: Century Gothic Pro;
        display: inline-block;
    }
    .heap-node {
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        padding: 0 var(--padding-xl);
    }
    .subtitle-precios {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-base);
        line-height: 27px;
        font-family: var(--font-inter);
        text-align: center;
    }
    .priority-queue-node,
    .queue-node {
        display: flex;
        align-items: flex-start;
        max-width: 100%;
    }
    .priority-queue-node {
        width: 558px;
        flex-direction: column;
        justify-content: flex-start;
        gap: var(--gap-2xs);
    }
    .queue-node {
        align-self: stretch;
        flex-direction: row;
        justify-content: center;
        padding: 0 var(--padding-xl);
        box-sizing: border-box;
    }
    .cluster-node {
        height: 100%;
        width: 100%;
        position: absolute;
        margin: 0 !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: var(--br-3xs);
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
    }
    .monthly2 {
        flex: 1;
        position: relative;
        font-size: var(--font-size-base);
        line-height: 27px;
        font-family: var(--font-inter);
        color: var(--white);
        text-align: center;
        z-index: 1;
    }
    .cluster-node-parent {
        cursor: pointer;
        border: 0;
        padding: var(--padding-3xs) var(--padding-5xl) var(--padding-2xs) 23px;
        background-color: transparent;
        flex: 1;
        box-shadow: 3px 2px 8px rgba(232, 62, 140, 0.25);
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        position: relative;
    }
    .frame-child2 {
        height: 100%;
        width: 100%;
        position: absolute;
        margin: 0 !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: var(--br-3xs);
        filter: drop-shadow(3px 2px 8px rgba(0, 0, 0, 0.1));
    }
    .monthly3 {
        flex: 1;
        position: relative;
        line-height: 27px;
        z-index: 1;
    }
    .group-div {
        flex: 0.6866;
        justify-content: flex-start;
        padding: var(--padding-3xs) var(--padding-16xl) var(--padding-2xs)
        var(--padding-14xl);
        position: relative;
    }
    .group-div,
    .switch-button-precios,
    .tree-node {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }
    .switch-button-precios {
        width: 251px;
        border-radius: var(--br-sm);
        background-color: var(--white);
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
        border: 1px solid var(--gray-300);
        box-sizing: border-box;
        justify-content: flex-start;
        padding: var(--padding-8xs);
        gap: var(--gap-2xs);
    }
    .tree-node {
        align-self: stretch;
        justify-content: center;
        padding: 0 var(--padding-xl);
    }
    .dijkstra-node,
    .lite {
        position: relative;
        text-transform: capitalize;
        font-weight: 900;
    }
    .lite {
        margin: 0;
        font-size: inherit;
        font-family: inherit;
    }
    .dijkstra-node {
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        white-space: nowrap;
    }
    .al-mes {
        align-self: stretch;
        position: relative;
        font-weight: 500;
    }
    .priority-queue-node1,
    .shortest-path-node {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .priority-queue-node1 {
        width: 45px;
        flex-direction: column;
        padding: var(--padding-10xl) 0 0;
        box-sizing: border-box;
        text-align: center;
        font-size: var(--font-size-xs);
    }
    .shortest-path-node {
        flex-direction: row;
        gap: var(--gap-11xs);
        font-size: var(--font-size-29xl);
        color: var(--color-slategray);
    }
    .check-icon {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .perfil-del-negocio {
        flex: 1;
        position: relative;
    }
    .connection-handler {
        width: 169px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-base);
    }
    .perfil-de-tu1 {
        flex: 1;
        position: relative;
        line-height: 16px;
    }
    .connection-handler-parent,
    .splitter {
        align-self: stretch;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .splitter {
        flex-direction: row;
        padding: 0 0 0 var(--padding-16xl);
        text-align: left;
        font-size: var(--font-size-3xs);
        color: var(--gray-600);
    }
    .connection-handler-parent {
        flex-direction: column;
        gap: var(--gap-10xs);
    }
    .check-icon1 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .men-digital-pdf {
        flex: 1;
        position: relative;
    }
    .check-parent {
        width: 176px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-base);
    }
    .men-en-formato {
        flex: 1;
        position: relative;
        line-height: 16px;
    }
    .frame-parent,
    .men-en-formato-pdf-wrapper,
    .text-processor {
        align-self: stretch;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .men-en-formato-pdf-wrapper {
        flex-direction: row;
        padding: 0 0 0 var(--padding-16xl);
        text-align: left;
        font-size: var(--font-size-3xs);
        color: var(--gray-600);
    }
    .frame-parent,
    .text-processor {
        flex-direction: column;
        gap: var(--gap-10xs);
    }
    .text-processor {
        gap: var(--gap-xs);
    }
    .check-icon2 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .catlogo1 {
        flex: 1;
        position: relative;
    }
    .iteration-node {
        width: 103px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-base);
    }
    .tu-negocio-tendr {
        flex: 1;
        position: relative;
        line-height: 16px;
    }
    .tu-negocio-tendr-una-posicin-wrapper {
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 0 0 var(--padding-16xl);
        text-align: left;
        font-size: var(--font-size-3xs);
        color: var(--gray-600);
    }
    .iteration-node-parent,
    .text-processor-parent {
        align-self: stretch;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .iteration-node-parent {
        gap: var(--gap-10xs);
    }
    .text-processor-parent {
        gap: 28px;
        text-align: center;
        font-size: var(--font-size-base);
        color: var(--gray-900);
    }
    .comenzar {
        position: relative;
        font-size: var(--font-size-sm);
        text-transform: capitalize;
        font-family: var(--font-century-gothic-pro);
        color: var(--orange-50);
        text-align: left;
    }
    .delay-node,
    .seccion-free,
    .vertex-node {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .delay-node {
        cursor: pointer;
        border: 0;
        padding: var(--padding-sm) var(--padding-55xl);
        background-color: transparent;
        border-radius: var(--br-xs);
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        flex-direction: row;
    }
    .seccion-free,
    .vertex-node {
        flex-direction: column;
    }
    .seccion-free {
        align-self: stretch;
        border-radius: var(--br-lg);
        background-color: var(--white);
        border: 2px solid var(--color-hotpink-100);
        padding: var(--padding-13xl) var(--padding-11xl);
        gap: var(--gap-5xl);
    }
    .vertex-node {
        width: 283px;
        padding: 127px 0 0;
        box-sizing: border-box;
    }
    .bsico {
        margin: 0;
        position: relative;
        font-size: inherit;
        text-transform: capitalize;
        font-weight: 900;
        font-family: inherit;
    }
    .star-icon {
        height: 11px;
        width: 11px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .popular {
        position: relative;
        text-transform: capitalize;
    }
    .for-loop-node {
        border-radius: 4px;
        background-color: rgba(111, 66, 193, 0.25);
        flex-direction: row;
        padding: var(--padding-9xs) var(--padding-3xs);
        gap: 5px;
    }
    .for-loop-node,
    .group-node,
    .while-loop-node {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .while-loop-node {
        flex-direction: column;
        padding: var(--padding-xs) 0 0;
        font-size: var(--font-size-3xs);
    }
    .group-node {
        align-self: stretch;
        flex-direction: row;
        gap: 34px;
    }
    .default-node {
        position: relative;
        text-transform: capitalize;
        font-weight: 900;
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        white-space: nowrap;
    }
    .al-mes1 {
        align-self: stretch;
        position: relative;
        font-weight: 500;
    }
    .case-node,
    .priority-queue-node2 {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .priority-queue-node2 {
        width: 45px;
        flex-direction: column;
        padding: var(--padding-10xl) 0 0;
        box-sizing: border-box;
        text-align: center;
        font-size: var(--font-size-xs);
    }
    .case-node {
        flex-direction: row;
        gap: var(--gap-11xs);
        font-size: var(--font-size-29xl);
        color: var(--color-slategray);
    }
    .check-icon3 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .perfil-del-negocio1 {
        flex: 1;
        position: relative;
    }
    .assign-node {
        width: 170px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-mid);
    }
    .lorem-ipsum-dolor {
        flex: 1;
        position: relative;
        line-height: 16px;
    }
    .assign-node-parent,
    .update-node {
        align-self: stretch;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .update-node {
        flex-direction: row;
        padding: 0 0 0 var(--padding-16xl);
        text-align: left;
        font-size: var(--font-size-3xs);
        color: var(--gray-600);
    }
    .assign-node-parent {
        flex-direction: column;
        gap: var(--gap-10xs);
    }
    .check-icon4 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .men-digital-dinmico {
        flex: 1;
        position: relative;
    }
    .check-group {
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-mid);
    }
    .men-digital-en {
        flex: 1;
        position: relative;
        line-height: 16px;
    }
    .frame-container,
    .men-digital-en-formato-pdf-o-wrapper {
        align-self: stretch;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .men-digital-en-formato-pdf-o-wrapper {
        flex-direction: row;
        padding: 0 0 0 var(--padding-16xl);
        font-size: var(--font-size-3xs);
        color: var(--gray-600);
    }
    .frame-container {
        flex-direction: column;
        gap: var(--gap-10xs);
        text-align: left;
    }
    .check-icon5 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .reservaciones-citas1 {
        width: 164px;
        position: relative;
        display: inline-block;
    }
    .reservas-citas {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-3xs);
        line-height: 16px;
        color: var(--gray-600);
        text-align: left;
    }
    .check-container,
    .reservaciones-citas-group {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .reservaciones-citas-group {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-10xs);
    }
    .check-container {
        align-self: stretch;
        flex-direction: row;
        gap: var(--gap-mid);
    }
    .check-icon6 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .catlogo2 {
        flex: 1;
        position: relative;
    }
    .frame-div {
        width: 104px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-mid);
    }
    .tu-negocio-tendr1 {
        flex: 1;
        position: relative;
        line-height: 16px;
    }
    .tu-negocio-tendr-una-posicin-container {
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 0 0 var(--padding-16xl);
        text-align: left;
        font-size: var(--font-size-3xs);
        color: var(--gray-600);
    }
    .frame-group,
    .frame-parent1 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .frame-parent1 {
        align-self: stretch;
        gap: var(--gap-10xs);
    }
    .frame-group {
        width: 219px;
        padding: 0 0 0.09999999999990904px;
        box-sizing: border-box;
        gap: var(--gap-xs);
        text-align: center;
        font-size: var(--font-size-base);
        color: var(--gray-900);
    }
    .comenzar1 {
        position: relative;
        font-size: var(--font-size-sm);
        text-transform: capitalize;
        font-family: var(--font-century-gothic-pro);
        color: var(--orange-50);
        text-align: left;
    }
    .array-node,
    .random-node,
    .seccion-premium {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .array-node {
        cursor: pointer;
        border: 0;
        padding: var(--padding-sm) var(--padding-55xl);
        background-color: transparent;
        border-radius: var(--br-xs);
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        flex-direction: row;
    }
    .random-node,
    .seccion-premium {
        flex-direction: column;
    }
    .seccion-premium {
        align-self: stretch;
        border-radius: var(--br-lg);
        background-color: var(--white);
        box-shadow: 0 24px 40px rgba(232, 62, 140, 0.25);
        border: 2px solid var(--color-hotpink-100);
        padding: var(--padding-18xl) var(--padding-11xl);
        gap: 23.966666666666697px;
    }
    .random-node {
        flex: 1;
        padding: var(--padding-13xl) 0 0;
        box-sizing: border-box;
        min-width: 191px;
    }
    .premiun,
    .stack-node1 {
        position: relative;
        text-transform: capitalize;
        font-weight: 900;
    }
    .premiun {
        margin: 0;
        font-size: inherit;
        font-family: inherit;
    }
    .stack-node1 {
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        white-space: nowrap;
    }
    .al-mes2 {
        align-self: stretch;
        position: relative;
        font-weight: 500;
    }
    .priority-queue-node3,
    .queue-node1 {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .priority-queue-node3 {
        width: 45px;
        flex-direction: column;
        padding: var(--padding-10xl) 0 0;
        box-sizing: border-box;
        text-align: center;
        font-size: var(--font-size-xs);
    }
    .queue-node1 {
        align-self: stretch;
        flex-direction: row;
        gap: var(--gap-10xs);
        font-size: var(--font-size-29xl);
        color: var(--color-slategray);
    }
    .check-icon7 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .local-delivery {
        width: 105px;
        position: relative;
        display: inline-block;
    }
    .lorem-ipsum-dolor1 {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-3xs);
        line-height: 16px;
        color: var(--gray-600);
        text-align: left;
    }
    .check-parent1,
    .local-delivery-parent {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .local-delivery-parent {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-10xs);
    }
    .check-parent1 {
        align-self: stretch;
        flex-direction: row;
        gap: var(--gap-mid);
    }
    .check-icon8 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .local-delivery1 {
        width: 105px;
        position: relative;
        display: inline-block;
    }
    .lorem-ipsum-dolor2 {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-3xs);
        line-height: 16px;
        color: var(--gray-600);
        text-align: left;
    }
    .check-parent2,
    .local-delivery-group {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .local-delivery-group {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-10xs);
    }
    .check-parent2 {
        align-self: stretch;
        flex-direction: row;
        gap: var(--gap-mid);
    }
    .check-icon9 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .local-delivery2 {
        width: 105px;
        position: relative;
        display: inline-block;
    }
    .lorem-ipsum-dolor3 {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-3xs);
        line-height: 16px;
        color: var(--gray-600);
        text-align: left;
    }
    .check-parent3,
    .local-delivery-container {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .local-delivery-container {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-10xs);
    }
    .check-parent3 {
        align-self: stretch;
        flex-direction: row;
        gap: var(--gap-mid);
    }
    .check-icon10 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .local-delivery3 {
        width: 105px;
        position: relative;
        display: inline-block;
    }
    .lorem-ipsum-dolor4 {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-3xs);
        line-height: 16px;
        color: var(--gray-600);
        text-align: left;
    }
    .check-parent4,
    .local-delivery-parent1 {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .local-delivery-parent1 {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-10xs);
    }
    .check-parent4 {
        align-self: stretch;
        flex-direction: row;
        gap: var(--gap-mid);
    }
    .check-icon11 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .local-delivery4 {
        width: 105px;
        position: relative;
        display: inline-block;
    }
    .lorem-ipsum-dolor5 {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-3xs);
        line-height: 16px;
        color: var(--gray-600);
        text-align: left;
    }
    .local-delivery-parent2 {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-10xs);
    }
    .check-parent5,
    .local-delivery-parent2,
    .min-heap-node {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .check-parent5 {
        align-self: stretch;
        flex-direction: row;
        gap: var(--gap-mid);
    }
    .min-heap-node {
        width: 219px;
        flex-direction: column;
        gap: var(--gap-xs);
        text-align: center;
        font-size: var(--font-size-base);
        color: var(--gray-900);
    }
    .comenzar2 {
        position: relative;
        font-size: var(--font-size-sm);
        text-transform: capitalize;
        font-family: var(--font-century-gothic-pro);
        color: var(--orange-50);
        text-align: left;
    }
    .hash-table-node {
        cursor: pointer;
        border: 0;
        padding: var(--padding-sm) var(--padding-55xl);
        background-color: transparent;
        border-radius: var(--br-xs);
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        flex-direction: row;
        justify-content: flex-start;
    }
    .edge-node,
    .hash-table-node,
    .seccion-basic {
        display: flex;
        align-items: flex-start;
    }
    .seccion-basic {
        flex: 0.7793;
        border-radius: var(--br-lg);
        background-color: var(--white);
        border: 2px solid var(--color-hotpink-100);
        box-sizing: border-box;
        flex-direction: column;
        justify-content: flex-start;
        padding: var(--padding-13xl) var(--padding-11xl);
        gap: var(--gap-5xl);
        min-width: 188px;
    }
    .edge-node {
        align-self: stretch;
        flex-direction: row;
        justify-content: center;
        gap: 74px;
        text-align: left;
        font-size: var(--font-size-17xl);
        color: var(--ali2);
    }
    .graph-node,
    .stack-node {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .graph-node {
        align-self: stretch;
        gap: var(--gap-5xl);
        text-align: center;
        font-size: var(--font-size-base);
        color: var(--gray-600);
        font-family: var(--font-inter);
    }
    .stack-node {
        width: 1035px;
        padding: 0 var(--padding-xl) 0 0;
        box-sizing: border-box;
        gap: var(--gap-29xl);
        max-width: 100%;
    }
    .contactanos-title,
    .set-node {
        font-size: var(--font-size-17xl);
        font-family: var(--font-century-gothic);
        text-align: left;
    }
    .set-node {
        width: 1244px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        padding: 0 0 305px var(--padding-xl);
        box-sizing: border-box;
        max-width: 100%;
        color: var(--gray-900);
    }
    .contactanos-title {
        margin: 0;
        height: 44px;
        position: relative;
        font-weight: 700;
        color: black;
        display: inline-block;
        font-family: "Century Gothic";
    }
    .contactanos-title-wrapper {
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        padding: 0 var(--padding-xl);
    }
    .sub-title1 {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-base);
        line-height: 27px;
        font-family: var(--font-inter);
        color: black;
        text-align: center;
    }
    .frame-parent2,
    .link-handler {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        max-width: 100%;
    }
    .frame-parent2 {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-2xs);
    }
    .link-handler {
        align-self: stretch;
        flex-direction: row;
        padding: 0 var(--padding-32xl);
        box-sizing: border-box;
    }
    .location-icon {
        height: 28.8px;
        width: 28.8px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .tree-builder {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 var(--padding-9xl) 0 27.59999999999999px;
    }
    .street-2774-don {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-4xs-4);
        line-height: 8.08px;
        font-family: var(--font-inter);
        color: #B1B1B1;
        text-align: center;
    }
    .call-icon,
    .direccion-div {
        overflow: hidden;
        flex-shrink: 0;
    }
    .direccion-div {
        width: 160.5px;
        border-radius: 4.79px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 9.599999999999907px 38.19999999999999px 9.599999999999907px
        38.30000000000001px;
        box-sizing: border-box;
        gap: 7.199999999999818px;
    }
    .call-icon {
        height: 28.7px;
        width: 28.8px;
        position: relative;
    }
    .sequence-processor {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 var(--padding-lg) 0 var(--padding-lgi);
    }
    .data-transformer {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-4xs-4);
        line-height: 8.08px;
        font-family: var(--font-inter);
        color: #B1B1B1;
        text-align: center;
    }
    .message-icon,
    .phone-div {
        overflow: hidden;
        flex-shrink: 0;
    }
    .phone-div {
        cursor: pointer;
        border: 0;
        padding: 9.299999999999727px 34.29999999999999px 9.300000000000182px;

        width: 134.7px;
        border-radius: 4.79px;

        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-start;
        box-sizing: border-box;
        gap: 7.200000000000273px;
    }
    .message-icon {
        height: 28.8px;
        width: 28.8px;
        position: relative;
    }
    .message-wrapper {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 var(--padding-13xl) 0 32.099999999999994px;
    }
    .infoaligeraprcom {
        align-self: stretch;
        position: relative;
        font-size: 9.6px;
        line-height: 8.08px;
        font-family: var(--font-inter);
        color: #B1B1B1;
        text-align: center;
        white-space: nowrap;
    }
    .email-div {
        flex: 1;
        border-radius: 4.79px;
        overflow: hidden;
        flex-direction: column;
        padding: 9.299999999999727px 39.400000000000006px 9.300000000000182px;
        box-sizing: border-box;
        gap: 7.199999999999818px;
        min-width: 112px;
    }
    .div-row,
    .email-div,
    .image-analyzer {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .div-row {
        align-self: stretch;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 23.450000000000003px;
    }
    .image-analyzer {
        width: 514px;
        flex-direction: column;
        gap: 32.40000000000009px;
        max-width: 100%;
    }

    .form {
        flex: 1;
        overflow: hidden;
    }
    .contact-us-section,
    .form,
    .signal-processor {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        box-sizing: border-box;
        max-width: 100%;
        align-items: center;
    }
    .envio_form{
        border:none;
        margin-top:10px;
        background-color: #E83E8C;
        color:white;
        font-family: 'Century Gothic';
        font-weight: 550;
        border-radius:10px;
        padding: 8px 18px 8px 18px;
        font-size: 17px;
        width: 100%;
    }
    .signal-processor {
        width: 513px;
    }
    .contact-us-section {
        margin: 0;
        align-self: stretch;

        overflow: hidden;
        flex-direction: column;
        align-items: center;

    }
    .logo-icon1 {
        height: 33px;
        width: 163.9px;
    }
    .home,
    .logo-icon1 {
        position: relative;
    }
    .home-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 15.5px 0 0;
    }
    .services1 {
        position: relative;
    }
    .services-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 27.80000000000001px 0 0;
    }
    .pricing {
        position: relative;
    }
    .pricing-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 15.099999999999966px 0 0;
    }
    .contact-us,
    .faq {
        position: relative;
    }

    .landing-page-26 {
        display: flex;
        justify-content: flex-start;
    }

    .landing-page-26 {
        overflow: hidden;
        flex-direction: column;
    }

    .landing-page-26 {
        width: 100%;
        position: relative;
        background-color: var(--white);
        align-items: flex-end;
        letter-spacing: normal;
    }
    @media screen and (max-width: 1200px) {
        .leaf-node {
            flex: 1;
        }
        .branch-node {
            flex-wrap: wrap;
        }
        .img-icon {
            flex: 1;
        }
        .tree-structure {
            flex-wrap: wrap;
            gap: 64.5px 0px;
        }
        .services {
            padding-top: 55px;
            padding-bottom: 50px;
            box-sizing: border-box;
        }
        .data-compressor {
            min-height: auto;
        }
        .how-work-section {
            flex-wrap: wrap;
        }
        .aunt-five-times-removed-nodes {
            padding-bottom: var(--padding-18xl);
            box-sizing: border-box;
        }
        .data-restore {
            gap: 30px 60px;
            padding-bottom: 42px;
            box-sizing: border-box;
        }
        .seccionCatalogo,
        .set-node {
            padding-bottom: 203px;
            box-sizing: border-box;
        }
        .set-node {
            padding-bottom: 198px;
        }
        .copyright {
            padding-left: var(--padding-267xl);
            padding-right: var(--padding-267xl);
            box-sizing: border-box;
        }
    }
    @media screen and (max-width: 1050px) {
        .la-aplicacin-web {
            font-size: 50px;
            line-height: 56px;
        }
        .uncle-thrice-removed-nodes {
            padding-bottom: 216px;
            box-sizing: border-box;
        }
        .servicios1 {
            font-size: 34px;
        }
        .function-caller {
            gap: 20px;
            flex-wrap: wrap;
        }
        .condition-checker {
            gap: 20px;
        }
        .loop-control {
            min-width: 60%;
        }
        .nete-a-nuestra {
            font-size: var(--font-size-10xl);
        }
        .how-work-section {
            padding-bottom: var(--padding-14xl);
            box-sizing: border-box;
        }
        .aunt-five-times-removed-nodes {
            padding-bottom: var(--padding-5xl);
            box-sizing: border-box;
        }
        .title-catalogo {
            font-weight: bold;
            font-size: xxx-large;
            font-family: 'Century Gothic';

        }
        .seccionCatalogo,
        .error-handler {
            padding-bottom: 132px;
            box-sizing: border-box;
        }
        .error-handler {
            padding-bottom: 377px;
        }
        .lite,
        .tile-precios {
            font-size: var(--font-size-10xl);
        }
        .dijkstra-node {
            font-size: var(--font-size-19xl);
        }
        .bsico {
            font-size: var(--font-size-10xl);
        }
        .default-node {
            font-size: var(--font-size-19xl);
        }
        .random-node {
            flex: 1;
        }
        .premiun {
            font-size: var(--font-size-10xl);
        }
        .stack-node1 {
            font-size: var(--font-size-19xl);
        }
        .seccion-basic {
            flex: 1;
        }
        .edge-node {
            flex-wrap: wrap;
            gap: 74px 37px;
        }
        .contactanos-title {
            font-size: var(--font-size-10xl);
            font-family: "Century Gothic";
        }
        .contact-us-section {
            box-sizing: border-box;
        }
        .logo-parent {
            flex-wrap: wrap;
        }
    }
    @media screen and (max-width: 750px) {
        .cousin-nodes {
            padding-left: 38px;
            padding-right: var(--padding-18xl);
            box-sizing: border-box;
        }
        .aunt-nodes {
            flex-wrap: wrap;
            gap: 35px 17px;
        }
        .ancestor-node {
            padding-left: var(--padding-5xl);
            padding-right: var(--padding-5xl);
            box-sizing: border-box;
        }
        .parent-node {
            gap: 69px 137.5px;
        }
        .leaf-node {
            min-width: 100%;
        }
        .descendant-four-times-removed {
            padding-right: 170px;
            box-sizing: border-box;
        }
        .uncle-thrice-removed-nodes {
            gap: 164px 328px;
        }
        .descendant-twice-removed-nodes {
            min-width: 100%;
        }
        .branch-node {
            gap: 48px 24px;
        }
        .ancestor-six-times-removed-nod,
        .data-merger,
        .function-caller {
            flex-wrap: wrap;
        }
        .loop-control {
            padding-top: 73px;
            box-sizing: border-box;
        }
        .tree-structure {
            gap: 64.5px 16px;
        }
        .services {
            gap: 37px 75px;
            padding: 50px;
            box-sizing: border-box;
        }
        .data-receiver {
            min-width: 100%;
        }
        .data-expander {
            gap: 27px 55px;
        }
        .how-work-section {
            padding-left: var(--padding-10xl);
            padding-right: var(--padding-2xl);
            box-sizing: border-box;
        }
        .aunt-five-times-removed-nodes {
            padding-bottom: var(--padding-xl);
            box-sizing: border-box;
        }
        .text-parser {
            grid-template-columns: repeat(2, minmax(200px, 347px));
            justify-content: center;
        }
        .data-restore {
            padding-bottom: 27px;
            box-sizing: border-box;
        }
        .assignment-node {
            padding-left: 22px;
            padding-right: var(--padding-2xl);
            box-sizing: border-box;
        }
        .seccion-free {
            padding-top: var(--padding-2xl);
            padding-bottom: var(--padding-2xl);
            box-sizing: border-box;
        }
        .vertex-node {
            padding-top: 83px;
            box-sizing: border-box;
        }
        .seccion-basic,
        .seccion-premium {
            padding-top: var(--padding-5xl);
            padding-bottom: var(--padding-5xl);
            box-sizing: border-box;
        }
        .seccion-basic {
            padding-top: var(--padding-2xl);
            padding-bottom: var(--padding-2xl);
        }
        .edge-node {
            gap: 74px 18px;
        }
        .stack-node {
            gap: 24px 48px;
        }
        .set-node {
            padding-bottom: 129px;
            box-sizing: border-box;
        }
        .link-handler {
            padding-left: var(--padding-6xl);
            padding-right: var(--padding-6xl);
            box-sizing: border-box;
        }
        .image-analyzer {
            gap: 16px 32.40000000000009px;
        }
        .form {

            box-sizing: border-box;
        }

    }
    @media screen and (max-width: 450px) {
        .la-aplicacin-web {
            font-size: 37px;
            line-height: 42px;
        }
        .explora-nuestro-catlogo {
            font-size: var(--font-size-base);
            line-height: 22px;
        }
        .parent-node {
            gap: 34px 137.5px;
        }
        .descendant-four-times-removed {
            padding-right: var(--padding-xl);
            box-sizing: border-box;
        }
        .uncle-thrice-removed-nodes {
            gap: 82px 328px;
            padding-bottom: 140px;
            box-sizing: border-box;
        }
        .servicios1 {
            font-size: 25px;
        }
        .data-splitter,
        .data-splitter1,
        .data-splitter2,
        .data-splitter3 {
            flex-wrap: wrap;
            gap: 32px 16px;
        }
        .data-merger {
            gap: 50px 25px;
        }
        .condition-checker {
            gap: 28px 30px;
        }
        .services {
            gap: 19px 75px;
            padding-left: 50px;
            padding-right: 50px;
            box-sizing: border-box;
        }
        .data-storage {
            padding-bottom: 242px;
            box-sizing: border-box;
        }
        .nete-a-nuestra {
            font-size: var(--font-size-3xl);
        }
        .how-work-section {
            padding-bottom: var(--padding-2xl);
            box-sizing: border-box;
        }
        .title-catalogo {
            font-size: var(--font-size-10xl);

        }
        .dean-bell,
        .isaiah-griffin,
        .jason-reed,
        .jeffrey-walters,
        .joe-bridges,
        .nellie-padilla,
        .pearl-brooks {
            font-size: var(--font-size-mid);
            line-height: 26px;
        }
        .text-parser {
            grid-template-columns: minmax(200px, 1fr);
        }
        .interested-to-join-container {
            font-size: var(--font-size-lgi);
            line-height: 27px;
        }
        .button-name {
            font-size: var(--font-size-mid);
            line-height: 26px;
        }
        .seccionCatalogo {
            padding-bottom: 86px;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            min-height: 550px;
        }
        .rocky-dixon {
            font-size: var(--font-size-2xl);
        }
        .the-features-on {
            font-size: var(--font-size-lg);
            line-height: 28px;
        }
        .error-handler {
            padding-bottom: 245px;
            box-sizing: border-box;
        }
        .lite,
        .tile-precios {
            font-size: var(--font-size-3xl);
        }
        .dijkstra-node {
            font-size: var(--font-size-10xl);
        }
        .bsico {
            font-size: var(--font-size-3xl);
        }
        .default-node {
            font-size: var(--font-size-10xl);
        }
        .premiun {
            font-size: var(--font-size-3xl);
        }
        .stack-node1 {
            font-size: var(--font-size-10xl);
        }
        .contactanos-title {
            font-size: var(--font-size-3xl);
        }
        .contact-us-section,
        .form {
            box-sizing: border-box;
        }

        .faq {
            width: 100%;
            height: 18px;
        }
        .frame-parent3 {
            flex-wrap: wrap;
        }
        .copyright {
            padding-left: var(--padding-xl);
            padding-right: var(--padding-xl);
            box-sizing: border-box;
        }
    }
}
@media only screen and (min-width: 1025px) and (min-width: 1150px) {
    .img-icon{
        width: 85% !important;
    }

}
@media only screen and (max-width: 1024px){
    .data-restore .contenedor-buscador .columna-izquierda {
        width: 100% !important;
    }
    .data-restore .contenedor-buscador .columna-derecha {
        width: 18% !important;
    }
}

@media only screen and (min-width: 1025px) {
    /* Estilos para pantallas de 1025px en adelante */
    :root {
        /* fonts */
        --font-open-sans: "Open Sans";
        --font-bebas-neue: "Bebas Neue";
        --font-inter: Inter;
        --font-century-gothic: "Century Gothic";
        --font-century-gothic-pro: "Century Gothic Pro";
        --font-nunito-sans: "Nunito Sans";
        --font-gilroy: Gilroy;
    }

    /* Estilos generales */
    body {
        font-family: Century Gothic Pro, Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0;
        background-color: #fff;
    }
    .contenedor {
        display: flex; /* Utilizamos flexbox para dividir en columnas */
        justify-content: space-between; /* Espacio entre las columnas */
        position: relative;
        z-index: 1;
        height: 100vh;
    }
    .columna {
        width: 50%; /* Las columnas ocupan el mismo espacio */
        background-color: #fff; /* Fondo blanco */
        margin: 0px 0px; /* Margen entre columnas */
        /*font-size: xxx-large;*/
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .columna .subtitle {
        text-align: center;
        /*padding-left: 55px;
        padding-right: 55px;*/
        /*font-weight: normal !important;*/
    }

    section div .columna p .subtitle {
        font-weight: normal;
        font-family: 'Bebas Neue' !important;

    }

    .cabecera {
        display: flex; /* Utilizamos flexbox para dividir en columnas */
        justify-content: space-between; /* Espacio entre las columnas */
        align-items: center;
        padding: 0px; /* Espacio alrededor del contenido */
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 1000;
        height: 60px;
    }
    .logo1 {
        padding-top:20px !important;
        flex:1;
        width: 15%; /* Las columnas ocupan el mismo espacio */
        align-items: end;
    }
    .logo1, .hamburguesa, #nav, .LOG {
        transition: all 0.3s ease; /* Transiciones suaves para cambios de tamaño y visibilidad */
    }
    .menu-movil {
        display: none; /* Oculto por defecto */}
    /* Estilos por defecto (pantallas más grandes) */
    #nav, .LOG {
        display: block; /* Asumimos que son visibles por defecto */
        box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.3);
    }

    .hamburguesa {
        display: none; /* Oculto por defecto */
    }
    #nav.hidden {
        top: -100px; /* Altura de la barra de navegación */
    }
    .content {
        margin-top: 100px; /* Altura de la barra de navegación */
    }

    .logoS {
        width: 150px; /* Establece el ancho de la imagen */
        height: auto; /* Mantiene la proporción de la imagen */
        border: px solid #007bff; /* Añade un borde azul */
        border-radius: 10px; /* Añade bordes redondeados */
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); /* Añade una sombra */
        filter: grayscale(0%); /* Aplica un efecto de escala de grises al 50% */
        opacity: 1; /* Reduce la opacidad */
        position: absolute;
        margin-top: 5px;
        padding-top: 30px !important;
        padding-left: 30px;
        top: 2px;
        left: 10px;
        bottom: 6px;
    }
    .btn{
        align-items: center;
        align-self: center;
        padding-right: 8px;
        width: 17px;
    }
    .LOG {
        height: 88px;
        width: 8%; /* Las columnas ocupan el mismo espacio */
        background-color: rgba(76, 76, 76, 0.92); /* Fondo blanco */
        /*padding-right: 15px; Espacio interno del contenido
  padding-left: 15px; */
        text-align: center;
        border: none;
        padding: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 0px 0px 0px 40px;
    }

    .LOG a{
        color: #fff;
        font-size: large;
        /* font-weight: bold; */
        font-family: "Bebas Neue";
        padding-top: 28px;
    }


    nav {
        height: 88px;
        width: 38%;
        position: absolute;
        margin: 0 !important;
        top: 0;
        transform: translateX(-50%); /* Desplaza el elemento hacia atrás en la mitad de su ancho */
        left: calc(50%);
        border-radius: 0 0 40px 40px;
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        max-width: 100%;
        z-index: 1;
    }

    nav ul {
        width: 100%;
        list-style: none;
        padding: 10px;
        bottom: 0px;
        border-radius: 0px 0px 15px 15px;
        padding-left: 0px !important;
        padding-right: 0px !important;
        display: flex;
        justify-content: center;
        margin-right:0px !important;
        justify-content: space-evenly;

    }

    nav ul li {
        display: inline;
        margin: 5px 10px;
        font-size: 14px;
        padding-bottom: 20px;
        margin-bottom: 10px;
    }

    nav ul li a {
        text-decoration: none;
        color: #fff;
        font-weight: 550;
        padding: 1px;
        padding-bottom: 20px;
        font-family: "Bebas Neue";
        font-size: 20px;

    }
    nav ul li a.activo {
        text-decoration: underline; /* Subraya el enlace activo */
        text-decoration-color: #E83E8C;
        text-decoration-thickness: 1px;
    }
    .title{
        text-align: left !important;
        align-items: start;
        font-weight: 600;
        /*padding-left:95px;
        padding-right: 55px;*/
    }
    section {
        text-align: center;
        padding: 50px 0;
    }
    .contenedor-botones {
        text-align: center; /* Centra los botones */
        display: flex;
        /*padding-left: 53px;*/
    }
    .boton {
        display: inline-block; /* Hace que los botones estén en línea */
        padding: 10px 30px 10px 30px; /* Espacio interno para el botón */
        margin: 0 5px; /* Margen entre los botones */
        background-image: linear-gradient( -45deg,#6F42C1, #6F42C1); /* Color de fondo del botón */
        color: #fff; /* Color del texto del botón */
        border: none; /* Elimina el borde del botón */
        border-radius: 10px; /* Borde redondeado del botón */
        text-decoration: none; /* Elimina subrayado */
        cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
        font-weight: bolder;
        font-size: large;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
    }
    .boton1 {
        display: inline-block; /* Hace que los botones estén en línea */
        padding: 10px 20px; /* Espacio interno para el botón */
        margin: 0 5px; /* Margen entre los botones */
        background-image: linear-gradient( -45deg,#E83E8C, #6F42C1); /* Color de fondo del botón */
        color: #fff; /* Color del texto del botón */
        border: none; /* Elimina el borde del botón */
        border-radius: 10px; /* Borde redondeado del botón */
        text-decoration: none; /* Elimina subrayado */
        cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
        font-weight: bolder;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
        padding-top: 12.5px;
    }


    .contenedor-botones2 {
        text-align: center; /* Centra los botones */
        /*background-image: url('img/qrcodespersonalizadoslandingpage.png');*/ /*revisar*/
        background-size: contain;
        background-position: right; /* Centra la imagen en la sección */
        background-repeat: no-repeat; /* Evita que la imagen se repita */
        padding: 0px;
        z-index: 1;
        overflow: hidden; /* Esconde las partes del pseudo-elemento que se desborden */
        transition: opacity 1s ease-in-out; /* Suaviza el cambio de opacidad */
        background-attachment: fixed;
        top: -1%;
        left: 50%;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .contenedor-botones2::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: contain;
        background-position: right;
        opacity: 0; /* Inicia invisible */
        transition: opacity 1s ease-in-out, transform 1s ease-in-out; /* Transición suave para opacidad y deslizamiento */
    }

    .boton2 {
        float: left;
        clear: both;
        text-align: start;
        font-size: 15px;
        font-weight: 700;
        width: max-content;
        /*display: block; !* Muestra los botones como bloques *!*/
        padding: 15px 20px; /* Espacio interno para el botón */
        margin: 10px auto; /* Margen para centrar verticalmente */
        background-color: #ffffff; /* Color de fondo del botón */
        color: #E83E8C; /* Color del texto del botón */
        border: none; /* Elimina el borde del botón */
        border-radius: 16px; /* Borde redondeado del botón */
        text-decoration: none; /* Elimina subrayado */
        cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
        z-index: 100;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4); /* Agrega sombra al botón */
        transition: transform 0.5s ease-in-out; /* Suaviza el movimiento del botón */
        font-style: italic;
        font-weight: 700;
    }

    .botones{
        display: flex;
        position: absolute; /* Posicionamiento absoluto respecto a su contenedor relativo */
        flex-direction: column;
        align-items: flex-start;
        top: 50%; /* Alineación vertical */
        left: 48%; /* Alineación horizontal */
        transform: translateY(-50%); /* Ajuste fino para centrado exacto */
        z-index: 1000;
        gap: 10px; /* Espaciado entre botones */
    }
    .boton-activo {
        transform: translateX(120px); /* Mueve el botón activo 30px a la derecha */
    }
    .cont-botones{
        width: 300px;
        text-align: left;
        /*display: flex;*/
        /*flex-direction: column;*/
        /*align-items: flex-start; !* Alinea los botones a la izquierda *!*/
        gap: 10px; /* Ajusta el espacio entre botones */
        transition: background-image 1s ease-in-out; /* Suaviza el cambio de fondo */
    }

    /* Media Query para pantallas de hasta 1200px */
    @media (max-width: 1200px) {
        .logoS{
            width: 90px;
            top: 2px;
            left: 5px;
        }
        nav {
            width: 45%; /* Aumenta el ancho en pantallas más pequeñas */
            height: 70px; /* Ajusta la altura si es necesario */
            background: linear-gradient(90deg, #e83e8c, #6f42c1); /* Cambia el gradiente para variar el diseño */
            border-radius: 0 0 30px 30px; /* Ajusta el borde redondeado */
        }

        nav ul li {
            display: inline;
            margin: 5px 10px;
            padding-bottom: 20px;
            margin-bottom: 10px;
        }
        nav ul li a {
            text-decoration: none;
            color: #fff;
            font-weight: 550;
            padding: 1px;
            padding-bottom: 20px;
            font-family: "Bebas Neue";
            font-size: 15px;
        }
        .LOG {
            width:10%;
            height: 55px !important;
        }
        .LOG a{
            color: #fff;
            font-size: 15px;
            /* font-weight: bold; */
            font-family: "Bebas Neue";
            padding-top: 15px;
        }
        .title {
            text-align: left !important;
            align-items: start;
            font-weight: 600;
            font-family: "Century Gothic";
        }
        .subtitle {
            font-size: 15px !important;
            font-weight: 400;
            font-family: 'Bebas Neue' !important;
        }

        .columna .subtitle {
           /* padding-left: 55px !important;*/
        }

        .btn{
            align-items: center;
            align-self: center;
            padding-right: 8px;
            width: 10px;
        }
        .boton {
            display: inline-block; /* Hace que los botones estén en línea */
            margin: 0 5px; /* Margen entre los botones */
            background-image: linear-gradient( -45deg,#E83E8C, #6F42C1); /* Color de fondo del botón */
            color: #fff; /* Color del texto del botón */
            border: none; /* Elimina el borde del botón */
            border-radius: 10px; /* Borde redondeado del botón */
            text-decoration: none; /* Elimina subrayado */
            cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
            font-weight: bolder;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
        }
        .boton1 {
            display: inline-block; /* Hace que los botones estén en línea */
            padding: 10px 20px; /* Espacio interno para el botón */
            margin: 0 5px; /* Margen entre los botones */
            background-image: linear-gradient( -45deg,#E83E8C, #6F42C1); /* Color de fondo del botón */
            color: #fff; /* Color del texto del botón */
            border: none; /* Elimina el borde del botón */
            border-radius: 10px; /* Borde redondeado del botón */
            text-decoration: none; /* Elimina subrayado */
            cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
            font-weight: bolder;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
        }
        .boton2 {
            float: left;
            clear: both;
            text-align: start;
            font-size: 11px;
            font-weight: 500;
            width: max-content;

            padding: 12px 17px; /* Espacio interno para el botón */
            margin: 10px auto; /* Margen para centrar verticalmente */
            background-color: #ffffff; /* Color de fondo del botón */
            color: #E83E8C; /* Color del texto del botón */
            border: none; /* Elimina el borde del botón */
            border-radius: 13px; /* Borde redondeado del botón */
            text-decoration: none; /* Elimina subrayado */
            cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
            z-index: 100;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4); /* Agrega sombra al botón */
            transition: transform 0.5s ease-in-out; /* Suaviza el movimiento del botón */
            font-style: italic;
            font-weight: 600;
        }

    }
    /* SERVICES */
    .services{
        z-index: 2000;
    }

    /* check box*/

    .switch-button {
        align-self: stretch;
        border-radius: var(--br-sm);
        background-color: var(--white);
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
        border: 1px solid var(--gray-300);
        flex-direction: row;
        padding: var(--padding-8xs);
        gap: var(--gap-2xs);
        z-index: 1;
    }
    .logic-gate-parent, .rectangle-parent {
        border-radius: var(--br-sm);
        padding: var(--padding-8xs);
        cursor: pointer;
        position: relative;
    }

    .logic-gate-parent.active .monthly, .rectangle-parent.active .monthly1 {
        color: white; /* Color del texto activo */
    }

    .logic-gate-parent.active .logic-gate, .rectangle-parent.active .frame-child {
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1); /* Fondo activo */
    }

    #restaurantesButton {
        background-color: #fff; /* Fondo blanco */
        color: #000; /* Letras oscuras */
    }
    .logic-gate {
        height: 100%;
        width: 100%;
        position: absolute;
        margin: 0 !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: var(--br-3xs);
        /* background: linear-gradient(269.92deg, #e83e8c, #6f42c1); */
    }
    .monthly {
        flex: 1;
        position: relative;
        font-size: var(--font-size-base);
        line-height: 27px;
        color: #4b5563;
        text-align: center;
        z-index: 1;
    }
    .logic-gate-parent {
        cursor: pointer;
        border: 0;
        padding: var(--padding-3xs) var(--padding-8xs) var(--padding-2xs)
        var(--padding-9xs);
        background-color: transparent;
        flex: 1;
        box-shadow: 3px 2px 8px rgba(232, 62, 140, 0.25);
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        position: relative;
    }
    .frame-child {
        height: 100%;
        width: 100%;
        position: absolute;
        margin: 0 !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: var(--br-3xs);
        filter: drop-shadow(3px 2px 8px rgba(0, 0, 0, 0.1));
    }
    .monthly1 {
        flex: 1;
        position: relative;
        line-height: 27px;
        z-index: 1;
        font-size: var(--font-size-base);
    }
    .rectangle-parent {
        flex: 0.419;
        flex-direction: row;
        padding: var(--padding-3xs) var(--padding-17xl) var(--padding-2xs) 34px;
        position: relative;
    }

    /*End Services*/

    /* How-work-section */
    .how-work-section{
        z-index: 3000;
    }


    /* Error-handler */
    .error-handler{
        z-index: 4000;
    }

    .landing-page-26{
        z-index: 4500;
    }
    .set-node{
        z-index: 5000;
    }

    .contact-us-section{
        z-index: 6000;
    }




    /*Aqui IA*/
    .logo-icon {
        width: 150px;
        /* height: 39.5px; */
        position: relative;
        object-fit: cover;
    }
    .la-aplicacin-web {
        margin: 0;
        align-self: stretch;
        position: relative;
        font-size: inherit;
        line-height: 70px;
        font-weight: 700;
        font-family: inherit;
    }
    .explora-nuestro-catlogo {
        flex: 1;
        position: relative;
        line-height: 28px;
    }
    .cousin-nodes {
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 var(--padding-55xl) 0 76px;
    }
    .mask-group-icon {
        height: 100%;
        width: 100%;
        position: absolute;
        margin: 0 !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }
    .ver-catlogo {
        position: relative;
        text-transform: capitalize;
        z-index: 1;
    }
    .botton-1 {
        filter: drop-shadow(0 4px 15px rgba(0, 0, 0, 0.25));
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        padding: var(--padding-lgi) 60px var(--padding-mid);
        position: relative;
    }
    .mask-group-icon1 {
        height: 100%;
        width: 100%;
        position: absolute;
        margin: 0 !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }
    .registra-tu-negocio {
        width: 232px;
        position: relative;
        text-transform: capitalize;
        display: inline-block;
        z-index: 1;
    }
    .uncle-once-removed-nodes {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: var(--padding-8xs) 0 0 0;
    }
    .ancestor-twice-removed-nodes,
    .ancestor-twice-removed-nodes1 {
        position: absolute;
        top: 0;
        left: calc(50% - 2.5px);
        border-radius: var(--br-8xs);
        background-color: var(--white);
        width: 5px;
        height: 25px;
    }
    .ancestor-twice-removed-nodes1 {
        top: 15px;
        left: calc(50% - 12.5px);
        transform: rotate(-90deg);
        transform-origin: 0 0;
        z-index: 1;
    }
    .ancestor-twice-removed-nodes-parent {
        height: 25px;
        width: 25px;
        position: relative;
        z-index: 2;
    }
    .mask-group-parent {
        flex: 1;
        filter: drop-shadow(0 4px 15px rgba(0, 0, 0, 0.25));
        flex-direction: row;
        padding: var(--padding-sm) var(--padding-base) var(--padding-base) 16.5px;
        box-sizing: border-box;
        position: relative;
        min-width: 172px;
    }
    .ancestor-node,
    .aunt-nodes,
    .descendant-nodes,
    .mask-group-parent {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .aunt-nodes {
        align-self: stretch;
        flex-direction: row;
        gap: 35px;
        font-size: var(--font-size-base);
        color: var(--orange-50);
        font-family: var(--font-century-gothic-pro);
    }
    .ancestor-node,
    .descendant-nodes {
        max-width: 100%;
    }
    .descendant-nodes {
        flex: 1;
        flex-direction: column;
        gap: 26px;
    }
    .ancestor-node {
        align-self: stretch;
        flex-direction: row;
        padding: 0 49px;
        box-sizing: border-box;
        font-size: var(--font-size-xl);
        color: var(--color-slategray);
        font-family: var(--font-open-sans);
    }
    .connected-nodes {
        flex: 1;
        flex-direction: column;
        gap: 21px;
    }
    .child-nodes,
    .connected-nodes,
    .leaf-node,
    .parent-node {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        max-width: 100%;
    }
    .child-nodes {
        align-self: stretch;
        flex-direction: row;
        padding: 0 0 0 3px;
        box-sizing: border-box;
    }
    .leaf-node,
    .parent-node {
        flex-direction: column;
    }
    .parent-node {
        align-self: stretch;
        gap: 137.5px;
    }
    .leaf-node {
        width: 627px;
        padding: var(--padding-17xl) 0 0;
        box-sizing: border-box;
        min-width: 627px;
    }
    .cousin-twice-removed-nodes {
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        background-color: var(--ali2);
        width: 100%;
        height: 100%;
    }
    .aligera-a-logo-nobg-1-icon {
        position: absolute;
        top: 5px;
        left: 6px;
        width: 18px;
        height: 19.6px;
        object-fit: cover;
        z-index: 1;
    }
    .uncle-four-times-removed-nodes {
        height: 30px;
        width: 30px;
        position: relative;
    }
    .qr-codes-personalizados {
        position: relative;
        font-size: var(--font-size-sm);
        font-family: var(--font-inter);
        color: var(--ali2);
        text-align: left;
    }
    .descendant-thrice-removed-node,
    .uncle-twice-removed-nodes {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: var(--padding-6xs-5) 0 0;
    }
    .uncle-twice-removed-nodes {
        cursor: pointer;
        border: 0;
        padding: var(--padding-sm) var(--padding-xl);
        background-color: var(--white);
        margin: 0 !important;
        position: absolute;
        top: 248px;
        left: -35px;
        border-radius: var(--br-mini);
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.5);
        flex-direction: row;
        gap: var(--gap-xl);
        z-index: 1;
    }
    .uncle-four-times-removed-nodes-child {
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        background-color: var(--color-mediumorchid);
        width: 100%;
        height: 100%;
    }
    .aligera-a-logo-nobg-3-icon {
        position: absolute;
        top: 5px;
        left: 6px;
        width: 18px;
        height: 19.6px;
        object-fit: cover;
        z-index: 1;
    }
    .uncle-four-times-removed-nodes1 {
        height: 30px;
        width: 30px;
        position: relative;
    }
    .reservaciones {
        position: relative;
        font-size: var(--font-size-sm);
        font-family: var(--font-inter);
        color: var(--color-mediumorchid);
        text-align: left;
    }
    .reservaciones-wrapper,
    .uncle-twice-removed-nodes1 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: var(--padding-6xs-5) 0 0;
    }
    .uncle-twice-removed-nodes1 {
        cursor: pointer;
        border: 0;
        padding: var(--padding-sm) var(--padding-xl);
        background-color: var(--white);
        margin: 0 !important;
        position: absolute;
        bottom: 248px;
        left: -35px;
        border-radius: var(--br-mini);
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.5);
        flex-direction: row;
        gap: var(--gap-xl);
        z-index: 1;
    }
    .uncle-four-times-removed-nodes-item {
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        background-color: var(--color-slateblue-100);
        width: 100%;
        height: 100%;
    }
    .aligera-a-logo-nobg-4-icon {
        position: absolute;
        top: 5px;
        left: 6px;
        width: 18px;
        height: 19.6px;
        object-fit: cover;
        z-index: 1;
    }
    .uncle-four-times-removed-nodes2 {
        height: 30px;
        width: 30px;
        position: relative;
    }
    .perfil-de-negocio {
        position: relative;
        font-size: var(--font-size-sm);
        font-family: var(--font-inter);
        color: var(--color-slateblue-100);
        text-align: left;
    }
    .perfil-de-negocio-wrapper,
    .uncle-twice-removed-nodes2 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: var(--padding-6xs-5) 0 0;
    }
    .uncle-twice-removed-nodes2 {
        cursor: pointer;
        border: 0;
        padding: var(--padding-sm) var(--padding-xl);
        background-color: var(--white);
        margin: 0 !important;
        position: absolute;
        top: 332px;
        left: -35px;
        border-radius: var(--br-mini);
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.5);
        flex-direction: row;
        gap: var(--gap-xl);
        z-index: 1;
    }
    .navbar-child {
        height: 2px;
        width: 40px;
        position: relative;
        display: none;
        z-index: 0;
    }
    .navbar-item {
        height: 88px;
        width: 505px;
        position: absolute;
        margin: 0 !important;
        top: 0;
        left: calc(50% - 252.5px);
        border-radius: 0 0 var(--br-21xl) var(--br-21xl);
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        max-width: 100%;
        z-index: 1;
    }
    .catlogo,
    .contctanos,
    .inicio,
    .precios,
    .servicios {
        position: relative;
        z-index: 1;
    }
    .contctanos {
        white-space: nowrap;
    }
    .navbar {
        width: 505px;
        margin: 0 !important;
        position: fixed;
        top: 0;
        left: -253px;
        border-radius: 0 0 var(--br-21xl) var(--br-21xl);
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        padding: var(--padding-13xl) var(--padding-16xl) var(--padding-13xl)
        var(--padding-18xl);
        box-sizing: border-box;
        gap: var(--gap-xl);
        max-width: 100%;
        z-index: 1;
        text-align: left;
        font-size: var(--font-size-xl);
        color: var(--white);
        font-family: var(--font-bebas-neue);
    }
    .landingpanaderia-1-icon {
        align-self: stretch;
        height: 806px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        object-fit: cover;
        display: none;
    }
    .login-child {
        width: 165px;
        height: 88px;
        position: relative;
        border-radius: 0 0 0 var(--br-21xl);
        background-color: var(--color-dimgray-200);
        backdrop-filter: blur(75px);
        display: none;
    }
    .log-in {
        position: relative;
        font-size: var(--font-size-xl);
        font-family: var(--font-bebas-neue);
        color: var(--white);
        text-align: left;
        z-index: 1;
    }
    .ancestor-four-times-removed-no {
        align-self: stretch;
        height: 2px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        z-index: 1;
    }
    .login {
        cursor: pointer;
        border: 0;
        padding: var(--padding-13xl) var(--padding-13xl) var(--padding-11xl)
        var(--padding-14xl);
        background-color: var(--color-dimgray-200);
        width: 165px;
        height: 88px;
        border-radius: 0 0 0 var(--br-21xl);
        backdrop-filter: blur(75px);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        box-sizing: border-box;
        gap: var(--gap-11xs);
        white-space: nowrap;
        z-index: 1;
    }
    .login:hover {
        background-color: rgba(115, 115, 115, 0.75);
    }
    .aunt-four-times-removed-nodes {
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        background-color: var(--color-mediumvioletred);
        width: 100%;
        height: 100%;
    }
    .aligera-a-logo-nobg-2-icon {
        position: absolute;
        top: 5px;
        left: 6px;
        width: 18px;
        height: 19.6px;
        object-fit: cover;
        z-index: 1;
    }
    .uncle-four-times-removed-nodes3 {
        height: 30px;
        width: 30px;
        position: relative;
    }
    .men-digital {
        position: relative;
    }
    .ancestor-five-times-removed-no,
    .sibling-four-times-removed-nod {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: var(--padding-6xs-5) 0 0;
    }
    .sibling-four-times-removed-nod {
        border-radius: var(--br-mini);
        background-color: var(--white);
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.5);
        flex-direction: row;
        padding: var(--padding-sm) var(--padding-xl);
        gap: var(--gap-xl);
        z-index: 1;
    }
    .descendant-four-times-removed {
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        padding: 0 341px 0 var(--padding-xl);
    }
    .uncle-thrice-removed-nodes {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-start;
        padding: 0 0 332px;
        box-sizing: border-box;
        gap: 328px;
        background-image: url('./public/landingpanaderia-1@2x.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
        max-width: 100%;
    }
    .sibling-twice-removed-nodes {
        align-self: stretch;
        flex-direction: row;
        position: relative;
    }
    .branch-node,
    .descendant-twice-removed-nodes,
    .sibling-twice-removed-nodes {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        max-width: 100%;
    }
    .descendant-twice-removed-nodes {
        flex: 1;
        flex-direction: column;
        min-width: 468px;
        font-size: var(--font-size-sm);
        color: var(--color-mediumvioletred);
        font-family: var(--font-inter);
    }
    .branch-node {
        width: 1415px;
        flex-direction: row;
        padding: 0 0 0 var(--padding-xl);
        box-sizing: border-box;
        gap: var(--gap-29xl);
        text-align: left;
        font-size: 62px;
        color: #292323;
        font-family: var(--font-century-gothic-pro);
    }
    .background-right-icon {
        width: 1313px;
        height: 1288.3px;
        position: absolute;
        margin: 0 !important;
        top: -238px;
        right: -660px;
        object-fit: contain;
    }
    .servicios1 {
        margin: 0;
        height: 51px;
        position: relative;
        font-size: inherit;
        font-weight: 700;
        font-family:"Century Gothic";
        display: inline-block;
    }
    .conoce-la-variedad {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-base);
        line-height: 27px;
        font-family: var(--font-inter);
    }
    .descendant-six-times-removed-n {
        width: 351px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-5xs);
        max-width: 100%;
    }
    .aunt-six-times-removed-nodes,
    .rectangle-parent,
    .switch-button {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .switch-button {
        align-self: stretch;
        border-radius: var(--br-sm);
        background-color: var(--white);
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
        border: 1px solid var(--gray-300);
        flex-direction: row;
        padding: var(--padding-8xs);
        gap: var(--gap-2xs);
        z-index: 1;
    }
    .aunt-six-times-removed-nodes {
        width: 251px;
        flex-direction: column;
        padding: 13px 0 0;
        box-sizing: border-box;
        text-align: center;
        font-size: var(--font-size-base);
        color: var(--gray-600);
        font-family: var(--font-inter);
    }
    .ancestor-six-times-removed-nod {
        width: 911px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        max-width: 100%;
        gap: var(--gap-xl);
    }
    .food-menu-3-svgrepocom {
        width: 60px;
        height: 60px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
        display: none;
        z-index: 2;
    }
    .img-icon {
        height: 100%;
        width: 100%;
        min-height: 667px;
        max-width: 100%;
        object-fit: contain;
        position: absolute;
        left: 0;
        top: 60px;
        transform: scale(1.651);
    }
    .wrapper-img {
        height: 667px;
        width: 330.5px;
        position: relative;
        min-height: 667px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .frame-item {
        height: 64px;
        width: 64px;
        position: relative;
        border-radius: var(--br-20xl);
        background-color: var(--white);
        box-shadow: 0 2px 8px #e83e8c;
        border: 1px solid var(--ali2);
        box-sizing: border-box;
        display: none;
    }
    .qr-code-scan-svgrepocom-icon {
        height: 40px;
        width: 40px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
        z-index: 1;
    }
    .rectangle-group {
        cursor: pointer;
        border: 1px solid var(--ali2);
        padding: var(--padding-xs);
        background-color: var(--white);
        height: 64px;
        width: 64px;
        border-radius: var(--br-20xl);
        box-shadow: 0 2px 8px #e83e8c;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .ofrecemos-qr-codes,
    .qr-codes-personalizados1 {
        align-self: stretch;
        position: relative;
        z-index: 1;
    }
    .ofrecemos-qr-codes {
        font-size: var(--font-size-base);
        line-height: 27px;
        text-align: justify;
    }
    .data-splitter,
    .parallel-processor {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-5xs);
        min-width: 179px;
    }
    .data-splitter {
        flex-direction: row;
        gap: var(--gap-13xl);
        min-width: 241px;
        max-width: 100%;
    }
    .frame-inner {
        height: 64px;
        width: 64px;
        position: relative;
        border-radius: var(--br-37xl);
        box-shadow: 0 2px 8px #e83e8c;
        border: 1px solid var(--ali2);
        box-sizing: border-box;
        display: none;
    }
    .vector-icon {
        height: 39.4px;
        width: 32.2px;
        position: relative;
        z-index: 2;
    }
    .rectangle-container {
        cursor: pointer;
        border: 1px solid var(--ali2);
        padding: var(--padding-xs) 15.800000000000011px 12.599999999999907px
        var(--padding-base);
        background-color: white;
        height: 64px;
        width: 64px;
        border-radius: var(--br-37xl);
        box-shadow: 0 2px 8px #e83e8c;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        z-index: 1;
    }
    .dentro-del-perfil,
    .men-digital1 {
        position: relative;
        z-index: 1;
    }
    .dentro-del-perfil {
        align-self: stretch;
        font-size: var(--font-size-base);
        line-height: 27px;
        text-align: justify;
    }
    .data-splitter1,
    .function-caller,
    .men-digital-parent {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .men-digital-parent {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-5xs);
        min-width: 179px;
    }
    .data-splitter1,
    .function-caller {
        flex-direction: row;
        max-width: 100%;
    }
    .data-splitter1 {
        flex: 1;
        gap: var(--gap-13xl);
        min-width: 241px;
    }
    .function-caller {
        align-self: stretch;
        gap: var(--gap-41xl);
    }
    .rectangle-div {
        height: 64px;
        width: 64px;
        position: relative;
        border-radius: var(--br-20xl);
        box-shadow: 0 2px 8px #e83e8c;
        border: 1px solid var(--ali2);
        box-sizing: border-box;
        display: none;
    }
    .business-shop-woman-svgrepoco-icon {
        height: 40px;
        width: 40px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
        z-index: 1;
    }
    .group-button {
        cursor: pointer;
        border: 1px solid var(--ali2);
        padding: var(--padding-xs);
        background-color: white;
        height: 64px;
        width: 64px;
        border-radius: var(--br-20xl);
        box-shadow: 0 2px 8px #e83e8c;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .perfil-de-tu,
    .se-le-crear {
        position: relative;
        z-index: 1;
    }
    .se-le-crear {
        align-self: stretch;
        font-size: var(--font-size-base);
        line-height: 27px;
        text-align: justify;
    }
    .data-creator,
    .data-splitter2 {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-5xs);
        min-width: 179px;
    }
    .data-splitter2 {
        flex-direction: row;
        gap: var(--gap-13xl);
        min-width: 241px;
        max-width: 100%;
    }
    .frame-child1 {
        height: 64px;
        width: 64px;
        position: relative;
        border-radius: var(--br-20xl);
        box-shadow: 0 2px 8px #e83e8c;
        border: 1px solid var(--ali2);
        box-sizing: border-box;
        display: none;
    }
    .calendar-icon {
        height: 30.1px;
        width: 35px;
        position: relative;
        z-index: 2;
    }
    .rectangle-parent1 {
        cursor: pointer;
        border: 1px solid var(--ali2);
        padding: var(--padding-mid) var(--padding-sm) 16.90000000000009px;
        background-color: white;
        height: 64px;
        width: 64px;
        border-radius: var(--br-20xl);
        box-shadow: 0 2px 8px #e83e8c;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        z-index: 1;
    }
    .ofrcele-la-comodidad,
    .reservaciones-citas {
        position: relative;
        z-index: 1;
    }
    .ofrcele-la-comodidad {
        align-self: stretch;
        font-size: var(--font-size-base);
        line-height: 27px;
        text-align: justify;
    }
    .data-merger,
    .data-splitter3,
    .reservaciones-citas-parent {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .reservaciones-citas-parent {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-5xs);
        min-width: 179px;
    }
    .data-merger,
    .data-splitter3 {
        flex-direction: row;
        max-width: 100%;
    }
    .data-splitter3 {
        flex: 1;
        gap: var(--gap-13xl);
        min-width: 241px;
    }
    .data-merger {
        align-self: stretch;
        gap: 50px;
    }
    .condition-checker {
        align-self: stretch;
        flex-direction: column;
        gap: 30px;
    }
    .condition-checker,
    .loop-control,
    .tree-structure {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        max-width: 100%;
    }
    .loop-control {
        flex: 1;
        flex-direction: column;
        padding: 0 0 0;
        box-sizing: border-box;
        min-width: 521px;
        align-self: center;
    }
    .tree-structure {
        align-self: stretch;
        flex-direction: row;
        gap: 64.5px;
        font-size: var(--font-size-lg);
        font-family: "Century Gothic";
    }
    .services,
    .y-brndale-ms {
        position: relative;
        max-width: 100%;
    }
    .services {
        align-self: stretch;
        background-color: #f5f5f5;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding-top:50px;
        padding-bottom: 50px;
        padding-left: 90px;
        padding-right: 90px;
        box-sizing: border-box;
        z-index: 2;
    }
    .y-brndale-ms {
        height: 27px;
        width: 465.3px;
        line-height: 27px;
        display: none;
        flex-shrink: 0;
    }
    .complejo-circle-icon {
        position: absolute;
        top: 0;
        left: 0;
        width: 732px;
        height: 714px;
    }
    .data-visualizer {
        position: absolute;
        top: 0;
        left: calc(50% - 5px);
        border-radius: var(--br-8xs);
        background-color: var(--ali2);
        width: 10px;
        height: 50px;
    }
    .data-visualizer1,
    .sumar {
        position: absolute;
        height: 50px;
        z-index: 1;
    }
    .data-visualizer1 {
        top: 30px;
        left: calc(50% - 25px);
        border-radius: var(--br-8xs);
        background-color: var(--ali2);
        width: 10px;
        transform: rotate(-90deg);
        transform-origin: 0 0;
    }
    .sumar {
        top: 317px;
        left: 665px;
        width: 50px;
    }
    .aligera-logo-full-nobg-1-icon {
        position: absolute;
        top: 260px;
        left: 305px;
        width: 99.7px;
        height: 132px;
        object-fit: cover;
        z-index: 1;
    }
    .data-receiver {
        height: 714px;
        flex: 1;
        position: relative;
        min-width: 476px;
        max-width: 100%;
    }
    .data-storage-child {
        align-self: stretch;
        height: 36.8px;
        position: relative;
        border-radius: var(--br-21xl);
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        object-fit: contain;
    }
    .data-storage {
        height: 372px;
        width: 103px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 0 372px;
        box-sizing: border-box;
    }
    .nete-a-nuestra {
        margin: 0;
        padding-right: 15px;
        padding-left: 15px;
        font-size:27px !important;
        align-self: stretch;
        position: relative;
        font-weight: 700;
        font-family: "Century Gothic";
    }
    .mask-group-icon2 {
        height: 100%;
        width: 100%;
        position: absolute;
        margin: 0 !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
    }
    .registra-planetas{
        background-color: white;
        border-radius: 12px;
        border-color: white !important;
        padding:10px;
        border:none;
        display: flex;
        box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.3);
    }


    .registra-tu-negocio1 {
        padding:5px;
        position: relative;
        font-weight: bold;
        text-transform: capitalize;
        /*color:#E83E8CFF;*/
        background-image: linear-gradient(269.92deg, #e83e8c, #6f42c1); /* El gradiente */
        -webkit-background-clip: text; /* Asegura que el fondo solo afecte al texto */
        background-clip: text; /* Asegura que el fondo solo afecte al texto */
        -webkit-text-fill-color: transparent; /* Hace el texto transparente para mostrar el fondo */
        text-fill-color: transparent; /* Hace el texto transparente para mostrar el fondo */
        z-index: 1;
    }
    .data-validator {

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 9px 0 0;
    }
    .data-security,
    .data-security1 {
        position: absolute;
        top: 0;
        left: calc(50% - 3.5px);
        border-radius: var(--br-8xs);
        background-color: var(--ali2);
        width: 7px;
        height: 35px;
    }
    .data-security1 {
        top: 21px;
        left: calc(50% - 17.5px);
        transform: rotate(-90deg);
        transform-origin: 0 0;
        z-index: 1;
    }
    .data-security-parent {
        height: 35px;
        width: 35px;
        position: relative;
        z-index: 1;
    }
    .botton-registro,
    .data-decoder {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }
    .botton-registro {
        filter: drop-shadow(0 4px 15px rgba(0, 0, 0, 0.25));
        justify-content: flex-start;
        padding: var(--padding-3xs) 15px var(--padding-3xs) var(--padding-lg);
        position: relative;
        gap: var(--gap-base);
    }
    .data-decoder {
        align-self: stretch;
        justify-content: center;
        padding: 0 var(--padding-xl);
        text-align: left;
        font-size: var(--font-size-base);
        font-family: var(--font-century-gothic-pro);
    }
    .data-compressor,
    .data-expander {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
    .data-expander {
        align-self: stretch;
        align-items: flex-end;
        gap: 55px;
    }
    .data-compressor {
        width: 477px;
        align-items: flex-start;
        min-height: 433px;
        max-width: 100%;
        font-size: var(--font-size-17xl);
        font-family: var(--font-century-gothic);
    }
    .aunt-five-times-removed-nodes,
    .how-work-section {
        align-self: stretch;
        display: flex;
        justify-content: flex-start;
        box-sizing: border-box;
        max-width: 100%;
    }
    .how-work-section {
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        overflow: hidden;
        flex-direction: row;
        align-items: flex-end;
        padding: 52px 43px var(--padding-32xl) var(--padding-40xl);
        gap: 13px;
        margin-top: -8px;
        text-align: center;
        font-size: var(--font-size-base);
        color: var(--gray-50);
        font-family: var(--font-inter);
    }
    .aunt-five-times-removed-nodes {
        flex-direction: column;
        align-items: flex-start;
        padding: 0 0 0px;
        text-align: left;
        font-size: 42px;
        color: var(--gray-900);
        font-family: var(--font-century-gothic);
    }
    .title-catalogo {
        margin: 0;
        position: relative;

        font-weight: 600;
        font-family: inherit;
        display: inline-block;

        font-size: xxx-large;
        font-family: 'Century Gothic';
    }

    .data-queue {
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        padding: 0 var(--padding-xl);
    }

    .seccion-superior-catalogo{
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        padding: 0 var(--padding-xl);
    }
    .seccion-superior-catalogo2{
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        padding: 0 var(--padding-xl);
    }

    .parrafo-catalogo{
        font-size: 20px;
        font-weight: lighter;
        font-family: 'Century Gothic';
    }
    .contenedor-botones3 {
        display: flex; /* Utiliza flexbox para alinear los botones */
    }

    .boton3 {

    }
    .activo_b{background-color:  #E83E8C; border-radius: 13px; color: white;}

    .boton3:last-child {
        margin-right: 0; /* Elimina el margen derecho del último botón */
    }

    .contenedor-buscador {
        width: 84%;
        margin: 0 auto;
        display: flex;
        padding-bottom:5px;
    }
    .columna2 {
        float: left;
        display: flex;
        justify-content: end;
    }
    .columna-izquierda {
        width: 100%;
    }

    .columna-derecha {
        width: 10%;
    }

    .campo-busqueda {
        width: 100%;
        padding: 8px;
        border: 1px solid #E83E8C;
        border-radius: 18px 0 0 18px;
        font-size: 16px;
        font-family: "Century Gothic" !important;
    }
    .campo-busqueda::after {
        border: 1px solid #9e005d;
    }
    .campo-busqueda:focus {
        outline: none; /* Elimina el borde al estar activo */
    }
    .boton-categoria {
        background-color: #e83e8c;
        color: #fff;
        border: none;
        padding: 8px 12px;
        border-radius: 0px 10px 10px 0px;
        cursor: pointer;
        display: flex;
        align-items: center;
        font-family: 'Century Gothic';
        position: relative;
    }

    .boton-buscar {
        background-color: #e83e8c;
        color: #fff;
        border: none;
        padding: 8px 12px;
        border-radius: 0 18px 18px 0;
        cursor: pointer;
        display: flex;
        align-items: center;
        font-family: "Century Gothic";
    }

    .boton-buscar img {
        margin-right: 5px;
    }
    .iconoCatal{
        width: 30px;
    }
    .data-sync {
        width: 610px;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-start;
        gap: 25px;
        max-width: 100%;
    }
    .data-transfer {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        padding: 0 var(--padding-xl) 8px;
        box-sizing: border-box;
        text-align: center;
        font-size: var(--font-size-29xl);
        font-family: var(--font-open-sans);
    }
    .whatever-happens-im-ready-to-f-icon {
        align-self: stretch;
        height: 356px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        object-fit: cover;
    }
    .founder,
    .joe-bridges {
        position: relative;
        letter-spacing: -0.5px;
        line-height: 32px;
    }
    .founder {
        font-size: var(--font-size-mid);
        letter-spacing: -0.2px;
        line-height: 29px;
        color: var(--color-gray-200);
        mix-blend-mode: normal;
    }
    .data-matrix,
    .data-stream {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-9xs);
    }
    .data-stream {
        flex: 1;
        gap: var(--gap-12xl);
    }
    .well-im-not-in-the-mood-for-an-icon {
        align-self: stretch;
        height: 356px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        object-fit: cover;
    }
    .jeffrey-walters {
        position: relative;
        letter-spacing: -0.5px;
        line-height: 32px;
    }
    .cheif-executive-offi {
        position: relative;
        font-size: var(--font-size-mid);
        letter-spacing: -0.2px;
        line-height: 29px;
        color: var(--color-gray-200);
        mix-blend-mode: normal;
    }
    .data-stream1,
    .jeffrey-walters-parent {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-9xs);
    }
    .data-stream1 {
        flex: 1;
        gap: var(--gap-12xl);
    }
    .ready-for-a-date-icon {
        align-self: stretch;
        height: 356px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        object-fit: cover;
    }
    .jason-reed {
        position: relative;
        letter-spacing: -0.5px;
        line-height: 32px;
    }
    .chief-technology-off {
        position: relative;
        font-size: var(--font-size-mid);
        letter-spacing: -0.2px;
        line-height: 29px;
        color: var(--color-gray-200);
        mix-blend-mode: normal;
    }
    .data-stream2,
    .jason-reed-parent {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-9xs);
    }
    .data-stream2 {
        flex: 1;
        gap: var(--gap-12xl);
    }
    .looking-at-the-day-ahead-icon {
        align-self: stretch;
        height: 356px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        object-fit: cover;
    }
    .nellie-padilla {
        position: relative;
        letter-spacing: -0.5px;
        line-height: 32px;
    }
    .creative-director {
        position: relative;
        font-size: var(--font-size-mid);
        letter-spacing: -0.2px;
        line-height: 29px;
        color: var(--color-gray-200);
        mix-blend-mode: normal;
    }
    .nellie-padilla-parent {
        flex-direction: column;
        gap: var(--gap-9xs);
    }
    .data-pool,
    .data-stream3,
    .nellie-padilla-parent {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .data-stream3 {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-12xl);
    }
    .data-pool {
        width: 1158px;
        flex-direction: row;
        gap: var(--gap-11xl);
    }
    .happiness-good-whiskey-a-good-icon {
        align-self: stretch;
        height: 356px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        object-fit: cover;
    }
    .dean-bell,
    .lead-programmer {
        position: relative;
        letter-spacing: -0.5px;
        line-height: 32px;
    }
    .lead-programmer {
        font-size: var(--font-size-mid);
        letter-spacing: -0.2px;
        line-height: 29px;
        color: var(--color-gray-200);
        mix-blend-mode: normal;
    }
    .image-processor,
    .number-formatter {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-9xs);
    }
    .number-formatter {
        gap: var(--gap-12xl);
    }
    .gonna-marry-a-woman-of-my-life-icon {
        align-self: stretch;
        height: 356px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        object-fit: cover;
    }
    .pearl-brooks {
        position: relative;
        letter-spacing: -0.5px;
        line-height: 32px;
    }
    .digital-marketer {
        position: relative;
        font-size: var(--font-size-mid);
        letter-spacing: -0.2px;
        line-height: 29px;
        color: var(--color-gray-200);
        mix-blend-mode: normal;
    }
    .number-formatter1,
    .pearl-brooks-parent {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-9xs);
    }
    .number-formatter1 {
        gap: var(--gap-12xl);
    }
    .thoughtful-handsome-young-man-icon {
        align-self: stretch;
        height: 356px;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        flex-shrink: 0;
        object-fit: cover;
    }
    .isaiah-griffin,
    .ux-designer {
        position: relative;
        letter-spacing: -0.5px;
        line-height: 32px;
    }
    .ux-designer {
        font-size: var(--font-size-mid);
        letter-spacing: -0.2px;
        line-height: 29px;
        color: var(--color-gray-200);
        mix-blend-mode: normal;
    }
    .isaiah-griffin-parent {
        display: flex;
        flex-direction: column;
        gap: var(--gap-9xs);
    }
    .isaiah-griffin-parent,
    .number-formatter2,
    .text-parser {
        align-items: flex-start;
        justify-content: flex-start;
    }
    .number-formatter2 {
        display: flex;
        flex-direction: column;
        gap: var(--gap-12xl);
    }
    .text-parser {
        flex: 1;
        display: grid;
        flex-direction: row;
        gap: var(--gap-11xl);
        max-width: 100%;
        grid-template-columns: repeat(3, minmax(200px, 1fr));
    }
    .interested-to-join,
    .our-team {
        margin: 0;
    }
    .interested-to-join-container {
        margin: 0;
        position: relative;
        font-size: inherit;
        letter-spacing: -0.5px;
        line-height: 34px;
        font-weight: 700;
        font-family: inherit;
    }
    .button-name {
        flex: 1;
        position: relative;
        letter-spacing: -1.2px;
        line-height: 32px;
    }
    .tail-right-icon {
        width: 13px;
        height: 11.3px;
        position: relative;
    }
    .variable-node {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: var(--padding-3xs) 0 0;
    }
    .button-1,
    .button-solid-style-03 {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }
    .button-1 {
        flex: 1;
        overflow: hidden;
        align-items: flex-start;
        padding: 0 var(--padding-12xs) 0 0;
        gap: 1px;
    }
    .button-solid-style-03 {
        width: 130px;
        height: 32px;
        align-items: flex-end;
        padding: 0 var(--padding-12xs) var(--padding-12xs) 0;
        box-sizing: border-box;
        font-size: var(--font-size-2xl);
        color: #473bf0;
    }
    .if-node {
        flex-direction: column;
        gap: var(--gap-5xl);
    }
    .if-node,
    .loop-node,
    .value-filter {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .loop-node {
        flex-direction: column;
        padding: 115px 0 0;
        font-size: 24px;
    }
    .value-filter {
        width: 1115px;
        flex-direction: row;
        gap: 69px;
    }
    .data-restore-child {
        width: 83.5px;
        height: 14px;
        position: absolute;
        margin: 0 !important;
        bottom: 0;
        left: 537px;
    }
    .seccionCatalogo,
    .data-restore {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        box-sizing: border-box;
        max-width: 100%;

        display: flex;
        flex-direction: column; /* Cambia el orden a vertical */
        align-items: center; /* Centra los elementos horizontalmente */
        justify-content: flex-start; /* Alinea los elementos hacia arriba */
        box-sizing: border-box;
        max-width: 100%;
        overflow-x: hidden; /* Oculta el desplazamiento horizontal */
    }
    .data-restore {
        width: 100%;
        overflow-x: auto;
        flex-shrink: 0;
        flex-direction: column;
        position: relative;
        gap: var(--gap-41xl);
        padding-bottom: 35px;
    }
    .seccionCatalogo {
        width: 100%;
        /* flex-direction: row; */
        text-align: center;
        font-size: var(--font-size-2xl);
        color: var(--color-gray-100);
        font-family: var(--font-gilroy);
        min-height: 550px;
    }
    .rocky-dixon {
        margin: 0;
        position: relative;
        font-size: inherit;
        font-weight: 700;
        font-family: inherit;
        z-index: 2;
    }
    .composite-node {
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
    }
    .subtract-icon,
    .wrapper-subtract {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        z-index: 1;
    }
    .subtract-icon {
        max-width: 100%;
        overflow: hidden;
        max-height: 100%;
        object-fit: contain;
        top: 6px;
        transform: scale(1.273);
    }
    .wrapper-subtract {
        top: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .quote-1-icon {
        position: absolute;
        top: 18px;
        left: 18.3px;
        width: 43.8px;
        height: 43px;
        overflow: hidden;
        z-index: 2;
    }
    .parallel-node {
        width: 100%;
        height: 100%;
        position: absolute;
        margin: 0 !important;
        top: 0;
        right: 0.2px;
        bottom: 0;
        left: -0.2px;
    }
    .assignment-node,
    .the-features-on {
        align-self: stretch;
        position: relative;
    }
    .the-features-on {
        margin: 0;
        font-size: var(--font-size-3xl);
        line-height: 160.69%;
        font-weight: 400;
        font-family: inherit;
        color: #3c405f;
        text-align: center;
        z-index: 2;
    }
    .assignment-node {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: var(--padding-40xl) 43.29999999999998px 45px 43.79999999999998px;
        gap: var(--gap-2xs);
    }
    .array-node-icon,
    .mapa-mundi-icon {
        position: absolute;
        top: 0;
        left: -162px;
        width: 1652px;
        height: 694.6px;
    }
    .array-node-icon {
        width: 100%;
        height: 100%;
        z-index: 1;
        object-fit: contain;
        left: 0;
        top: 12px;
        transform: scale(1.48);
    }
    .wrapper-array-node {
        position: absolute;
        top: 369px;
        left: 1164.5px;
        border-radius: 50%;
        width: 101.8px;
        height: 100px;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .array-node-icon1 {
        width: 100%;
        height: 100%;
        z-index: 1;
        object-fit: contain;
        position: absolute;
        left: 0;
        top: 12px;
        transform: scale(1.48);
    }
    .array-node-icon2,
    .wrapper-array-node1 {
        position: absolute;
        border-radius: 50%;
        width: 101.8px;
        height: 100px;
    }
    .wrapper-array-node1 {
        top: 370px;
        left: 162.4px;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .array-node-icon2 {
        top: 118px;
        left: 653.3px;
        object-fit: cover;
        z-index: 2;
    }
    .array-node-icon3 {
        width: 100%;
        height: 100%;
        z-index: 1;
        object-fit: contain;
        position: absolute;
        left: 0;
        top: 12px;
        transform: scale(1.738);
    }
    .wrapper-array-node2 {
        position: absolute;
        top: 94px;
        left: 289.7px;
        border-radius: 50%;
        width: 66.2px;
        height: 65px;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .array-node-icon4 {
        width: 100%;
        height: 100%;
        z-index: 1;
        object-fit: contain;
        position: absolute;
        left: 0;
        top: 12px;
        transform: scale(1.738);
    }
    .wrapper-array-node3 {
        position: absolute;
        top: 98px;
        left: 1052.5px;
        border-radius: 50%;
        width: 66.2px;
        height: 65px;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .array-node-icon5 {
        width: 100%;
        height: 100%;
        z-index: 1;
        object-fit: contain;
        position: absolute;
        left: 0;
        top: 12px;
        transform: scale(1.558);
    }
    .wrapper-array-node4 {
        position: absolute;
        top: 578px;
        left: 422.1px;
        border-radius: 50%;
        width: 87.6px;
        height: 86px;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .array-node-icon6 {
        width: 100%;
        height: 100%;
        z-index: 1;
        object-fit: contain;
        position: absolute;
        left: 0;
        top: 12px;
        transform: scale(1.558);
    }
    .wrapper-array-node5 {
        position: absolute;
        top: 578px;
        left: 940.5px;
        border-radius: 50%;
        width: 87.6px;
        height: 86px;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .matrix-node {
        width: 1440px;
        height: 694.6px;
        position: absolute;
        margin: 0 !important;
        right: -469.6px;
        bottom: -281.6px;
    }
    .error-handler,
    .function-call-node {
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        max-width: 100%;
    }
    .function-call-node {
        width: 512.4px;
        flex-direction: column;
        padding: 0 var(--padding-xl) 0 0;
        position: relative;
    }
    .error-handler {
        width: 1002.2px;
        flex-direction: row;
        padding: 0 0 580px var(--padding-xl);
        text-align: left;
        font-size: 26px;
        color: #2d3150;
        font-family: var(--font-nunito-sans);
    }
    .tile-precios {
        margin: 0;
        height: 44px;
        position: relative;
        font-size: inherit;
        font-weight: 700;
        font-family:'Century Gothic';
        display: inline-block;
    }
    .heap-node {
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        padding: 0 var(--padding-xl);
    }
    .subtitle-precios {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-base);
        line-height: 27px;
        font-family: var(--font-inter);
        text-align: center;
    }
    .priority-queue-node,
    .queue-node {
        display: flex;
        align-items: flex-start;
        max-width: 100%;
    }
    .priority-queue-node {
        width: 558px;
        flex-direction: column;
        justify-content: flex-start;
        gap: var(--gap-2xs);
    }
    .queue-node {
        align-self: stretch;
        flex-direction: row;
        justify-content: center;
        padding: 0 var(--padding-xl);
        box-sizing: border-box;
    }
    .cluster-node {
        height: 100%;
        width: 100%;
        position: absolute;
        margin: 0 !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: var(--br-3xs);
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
    }
    .monthly2 {
        flex: 1;
        position: relative;
        font-size: var(--font-size-base);
        line-height: 27px;
        font-family: var(--font-inter);
        color: var(--white);
        text-align: center;
        z-index: 1;
    }
    .cluster-node-parent {
        cursor: pointer;
        border: 0;
        padding: var(--padding-3xs) var(--padding-5xl) var(--padding-2xs) 23px;
        background-color: transparent;
        flex: 1;
        box-shadow: 3px 2px 8px rgba(232, 62, 140, 0.25);
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        position: relative;
    }
    .frame-child2 {
        height: 100%;
        width: 100%;
        position: absolute;
        margin: 0 !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: var(--br-3xs);
        filter: drop-shadow(3px 2px 8px rgba(0, 0, 0, 0.1));
    }
    .monthly3 {
        flex: 1;
        position: relative;
        line-height: 27px;
        z-index: 1;
    }
    .group-div {
        flex: 0.6866;
        justify-content: flex-start;
        padding: var(--padding-3xs) var(--padding-16xl) var(--padding-2xs)
        var(--padding-14xl);
        position: relative;
    }
    .group-div,
    .switch-button-precios,
    .tree-node {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }
    .switch-button-precios {
        width: 251px;
        border-radius: var(--br-sm);
        background-color: var(--white);
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
        border: 1px solid var(--gray-300);
        box-sizing: border-box;
        justify-content: flex-start;
        padding: var(--padding-8xs);
        gap: var(--gap-2xs);
    }
    .tree-node {
        align-self: stretch;
        justify-content: center;
        padding: 0 var(--padding-xl);
    }
    .dijkstra-node,
    .lite {
        position: relative;
        text-transform: capitalize;
        font-weight: 900;
    }
    .lite {
        margin: 0;
        font-size: inherit;
        font-family: inherit;
    }
    .dijkstra-node {
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        white-space: nowrap;
    }
    .al-mes {
        align-self: stretch;
        position: relative;
        font-weight: 500;
    }
    .priority-queue-node1,
    .shortest-path-node {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .priority-queue-node1 {
        width: 45px;
        flex-direction: column;
        padding: var(--padding-10xl) 0 0;
        box-sizing: border-box;
        text-align: center;
        font-size: var(--font-size-xs);
    }
    .shortest-path-node {
        flex-direction: row;
        gap: var(--gap-11xs);
        font-size: var(--font-size-29xl);
        color: var(--color-slategray);
    }
    .check-icon {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .perfil-del-negocio {
        flex: 1;
        position: relative;
    }
    .connection-handler {
        width: 169px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-base);
    }
    .perfil-de-tu1 {
        flex: 1;
        position: relative;
        line-height: 16px;
    }
    .connection-handler-parent,
    .splitter {
        align-self: stretch;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .splitter {
        flex-direction: row;
        padding: 0 0 0 var(--padding-16xl);
        text-align: left;
        font-size: var(--font-size-3xs);
        color: var(--gray-600);
    }
    .connection-handler-parent {
        flex-direction: column;
        gap: var(--gap-10xs);
    }
    .check-icon1 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .men-digital-pdf {
        flex: 1;
        position: relative;
    }
    .check-parent {
        width: 176px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-base);
    }
    .men-en-formato {
        flex: 1;
        position: relative;
        line-height: 16px;
    }
    .frame-parent,
    .men-en-formato-pdf-wrapper,
    .text-processor {
        align-self: stretch;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .men-en-formato-pdf-wrapper {
        flex-direction: row;
        padding: 0 0 0 var(--padding-16xl);
        text-align: left;
        font-size: var(--font-size-3xs);
        color: var(--gray-600);
    }
    .frame-parent,
    .text-processor {
        flex-direction: column;
        gap: var(--gap-10xs);
    }
    .text-processor {
        gap: var(--gap-xs);
    }
    .check-icon2 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .catlogo1 {
        flex: 1;
        position: relative;
    }
    .iteration-node {
        width: 103px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-base);
    }
    .tu-negocio-tendr {
        flex: 1;
        position: relative;
        line-height: 16px;
    }
    .tu-negocio-tendr-una-posicin-wrapper {
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 0 0 var(--padding-16xl);
        text-align: left;
        font-size: var(--font-size-3xs);
        color: var(--gray-600);
    }
    .iteration-node-parent,
    .text-processor-parent {
        align-self: stretch;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .iteration-node-parent {
        gap: var(--gap-10xs);
    }
    .text-processor-parent {
        gap: 28px;
        text-align: center;
        font-size: var(--font-size-base);
        color: var(--gray-900);
    }
    .comenzar {
        position: relative;
        font-size: var(--font-size-sm);
        text-transform: capitalize;
        font-family: var(--font-century-gothic-pro);
        color: var(--orange-50);
        text-align: left;
    }
    .delay-node,
    .seccion-free,
    .vertex-node {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .delay-node {
        cursor: pointer;
        border: 0;
        padding: var(--padding-sm) var(--padding-55xl);
        background-color: transparent;
        border-radius: var(--br-xs);
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        flex-direction: row;
    }
    .seccion-free,
    .vertex-node {
        flex-direction: column;
    }
    .seccion-free {
        align-self: stretch;
        border-radius: var(--br-lg);
        background-color: var(--white);
        border: 2px solid var(--color-hotpink-100);
        padding: var(--padding-13xl) var(--padding-11xl);
        gap: var(--gap-5xl);
    }
    .vertex-node {
        width: 283px;
        padding: 127px 0 0;
        box-sizing: border-box;
    }
    .bsico {
        margin: 0;
        position: relative;
        font-size: inherit;
        text-transform: capitalize;
        font-weight: 900;
        font-family: inherit;
    }
    .star-icon {
        height: 11px;
        width: 11px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .popular {
        position: relative;
        text-transform: capitalize;
    }
    .for-loop-node {
        border-radius: 4px;
        background-color: rgba(111, 66, 193, 0.25);
        flex-direction: row;
        padding: var(--padding-9xs) var(--padding-3xs);
        gap: 5px;
    }
    .for-loop-node,
    .group-node,
    .while-loop-node {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .while-loop-node {
        flex-direction: column;
        padding: var(--padding-xs) 0 0;
        font-size: var(--font-size-3xs);
    }
    .group-node {
        align-self: stretch;
        flex-direction: row;
        gap: 34px;
    }
    .default-node {
        position: relative;
        text-transform: capitalize;
        font-weight: 900;
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        white-space: nowrap;
    }
    .al-mes1 {
        align-self: stretch;
        position: relative;
        font-weight: 500;
    }
    .case-node,
    .priority-queue-node2 {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .priority-queue-node2 {
        width: 45px;
        flex-direction: column;
        padding: var(--padding-10xl) 0 0;
        box-sizing: border-box;
        text-align: center;
        font-size: var(--font-size-xs);
    }
    .case-node {
        flex-direction: row;
        gap: var(--gap-11xs);
        font-size: var(--font-size-29xl);
        color: var(--color-slategray);
    }
    .check-icon3 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .perfil-del-negocio1 {
        flex: 1;
        position: relative;
    }
    .assign-node {
        width: 170px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-mid);
    }
    .lorem-ipsum-dolor {
        flex: 1;
        position: relative;
        line-height: 16px;
    }
    .assign-node-parent,
    .update-node {
        align-self: stretch;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .update-node {
        flex-direction: row;
        padding: 0 0 0 var(--padding-16xl);
        text-align: left;
        font-size: var(--font-size-3xs);
        color: var(--gray-600);
    }
    .assign-node-parent {
        flex-direction: column;
        gap: var(--gap-10xs);
    }
    .check-icon4 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .men-digital-dinmico {
        flex: 1;
        position: relative;
    }
    .check-group {
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-mid);
    }
    .men-digital-en {
        flex: 1;
        position: relative;
        line-height: 16px;
    }
    .frame-container,
    .men-digital-en-formato-pdf-o-wrapper {
        align-self: stretch;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .men-digital-en-formato-pdf-o-wrapper {
        flex-direction: row;
        padding: 0 0 0 var(--padding-16xl);
        font-size: var(--font-size-3xs);
        color: var(--gray-600);
    }
    .frame-container {
        flex-direction: column;
        gap: var(--gap-10xs);
        text-align: left;
    }
    .check-icon5 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .reservaciones-citas1 {
        width: 164px;
        position: relative;
        display: inline-block;
    }
    .reservas-citas {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-3xs);
        line-height: 16px;
        color: var(--gray-600);
        text-align: left;
    }
    .check-container,
    .reservaciones-citas-group {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .reservaciones-citas-group {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-10xs);
    }
    .check-container {
        align-self: stretch;
        flex-direction: row;
        gap: var(--gap-mid);
    }
    .check-icon6 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .catlogo2 {
        flex: 1;
        position: relative;
    }
    .frame-div {
        width: 104px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap: var(--gap-mid);
    }
    .tu-negocio-tendr1 {
        flex: 1;
        position: relative;
        line-height: 16px;
    }
    .tu-negocio-tendr-una-posicin-container {
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 0 0 var(--padding-16xl);
        text-align: left;
        font-size: var(--font-size-3xs);
        color: var(--gray-600);
    }
    .frame-group,
    .frame-parent1 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .frame-parent1 {
        align-self: stretch;
        gap: var(--gap-10xs);
    }
    .frame-group {
        width: 219px;
        padding: 0 0 0.09999999999990904px;
        box-sizing: border-box;
        gap: var(--gap-xs);
        text-align: center;
        font-size: var(--font-size-base);
        color: var(--gray-900);
    }
    .comenzar1 {
        position: relative;
        font-size: var(--font-size-sm);
        text-transform: capitalize;
        font-family: var(--font-century-gothic-pro);
        color: var(--orange-50);
        text-align: left;
    }
    .array-node,
    .random-node,
    .seccion-premium {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .array-node {
        cursor: pointer;
        border: 0;
        padding: var(--padding-sm) var(--padding-55xl);
        background-color: transparent;
        border-radius: var(--br-xs);
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        flex-direction: row;
    }
    .random-node,
    .seccion-premium {
        flex-direction: column;
    }
    .seccion-premium {
        align-self: stretch;
        border-radius: var(--br-lg);
        background-color: var(--white);
        box-shadow: 0 24px 40px rgba(232, 62, 140, 0.25);
        border: 2px solid var(--color-hotpink-100);
        padding: var(--padding-18xl) var(--padding-11xl);
        gap: 23.966666666666697px;
    }
    .random-node {
        flex: 1;
        padding: var(--padding-13xl) 0 0;
        box-sizing: border-box;
        min-width: 191px;
    }
    .premiun,
    .stack-node1 {
        position: relative;
        text-transform: capitalize;
        font-weight: 900;
    }
    .premiun {
        margin: 0;
        font-size: inherit;
        font-family: inherit;
    }
    .stack-node1 {
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        white-space: nowrap;
    }
    .al-mes2 {
        align-self: stretch;
        position: relative;
        font-weight: 500;
    }
    .priority-queue-node3,
    .queue-node1 {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .priority-queue-node3 {
        width: 45px;
        flex-direction: column;
        padding: var(--padding-10xl) 0 0;
        box-sizing: border-box;
        text-align: center;
        font-size: var(--font-size-xs);
    }
    .queue-node1 {
        align-self: stretch;
        flex-direction: row;
        gap: var(--gap-10xs);
        font-size: var(--font-size-29xl);
        color: var(--color-slategray);
    }
    .check-icon7 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .local-delivery {
        width: 105px;
        position: relative;
        display: inline-block;
    }
    .lorem-ipsum-dolor1 {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-3xs);
        line-height: 16px;
        color: var(--gray-600);
        text-align: left;
    }
    .check-parent1,
    .local-delivery-parent {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .local-delivery-parent {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-10xs);
    }
    .check-parent1 {
        align-self: stretch;
        flex-direction: row;
        gap: var(--gap-mid);
    }
    .check-icon8 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .local-delivery1 {
        width: 105px;
        position: relative;
        display: inline-block;
    }
    .lorem-ipsum-dolor2 {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-3xs);
        line-height: 16px;
        color: var(--gray-600);
        text-align: left;
    }
    .check-parent2,
    .local-delivery-group {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .local-delivery-group {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-10xs);
    }
    .check-parent2 {
        align-self: stretch;
        flex-direction: row;
        gap: var(--gap-mid);
    }
    .check-icon9 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .local-delivery2 {
        width: 105px;
        position: relative;
        display: inline-block;
    }
    .lorem-ipsum-dolor3 {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-3xs);
        line-height: 16px;
        color: var(--gray-600);
        text-align: left;
    }
    .check-parent3,
    .local-delivery-container {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .local-delivery-container {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-10xs);
    }
    .check-parent3 {
        align-self: stretch;
        flex-direction: row;
        gap: var(--gap-mid);
    }
    .check-icon10 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .local-delivery3 {
        width: 105px;
        position: relative;
        display: inline-block;
    }
    .lorem-ipsum-dolor4 {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-3xs);
        line-height: 16px;
        color: var(--gray-600);
        text-align: left;
    }
    .check-parent4,
    .local-delivery-parent1 {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .local-delivery-parent1 {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-10xs);
    }
    .check-parent4 {
        align-self: stretch;
        flex-direction: row;
        gap: var(--gap-mid);
    }
    .check-icon11 {
        height: 18px;
        width: 18px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .local-delivery4 {
        width: 105px;
        position: relative;
        display: inline-block;
    }
    .lorem-ipsum-dolor5 {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-3xs);
        line-height: 16px;
        color: var(--gray-600);
        text-align: left;
    }
    .local-delivery-parent2 {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-10xs);
    }
    .check-parent5,
    .local-delivery-parent2,
    .min-heap-node {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .check-parent5 {
        align-self: stretch;
        flex-direction: row;
        gap: var(--gap-mid);
    }
    .min-heap-node {
        width: 219px;
        flex-direction: column;
        gap: var(--gap-xs);
        text-align: center;
        font-size: var(--font-size-base);
        color: var(--gray-900);
    }
    .comenzar2 {
        position: relative;
        font-size: var(--font-size-sm);
        text-transform: capitalize;
        font-family: var(--font-century-gothic-pro);
        color: var(--orange-50);
        text-align: left;
    }
    .hash-table-node {
        cursor: pointer;
        border: 0;
        padding: var(--padding-sm) var(--padding-55xl);
        background-color: transparent;
        border-radius: var(--br-xs);
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        flex-direction: row;
        justify-content: flex-start;
    }
    .edge-node,
    .hash-table-node,
    .seccion-basic {
        display: flex;
        align-items: flex-start;
    }
    .seccion-basic {
        flex: 0.7793;
        border-radius: var(--br-lg);
        background-color: var(--white);
        border: 2px solid var(--color-hotpink-100);
        box-sizing: border-box;
        flex-direction: column;
        justify-content: flex-start;
        padding: var(--padding-13xl) var(--padding-11xl);
        gap: var(--gap-5xl);
        min-width: 188px;
    }
    .edge-node {
        align-self: stretch;
        flex-direction: row;
        justify-content: center;
        gap: 74px;
        text-align: left;
        font-size: var(--font-size-17xl);
        color: var(--ali2);
    }
    .graph-node,
    .stack-node {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .graph-node {
        align-self: stretch;
        gap: var(--gap-5xl);
        text-align: center;
        font-size: var(--font-size-base);
        color: var(--gray-600);
        font-family: var(--font-inter);
    }
    .stack-node {
        width: 1035px;
        padding: 0 var(--padding-xl) 0 0;
        box-sizing: border-box;
        gap: var(--gap-29xl);
        max-width: 100%;
    }
    .contactanos-title,
    .set-node {
        font-size: var(--font-size-17xl);
        font-family: var(--font-century-gothic);
        text-align: left;
    }
    .set-node {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        padding: 0 0 305px var(--padding-xl);
        box-sizing: border-box;
        max-width: 100%;
        color: var(--gray-900);
    }
    .contactanos-title {
        font-family:'Century Gothic';
        margin: 0;
        height: 44px;
        position: relative;
        font-weight:bold;
        color: black;
        display: inline-block
    }
    .contactanos-title-wrapper {
        align-self: stretch;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        padding: 0 var(--padding-xl);
    }
    .sub-title1 {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-base);
        line-height: 27px;
        font-family: var(--font-inter);
        color: black;
        text-align: center;
    }
    .frame-parent2,
    .link-handler {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        max-width: 100%;
    }
    .frame-parent2 {
        flex: 1;
        flex-direction: column;
        gap: var(--gap-2xs);
    }
    .link-handler {
        align-self: stretch;
        flex-direction: row;
        padding: 0 var(--padding-32xl);
        box-sizing: border-box;
    }
    .location-icon {
        height: 28.8px;
        width: 28.8px;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
    }
    .tree-builder {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 var(--padding-9xl) 0 27.59999999999999px;
    }
    .street-2774-don {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-4xs-4);
        line-height: 8.08px;
        font-family: var(--font-inter);
        color: #B1B1B1;
        text-align: center;
    }
    .call-icon,
    .direccion-div {
        overflow: hidden;
        flex-shrink: 0;
    }
    .direccion-div {
        width: 160.5px;
        border-radius: 4.79px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 9.599999999999907px 38.19999999999999px 9.599999999999907px
        38.30000000000001px;
        box-sizing: border-box;
        gap: 7.199999999999818px;
    }
    .call-icon {
        height: 28.7px;
        width: 28.8px;
        position: relative;
    }
    .sequence-processor {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 var(--padding-lg) 0 var(--padding-lgi);
    }
    .data-transformer {
        align-self: stretch;
        position: relative;
        font-size: var(--font-size-4xs-4);
        line-height: 8.08px;
        font-family: var(--font-inter);
        color: #B1B1B1;
        text-align: center;
    }
    .message-icon,
    .phone-div {
        overflow: hidden;
        flex-shrink: 0;
    }
    .phone-div {
        cursor: pointer;
        border: 0;
        padding: 9.299999999999727px 34.29999999999999px 9.300000000000182px;

        width: 134.7px;
        border-radius: 4.79px;

        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-start;
        box-sizing: border-box;
        gap: 7.200000000000273px;
    }
    .message-icon {
        height: 28.8px;
        width: 28.8px;
        position: relative;
    }
    .message-wrapper {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 var(--padding-13xl) 0 32.099999999999994px;
    }
    .infoaligeraprcom {
        align-self: stretch;
        position: relative;
        font-size: 9.6px;
        line-height: 8.08px;
        font-family: var(--font-inter);
        color: #B1B1B1;
        text-align: center;
        white-space: nowrap;
    }
    .email-div {
        flex: 1;
        border-radius: 4.79px;
        overflow: hidden;
        flex-direction: column;
        padding: 9.299999999999727px 39.400000000000006px 9.300000000000182px;
        box-sizing: border-box;
        gap: 7.199999999999818px;
        min-width: 112px;
    }
    .div-row,
    .email-div,
    .image-analyzer {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .div-row {
        align-self: stretch;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 23.450000000000003px;
    }
    .image-analyzer {
        width: 514px;
        flex-direction: column;
        gap: 32.40000000000009px;
        max-width: 100%;
    }



    .data-merger3,
    .form {
        flex-direction: column;
        align-items: flex-start;
    }
    .data-merger3 {
        align-self: stretch;
        height: 164px;
        display: flex;
        justify-content: flex-start;
        gap: var(--gap-base);
    }
    .form {
        flex: 1;
        overflow: hidden;
    }
    .contact-us-section,
    .form,
    .signal-processor {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        box-sizing: border-box;

        max-width: 100%;
        align-items: center;
    }
    .envio_form{
        border:none;
        margin-top:10px;
        background-color:#E83E8C;
        color:white;
        font-family: 'Century Gothic';
        font-weight: 550;
        border-radius:10px;
        padding: 8px 18px 8px 18px;
        font-size: 17px;
        width:100%;
    }
    .signal-processor {
        width: 513px;
    }
    .contact-us-section {
        margin: 0;
        align-self: stretch;
        /*background: linear-gradient(269.92deg, #e83e8c, #6f42c1);*/

        overflow: hidden;
        flex-direction: column;
        align-items: center;
    }
    .logo-icon1 {
        height: 33px;
        width: 163.9px;
    }
    .home,
    .logo-icon1 {
        position: relative;
    }
    .home-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 15.5px 0 0;
    }
    .services1 {
        position: relative;
    }
    .services-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 27.80000000000001px 0 0;
    }
    .pricing {
        position: relative;
    }
    .pricing-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 0 15.099999999999966px 0 0;
    }
    .contact-us,
    .faq {
        position: relative;
    }


    .landing-page-26 {
        overflow: hidden;
        flex-direction: column;
    }

    .landing-page-26 {
        width: 100%;
        position: relative;
        background-color: var(--white);
        align-items: flex-end;
        letter-spacing: normal;
    }
    @media screen and (max-width: 1200px) {
        .leaf-node {
            flex: 1;
        }
        .branch-node {
            flex-wrap: wrap;
        }
        .img-icon {
            flex: 1;
        }
        .tree-structure {
            flex-wrap: wrap;
            gap: 64.5px 32px;
        }
        .services {
            padding-top: 55px;
            padding-bottom: 50px;
            box-sizing: border-box;
        }
        .data-compressor {
            min-height: auto;
        }
        .how-work-section {
            flex-wrap: wrap;
        }
        .aunt-five-times-removed-nodes {
            padding-bottom: var(--padding-18xl);
            box-sizing: border-box;
        }
        .data-restore {
            gap: 30px 60px;
            padding-bottom: 42px;
            box-sizing: border-box;
        }
        .seccionCatalogo,
        .set-node {
            padding-bottom: 203px;
            box-sizing: border-box;
        }
        .set-node {
            padding-bottom: 198px;
        }
        .copyright {
            padding-left: var(--padding-267xl);
            padding-right: var(--padding-267xl);
            box-sizing: border-box;
        }
    }
    @media screen and (max-width: 1050px) {
        .la-aplicacin-web {
            font-size: 50px;
            line-height: 56px;
        }
        .uncle-thrice-removed-nodes {
            padding-bottom: 216px;
            box-sizing: border-box;
        }
        .servicios1 {
            font-size: 34px;
        }
        .function-caller {
            gap: 60px 30px;
        }
        .condition-checker {
            gap: 57px 30px;
        }
        .loop-control {
            min-width: 100%;
        }
        .nete-a-nuestra {
            font-size: var(--font-size-10xl);
        }
        .how-work-section {
            padding-bottom: var(--padding-14xl);
            box-sizing: border-box;
        }
        .aunt-five-times-removed-nodes {
            padding-bottom: var(--padding-5xl);
            box-sizing: border-box;
        }
        .title-catalogo {

        }
        .seccionCatalogo,
        .error-handler {
            padding-bottom: 132px;
            box-sizing: border-box;
        }
        .error-handler {
            padding-bottom: 377px;
        }
        .lite,
        .tile-precios {
            font-size: var(--font-size-10xl);
        }
        .dijkstra-node {
            font-size: var(--font-size-19xl);
        }
        .bsico {
            font-size: var(--font-size-10xl);
        }
        .default-node {
            font-size: var(--font-size-19xl);
        }
        .random-node {
            flex: 1;
        }
        .premiun {
            font-size: var(--font-size-10xl);
        }
        .stack-node1 {
            font-size: var(--font-size-19xl);
        }
        .seccion-basic {
            flex: 1;
        }
        .edge-node {
            flex-wrap: wrap;
            gap: 74px 37px;
        }
        .contactanos-title {
            font-size: var(--font-size-10xl);
        }
        .contact-us-section {
            box-sizing: border-box;
        }
        .logo-parent {
            flex-wrap: wrap;
        }
    }
    @media screen and (max-width: 750px) {
        .cousin-nodes {
            padding-left: 38px;
            padding-right: var(--padding-18xl);
            box-sizing: border-box;
        }
        .aunt-nodes {
            flex-wrap: wrap;
            gap: 35px 17px;
        }
        .ancestor-node {
            padding-left: var(--padding-5xl);
            padding-right: var(--padding-5xl);
            box-sizing: border-box;
        }
        .parent-node {
            gap: 69px 137.5px;
        }
        .leaf-node {
            min-width: 100%;
        }
        .descendant-four-times-removed {
            padding-right: 170px;
            box-sizing: border-box;
        }
        .uncle-thrice-removed-nodes {
            gap: 164px 328px;
        }
        .descendant-twice-removed-nodes {
            min-width: 100%;
        }
        .branch-node {
            gap: 48px 24px;
        }
        .ancestor-six-times-removed-nod,
        .data-merger,
        .function-caller {
            flex-wrap: wrap;
        }
        .loop-control {
            padding-top: 73px;
            box-sizing: border-box;
        }
        .tree-structure {
            gap: 64.5px 16px;
        }
        .services {
            gap: 37px 75px;
            padding: 50px;
            box-sizing: border-box;
        }
        .data-receiver {
            min-width: 100%;
        }
        .data-expander {
            gap: 27px 55px;
        }
        .how-work-section {
            padding-left: var(--padding-10xl);
            padding-right: var(--padding-2xl);
            box-sizing: border-box;
        }
        .aunt-five-times-removed-nodes {
            padding-bottom: var(--padding-xl);
            box-sizing: border-box;
        }
        .text-parser {
            grid-template-columns: repeat(2, minmax(200px, 347px));
            justify-content: center;
        }
        .data-restore {
            padding-bottom: 27px;
            box-sizing: border-box;
        }
        .assignment-node {
            padding-left: 22px;
            padding-right: var(--padding-2xl);
            box-sizing: border-box;
        }
        .seccion-free {
            padding-top: var(--padding-2xl);
            padding-bottom: var(--padding-2xl);
            box-sizing: border-box;
        }
        .vertex-node {
            padding-top: 83px;
            box-sizing: border-box;
        }
        .seccion-basic,
        .seccion-premium {
            padding-top: var(--padding-5xl);
            padding-bottom: var(--padding-5xl);
            box-sizing: border-box;
        }
        .seccion-basic {
            padding-top: var(--padding-2xl);
            padding-bottom: var(--padding-2xl);
        }
        .edge-node {
            gap: 74px 18px;
        }
        .stack-node {
            gap: 24px 48px;
        }
        .set-node {
            padding-bottom: 129px;
            box-sizing: border-box;
        }
        .link-handler {
            padding-left: var(--padding-6xl);
            padding-right: var(--padding-6xl);
            box-sizing: border-box;
        }
        .image-analyzer {
            gap: 16px 32.40000000000009px;
        }
        .form {
            box-sizing: border-box;
        }

    }
    @media screen and (max-width: 450px) {
        .la-aplicacin-web {
            font-size: 37px;
            line-height: 42px;
        }
        .explora-nuestro-catlogo {
            font-size: var(--font-size-base);
            line-height: 22px;
        }
        .parent-node {
            gap: 34px 137.5px;
        }
        .descendant-four-times-removed {
            padding-right: var(--padding-xl);
            box-sizing: border-box;
        }
        .uncle-thrice-removed-nodes {
            gap: 82px 328px;
            padding-bottom: 140px;
            box-sizing: border-box;
        }
        .servicios1 {
            font-size: 25px;
        }
        .data-splitter,
        .data-splitter1,
        .data-splitter2,
        .data-splitter3 {
            flex-wrap: wrap;
            gap: 32px 16px;
        }
        .data-merger {
            gap: 50px 25px;
        }
        .condition-checker {
            gap: 28px 30px;
        }
        .services {
            gap: 19px 75px;
            padding-left: 50px;
            padding-right: 50px;
            box-sizing: border-box;
        }
        .data-storage {
            padding-bottom: 242px;
            box-sizing: border-box;
        }
        .nete-a-nuestra {
            font-size: var(--font-size-3xl);
        }
        .how-work-section {
            padding-bottom: var(--padding-2xl);
            box-sizing: border-box;
        }
        .title-catalogo {
            font-size: var(--font-size-10xl);

        }
        .dean-bell,
        .isaiah-griffin,
        .jason-reed,
        .jeffrey-walters,
        .joe-bridges,
        .nellie-padilla,
        .pearl-brooks {
            font-size: var(--font-size-mid);
            line-height: 26px;
        }
        .text-parser {
            grid-template-columns: minmax(200px, 1fr);
        }
        .interested-to-join-container {
            font-size: var(--font-size-lgi);
            line-height: 27px;
        }
        .button-name {
            font-size: var(--font-size-mid);
            line-height: 26px;
        }
        .seccionCatalogo {
            padding-bottom: 86px;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }
        .rocky-dixon {
            font-size: var(--font-size-2xl);
        }
        .the-features-on {
            font-size: var(--font-size-lg);
            line-height: 28px;
        }
        .error-handler {
            padding-bottom: 245px;
            box-sizing: border-box;
        }
        .lite,
        .tile-precios {
            font-size: var(--font-size-3xl);
        }
        .dijkstra-node {
            font-size: var(--font-size-10xl);
        }
        .bsico {
            font-size: var(--font-size-3xl);
        }
        .default-node {
            font-size: var(--font-size-10xl);
        }
        .premiun {
            font-size: var(--font-size-3xl);
        }
        .stack-node1 {
            font-size: var(--font-size-10xl);
        }
        .contactanos-title {
            font-size: var(--font-size-3xl);
        }
        .contact-us-section,
        .form {
            box-sizing: border-box;
        }

        .faq {
            width: 100%;
            height: 18px;
        }
        .frame-parent3 {
            flex-wrap: wrap;
        }
        .copyright {
            padding-left: var(--padding-xl);
            padding-right: var(--padding-xl);
            box-sizing: border-box;
        }
    }

}

@media (min-width: 769px) and (max-width: 851) {
    nav ul li a {
        font-size: 14px !important;
    }
    .LOG a{
        font-size: 14px !important;
    }
}
@media (min-width: 851px) and (max-width: 930px) {
    nav ul li a {
        font-size: 15px !important;
    }
    .LOG a{
        font-size: 15px !important;
    }
}
@media (min-width: 931px) and (max-width: 1024px) {

    .btn_l_0{
        width:18px !important;
    }
    .btn_l_1{
        width:18px !important;
    }
    .btn_l_2{
        width:18px !important;
    }
    .btn_l_3{
        width:18px !important;
    }
}
@media (min-width: 1025px) and (max-width: 1200px) {
    nav ul li a {
        font-size: 16px !important;
    }
    .LOG a{
        font-size: 16px !important;
    }
    .btn_l_0{
        width:20px !important;
    }
    .btn_l_1{
        width:20px !important;
    }
    .btn_l_2{
        width:20px !important;
    }
    .btn_l_3{
        width:20px !important;
    }
}
@media (min-width: 1201px) and (max-width: 1300px) {
    nav ul li a {
        font-size: 17px !important;
    }
    .LOG a{
        font-size: 17px !important;
    }
}
@media (min-width: 1301px) and (max-width: 1400px) {

}
@media (min-width: 1401px) and (max-width: 1500px) {

}
@media (min-width: 1501px) and (max-width: 1600px) {

}


/*******************************************************************************************************************
NAVBAR start
********************************************************************************************************************/
.nav {
    background-color: #333;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hamburguesa {
    width: 30px;
    height: 20px;
    cursor: pointer;
    position: relative;
    align-items: center;
}
.menu-icono{
    width:50px;
}
.barra {
    width: 100%;
    height: 3px;
    background-color: #fff;
    margin: 5px 0;
    transition: all 0.3s ease;
}
.menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: none;
}
.menu.activado {
    display: block;
}

@media only screen and (min-width: 768px) {
    .hamburguesa {
        display: none; /* Oculta el botón de hamburguesa en pantallas más grandes */
    }

    .menu {
        display: flex; /* Muestra el menú en pantallas más grandes */
        /* Agrega aquí estilos adicionales según sea necesario */
    }
}
.menu.activado {
    display: flex; /* Muestra el menú cuando está activo */
    flex-direction: column; /* Apila los elementos verticalmente */
    /* Agrega aquí estilos adicionales según sea necesario */
}

@media only screen and (max-width: 768px){
    .cabecera {
        display: flex; /* Utilizamos flexbox para dividir en columnas */
        justify-content: space-between; /* Espacio entre las columnas */
        align-items: center;
        padding: 0px; /* Espacio alrededor del contenido */
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 1000;
        height: 60px;
    }
    .columna p {
        text-align: center !important;
    }
    .menu-movil {
        display: none; /* Oculto por defecto */}
    .logo1 {
        padding-top:20px !important;
        flex:1;
        width: 15%; /* Las columnas ocupan el mismo espacio */
        align-items: end;
    }
    .logo1, .hamburguesa, #nav, .LOG {
        transition: all 0.3s ease; /* Transiciones suaves para cambios de tamaño y visibilidad */
    }

    /* Estilos por defecto (pantallas más grandes) */
    #nav, .LOG {
        display: block; /* Asumimos que son visibles por defecto */
        box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.3);
    }

    .hamburguesa {
        display: none; /* Oculto por defecto */
    }
    .logoS {
        width: 150px; /* Establece el ancho de la imagen */
        height: auto; /* Mantiene la proporción de la imagen */
        border: px solid #007bff; /* Añade un borde azul */
        border-radius: 10px; /* Añade bordes redondeados */
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); /* Añade una sombra */
        filter: grayscale(0%); /* Aplica un efecto de escala de grises al 50% */
        opacity: 1; /* Reduce la opacidad */
        position: absolute;
        margin-top: 5px;
        padding-top: 30px !important;
        padding-left: 30px;
        top: 2px;
        left: 10px;
        bottom: 6px;
    }
    .nav {
        height: 88px;
        width: 38%;
        position: fixed;
        margin: 0 !important;
        top: 0;
        transform: translateX(-50%); /* Desplaza el elemento hacia atrás en la mitad de su ancho */
        left: calc(50%);
        border-radius: 0 0 40px 40px;
        background: linear-gradient(269.92deg,  #6f42c1)_b;max-width: 100%;
        z-index: 1;
    }

    nav ul {
        width: 100%;
        list-style: none;
        padding: 10px;
        bottom: 0px;
        border-radius: 0px 0px 15px 15px;
        padding-left: 0px !important;
        padding-right: 0px !important;
        display: flex;
        justify-content: center;
        margin-right:0px !important;
        justify-content: space-evenly;

    }

    nav ul li {
        display: inline;
        margin: 5px 10px;
        font-size: 14px;
        padding-bottom: 20px;
        margin-bottom: 10px;
    }

    nav ul li a {
        text-decoration: none;
        color: #fff;
        font-weight: 550;
        padding: 1px;
        padding-bottom: 20px;
        font-family: "Bebas Neue";
        font-size: 20px;

    }
    nav ul li a.activo {
        text-decoration: underline; /* Subraya el enlace activo */
        text-decoration-color: #E83E #e83e8c8C;
        text-decoration-thickness: 1px;
    }

}
@media only screen and (min-width: 769px) and (max-width: 1024px){
    .hamburguesa {
        display: none; /* Oculta el botón de hamburguesa en pantallas más grandes */
    }

    .menu {
        display: flex; /* Muestra el menú en pantallas más grandes */
        /* Agrega aquí estilos adicionales según sea necesario */
    }
    .cabecera {
        display: flex; /* Utilizamos flexbox para dividir en columnas */
        justify-content: space-between; /* Espacio entre las columnas */
        align-items: center;
        padding: 0px; /* Espacio alrededor del contenido */
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 1000;
        height: 60px;
    }
    .menu-movil {
        display: none; /* Oculto por defecto */}
    .logo1 {
        padding-top:20px !important;
        flex:1;
        width: 15%; /* Las columnas ocupan el mismo espacio */
        align-items: end;
    }
    .logo1, .hamburguesa, #nav, .LOG {
        transition: all 0.3s ease; /* Transiciones suaves para cambios de tamaño y visibilidad */
    }

    /* Estilos por defecto (pantallas más grandes) */
    .hamburguesa {
        display: none; /* Oculto por defecto */
    }
    .logoS{
        width: 90px;
        top: 2px;
        left: 5px;
    }

    .logoS {
        width: 150px; /* Establece el ancho de la imagen */
        height: auto; /* Mantiene la proporción de la imagen */
        border: px solid #007bff; /* Añade un borde azul */
        border-radius: 10px; /* Añade bordes redondeados */
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); /* Añade una sombra */
        filter: grayscale(0%); /* Aplica un efecto de escala de grises al 50% */
        opacity: 1; /* Reduce la opacidad */
        position: absolute;
        margin-top: 5px;
        padding-top: 30px !important;
        padding-left: 30px;
        top: 2px;
        left: 10px;
        bottom: 6px;
    }
    .logoS{
        width: 90px;
        top: 2px;
        left: 5px;
    }
    nav {
        height: 78px;
        width: 38%;
        position: absolute;
        margin: 0 !important;
        top: 0;
        transform: translateX(-50%); /* Desplaza el elemento hacia atrás en la mitad de su ancho */
        left: calc(50%);
        border-radius: 0 0 40px 40px;
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        max-width: 100%;
        z-index: 1;
    }

    nav ul {
        width: 100%;
        list-style: none;
        padding: 5px;
        bottom: 0px;
        border-radius: 0px 0px 15px 15px;
        padding-left: 0px !important;
        padding-right: 0px !important;
        display: flex;
        justify-content: center;
        margin-right:0px !important;
        justify-content: space-evenly;

    }

    nav ul li {
        display: inline;
        margin: 5px 10px;
        padding-bottom: 20px;
        margin-bottom: 10px;
    }

    nav ul li a {
        text-decoration: none;
        color: #fff;
        font-weight: 550;
        padding: 1px;
        padding-bottom: 20px;
        font-family: "Bebas Neue";
        font-size: 16px;

    }
    nav ul li a.activo {
        text-decoration: underline; /* Subraya el enlace activo */
        text-decoration-color: #E83E8C;
        text-decoration-thickness: 1px;
    }
    .columna {
        width: 100%; /* Las columnas ocupan el mismo espacio */
        background-color: #fff; /* Fondo blanco */
        margin: 0px 0px; /* Margen entre columnas */
        font-size: xxx-large;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
}

@media only screen and (min-width: 1025px){
    .cabecera {
        display: flex; /* Utilizamos flexbox para dividir en columnas */
        justify-content: space-between; /* Espacio entre las columnas */
        align-items: center;
        padding: 0px; /* Espacio alrededor del contenido */
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 1000;
        height: 60px;
    }
    .menu-movil {
        display: none; /* Oculto por defecto */}
    .logo1 {
        padding-top:20px !important;
        flex:1;
        width: 15%; /* Las columnas ocupan el mismo espacio */
        align-items: end;
    }
    .logo1, .hamburguesa, #nav, .LOG {
        transition: all 0.3s ease; /* Transiciones suaves para cambios de tamaño y visibilidad */
    }

    /* Estilos por defecto (pantallas más grandes) */

    .hamburguesa {
        display: none; /* Oculto por defecto */
    }
    .logoS {
        width: 150px; /* Establece el ancho de la imagen */
        height: auto; /* Mantiene la proporción de la imagen */
        border: px solid #007bff; /* Añade un borde azul */
        border-radius: 10px; /* Añade bordes redondeados */
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); /* Añade una sombra */
        filter: grayscale(0%); /* Aplica un efecto de escala de grises al 50% */
        opacity: 1; /* Reduce la opacidad */
        position: absolute;
        margin-top: 5px;
        padding-top: 30px !important;
        padding-left: 30px;
        top: 2px;
        left: 10px;
        bottom: 6px;
    }

    nav {
        height: 78px;
        width: 38%;
        position: absolute;
        margin: 0 !important;
        top: 0;
        transform: translateX(-50%); /* Desplaza el elemento hacia atrás en la mitad de su ancho */
        left: calc(50%);
        border-radius: 0 0 40px 40px;
        background: linear-gradient(269.92deg, #e83e8c, #6f42c1);
        max-width: 100%;
        z-index: 1;
    }

    nav ul {
        width: 100%;
        list-style: none;
        padding: 4px;
        bottom: 0px;
        border-radius: 0px 0px 15px 15px;
        padding-left: 0px !important;
        padding-right: 0px !important;
        display: flex;
        justify-content: center;
        margin-right:0px !important;
        justify-content: space-evenly;

    }

    nav ul li {
        display: inline;
        margin: 5px 10px;
        font-size: 14px;
        padding-bottom: 20px;
        margin-bottom: 10px;
    }

    nav ul li a {
        text-decoration: none;
        color: #fff;
        font-weight: 550;
        padding: 1px;
        padding-bottom: 20px;
        font-family: "Bebas Neue";
        font-size: 20px;

    }
    nav ul li a.activo {
        text-decoration: underline; /* Subraya el enlace activo */
        text-decoration-color: #E83E8C;
        text-decoration-thickness: 1px;
    }
    .LOG {
        width:12%;
        height: 88px !important;
    }
    .LOG a{
        color: #fff;
        font-size: 20px;
        /* font-weight: bold; */
        font-family: "Bebas Neue";
        padding-top: 14px;
    }

}
@media (min-width: 769px) and (max-width: 850px) {
    nav {
        width:45%;
    }
}
@media (min-width: 851px) and (max-width: 951px) {
    nav {
        width:43%;
    }
}

.v1{ display:block;}
.v2{ display:none;}
/***************************NAVBAR DESDE 915 HACIA ABAJO SE ROMPE*****************/
@media only screen and (min-width: 769px) and (max-width: 914px){

}

/**************************************************
**************NAVBAR Hamburguesa*********************
******************************************/
@media only screen and (max-width: 768px){
    #nav, .LOG {
        display: none; /* Oculta el menú y el contenedor LOG */
        box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.3);
    }

    .hamburguesa {
        background:rgba(76, 76, 76, 0.75);
        display: flex; /* Muestra el botón de hamburguesa */
        justify-content: space-around;
        flex-direction: column;
        width:105px;
        height: 70px;
        border:none;
        border-radius: 0px 0px 0px 42px;
    }
    .menu-movil {
        display: none; /* Oculto por defecto */}
    .logo1 img {
        width:140px; /* Ajusta el tamaño del logo según sea necesario */
        height: auto; /* Mantiene la proporción del logo */
        left: 0px;
    }

    .cabecera {
        justify-content: space-between; /* Asegura que el logo y el botón estén en lados opuestos */
    }
    .menu-movil {
        display: none; /* Oculto por defecto */
        position: absolute; /* O position: fixed; según necesidad */
        top: 0px; /* Ajuste según la altura de tu cabecera */

        right: 0;
        background-color: #fff; /* O el color que prefieras */
        z-index: 100; /* Asegura que se muestre sobre otros contenidos */
    }

    .menu-movil ul {
        list-style-type: none; /* Remueve estilos de lista */
        padding: 0;
        margin: 0;
    }

    .menu-movil ul li a {
        display: block;
        padding: 10px;
        color: #333; /* O el color que prefieras */
        text-decoration: none;
    }

    .columna p {
        font-size: 18px;
    }
}

/*******************************************************
**********************END NAVBAR Hamburguesa**************
*******************************************************/
/**************************************************************************************************************
END NAVBAR
********************************************************************************************************************/
/**************************************************************************************************************
START HEADER RESPONSIVE CELULAR
********************************************************************************************************************/

@media only screen and  (min-width: 601px) and (max-width: 768px){
    .contenedor {
        display: flex;
        flex-direction: column;
        justify-content: center;
        /* position: relative; */
        z-index: 1;
        height: 60vh;
    }
    #columna2{
        display: none;
    }
    .title{
        text-align: center !important;
        padding-top: 35px;
        /*padding-right:20px;
        padding-left:20px;*/
    }

}
@media only screen and (max-width: 600px){
    .contenedor {
        display: flex;
        flex-direction: column;
        justify-content: center;
        /* position: relative; */
        z-index: 1;
        height: 60vh;
    }
    #columna2{
        display: none;
    }
    .title{
        text-align: center !important;
        padding-top: 35px;
        padding-right:0px;
        padding-left:0px;
    }

}


/**************************************************************************************************************
END HEADER RESPONSIVE CELULAR
********************************************************************************************************************/

/**************************************************************************************************************
START SERVICIO RESPONSIVE CELULAR
********************************************************************************************************************/
@media only screen and  (min-width: 601px) and (max-width: 768px){
    .img-icon{
        display:none;
    }
    .services {
        padding-bottom:50px;
        gap: 0px;
    }
    .loop-control {
        padding-top:0px;
    }
    .activo_b{background-color:  #E83E8C; border-radius: 13px; color: white;}
}
.aunt-five-times-removed-nodes {
    padding-bottom: 0px;
}
@media only screen and (max-width: 600px){
    .img-icon{
        display:none !important;
    }
    .services {
        padding-bottom:100px;
        gap: 0px;
    }
    .loop-control {
        padding-top:0px;
    }
    .title{
        font-size: 30px !important;
    }
}
.aunt-five-times-removed-nodes {
    padding-bottom: 0px;
}

/**************************************************************************************************************
END SERVICIO RESPONSIVE CELULAR
********************************************************************************************************************/


/**************************************************************************************************************
START CATALOGO
********************************************************************************************************************/

/* Estilo base para el contenedor */
.list_em {
    justify-content: space-between;
    border-radius: 15px; /* Ajusta este valor según sea necesario */

}


.tipo, .tipo2 {
    padding: 5px 10px;
    border-radius: 5px;
    color: white;
    width:100px;
    height: 30px;
}

.tipo {
   /* background-color: rgba(232, 62, 140, 0.75); /* Color rosado para el tipo de negocio */
}

.tipo2 {
    background-color:  #98fb98; /* Color amarillo o verde para el tipo de comida */
    color:black;
}

.nombre, .horario, .dir {
    color: white; /* Texto blanco para mejor lectura */
}

/****** css decente de jose *******/
.filtro{ position: absolute; right: 1%; width: 350px; height: 0px; background-color:  rgba(232, 62, 140, 0.9); border-bottom-left-radius: 15px; z-index: 1000; bottom: 0;
    transform: translateY(98%); overflow: hidden; transition: all 0.3s linear; text-align: left; color: #fff; padding-left: 15px; cursor: auto; }
.filtro.mostrar{ height: max-content; padding-bottom: 20px; z-index: 1001;}
.filtro .filtro_titulo{ font-size: 16px; font-weight: bold; margin-bottom: 10px; margin-top: 10px; display:flex; justify-content: space-between; align-items: center; }
.filtro .boton-limpiar{font-weight: lighter;
    margin-top:10px; margin-bottom: 10px;margin-right:30px;padding-right: 10px;
    padding-left: 10px; background-color: white; color:rgba(232, 62, 140, 0.9); border-radius: 6px;
    font-size: 14px;
}
.filtro .filtro_fila{ display: flex; margin-bottom: 6px; position: relative}
.filtro .filtro_fila div:first-child{ width: 40%;}
.filtro .filtro_fila div{ width: 60%; font-size: 13px;}
.filtro input, .filtro select{ width: 170px; border-radius: 4px; border: 1px solid #fff; padding: 3px  10px 3px 10px; color:#333; position: relative; appearance:none;
    background-image: url('../../../imgs/imgsvg/icono_arriba_abajo.svg'); background-repeat: no-repeat; background-size: 15px 15px; background-position: right center; }
.filtro_fila select option:hover{ background-color: #000;}

.gradient{ background: linear-gradient(to top, rgba(0, 0, 0), transparent); position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; }
.locales{ width: 85%; display:flex; flex-wrap: wrap; margin-top: 30px;}
.list_em{ width:  32%; margin-left: 1%; position: relative; height: 300px; margin-bottom: 10px; overflow: hidden; display: flex; }

.list_em img.banner{ position: absolute; width: 100%; left: 0; top: 0; object-fit: cover; height: 100%; z-index: 0;}
.cob{ position: relative; z-index: 2; }
.top{ display: flex; width: 100%; justify-content: space-between; margin-top: 10px; font-size: 13px; }
.tipo, .tipo2 {   height: 20px; display: flex; justify-content: center; align-items: center;  padding: 5px; font-family:'Century Gothic'; font-size: 12px; border-radius: 14px;}
.tipo{ margin-left: 10px;  width:100px; }
.tipo2{ margin-right: 10px; padding:5px; min-width: 100px;}
.info{ color: #fff; text-align: left; display: flex; flex-wrap: wrap; width: 100%; padding-left: 6px;}
.info2{ display: flex; flex-wrap: wrap;  width: 100%; align-content: flex-end !important; padding-left:8px;}
.nombre{ font-size: 18px; font-weight: bold; width: 100%; font-family:'Century Gothic';}
.horario{ font-size: 14px; font-family:'Century Gothic';}
.bottom{ width: 100%; display: flex; margin-top: auto; min-height: 33px; justify-content: space-between;}
.bottom .dir{ width: 80%; font-size: 10px;  font-family:'Century Gothic'; /* Ancho máximo del contenedor */
    white-space: nowrap; /* Evita que el texto se divida en varias líneas */
    overflow: hidden; /* Oculta cualquier contenido que desborde el contenedor */
    text-overflow: ellipsis; }
.bottom .star{ width: 20%; display: flex; position: absolute;margin-top: -10px; right: 10px;}
.bottom .star div{ width: 50%; position: relative; text-align: right; font-family: "Century Gothic"; font-weight: bold;}
.bottom .star div:last-child{text-align: left; padding-left: 2px;}
@media only screen and (min-width: 1300px){
    .bottom .star{ margin-top: -15px; font-family: "Century Gothic"; font-weight: bold;}
}
.bottom .star img{ width: 100%; max-width: 35px }

.servicios_div{  cursor:pointer; }
.tipo_carib {background-color: #87ceeb;}
.tipo_tapas {background-color: #ffff99;}
.tipo_keto {background-color: #98fb98}
.tipo_medi {background-color: #ffdab9;}
.tipo_pana {background-color:#f5f5dc;}
.tipo_inter {background-color: #c8a2c8;}
.tipo_maris {background-color: #add8e6;}

.tipo.cate_1, .tipo_d.cate_1 {background-color: rgba(232, 62, 140, 0.75);}      .tipo.cate_7,.tipo_d.cate_7 {background-color: rgba(247, 242, 132, 0.75);}  .tipo.cate_13,.tipo_d.cate_13 {background-color: rgba(232, 205, 142, 0.75);}
.tipo.cate_2, .tipo_d.cate_2 {background-color: rgba(136, 187, 170, 0.75);}     .tipo.cate_8, .tipo_d.cate_8 {background-color: rgba(109, 227, 132, 0.75);}     .tipo.cate_14, .tipo_d.cate_14 {background-color:rgba(202, 219, 111, 0.75);}
.tipo.cate_3, .tipo_d.cate_3 {background-color: rgba(188, 240, 158, 0.75);}    .tipo.cate_9,.tipo_d.cate_9 {background-color: rgba(131, 251, 214, 0.75);}
.tipo.cate_4, .tipo_d.cate_4 {background-color: rgba(139, 187, 188, 0.75);}    .tipo.cate_10,.tipo_d.cate_10 {background-color:rgba(128, 134, 228, 0.75);}
.tipo.cate_5, .tipo_d.cate_5 {background-color: rgba(172, 109, 248, 0.75);}  .tipo.cate_11,.tipo_d.cate_11 {background-color:rgba(228, 153, 233, 0.75);}
.tipo.cate_6, .tipo_d.cate_6 {background-color: rgba(199, 129, 247, 0.75);}   .tipo.cate_12,.tipo_d.cate_12 {background-color:rgba(138, 117, 179, 0.75);}

/*** vista detalle ***/
.list_det{ display: flex; width: 100%; display: none; border-bottom: 1px solid;  border-image: linear-gradient(to bottom right, #6F42C1, #E83E8C);
    border-image-slice: 1; padding-bottom: 15px; position: relative}
.list_det:hover{ background-color: #f7f6f2;}
.list_det .logo_det{ width: 10%; position: relative; margin-top: 10px;}
.list_det .logo_det img{ width: 70px; height: 70px;  border-radius: 50%; object-fit: cover; }
.list_det .nombre_det{ width: 20%; text-align: center; display: flex;  flex-direction: column;  align-items: center; justify-content: center;}
.list_det .nombre_det .nombre_d{ font-weight: bold; font-family:"Century Gothic"; }
.list_det .nombre_det div{ width: 100%;}
.list_det div div:first-child{ margin-bottom: 5px;}
.list_det .nombre_det div.tipo_d{ border-radius: 12px; font-size: 14px; width: max-content; padding: 4px 15px 4px 15px;  color: #fff; font-weight: bold; font-family:"Century Gothic";}
.list_det .nombre_det div:nth-child(3){ max-width: 90px; height: 20px;  display: flex;  justify-content: center; align-items: center;  padding: 5px;
    font-family: 'Century Gothic'; font-size: 12px; background-color: rgba(232, 62, 140, 0.75); border-radius: 5px;}
.list_det .horario_d{ width: 20%; font-size: 14px; display: flex; align-items: center; justify-content: center; flex-direction: column; font-family: "Century Gothic";}
.list_det .horario_d div:first-child{ font-weight: bold; font-family: "Century Gothic";}
.list_det .direccion_d{ width: 40%; display: flex; align-items: center; text-align: center; justify-content: center; font-size: 14px; font-family: "Century Gothic";}
.list_det .star_d{ width: 5%; display: flex; align-items: center; font-size: 15px; }
.list_det .star_d div{ width: 50%; text-align: right; font-family: "Century Gothic"; font-weight: bold;}
.list_det .cn{ position: relative;}
.list_map{  height:600px; width: 100%; display: none}

a.link_a{ display: block; position: absolute; width: 100%; height: 100%; z-index: 600}


.circulo{ padding: 0; width: 100%; height: 100%; position: relative;}
.circulo img{ width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.circulo a{ display: block; position: absolute; width: 100%; height: 100%; overflow: hidden; }
.circulo span{ display: none;}
#map{ width: 100%; height: 600px}
.popup-bubble {  position: absolute;   top: 0;  left: 0;  transform: translate(-50%, -100%);  /* Style the bubble. */  background-color: white;
    border-radius: 50%;  font-family: sans-serif;  overflow: hidden; height: 80px; width: 80px; box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.5);}

/* The parent of the bubble. A zero-height div at the top of the tip. */
.popup-bubble-anchor {  position: absolute;  width: 100%;  bottom: 8px;  left: 0; }
/* This element draws the tip. */
.popup-bubble-anchor::after {
    content: "";   position: absolute;  top: 0;    left: 0;    /* Center the tip horizontally. */
    transform: translate(-50%, 0);  /* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
    width: 0;    height: 0;    /* The tip is 8px high, and 12px wide. */   border-left: 6px solid transparent;  border-right: 6px solid transparent;
    border-top: 8px solid white;
}
/* JavaScript will position this div at the bottom of the popup tip. */
.popup-container {  cursor: auto;  height: 0;  position: absolute;  /* The max width of the info window. */  width: 200px;}

.LOG{ flex-wrap: wrap; min-width: 190px;}
.LOG span{ color: #fff; font-weight: bold; font-family: "Century Gothic" ;width: 100%}
.LOG div{ display: flex; position: relative; height: 20px; align-items: center; }
.LOG div a{ display: block; color: #fff;  width: 50%; height: 100%; font-size: 15px; padding: 0; letter-spacing: 1.5px;}
.LOG div a:first-child{ border-right: 1px solid #fff; padding-right: 10px}
.LOG div a:last-child{  padding-left: 10px}
.li_log{ color: #fff; font-size: 16px; padding-left: 10px}
.li_log_a{ display: flex; padding-bottom: 6px}
.li_log_a:hover{ }
.li_log_a a{ width: 50%; padding-top: 0 !important; padding-bottom: 0 !important; font-size: 14px; color:#fff}

.li_log_a a:first-child{ border-right: 1px solid #fff; padding-right: 10px}
.li_log_a a:last-child{ border-right: 0px solid #fff; padding-right: 10px}

.menu-movil ul .li_log_a:hover,.menu-movil ul .li_log:hover{background-color: rgba(76, 76, 76, 0) !important; }
.menu-movil ul li.li_log_a:hover a{ color: #fff !important; border: none;}
.menu-movil ul li.li_log_a a:hover{ color: rgba(76, 76, 76, 0.9) !important; background-color: #fff; border-radius: 7px;}

.section_contacto{ width: 100%; background-color: rgba(111, 66, 193, 0.1)}
.iconos-redes{ width: 100%; display: flex; justify-content: center;}
.iconos-redes img{ width: 40px; margin-left: 10px; margin-right: 10px;}
.data-merger{ width: 100%; margin-top: 20px; gap:60px;}
.data-merger div{ width: 100%;}
.data-merger div input, .data-merger div textarea{ width: 100%; border: none; border-radius: 10px; padding: 10px 15px 10px 15px;}
.div_boton{ width: 100%;}
.form{ width: 100%;}

.fono_mail {
    width: 100%;
    max-width: 513px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    color: #DD5471;
    gap: 20px;
}

.fono_mail .cont {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.fono_mail .icon_ img {
    width: 30px;
}

.fono_mail .txt {
    font-size: 13px;
}

footer{ width: 100%; padding-top: 40px; padding-bottom: 20px;}
footer .logo_footer{ width: 100%; display: flex; justify-content: center;}
footer .logo_footer img{ width: 150px;}
footer .nav_footer{ display: flex; width: 100%; justify-content: center; margin-top: 30px;}
footer .nav_footer div{ width: 80px; font-size: 14px; margin-left: 10px; margin-right: 10px; }
footer .logos_footer{ width: 100%; display: flex; justify-content: center; margin-top: 40px;}
footer .logos_footer div{ margin-left: 10px; margin-right: 10px;}
footer .logos_footer img{ width: 35px;}
footer .raya{ height: 1px; width: 80%; background-image: linear-gradient(to right, rgba(111, 66, 193, 0.7), rgba(232, 62, 140, 0.7)); margin-left: auto; margin-right: auto; margin-top: 30px;}
footer .pow{ display: flex; width: 100%; justify-content: center; margin-top: 20px; color: #000;}
footer .pow img{ width: 35px; padding-left: 10px;}

/**/
@media only screen and (max-width: 769px){
    .list_det .logo_det img{ width: 40px; height: 40px;}
    .list_det .nombre_det .nombre_d{ font-weight: bold; font-size:13px;}
    .list_det .direccion_d{ width: 40%; font-size: 11px;}
    .list_det .horario_d div:first-child{ font-size: 11px;}
    .list_det .nombre_det div:nth-child(3){ font-size: 11px;}
    .list_det .horario_d{ font-size: 12px;}

}
@media only screen and (max-width: 1100px) {
    .list_em{ height: 250px;}
}
@media only screen and (max-width: 900px) {
    .list_em{ height: 200px;}
}

/* Responsive para tablets */
@media (max-width: 649px) {
    .servicios_div::after{ display: block; content: ""; background-image: url('../../imgs/imgsvg/flecha_gris.svg'); font-size: 20px; position: absolute; right: 50px; margin-top: 50px;
        transform: rotate(180deg); transition: all 0.5s linear; width: 20px; height: 20px; z-index: 3;}
    .servicios_div.top_::after {  transform: rotate(0deg)}
    .men-digital-parent,.data-creator,.parallel-processor {align-self: center;}
    .data-splitter1,.data-splitter3{ display: flex; position: relative; }
    .data-splitter,.data-splitter2{ position: relative;  }
    .data-splitter1::after,.data-splitter3::after{border-right: 1px solid rgba(232, 62, 140, 1); position: absolute; right: 32px; display: block; content: "";
        height: 140%; width: 90%; top:-20%; border-top:1px solid rgba(232, 62, 140, 1);}
    .data-splitter1::before{ display: block; content: ""; position: absolute; width: 32px; height: 10px; background-color: #f5f5f5; top: -45px; z-index: 7} /*cuadrado plomo*/
    .data-splitter2::after{display: block; content: ""; position: absolute; width: 32px; height: 10px; background-color: #f5f5f5; top: -45px; z-index: 7}
    .data-splitter3::before{ display: block; content: ""; position: absolute; width: 32px; height: 10px; background-color: #f5f5f5; top: -45px; z-index: 7} /*cuadrado plomo*/
    .data-splitter1::after{ border-bottom: 1px solid rgba(232, 62, 140, 1);}
    .data-splitter::before,.data-splitter2::before{ border-left: 1px solid rgba(232, 62, 140, 1); position: absolute; left: 32px; display: block; content: "";    height: 133%;
        top: -40px}
    .data-splitter1 .men-digital-parent,.data-splitter3 .men-digital-parent{ order:1;}
    .data-splitter1 button, .data-splitter3 button{ order: 2; background-color: #fff; }
    .data-splitter button, .data-splitter2 button{ background-color: #fff; z-index: 2; }
    .data-splitter3::after{ height:40px}
    .data-splitter::before{ height: 80%; top:auto; bottom: -23px;}
    .data-splitter2::before{ bottom: -15px;}
    .data-splitter,.data-splitter1,.data-splitter2,.data-splitter3{ height: 190px; gap: 30px; }
    .data-splitter b,.data-splitter1 b,.data-splitter2 b,.data-splitter3 b{ text-align: left;}
    .men-digital-parent,.parallel-processor,.data-creator,.reservaciones-citas-parent{ min-width: 0;}

    .list_em {
        flex-basis: calc(50% - 10px); /* 2 por fila, ajustando el espacio entre ellos */
        height: 250px;
    }
    .data-transfer {
        display: flex;
        flex-direction: row;
        /* align-items: flex-start; */
        justify-content: center;
        /* padding: 0 var(--padding-xl) 8px; */
        /* box-sizing: border-box; */
        text-align: center;
        font-size: var(--font-size-29xl);
        font-family: var(--font-open-sans);
    }
    .activo_b{background-color:  #E83E8C; border-radius: 13px; color: white;}
}

/* Responsive para dispositivos móviles */
@media (max-width: 480px) {
    .data-splitter2::before {
        height: 133%;
        top: -40px;
    }
    .list_em { height: 300px;
        flex-basis: 100%; /* 1 por fila */}
    .dentro-del-perfil,.ofrecemos-qr-codes,.ofrcele-la-comodidad,.se-le-crear{ font-size: 13px; line-height: 23px;}
    .list_det .direccion_d{ display: none;}
    .list_det .logo_det{ width: 20%;}
    .list_det .nombre_det{ width: 40%;}
    .list_det .nombre_det .nombre_d{ font-size: 16px}
    .list_det .horario_d{ width: 30%; font-size: 14px;}
    .list_det .horario_d div:first-child { font-size: 16px;}
    .list_det .logo_det img{ width:  70px; height: 70px}
}
/*recien estaba en 449px*/
@media (max-width: 410px) {
    .function-caller::before{
        display: block;
        content: "";
        position: absolute;
        width: 10px;
        height: 32px;
        background-color: #f5f5f5;
        top: 159px;
        left:60px;
        bottom: 20px;
        z-index: 7;
    }
    .conoce-la-variedad {
        background-color: #f5f5f5;
        z-index: 3;
    }
    .dentro-del-perfil, .ofrecemos-qr-codes, .ofrcele-la-comodidad, .se-le-crear {
        font-size: 13px;
        line-height: 19px;
    }

    .data-splitter b, .data-splitter1 b, .data-splitter2 b, .data-splitter3 b {
        font-size: 15px;
    }
    .services{
        padding-left: 30px;
        padding-right: 30px;
    }
    .data-splitter::before, .data-splitter2::before {
        height: 134%;
        top: -43px;
    }
}
@media (max-width: 380px) {
    .dentro-del-perfil,.ofrecemos-qr-codes,.ofrcele-la-comodidad,.se-le-crear{ font-size: 13px; line-height: 18px;}
}
/**************************************************************************************************************
START CATALOGO  RESPONSIVE CELULAR
********************************************************************************************************************/
@media only screen and  (min-width: 600px) and (max-width: 768px){


}

/**************************************************************************************************************
END CATALOGO RESPONSIVE CELULAR
********************************************************************************************************************/
/**************************************************************************************************************
END CATALOGO
********************************************************************************************************************/

/********************************************************************************************************************************
************************************************ SECCION PRECIOS    ****************************************************************
*********************************************************************************************************************************/



        /* DESPLEGABLE */
        .toggle-content {
            display: none; /* Oculta los párrafos por defecto */
        }

        .toggle-icon2 {
            cursor: pointer; /* Cambia el cursor al pasar sobre el ícono */
            margin-left: 10px;
            transition: all 0.5s linear;
        }
        .toggle-icon2.rotated {
            transform: rotate(180deg); /* Rota el ícono 180 grados */
        }

.seccion2Precios .listaPrecios li .toggle-icon2 img{ margin-right: 0px; transition: all 0.5s linear;   height: auto;   width: 20px; float: none}

        @media (min-width: 769px) {
            .toggle-content {
                display: block !important; /* Muestra siempre los párrafos en pantallas más grandes */
            }

            .toggle-icon2 {
                display: none; /* Oculta siempre los íconos en pantallas más grandes */
            }
        }


        /* Estilos base */
        .seccionPrecios {
            text-align: center;
            padding: 20px; /* Agregamos padding a la sección de precios */
            background-color: white;
            overflow: hidden;
            position: relative;
        }

        .mitadfondo {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 550px;
            background: linear-gradient(to right, rgba(232, 62, 140, 1), rgba(111, 66, 193, 1));
            background-size: cover; /* Esto cubrirá el pseudo-elemento, ajusta según necesites */
            background-repeat: repeat;
            z-index: 0;
        }

        .mitadfondo h2 {
            margin-top: 45px;
        }

        .recuadroPrecios {
            position: relative;
            background-color: #ffffff;
            border-radius: 5px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            padding: 0px;
            padding-top: 60px;
            margin-top: 20px;
            max-width: 80%;
            display: grid;
            grid-template-columns: 1fr 1fr;
        }

        .seccion1Precios {
            width: 100%; /* Cambiamos el ancho al 100% para que ocupe todo el espacio */
            background-color: gray;
            padding: 20px;
        }

        .franjamorada{
            font-size: medium !important;
            font-weight: bold;
            font-family: "Century Gothic";
        }
        .bajoprecio{
            font-size: medium !important;
            font-family: "Century Gothic";
        }
        .seccion2Precios {
            width: 100%; /* Cambiamos el ancho al 100% para que ocupe todo el espacio */
            padding: 20px;
            padding-left: 20px;
            padding-right: 20px;
        }

        .listaPrecios {
            list-style-type: none;
            padding: 0;

        }

        .listaPrecios li {
            margin-bottom: 10px;
            cursor: pointer;
            flex-wrap:wrap;
            padding-left: 30px; padding-top: 20px;
        }

        .listaPrecios li img {
            float: left;
            margin-right: 10px;
            width: 50px;
            height: auto;
        }

.listaPrecios1 {
    list-style-type: none;
    padding: 0;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 6px;
}

.listaPrecios1 li {
    margin-bottom: 10px;
    cursor: pointer;
    padding-left: 10px; padding-top: 20px; padding-right: 10px;
    text-align: start;
    line-height: 16px;
    display: flex;
    text-align: left;
    align-items: center;
}


.listaPrecios1 li img {
    float: left;
    margin-right: 10px;
    width: 33px;
    height: auto;
}

@media (max-width: 1022px) {
    .listaPrecios1 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

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



        .seccionPrecios {
            text-align: center;
            padding: 20px; /* Agregamos padding a la sección de precios */
            font-family: "Century Gothic";
        }

        .seccionPrecios h2:first-child {
            font-size: 36px; /* Tamaño de fuente muy grande */
            font-weight: bold; /* Texto muy grueso */
            color: white; /* Color blanco */
            font-family: "Century Gothic" !important;
        }

        .seccionPrecios .pPrecios {
            font-weight: normal; /* Texto normal */
            color: white; /* Color blanco */
            font-family: "Century Gothic" !important;
            font-size: 18px;
        }


        h2 {
            margin-top: 20px; /* Ajusta el título a 20px desde arriba */
        }

        .recuadroPrecios h2 {
            font-size: 36px; /* Tamaño de fuente muy grande */
            font-weight: 800; /* Texto muy grueso */
            color: #E83E8C; /* Color de fondo del botón */
            font-family: "Inter";
            z-index: 990;
        }

        h3 {
            font-size: 36px; /* Tamaño de fuente muy grande */
            font-weight: bold; /* Texto muy grueso */
            color: black; /* Color negro */
            font-family: "Century Gothic";
        }

        .recuadroPrecios {
            background-color: #ffffff;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Cambiamos los valores de la sombra */
            padding: 0px; /* Agregamos padding uniforme */
            margin: 2% auto 5%; /* Centramos el recuadro horizontalmente y aplicamos 2% de margen arriba y 5% de margen abajo */
            max-width: 80%; /* Ajustamos el ancho máximo del recuadro */
            display: grid;
            grid-template-columns: 35% 65%; /* Dividimos el recuadro en dos columnas: 35% y 65% */
            margin-top: 200px;
            font-family: "Century Gothic";
        }

        .seccion1Precios {
            background-color: rgba(111, 66, 193, 0.05); /* Color de fondo con pass through del 10% */
            padding: 20px 0; /* Eliminamos el padding */
            width: 100%;
            border-top-left-radius: 1%; /* Redondear la esquina izquierda superior */
            border-bottom-left-radius: 1%; /* Redondear la esquina izquierda inferior */
            margin: 0; /* Eliminamos el margen */
            font-family: "Century Gothic";
            z-index: 990;
        }

        .seccion1Precios p:first-child {
            background-color: #6F42C1; /* Color de fondo del primer párrafo */
            color: white; /* Color de texto blanco */
            padding: 5px 10px; /* Espacio alrededor del texto del primer párrafo */
            width: 100%; /* Ancho del primer párrafo al 100% */
            /*margin: 10px 0; /* Margen superior e inferior */
            margin-left: 0; /* Eliminamos el margen izquierdo */
            margin-top: 40px; /* Margen superior de 10px */
            margin-bottom: 100px; /* Margen inferior de 20px */
            font-family: "Century Gothic";

        }

        .seccion1Precios button {
            background-color: #E83E8C; /* Color de fondo del botón */
            border: none; /* Eliminar bordes del botón */
            border-radius: 10px; /* Redondear los bordes del botón */
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Agregar sombra al botón */
            color: white; /* Color del texto del botón */
            padding: 13px 15px; /* Ajustar el espacio alrededor del texto del botón */
            font-size: 15px; /* Tamaño del texto del botón */
            font-weight: bold;
            font-family: "Century Gothic";
        }

        .seccion2Precios {
            padding: 40px;
            padding-left: 20px;
            width: 100%;
            display: flex; /* Utilizamos flexbox */
            flex-direction: column; /* Los elementos se colocarán uno encima del otro */
            margin-left: 0; /* Eliminamos el margen izquierdo */
            z-index: 990;
        }

        .seccion2Precios p:first-child {
           /* font-weight: bold; /* Texto en negrita */
            font-size: large; /* Tamaño de fuente mediano */
            color: #2D3748; /* Color de texto negro */
            padding-left: 30px;
            padding-right: 20px;
            text-align: left;
        }


        .listaPrecios {
            list-style-type: none;
            padding: 0px; /* Agregamos padding a la lista de precios */
            display: flex;
            flex-direction: column;
            align-items: center; /* Centramos horizontalmente las listas */
        }

        .listaPrecios li {
            margin-bottom: 20px; /* Aumentamos el espacio entre elementos de la lista
            align-items: center; /* Alineamos los elementos verticalmente */
            color: rgba(0, 0, 0, 0.5); /* Color de texto negro con 50% de opacidad */

            text-align: left;
            align-items: center;
        }


        .listaPrecios li img {
            margin-right: 10px;
            width: 35px;
            height: auto;
        }

        .listaPrecios li p {
            margin: 0; /* Eliminamos cualquier margen en los párrafos */
        }

        .seccion2Precios .listaPrecios {
            padding: 0px; /* Agregamos padding a la lista de precios */
            display: flex;
            flex-direction: column;
            align-items: flex-start; /* Alineamos horizontalmente los elementos al inicio */
        }

        .seccion2Precios .listaPrecios li {
            margin-bottom: 20px; /* Aumentamos el espacio entre elementos de la lista */
            text-align: left;
            color: #2D3748; /* Color de texto negro */
            /*font-weight: bold; /* Texto en negrita */
            font-size: medium; /* Tamaño de fuente mediano */
            width: 95%;
        }

    .seccion2Precios .listaPrecios li img {
        margin-right: 10px;
        width: 30px;
        height: auto;
    }

    .seccion2Precios .listaPrecios li p {
        margin: 0 0 5px 0; /* Alineamos el párrafo debajo de la imagen y el texto de la lista */
        color: rgba(0, 0, 0, 0.5); /* Color de texto negro con 50% de opacidad */
        text-align: left;
        font-size: small;
        width: 100%;
        padding-top: 8px;
        padding-left: 45px;
        line-height: 25px;
    }

.listaPrecios li div {
    display: flex;
    justify-content: start;
    gap: 5px;
}

/* Reglas de estilo para dispositivos móviles */
@media (max-width: 768px) {
    .section_contacto {
        padding: 50px 20px !important;
    }

    .section_contacto .form {
        margin-top: 20px;
    }

    .mitadfondo h2 {
        font-weight: bold;
    }

    /* Ajustes para la sección de precios */
    .seccionPrecios {

        padding: 5px; /* Reducimos aún más el padding */
    }

    /* Ajustamos el margen superior del recuadro para dar espacio al título y al primer párrafo */
    .recuadroPrecios {
        grid-template-columns: 1fr;
        margin: 210px auto 6%; /* Ajustamos el margen superior para dar espacio al título y al primer párrafo */
        max-width: 80%; /* Ajustamos el ancho máximo del recuadro */
        padding: 0px; /* Eliminamos el padding del recuadro */
    }

    /* Ajustamos el fondo de la primera sección para que toque los bordes izquierdo y derecho */
    .seccion1Precios {
        border-top-left-radius: 0; /* Eliminamos el redondeo en la esquina superior izquierda */
        border-bottom-left-radius: 0; /* Eliminamos el redondeo en la esquina inferior izquierda */
        padding-left: 0; /* Eliminamos el padding izquierdo de la sección */
        padding-right: 0; /* Eliminamos el padding derecho de la sección */
    }

    /* Ajustamos el margen lateral del primer párrafo para que toque los bordes izquierdo y derecho */
    .seccion1Precios p:first-child {
        margin: 0; /* Eliminamos el margen */
        padding: 20px 5%; /* Ajustamos el padding para que toque los bordes izquierdo y derecho */
        background-color: #6F42C1; /* Aplicamos el color de fondo al párrafo */
        width: 100%;
    }

    /* Reducimos el padding en ambas secciones */
    .seccion1Precios,
    .seccion2Precios {
        padding: 35px 5px 35px 5px;
        width: 100%;
    }

    .seccion2Precios p:first-child {
        padding-left: 20px;
    }
        /* Ajustamos el margen superior del primer párrafo */
    .seccion1Precios p:first-child {
        margin-top: 20px; /* Ajustamos el margen superior para dar espacio al título */
    }

    .listaPrecios li {
        display: flex;
        justify-content: space-between;
        padding: 20px 0 0 20px !important;
    }

    .listaPrecios li div {
        gap: 8px;
    }

    .listaPrecios li img {
        margin-right: 10px;
        width: 20px !important;
        height: auto;
    }

    .iconos-redes {
        display: none;
    }

    .listaPrecios1 {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 480px) {
    .recuadroPrecios {
        max-width: 100%;
        margin-right:0px !important;
        margin-left: 0px !important;
    }
    .seccion1Precios,
    .seccion2Precios {
        padding: 35px 0px 35px 0px !important;
    }
    .seccionPrecios {
        padding: 0px;
    }
    .menu_digital{ display: none !important;}
}

@media (max-width: 400px) {
    .fono_mail {
        flex-direction: column;
    }
}

/********************************************************************************************************************************
************************************************ END SECCION PRECIOS ****************************************************************
*********************************************************************************************************************************/





/********************************************************************************************************************************
*******************************************BOTON ENVIAR*************************************************************************
*********************************************************************************************************************************/
.envio_form{
    border:none;
    margin-top:10px;
    background-color:#E83E8C;
    color:white;
    font-family: 'Century Gothic';
    font-weight: 550;
    border-radius:10px;
    padding: 8px 18px 8px 18px;
    font-size: 17px;
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);
    width: 100%;
}

/**************************************************************************************************************
END  FOOTER
********************************************************************************************************************/