:root {
    --blue: rgb(153,198,164);
    --left: rgb(52,107,69);
    --right: rgb(29,155,82);
    --black: black;
    --subtitles: rgb(153,198,164);
    --gray: #A9A9A9;
    --backService: rgb(14, 17, 40)linear-gradient(90deg, rgba(14, 17, 40, 1) 50%, rgba(42, 60, 105, 0.7063200280112045) 80%, rgba(77, 82, 140, 0.6194852941176471) 100%);
    --backgroundShadow: linear-gradient(120deg, rgba(0, 0, 0, 1) 37%, rgba(128, 128, 128, 0.3) 70%, rgba(255, 255, 255, 0) 100%);
    --gradiente:  linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(12, 14, 23, 0.70) 85%, rgba(9, 7, 41, 0.633) 100%);
    --sat: env(safe-area-inset-top);
      --sar: env(safe-area-inset-right);
      --sab: env(safe-area-inset-bottom);
      --sal: env(safe-area-inset-left);
  --principalGradient:linear-gradient(90deg, var(--left) 9.38%, var(--right) 72.4%);
  --principalGradientR:linear-gradient(90deg, var(--right) 0%, var(--left) 100%);
    --fontFamily: 'SF Compact Display';
    --fontStyle: normal;
    --fontWeight: 600;
    --fontSizeTitle: 3.5rem;
    --fontSizeFocusTitle: 3.5rem;
    --lineHeight: 1;
    --primaryColorText: black;
  }


.bodyBlindToChat{
    overflow-y: scroll; 
    overscroll-behavior: none;
}

.navBarBlindToChat{
    position: fixed;
    background-color: black;
}


.containerPresentationBlindToChat{
    margin-top: 14rem;
    padding-left: 8rem;
}
.subtituloBlindToChat{
    display: flex;
     width: 100%;
     justify-content: flex-start;
  text-align: flex-start;
font-family: var(--fontFamily) ;
font-style: normal;
font-weight: 900;
font-size: 1.5rem;
line-height: 2rem;
color: black;
letter-spacing: 1px;
margin-bottom: 1rem;
margin-top: 0rem;

}

.tituloBlindToChat{
    display: flex;
    width: 100%;
    justify-content: flex-start;
 text-align: flex-start;
font-family: var(--fontFamily) ;
font-style: normal;
font-weight: bold;
font-size: 60px;
line-height: 80px;
color: black;
letter-spacing: 1px;
height: 8rem;
margin-bottom: 1rem;
} 

.gradientBlindToChat{
    background: var(--principalGradient);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
  }

.section2{
    height: 75vh; 
    margin: auto;
}

