@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

* {
    margin: 0 ; /* Quitamos los márgenes por defecto del navegador */
    padding: 0; /* Quitamos los rellenos por defecto del navegador */
    font-family: Open Sans; /* Fuente por defecto */
   
}

html {
  scroll-behavior: smooth;
  scroll-snap-type: y mandatory;
  scroll-padding: 0;
    padding: 0 !important;
    margin: 0 !important;
}

.slide {
  /*scroll-snap-align: start;*/
  scroll-margin: 120px;
}

body{
    width: 100%;
}

/*------------------------HEADER------------------------------------------------------------*/

header{
    background-color: #5388ff;
    display: flex; /* Usamos Flexbox para el diseño */
    justify-content: space-between; /* Espacio entre los elementos */
    align-items: center; /* Alineamos los elementos verticalmente al centro */
    height: 120px;
    padding-left: 5%;
    padding-right: 5%;
    width: 90%;
    z-index: 1000; /* Aseguramos que el header esté por encima de otros elementos */
    position:fixed;
    top: 0; /* Position the navbar at the top of the page */
}

ul{
    list-style-type: none; /* Quitamos las viñetas de la lista */
}

nav ul {
    display: flex; /* Usamos Flexbox para el diseño */

}

nav li {
    display: inline; /* Ítems del menú en una línea horizontal */ 
    margin-right: 10px;
    color: #fff;


}


#logo{
    margin: 0;
    width: 140px;
}

a {
  text-decoration: none;
  color: #fff;
}

/*------------------------CARROUSEL--------------------------------------------------*/

.container-carousel {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 120px;

  
}

.carruseles {
    width: 100%;
    height: 100%;
    display: flex;

}

.carruseles .mySlides img{
    width: 100%;
    height: 100%;
    object-fit:cover;
}


.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}


/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/*------------------------QUE ES TIKUN--------------------------------------------------*/

#about{
    background-color: #5388ff;
    display: flex; /* Usamos Flexbox para el diseño */
    justify-content: space-between; /* Espacio entre los elementos */
    align-items: center; /* Alineamos los elementos verticalmente al centro */
    color: #fff;
    padding: 7%;
    text-align: center;
    font-family: Open Sans; 
    font-weight: 300;
    font-size: 250%;
    height: fit-content;
}
#about h2{
    font-weight: 380;
    white-space: nowrap;
}


#about p{
    line-height: 110%;
    font-size: 28pt;
    margin-top: 40px;
    width: 60%;

}

#about h2 img{
    width: 170px;
    vertical-align:baseline;
    margin-right: 5px;
    

}

#about article{
    text-align: left;
    height: 80%;
    
}

#about article ul{
    text-align: left;
    font-size: 15pt;
    margin-left: 10%;
   
}

#about article ul li{
    margin-top: 20px;
}


/*------------------------QUE ES / BENEFICIOS--------------------------------------------------*/

#about-beneficios{
    background-color: #f2f2f2;
    display: flex; /* Usamos Flexbox para el diseño */
    justify-content: space-between; /* Espacio entre los elementos */
    align-items: center; /* Alineamos los elementos verticalmente al centro */
    color: #5388ff;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 7%;
    padding-bottom: 7%;
    text-align: center;
    font-family: Open Sans; 
    font-weight: 300;
    font-size: 250%;
    height: fit-content;
   
}

#about-beneficios ul {
    display: flex;
    font-size: 16pt;
    font-weight: 400;
    
}

#about-beneficios ul li {
     margin-right: 30px;
    }

#about-beneficios ul li img {
      width: 80px;
      margin-bottom: 25px;
    }


/*------------------------FUNCIONALIDADES--------------------------------------------------*/

#funcionalidades{
    background-color: #ffffff;
    display: block;
    align-items:center; /* Alineamos los elementos verticalmente al centro */
    color: #5388ff;
    padding-top: 5%;
    padding-bottom: 7%;
    text-align: center;
    font-family: Open Sans; 
    font-weight: 300;
  

}

#funcionalidades h2{
    font-weight: 380;
    font-size: 32pt;
    margin-bottom: 50px;
}

#funcionalidades section{
    display: flex; /* Usamos Flexbox para el diseño */
    justify-content: space-between; /* Espacio entre los elementos */
    font-weight: 380;
    width: 70%;
    margin: auto;
    
}

#funcionalidades section ul{
        
    color: black;
    font-weight: 300;
    font-size: 15pt;
    width: fit-content;
    margin-left: 80px;
}

#funcionalidades section ul li{
    display: flex ;
    align-items: center; 
    text-align: left;
    float: left;
    width: 80%;
    margin-bottom: 30px;
}

#funcionalidades section ul li img{
    width: 60px;
    height: 60px;
    float: left;
    font-size: 50pt;
    margin-right: 20px;    
}

/*----------------------VENTAJAS------------------------------------------------------------*/

#ventajas{
    display: flex; /* Usamos Flexbox para el diseño */
    align-items: center; /* Alineamos los elementos verticalmente al centro */
    justify-content: space-between; /* Espacio entre los elementos */
    background-color: #5388ff;
    color: #ffffff;
    padding-top: 5%;
    padding-bottom: 7%;
    padding-left: 10%;
    text-align: center;
    font-family: Open Sans; 
    font-weight: 300;
    font-size: 250%;
    
}

#ventajas section{
    display: inline-block;
    justify-content: space-between; /* Espacio entre los elementos */
    text-align: center;
    width: 80%;
    margin: auto;
    padding-right: 30px;
}

#ventajas section h2{
    font-size: 30pt;
    font-weight: 500;
    margin-bottom: 60px;
}

#ventajas section ul{
    
    display: flex;
    justify-content: space-around; /* Espacio entre los elementos */
    text-align: center;
    font-size: 16pt;
    font-weight: 300;
 

}

#ventajas section li{
    display: block;
    align-items: center;
    margin-right: 30px;
    width: 100%;
}

#ventajas section ul li img{
    width: 40px;
    margin: auto;
    margin-bottom: 15px;
   
}

/*----------------------IMPLEMENTACION------------------------------------------------------------*/

#implementacion{
    background-color: #ffffff;
    display: block;
    text-align: center;
    color: #5388ff;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 1%;
    padding-bottom: 7%;
    font-family: Open Sans; 
    font-weight: 300;
    position: relative;
   
}

#descripcion{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;

}

#imagen-implementacion{
    width: 50%;
    padding-top: 10%;
}

#imagen-implementacion img{
    width: 100%;

}

#texto-implementacion{
    width: 50%;
    text-align: left;
    padding-left: 5%;
}


#texto-implementacion h2{
    font-weight: 380;
    font-size: 30pt;
    margin: auto;
    padding-bottom: 30px;
}

#texto-implementacion h3{
   
    font-weight: 380;
    color: dimgrey;
    font-size: 18pt;
    margin: auto;

}

#boton-solicitud{

    background-color: #5388ff;
    width: fit-content;
    margin: auto;

    font-size: 18pt;
    font-weight: 300;
    padding: 10px 30px 10px 30px;
    border-radius: 30px;
    
}

/*
#implementacion #cuadro-implementacion {

    width: 100%;
    display: flex;
    justify-content: right;
    margin-top: 120px;

}

#implementacion #cuadro-implementacion table{
    text-align: left;
    font-size: 15pt;
    font-weight: 300;
    border-collapse: collapse; /* Colapsa los bordes de la tabla *//*
}

  #implementacion #cuadro-implementacion table tr:not(:last-child) td {
      border-bottom: 1px solid #4d4d4d; 
      padding-bottom: 12px;
    }

#implementacion #cuadro-implementacion table th{
    font-size: 16pt;
    font-weight: 500;
    white-space: nowrap;
    padding: 0px 50px 25px 0px;
    border-spacing: 50px;
}

#implementacion #cuadro-implementacion table tr td{
    font-size: 15pt;
    font-weight: 300;
    white-space: nowrap;
    color: dimgrey;
    padding-top: 12px;
    margin-right: 50px;
}

.td-modalidad{
    color: #5388ff !important;
    padding-right: 50px;
} */



/*----------------------CONTACTO------------------------------------------------------------*/