.section2P{
    font-family: var(--fontFamily);
    font-style: normal;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.8rem;
    text-align: center;
    width: 90%;
    color: var(--gray);
    margin: auto;
    margin-top: 1rem; 
    margin-bottom:2rem
  }

  .divBoxGradient{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .divBoxGradientCenter{
    display: flex;
   justify-content: center;
   align-items: center;
 }

.section3{
    height: 40vh; 
    display:flex;
}
.cardBlindToChatP{
    color: var(--subtitles);
      letter-spacing: inherit;
      display:flex;
      justify-content: start;
      align-items: center;
      flex-direction: column;
      width: 100%;
      font-size: 17px;
      text-align: center;
      line-height: 1.235;
      font-weight: 400;
      font-family: var(--fontFamily);
      margin: auto;
  }
  .containerLogoFindSection4{
    display: flex; 
    justify-content:center; 
    align-items:center;
  }
  .section4h2{
    font-family: var(--fontFamily);
    font-style: normal;
    font-weight: medium;
    font-weight: 500;
    font-size: 15px;
    line-height: 28px;
    margin:0px;
    text-align: center;
    color: var(--black);
    text-align: center;
    font-style: normal;
    margin-top: 1.5rem;
    }

    .moduleBlindToChat{
        font-family: var(--fontFamily);
        font-style: normal;
        font-weight: 700;
        font-size: 80px;
        line-height: 114.35px;
        display: flex;
        background: var(--principalGradient);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        justify-content: center;
        margin-top: 0!important;
    }
    .textoModuleBlindToChat{
        font-family: var(--fontFamily);
        font-style: normal;
        font-size: 20px;
        text-align: center;
        width: 55%;
        color: var(--gray);
        margin: auto;
        margin-top:2rem;
        text-align: center;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
      }
      .section5{
        height: 70vh;
        justify-content: center;
        flex-direction: column;
        margin-top: 10rem;
    }
    .section6{
        height: 50vh;
        justify-content: center;
        flex-direction: column;
        margin-top:0rem
    }
    .section7{
        height: 70vh;
        justify-content: center;
        flex-direction: column;
        margin-top:0rem
    }
    .imgSection5BlindToChat{
    display: flex; 
    text-align: center; 
    justify-content: center;
    align-items: center
    }
    .imgSection6BlindToChat{
        display: flex; 
        text-align: center; 
        justify-content: center;
        align-items: center
    }
    .imgSection7BlindToChat{
        display: flex; 
        text-align: center; 
        justify-content: center;
        align-items: center
    }
    .img7bBlindToChat{
        width: 50%;
        margin-top: 8rem;
    }
    .section8{
        height: auto; 
        margin-bottom: 5.5rem;
    }
    .titleTextoRevenue{
        color: #ffffff !important; 
        margin: 0;
        margin-bottom: 1rem;
        font-size: 4.3rem !important; 
        font-weight: 900 !important;
        line-height: 67px !important;
    }
    .textoRevenue{
        font-family: var(--fontFamily);
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 22px;
        text-align: start;
        color: var(--gray);
      }

      .containerImgStores{
        text-align: center; 
        display: flex; 
        justify-content: center; 
        align-items: center;
      }
      .containerFooterBlindToChat{
        position: relative;
        width: 100%;
        border-radius: 20px;
        overflow: hidden;
      }
      .textFooterBlindToChat{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #ffffff;
        text-align: center;
        padding: 10px;
        width: 90%;
      }
    
      /* EFECTO BLUR // */
      .telescopio{
    animation: blureado 3s ease;
}
@keyframes blureado {
    0% {
        opacity: 0;
        filter: blur(20px);
    }
    20%{
        opacity: 1;
        filter: brightness(2) blur(10px);
    }
}
/* EFECTO BLUR // */

/* EFECTO HOVER // */
     .imgContainer {
            position: relative;
            width: 200px;
            transition: width 0.5s ease, transform 0.5s ease;
        }

        .imgContainer:hover {
            z-index: 999;
            width: 300px; 
            transform: translateX(-10%) scale(1.5);
        }

        .imgContainer img {
            width: 100%;
            height: auto; 
        }



        .hoverText {
            color: #ffffff;
            margin: 0;
            transition: transform 0.3s ease; 
        }

        .hoverText:hover {
            transform: translateX(40px) scale(1.05); 
        }
        .sizePFooterMobile{
            color: white;
            font-weight: 500;
        }
/* EFECTO HOVER // */

@media (max-width: 500px) {
    .containerFooterBlindToChat{
        margin-bottom: 0.5rem;
        padding: 0.5rem;
    }
    .sizePFooterMobile{
        font-size: 1.5rem;
    }
    .section12FlexDirection{
        flex-direction: column;
    }
    .lineHeight{
        line-height: 3.8rem;
    }
    .section8{
        margin-top: 5rem;
    }
    .img7bBlindToChat{
        margin: auto;
        width: 70%;
    }
    .columnReverse{
        flex-direction: column-reverse;
        margin-top: 3rem!important;
    }
    .sectionBlindTochatMobileColumn{
        margin: auto;
    }
    .section7{
        height: auto!important;
        margin: 0;
    }
    .section6{
        height: auto!important;
        margin: 0;
    }
    .section5{
        height: auto!important;
        margin: 0;
    }
    .textoModuleBlindToChat{
        width: 85%;
        margin-top: 0rem!important;
        margin-bottom: 1.5rem;
    }
    .moduleBlindToChat{
        font-size: 2.3rem;
        margin: auto;
    }
    .section4h2{
        font-size: 1.2rem;
    }
    .containerPresentationBlindToChat{
        padding-left: 1rem!important;
        margin-top: 6rem !important;
    }
    .subtituloBlindToChat{
        display: flex;
         width: 100%;
         justify-content: flex-start;
      text-align: flex-start;
    font-family: var(--fontFamily) ;
    font-style: normal;
    font-weight: 900;
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #ffffff;
    letter-spacing: 1px;
    margin-bottom: 0;
    }
    .tituloBlindToChat{
        font-size: 3rem;
    }
    .section2{
        flex-direction: column;
        margin-top: 5rem!important;
        height: 100%!important;
    }
    .section2P{
        width: 100%;
    }
    .section3{
        flex-direction: column;
        height: 100%!important;
    }
}
























  




  
@media (max-width: 700px) {

.sacarWidth{
    width: 100% !important;

}
.cardBlindToChat1{
    width: auto!important;
    margin: 2rem!important;
}
.cardBlindToChat2{
    width: auto!important;
    margin: 2rem!important;
}
.cardBlindToChat3{
    width: auto!important;
    margin: 2rem!important;
}
}

@font-face {
    font-family: 'SF Compact Display';
    src: url('../fonts/sf-compact-display-medium-5864711817c30.otf');
  } 



  body {
    
    background-color: white;
  }
  .backgroundBody {
    background: black;
    overflow-y: scroll;
  }


 .tituloFindPolar{
     display: flex;
     width: 100%;
     justify-content: flex-start;
  text-align: flex-start;
font-family: var(--fontFamily) ;
font-style: normal;
font-weight: bold;
font-size: 130px;
line-height: 145px;
color: black;
letter-spacing: 1px;
height: 8rem;
margin-bottom: 1rem;
} 
.subtituloFindPolar{
    display: flex;
     width: 100%;
     justify-content: flex-start;
  text-align: flex-start;
font-family: var(--fontFamily) ;
font-style: normal;
font-weight: 900;
font-size: 2.5rem;
line-height: 3rem;
color: var(--black);
letter-spacing: 1px;
margin-bottom: 0;

}

.subtitulo2FindPolar{
    display: flex;
    width: 100%;
    justify-content: flex-start;
 text-align: flex-start;
font-family: var(--fontFamily) ;
font-style: normal;
font-weight: 900;
font-size: 2.5rem;
line-height: 3rem;
color: #007BC6;
letter-spacing: 1px;
margin-top: 0;
}
 

  .Pro{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: flex-start;
 text-align: center;
font-family: var(--fontFamily) !important;
font-style: normal;
font-weight: bold;
font-size: 64px;
line-height: 239px;
color: black;


  }

.contenedor {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  
  .contenedor img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .contenedor50 {
    width: 100%;
    height: 50%;
    overflow: hidden;
  }
  
  .contenedor50 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1rem;
  }


.containerCards{
    margin: auto;
    padding: 2rem;
    justify-content: center;
    align-items: center; 
}
 
  
  .textoh3Tecno{
    font-family: var(--fontFamily);
    font-style: normal;
    font-weight: 900;
    font-size: 80px;
    line-height: 82px;
    text-align: left;
    width: 95%;
    color: black;
    
  }
  .textoTecno{
    font-family: var(--fontFamily);
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    text-align: left;
    width: 55%;
    color: var(--gray);
    
  }
  .textoMarketingPlan{
    font-family: var(--fontFamily);
    font-style: normal;
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.2rem;
    text-align: start;
    width: 97%;
    color: var(--gray);
  }
  .textoFuncionalidades{
    font-family: var(--fontFamily);
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 22px;
    text-align: start;
    width: 97%;
    color: var(--gray);
  }
 
  .titleItems{
    font-size: 50px;
    line-height: 52px;
    color:var(--black);
    font-family: var(--fontFamily);
    font-style: normal;
    font-weight: 500;
    text-align: start;
    
  }
  .tituloFuncionalidades{
    font-family: var(--fontFamily);
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    text-align: start;
    width: 97%;
    color: black;
  }

  .textoPensando{
    font-family: var(--fontFamily);
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    text-align: start;
    width: 97%;
    color: var(--gray);
  }
  .tituloPensando{
    font-family: var(--fontFamily);
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    text-align: start;
    width: 97%;
    color: black;
  }
  .innovacionResultados{
    font-family: var(--fontFamily);
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    background-color: #F5F5F7;
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    margin: auto;
    
  }
  .innovacionResultadosSpan{
    font-family: var(--fontFamily);
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    width: 100%;
    color: var(--gray);
    margin: auto;
  }
  .tituloCotizacion{
    font-family: var(--fontFamily);
    font-style: normal;
    font-weight: bold;
    font-size: 2.2rem;
    line-height: 2.4rem;
    text-align: center;
    width: 80%;
    color: black;
    margin: auto;
    margin-top: 1rem;
  }
  .parrafoCotizacion{
    font-family: var(--fontFamily);
    font-style: normal;
    font-weight: 457;
    font-size: 1.1rem;
    line-height: 1.3rem;
    text-align: center;
    letter-spacing: -0.01em;
    width: 70%;
    margin: auto;
    color: #1D1D1F;
    margin-top: 1rem;
    
  }
.sizeImgTecno{
    width: 8rem;
    
}

.textoBateriaIzquierdo{
    font-family: var(--fontFamily);
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    text-align: start;
    width: 60%;
    color: var(--gray);
    display: flex;
    justify-content: start;
    padding-left: 1rem;
}

.colorItemLista{
    color: #007BC6;
    font-family: var(--fontFamily);
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 16px;
margin-bottom: 0.5rem;
}
.colorItemListaMiMunicipio{
    color: black ;
    font-family: var(--fontFamily);
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 16px;
margin-bottom: 0.5rem;
}
.colorPrecioMes{
    color: #007BC6;
    font-family: var(--fontFamily);
font-style: normal;
font-weight: 600;
font-size: 1.3rem;
line-height: 1.5rem;
margin-bottom: 0.5rem;
text-align: center;
}
 
 .boxFeatures{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;    
 } 
 
  
  
 .cardMarketing{
    padding: 2rem 1rem 1.5rem;
    margin: 1rem;
      border-radius: 1rem;
       
       width: 25rem;
       height: 27rem;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       background-color: #F5F5F7;
       overflow: hidden;
  }

  .cardChatSecure{
    padding: 58px 30px 0px 24px;
    margin: 1rem;
      border-radius: 1rem;
       max-width: 90%;
       height: 20rem;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       background-color: #F5F5F7;
       overflow: hidden;
  }
 /* .cardBlindToChat{
   
       background-image: url(../img/conservacion-ambiental-jardin-ninos_1150-15276.jpg);
       
  } */
  .cardBlindToChat1 {
    position: relative;
    padding: 58px 30px 0px 24px;
    margin: 1rem;
      border-radius: 1rem;
       width: 35rem;
       height: 16rem;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       overflow: hidden;
  }
  
  .cardBlindToChat1::before {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1; /* Asegura que el filtro esté por encima de la imagen de fondo */
  }
  
  /* Establece la imagen de fondo */
  .cardBlindToChat1 {
    background-image: url(../img/conservacion-ambiental-jardin-ninos_1150-15276.jpg);
    background-size: cover;
    position: relative; /* Asegura que el contenido esté sobre el filtro */
    z-index: 0; /* Asegura que la imagen de fondo esté detrás del filtro */
  }
  .cardBlindToChat2 {
    position: relative;
    padding: 58px 30px 0px 24px;
    margin: 1rem;
      border-radius: 1rem;
       width: 35rem;
       height: 16rem;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       overflow: hidden;
  }
  
  .cardBlindToChat2::before {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1; /* Asegura que el filtro esté por encima de la imagen de fondo */
  }
  
  /* Establece la imagen de fondo */
  .cardBlindToChat2 {
    background-image: url(../img/agricultura-inteligente-agricultura-iot_53876-124634.jpg.avif);
    background-size: cover;
    position: relative; /* Asegura que el contenido esté sobre el filtro */
    z-index: 0; /* Asegura que la imagen de fondo esté detrás del filtro */
  }
  .cardBlindToChat3 {
    position: relative;
    padding: 58px 30px 0px 24px;
    margin: 1rem;
      border-radius: 1rem;
       width: 35rem;
       height: 16rem;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       overflow: hidden;
  }
  
  .cardBlindToChat3::before {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1; /* Asegura que el filtro esté por encima de la imagen de fondo */
  }
  
  /* Establece la imagen de fondo */
  .cardBlindToChat3 {
    background-image: url(../img/comunidad-diversa-manos-circulo_53876-105259.jpg);
    background-size: cover;
    position: relative; /* Asegura que el contenido esté sobre el filtro */
    z-index: 0; /* Asegura que la imagen de fondo esté detrás del filtro */
  }




  .cardH3BlindToChat{
    background: #ffffff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
      display:flex;
      justify-content: center;
        align-items: center;
        text-align: center;
        font-size: 28px;
  line-height: 1.1428571429;
  font-weight: 600;
  letter-spacing: .007em;
  font-family: var(--fontFamily);
  }
 
  
  
  .iconMaintenance{
    width: 3rem;
    margin-bottom: 1rem;
    background: var(--principalGradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }


.elMejorDelMercado{
    font-family: var(--fontFamily);
font-style: normal;
font-weight: 600;
font-size: 0.8rem;
line-height: 1rem;
text-align: center;
color: black;
border: 1px solid black;
padding: 10px 30px;
border-radius: 25px;
}

.funcionalidadesDiv{
    font-family: var(--fontFamily);
font-style: normal;
font-weight: 600;
font-size: 10px;
line-height: 12px;
text-align: center;
color: black;
border: 2px solid black;
padding: 10px 30px;
border-radius: 25px;
}
.cotizacion{
    font-family: var(--fontFamily);
font-style: normal;
font-weight: 600;
font-size: 10px;
line-height: 12px;
text-align: center;
color: black;
border: 2px solid black;
padding: 10px 30px;
border-radius: 25px;
width: 30%;
justify-content: center;
align-items: center;
margin: auto;
}

.productoDistinto{
    font-family: var(--fontFamily);
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 48px;
color: black;
}

.tanFind{
    font-family: var(--fontFamily);
    font-style: normal;
    font-weight: bold;
    font-size: 4rem;
    line-height: 4.1rem;
    background: linear-gradient(270deg, #3D71FF 50%, #60CAFC 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
    display: flex;
}

.tanFind2{
    font-family: var(--fontFamily);
    font-style: normal;
    font-weight: 900;
    font-size: 5rem;
    line-height: 5.1rem;
    background: #007BC6;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
    display: flex;
    justify-content: center;
}
.innovateSimpleBlindToChat{
    font-family: var(--fontFamily);
    font-style: normal;
    font-weight: 900;
    font-size: 64px;
    line-height: 5.1rem;
    background: var(--principalGradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
    display: flex;
    justify-content: center;
}


.tanPro{
    font-family: var(--fontFamily);
    font-style: normal;
    font-weight: 900;
    font-size: 5rem;
    line-height: 5.1rem;
    color: black;
    display: flex;
    justify-content: center;
    
}


.imgNotebookConTitulos{
    margin: auto;
    width: 100%;
}

.imgMapa{
    object-fit: cover;
    width:100%;
    height:100%;
}

.imgNotebookFuncionalidades{
    object-fit: cover;
   width: 40rem;
    
}


.container1{
    position: relative;
	text-align: center;
}

.bottom-left{
    position: absolute;
			bottom: 0;
			width: 100%;
           padding: 5rem;
            color: black;
            text-align: left;
            font-family: var(--fontFamily);
            font-style: normal;
            font-weight: bold;
            font-size: 19px;
            line-height: 22px;
           
}



.ubicacionImgFuncionalidad1{
    left: 7rem;
    bottom:2rem;
}
.ubicacionImgThinking{
    left: 9rem;
    bottom:3rem;
}
.sizeImgFuncionalidad1{
    width: 30rem;
}
.ubicacionImgFuncionalidad2{
    left: 1rem;
    bottom:9rem;
}
.sizeImgFuncionalidad2{
    width: 40rem;
}
.ubicacionImgFuncionalidad3{
    left: 4.2rem;
    bottom:9rem;
}
.sizeImgFuncionalidad3{
    width: 40rem;
}
.ubicacionImgCotizacion{
   right: 10rem;
}
.sizeImgCotizacion{
    width: 49rem;
}


.ubicacionImgPortada{
    right: 14rem;
    bottom:14rem;
}
.ubicacionImgPortadaFindMaintenance{
    right: 14rem;
    bottom:14rem;
}

.sizeImgPortada{
    width: 53rem;
}

.sizeImgPortadaFindMaintenance{
    width: 53rem;
}
.ubicacionImgPensando{
    right: 9rem;
    bottom:5rem;
}
.sizeImgPensando{
    width: 50rem;
}
.containerCustomer{
    margin-top: 7rem;
}
.imgTecnos{
    background-color: black;
     display: flex;
    justify-content:space-between; 
    align-items: center;
    margin-top: 3rem;
}

.containerCostoMantenimiento{
    margin-top: 7rem;
     background-color: #F5F5F7;
      border-radius: 1rem;
      height: 35rem;
}
.subconteinerCostoMantenimiento{
    padding-right: 3rem;
     margin-top: 5rem
}
.sectionSecureAndIntelligentBlindToChat{
height: 70vh; 
display:flex
}

.mobileColumn{
    height: auto!important;
}
.sectionMaintenance{
    height: 50vh;
    justify-content: center;
    margin-top: 6rem;
    
}
.thinkingAbout{
    height: 75vh;
    justify-content: center;
}
.visibilityClient{
    height: 50vh;
    justify-content: center;
}
.sectionSpareParts{
    height: 75vh;
    display:flex; 
    justify-content: center; 
    margin-top: 10rem;
}
.technologiesWeUse{
    font-family: 'SF Compact Display';
    font-style: normal;
	font-weight: medium;
	font-size: 32px;
	line-height: 37px;
	margin:0px;
	text-align: left;
	color: #007BC6;
}
.heightImgGroupMaintenance{
    height: 80vh; 
    /* margin: auto; */
    display: flex;
    width: 99%;
}
.widthGeneral{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    }
    @media (min-width:1500px) {
        .widthGeneral{
            width: 70%;
            margin-left: auto;
            margin-right: auto;
            }
    }



@media (max-width: 500px) {
    
    
    .titleItems{
        font-size: 50px;
        line-height: 52px;
        font-weight: 500;
        
      }
    .imgFindLogo{
        width: 117px !important;
         height:31px !important;
         margin-bottom: 0.5rem;
    }
    
    .sectionBlindToChatFeatures{
        height: auto!important;
        margin: 0;
    }
    .imagenPortadaBlindToChat{
    top: 5rem !important;
    
      }
    .heightImgGroupMaintenance{
        height: auto; 
    }
    .sectionSecureAndIntelligentBlindToChat{
        height: auto !important; 
        
    }
   
    
    .sectionSpareParts{
        flex-direction: column;
        height: 100%!important;
    }
    .sectionMaintenance{
        flex-direction: column;
        height: 75vh!important;
    }
    .visibilityClient{
        height: 75vh;
        justify-content: center;
    }
    .elMejorDelMercado{
        font-family: var(--fontFamily);
    font-style: normal;
    font-weight: 600;
    font-size: 0.7rem;
    line-height: 0.8rem;
    text-align: center;
    color: black;
    border: 1px solid black;
    padding: 10px 30px;
    border-radius: 25px;
    }
    
    .subtitulo2FindPolar{
        display: flex;
        width: 100%;
        justify-content: flex-start;
     text-align: flex-start;
    font-family: var(--fontFamily) ;
    font-style: normal;
    font-weight: 900;
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #007BC6;
    letter-spacing: 1px;
    margin-top: 0;
    }
    .findPolarMobile{
        padding-left: 2rem!important;
        margin-top: 6rem !important;
    }
    .ubicacionImgPortada{
        right: 10rem;
        bottom:28rem;
    }
    .ubicacionImgPortadaFindMaintenance{
        right: 3rem;
        bottom:22rem;
    }
    
    .sizeImgPortada{
        width: 43rem;
    }
    .sizeImgPortadaSecureChat{
        width: 40rem;
    }
    .sizeImgPortadaFindMaintenance{
        width: 30rem;
    }
    .tanPro{
        font-size: 3rem;
        line-height: 3.1rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .tanFind2{
        font-size: 3rem;
        line-height: 3.1rem;
        justify-content: flex-start;
    }
    .innovateSimpleBlindToChat{
        font-size: 3rem;
        line-height: 3.1rem;
        justify-content: center;
    }
    
    .containerCards{
        display: block;
    margin: 0!important;        
    padding: 0!important;  
    }
    .pensandoEnElCliente{
        font-family: var(--fontFamily);
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: black;
    border: 2px solid black;
    padding: 10px 30px;
    border-radius: 25px;
    }
    
    .cardMarketing{
        width: auto;
        margin: 2rem;
    }
    .containerCustomer{
        width: auto;
        margin-top: 0;
        
    }
   
    
    
   .tituloFuncionalidades{
       justify-content: left;
       font-size: 1rem;
       
   }
   .marginLeft{
       margin-left: 0;
   }
   .textoMarketingPlan{
       font-size: 1rem;
   }
   .textoFuncionalidades{
       font-size: 1rem;
       width: 100%!important;
   }
   .textoRevenue{
    font-size: 1rem;
    width: 100%!important;
   }
   .widthText{
       width: 91% !important;
   }
   
   .fontSizeMobile{
       font-size: 3.5rem !important;
       margin-bottom: 3rem !important;
   }
   .containerFuncionalidades{
       width: 100%;   
   }
   .funcionalidadesMobile{
    margin-left: 1rem!important;    
    margin-top: 3rem!important;    
}   
.marginAndPaddingLeft{
    margin-left: 0rem!important;
    padding-left: 0rem!important;
}
.sectionPensandoMobile{
    height: 80vh!important;
}

.visibilidadClienteMobile{
    padding-left: 7rem!important; 
    
}   
.pensandoMobileDiv{
    margin-left: 0!important;
}

.ubicacionImgFuncionalidad1{
    left: 4rem;
    top: 1rem;
}
.ubicacionImgThinking{
    left: 8rem;
    bottom:12rem;
}
.sizeImgFuncionalidad1{
    width: 14rem;
}

.ubicacionImgFuncionalidad2{
    
    top: 1rem;
}
.sizeImgFuncionalidad2{
    width: 23rem;
}
.ubicacionImgFuncionalidad3{
    right: 1rem;
    top:1rem;
}
.sizeImgFuncionalidad3{
    width: 23rem;
}
.ubicacionImgPensando{
    left: 2rem;
    bottom:12.5rem;
}
.sizeImgPensando{
    width: 25rem;
}
.sectionHidden{
    display: none;
}
.textoh3Tecno{
    padding-top: 1rem;
    font-weight: 900;
    font-size: 35px;
    line-height: 38px;
    text-align: left;
    width: 100%;
    color: black;
}
.textoTecno{
    font-family: var(--fontFamily);
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    text-align: left;
    width: 100%;
    color: var(--gray);
}
.imgTecnos{
background-color: black;
display: flex;

flex-wrap: wrap;
margin-top: 3rem;
}
.sizeImgTecno{
    margin-bottom: 1rem;
    width: 6rem;
}
.subconteinerCostoMantenimiento{
    padding: 0rem;
     margin-top: 5rem
    
}
.containerCostoMantenimiento{
    margin: 1rem;
    margin-top: 7rem;
    background-color: #F5F5F7;
     border-radius: 1rem;
     height: 45rem;
    
}
.cotizacion{
    padding: 0.5rem;
}
.ubicacionImgCotizacion{
    right: 3rem;
 }
 .sizeImgCotizacion{
     width: 25rem;
 }
.paddingRightLeft{
    padding-right: 0;
    padding-left: 0;
}
 .divTextoPotenciadoMobile{
    display: flex;
    justify-content: center;
    align-items: center;
 }
 .innovateSimple{
    font-size: 3rem;
    line-height: 3.1rem;
}
.spareMobile{
    width: 100%!important;
}


}

.genericTextStyle{
    color: #ffffff!important;
    font-family: var(--fontFamily)!important;
  }


.textGradientBlind {
    font-family: var(--fontFamily);
    font-style: var(--fontStyle);
    font-weight: var(--fontWeight);
    font-size: 0.8rem;
    line-height: 1rem;
    text-align: center;
    padding: 1px 30px;
    border-radius: 25px;
    color: var(--black);
  }

  .imagenPortadaBlindToChat{
    text-align: center; 
    display: flex;
    justify-content: center;
    align-items: center;
    top: 15rem;
  }
  .innovateSimple{
    display: flex;
    width: 100%;
    justify-content: center;
 text-align: center;
font-family: var(--fontFamily) !important;
font-style: var(--fontStyle);
font-weight: var(--fontWeight);
font-size: 64px;
color: var(--black);
margin-top: 8rem;
margin-bottom: 0rem;


  }

  
.imgFindLogo{
    width: 235px;
     height:62px
}

.sectionBlindToChatFeatures{
    height: auto;
    justify-content: center;
    flex-direction: column;
}


  
 
.footerCard {
    position: relative;
    padding: 58px 30px 0px 24px;
    margin: 1rem;
      border-radius: 1rem;
       width: 35rem;
       height: 16rem;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       overflow: hidden;
       width: 100% !important;
  }
  
  .footerCard::before {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1; /* Asegura que el filtro esté por encima de la imagen de fondo */
  }
  
  /* Establece la imagen de fondo */
  .footerCard {
    background-image: url(../img/blindToChat/AdobeStock_629603644\ 1.png);
    background-size: cover;
    position: relative; /* Asegura que el contenido esté sobre el filtro */
    z-index: 0; /* Asegura que la imagen de fondo esté detrás del filtro */
  }

.footerCard2 {
    position: relative;
    padding: 58px 30px 0px 24px;
    margin: 1rem;
      border-radius: 1rem;
       width: 35rem;
       height: 16rem;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       overflow: hidden;
       width: 100% !important;
  }
  
  .footerCard2::before {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1; /* Asegura que el filtro esté por encima de la imagen de fondo */
  }
  
  /* Establece la imagen de fondo */
  .footerCard2 {
    background-image: url(../img/blindToChat/AdobeStock_535677380\ 1.png);
    background-size: cover;
    position: relative; /* Asegura que el contenido esté sobre el filtro */
    z-index: 0; /* Asegura que la imagen de fondo esté detrás del filtro */
  }