#contacto{
    background-color: #5388ff;
    display: flex; /* Usamos Flexbox para el diseño */
    flex-direction:row; /* Alineamos los elementos en columna */
    justify-content: space-between;
    align-items: flex-start; /* Centramos los elementos horizontalmente */
    color: #fff;
    padding-left: 5%;
    padding-right: 10%;
    padding-top: 3%;
    padding-bottom: 3%;
    text-align: center;
    font-family: Open Sans; 

    
   
}



#bloque-der{
   display:block;
   align-items: center;
   width: 50%;
   text-align: left;
   padding-left: 5%;


}


#form-contacto{
   display: inline-block;
   
   align-items: center;
   width: 50%;
   text-align: left;

}

#titulo-contacto{

    font-weight: 400;
    font-size: 35pt;
    text-align: left;
    width: 80%;

}

#titulo-contacto h2{
    font-weight: 400;
    color: #fff;
    margin-bottom: 3%;
}

#form-contacto label{
   font-size: 16pt;

}

#form-contacto input{
   font-size: 18pt;
   border-radius: 5px;
   border-style: none;
   margin-top: 5px;
   margin-bottom: 20px;
   padding: 5px;
   width: 80%;
   background-color:#deeafe;
}

#form-contacto textarea{
   font-size: 18pt;
   border-radius: 5px;
   border-style: none;
   margin-top: 20px;
    padding: 5px;
   width: 80%;
   resize: none;
   background-color:#deeafe;
}

#btnEnviar{
    color: #f2f2f2;
    margin-top: 40px;
    display: flex;
   background-color: #0f2d49;
   border-color: #fff;
   border-width: 2px;
   border-style: solid;
   width: fit-content;
   font-size: 14pt;
   font-weight: 300;
   padding: 5px 30px 5px 30px;
   border-radius: 30px;
   white-space: nowrap;
   margin-left: -1%;
}

#bloque-izq{
width: 50%;
}

#conocer-tikun{
    font-size: 40pt;
    text-align: left;
    width: 80%;
    margin-left: 3%;
    margin-bottom: 5%;
}

#conocer-tikun h2{
    font-weight: 400;
}

#conocer-tikun img{
    width: 220px;
}

#info-contacto{
    font-size: 16pt;
    font-weight: 300;
    text-align: left;
    width: 50%;
    padding-top: 30px;
    margin-left: 3%;
    margin-bottom: 20%;


}

#info-contacto p{
    margin-bottom: 30px;

}

#info-contacto p span{
    font-weight: 600;

}

#botones-contacto{
    position: relative;
    margin-top: 19%;

}

.boton-contacto a{
   background-color: #0f2d49;
   border-color: #fff;
   border-width: 2px;
   border-style: solid;
   width: fit-content;
   font-size: 14pt;
   font-weight: 300;
   padding: 5px 30px 5px 30px;
   border-radius: 30px;
   white-space: nowrap;
    margin-left: -5px;

}

.boton-contacto{
    margin-bottom: 30px;
    display: none;
}

/*----------------------FOOTER------------------------------------------------------------*/



#footer{
    height: 180px;
    background-color: #0f2d49;
    text-align: center;
    display: flex; 

}




/*-----------------------------------------------------------------------------------------------*/
/*----------------------MEDIA QUERIES------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/


@media screen and (max-width: 1320px) {
/*

    #implementacion img{
    width: 30%;
    top: 35%;
    left: 1%; 
    
}



#implementacion #cuadro-implementacion {
    width: 100%;
}
*/
}

@media screen and (max-width: 1250px) {
    #ventajas{
     padding-bottom: 25%;
   
}
/*
    #implementacion{
        padding-top: 22%;
    }
    #implementacion img{
    width: 40%;
    top: -20%;
    left: 30%; 
    }

#implementacion #cuadro-implementacion {
    width: 100%;
}*/

}

@media screen and (min-width: 1115px) {
    #menu input {
        display: none;
    }

        #lblMenu {
        display: none;
    }
}

@media screen and (max-width: 1114px) {

    #ventajas{
     padding-bottom: 25%;
   
    }

/*
    #implementacion{
        padding-top: 18%;
    }
   
    #implementacion img{
    width: 40%;
    top: -20%;
    left: 35%; 
    }
*/

    /*-----------   MENU PARA TELEFONOS   --------------*/
    /*-----------   MENU PARA TELEFONOS   --------------*/
    /*-----------   MENU PARA TELEFONOS   --------------*/
    /*-----------   MENU PARA TELEFONOS   --------------*/

.separadorMenu{
    display: none !important;
}

   #menu ul{
  display: none;
}


#menu input {
 display: none;

}

input:checked  ~ #ulMenu.show{
  display:block;
  position: absolute;
  top: 4.5rem;
  right: 0;
  background-color: #4d4d4d;
  z-index: 1001;
  width: 50%;
  font-size: 20pt;
  padding: 5%;
  padding-bottom: 0;
  
}

input:checked  ~ #ulMenu li{
      display:block;
        margin-bottom: 20px;
        font-size: 18pt;
}


#lblMenu{
    font-size: 30pt;
    font-weight:600;
    color: #f2f2f2;
    border-radius: 5px;
    cursor: pointer;
}



}

.ulMenu.close{
  display: none !important;
}

.ulMenu.show{
    display:block;
  position: absolute;
  top: 4.5rem;
  right: 0;
  background-color: #4d4d4d;
  z-index: 1001;
  width: 50%;
  font-size: 18pt;
  padding: 5%;
  padding-bottom: 0;
}


/*-----------------------------------------------------------------------------------------------*/
/* ----------------------- Ajustes para telefono ------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

@media screen and (max-width: 991px) {

/*------------------------HEADER------------------------------------------------------------*/

header{
 
    display: flex; /* Usamos Flexbox para el diseño */
    justify-content: space-between; /* Espacio entre los elementos */
    align-items: center; /* Alineamos los elementos verticalmente al centro */
    height: 90px;
    padding-left: 5%;
    padding-right: 5%;
    width: 90%;
    z-index: 1000; /* Aseguramos que el header esté por encima de otros elementos */
    position:fixed;
    top: 0; /* Position the navbar at the top of the page */
}

.container-carousel {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 90px;

  
}

ul{
    list-style-type: none; /* Quitamos las viñetas de la lista */
}

nav ul {
    display: flex; /* Usamos Flexbox para el diseño */

}

nav li {
    display: inline; /* Ítems del menú en una línea horizontal */ 
    margin-right: 10px;
    color: #fff;


}


#logo{
    margin: 0;
    width: 110px;
}

a {
  text-decoration: none;
  color: #fff;
}

    /*------------------------QUE ES TIKUN--------------------------------------------------*/

#about{
    background-color: #5388ff;
    display:block; /* Usamos Flexbox para el diseño */
    justify-content: space-between; /* Espacio entre los elementos */
    margin: auto;
    padding: 10% 0% 10% 0%;
    width: 100%;

}
#about h2{
    font-weight: 380;
    font-size: 70pt;
    white-space:nowrap;
    width: fit-content;
    margin-bottom: 10%;
}


#about p{
    font-size: 50pt;
    margin-top: 30px;
    width: 100%;
    margin-bottom: 12%;
}

#about h2 img{
    width: 250px;
}

#about article{
    height: fit-content;
    width: 80%;
    margin: auto;
    
}

#about article ul{
    margin-left: 0;   
    font-size: 24pt;
}


#about article ul li{
    margin-bottom: 7%;
}


/*------------------------QUE ES / BENEFICIOS--------------------------------------------------*/

#about-beneficios{
    display: block; /* Usamos Flexbox para el diseño */
    justify-content: stretch; /* Espacio entre los elementos */
    align-items: center;
    padding-left: 0%;
    padding-right: 0%;
    padding-top: 7%;
    padding-bottom: 7%;
    font-weight: 300;
    height: 100%;   
}

#about-beneficios ul {
    display:block;
    font-size: 16pt;
    font-weight: 400;
    width: 60%;
    margin: auto;
    padding: 0;
    
}

#about-beneficios ul li {

     margin-right: 0;
     margin-left: 0;
     margin-bottom: 60px;
     font-size: 38pt;
    }

#about-beneficios ul li img {
      width: 180px;
      margin-bottom: 25px;
      
    }


/*------------------------FUNCIONALIDADES--------------------------------------------------*/

#funcionalidades{
    background-color: #ffffff;
    display: inline-block; /* Alineamos los elementos verticalmente al centro */
    align-items: center;
    color: #5388ff;
    padding-top: 10%;
    padding-bottom: 10%;
    font-family: Open Sans; 
    font-weight: 300;
    font-size: 16pt;

}

#funcionalidades h2{
    font-weight: 460;
    font-size: 55pt;
    width: 90%;
    margin: auto;

     
}

#funcionalidades #propiedades-tikun{
    font-weight: 380;
    display: block;
    align-items: center;
    width: 90%;
    margin-top: 12%;
    text-align: center;
    background-color: #5388ff;
}

#funcionalidades section ul{
    color: black;
    font-weight: 300;
    font-size: 36pt;
    width: 90%;  
    margin: auto;
}

#funcionalidades section ul li{
    display: block ;
    align-items: center; 
    text-align: left;
    float: left;
    width: 100%;
    margin-bottom: 60px; 
   

}

#funcionalidades section ul li img{
    width: 120px;
    height: 120px;
    float: left;
    font-size: 50pt;
    margin-right: 30px;    
    
}

/*----------------------VENTAJAS------------------------------------------------------------*/

#ventajas{
    display: flex; /* Usamos Flexbox para el diseño */
    background-color: #5388ff;
    color: #ffffff;
    padding-top: 10%;
    padding-bottom: 40%;
    padding-left: 0;
    text-align: center;    
}

#ventajas section{
    display: inline-block;
    text-align: center;
    width: 80%;
    margin: auto;
}

#ventajas section h2{
    font-size: 55pt;
    font-weight: 500;
    margin-bottom: 60px;
}

#ventajas section ul{
    display: block;
    font-size: 30pt;
    font-weight: 300;
    width: 80%;
    margin: auto;
}

#ventajas section li{
    display: block;
    align-items: center;
    margin-bottom: 40px;
    margin: auto;
    
}

#ventajas section ul li img{
    width: 120px;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 15px;
   
}

/*----------------------IMPLEMENTACION------------------------------------------------------------*/

#implementacion{
    background-color: #ffffff;
    display: inline-block;
    text-align: center;
    color: #5388ff;
    padding-left: 0%;
    padding-right: 0%;
    padding-top: 35%;
    padding-bottom: 10%;
    font-family: Open Sans; 
    font-weight: 300;   
    

}

#descripcion{
    display: block;
    /*justify-content: space-between;*/
    align-items: center;
    width: 95%;
    margin: auto;
    text-align: center;
}

#imagen-implementacion{
    width: 2%;
     margin: 0;  
}

#imagen-implementacion img{
    width: 100%;
}

#texto-implementacion{
    width: 80%;
    text-align: center;
    margin: auto;
    padding: 0;
}


#texto-implementacion h2{
    font-weight: 380;
    font-size: 55pt;
    margin: auto;
    padding-bottom: 7%;
    padding-left: 0;
    margin-left: 0;
}

#texto-implementacion h3{
   
    font-weight: 380;
    color: dimgrey;
    font-size: 28pt;
    margin: auto;
    margin-bottom: 10%;
    text-justify: distribute;
    


}

#boton-solicitud{

    background-color: #5388ff;
    width: fit-content;
    white-space: nowrap;
    margin: auto;
    font-size: 43pt;
    font-weight: 300;
    padding: 10px 30px 10px 30px;
    border-radius: 50px;
    display: none;
}

#implementacion img{
    display: grid;
    position: absolute;
    width: 70%;
    top: -20%;
    left: 15%;
}

/*----------------------CONTACTO------------------------------------------------------------*/

#contacto{
    background-color: #5388ff;
    display: block; /* Usamos Flexbox para el diseño */
    align-items: center;
    color: #fff;
    padding-left: 5%;
    padding-right: 10%;
    padding-top: 10%;
    padding-bottom: 10%;
    text-align: center;
    font-family: Open Sans; 



   
}



#bloque-der{
   display: block;
   align-items: center;
   width: 90%;
   text-align: center;
}


#form-contacto{
   display: inline-block;
   align-items: center;
   width: 90%;
   text-align: left;
   text-align: center;

}

#titulo-contacto{

    font-weight: 400;
    font-size: 20pt;
    margin: auto;
    text-align: center;
    width: 100%;
    padding: 0;

}

#titulo-contacto h2{
    font-weight: 400;
    color: #fff;
    margin-bottom: 10%;

}

#form-contacto label{
   font-size: 45pt;

}

#form-contacto input{
   font-size: 45pt;
   border-radius: 5px;
   border-style: none;
   margin-top: 3%;
   margin-bottom: 8%;
   padding: 5px;
   width: 100%;
   background-color:#deeafe;
}

#form-contacto textarea{
   font-size: 45pt;
   margin-top: 3%;
   margin-bottom: 8%;
   width: 100%;
}

#btnEnviar{
    
  font-size: 45pt;
  margin: auto;
  margin-top: 40px; 
}

#bloque-izq{
   display: block;
   align-items: center;
   width: 90%;
   text-align: center;
   margin: auto;
}

#conocer-tikun{
    font-size: 50pt;
    text-align: center;
    width: 100%;
    margin:auto;
    margin-bottom: 5%;

}

#conocer-tikun h2{
    font-weight: 400;
}

#conocer-tikun img{
    width: 270px;
}

#info-contacto{
    font-size: 38pt;
    font-weight: 300;
    text-align:center;
    width: 100%;
    padding-top: 30px;
    margin-left: 3%;
    margin-bottom: 25%;
   

}

#info-contacto p{
    margin-bottom: 10%px;

}

#info-contacto p span{
    font-weight: 600;


}

#mail-contacto{
    margin-top: 8%;
     font-size: 50pt;
}


#botones-contacto{
    position: relative;
    margin-top: 19%;

}

.boton-contacto a{
   background-color: #0f2d49;
   border-color: #fff;
   border-width: 2px;
   border-style: solid;
   width: fit-content;
   font-size: 50pt;
   font-weight: 300;
   padding: 5px 30px 5px 30px;
   border-radius: 30px;
   white-space: nowrap;
    margin-left: -5px;

}

.boton-contacto{
    margin-bottom: 12%;
    display: none;
}



}

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

@media screen and (max-width:  767px){

input:checked  ~ #ulMenu.show{
  display:block;
  position: absolute;
  top: 4.5rem;
  right: 5;
  background-color: #4d4d4d;
  z-index: 1001;
  width: 65%;
  font-size: 25pt;
  padding: 5%;
  padding-bottom: 0;
  
}

#lblMenu{
    font-size: 30pt;
    font-weight:600;
    color: #f2f2f2;
    border-radius: 5px;
    cursor: pointer;
}

#logo{
    margin: 0;
    width: 120px;
}
       /*------------------------QUE ES TIKUN--------------------------------------------------*/

#about h2{
    font-size: 30pt;
}

#about p{
    font-size: 24pt;
}
#about h2 img{
    width: 110px;
}

#about article ul{
    margin-left: 0;   
    font-size: 20pt;
}


/*------------------------QUE ES / BENEFICIOS--------------------------------------------------*/


#about-beneficios ul li {
     font-size: 15pt;
    }

#about-beneficios ul li img {
      width: 110px;      
    }





/*------------------------FUNCIONALIDADES--------------------------------------------------*/


#funcionalidades h2{
    font-size: 30pt;
       
  
}

#funcionalidades section{
       width: 80%;
       margin-left: 0;

}

#funcionalidades section ul{
    font-size: 18pt;

}

#funcionalidades section ul li img{
    width: 60px;
    height: 60px;
     
}


#funcionalidades #propiedades-tikun{
    font-weight: 380;
    display: block;
    align-items: center;
    width: 90%;
    margin: auto;
    margin-top: 12%;
    text-align: center;

}


/*----------------------VENTAJAS------------------------------------------------------------*/

#ventajas section{
    display: inline-block;
    text-align: center;
    width: 80%;
    padding: 0;
    margin: auto;
}

#ventajas section h2{
    font-size: 30pt;
}

#ventajas section ul{
    font-size: 30pt;
    margin: auto;
}

#ventajas section li{
    margin-bottom: 20px;
    font-size: 18pt;    
}

#ventajas section ul li img{
    width: 50px;   
}

/*----------------------IMPLEMENTACION------------------------------------------------------------*/

#implementacion{
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 50%;
    padding-bottom: 10%;

}

#implementacion h2{
     font-size: 30pt;
}

#implementacion h3{
    font-size: 18pt;
}

#implementacion img{
    display: grid;
    position: absolute;
    width: 70%;
    top: -14%;
    left: 15%;

}

#implementacion #cuadro-implementacion {

    width: 100%;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;


}

#implementacion #cuadro-implementacion table{
    text-align: left;
    font-size: 16pt;
    font-weight: 300;
    border-collapse: collapse; /* Colapsa los bordes de la tabla */
}

  #implementacion #cuadro-implementacion table tr:not(:last-child) td {
      border-bottom: 1px solid #4d4d4d; 
      padding-bottom: 10px;
    }

#implementacion #cuadro-implementacion table th{
    font-size: 14pt;
    font-weight: 500;
    padding: 0px 10px 25px 0px;
    border-spacing: 30px;
}

#implementacion #cuadro-implementacion table tr td{
    font-size: 12pt;
    font-weight: 300;
    white-space:unset;
    color: dimgrey;
    padding-top: 12px;
    margin-right: 10px;
}

.td-modalidad{
    color: #5388ff !important;
    padding-right: 50px;
}


/*----------------------CONTACTO------------------------------------------------------------*/
/*----------------------CONTACTO------------------------------------------------------------*/


#bloque-der{
   display: block;
   align-items: center;
   width: 90%;
   text-align: center;
}


#form-contacto{
   display: inline-block;
   align-items: center;
   width: 90%;
   text-align: left;
   text-align: center;

}

#titulo-contacto{

    font-weight: 400;
    font-size: 26pt;
    margin: auto;
    text-align: center;
    width: 100%;
    padding: 0;

}

#titulo-contacto h2{
    font-weight: 400;
    color: #fff;
    margin-bottom: 10%;

}

#form-contacto label{
   font-size: 20pt;

}

#form-contacto input{
   font-size: 20pt;
   border-radius: 5px;
   border-style: none;
   margin-top: 3%;
   margin-bottom: 8%;
   padding: 5px;
   width: 100%;
   background-color:#deeafe;
}

#form-contacto textarea{
   font-size: 20pt;
   margin-top: 3%;
   margin-bottom: 8%;
   width: 100%;
}

#btnEnviar{
    
  font-size: 20pt;
  margin: auto;
  margin-top: 40px; 
}

#bloque-izq{
   display: block;
   align-items: center;
   width: 90%;
   text-align: center;
   margin: auto;
}

#conocer-tikun{
    font-size: 30pt;
    text-align: center;
    width: 100%;
    margin:auto;
    margin-bottom: 5%;

}

#conocer-tikun h2{
    font-weight: 400;
}

#conocer-tikun img{
    width: 160px;
}

#info-contacto{
    font-size: 22pt;
    font-weight: 300;
    text-align:center;
    width: 100%;
    padding-top: 30px;
    margin-left: 3%;
    margin-bottom: 25%;
   

}

#info-contacto p{
    margin-bottom: 10%px;

}

#info-contacto p span{
    font-weight: 600;


}

#mail-contacto{
    margin-top: 8%;
     font-size: 26pt;
}


#botones-contacto{
    position: relative;
    margin-top: 19%;

}

.boton-contacto a{
   background-color: #0f2d49;
   border-color: #fff;
   border-width: 2px;
   border-style: solid;
   width: fit-content;
   font-size: 22pt;
   font-weight: 300;
   padding: 5px 30px 5px 30px;
   border-radius: 30px;
   white-space: nowrap;
    margin-left: -5px;

}

.boton-contacto{
    margin-bottom: 12%;
    display: none;
}




}



@media screen and (max-width:  575px){


}