html,body{
  margin:0;
  padding:0;
  width:100%;
  font-family:'Verdana', arial;
  color:#4A4A4A;
  background-color:transparent;
}


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

a:hover {
  text-decoration: none;
  color:#aaa;
}


#container{
  display:grid;
  height:auto;
  grid-template-columns: 100%;
  grid-template-rows: auto auto auto;
  grid-column-gap: 0px;
  grid-template-areas: "header"
                       "main"
                       "footer";
}



header {
  grid-area: header;
  background-color: #fff;
  color:black;
  min-height:500px;
  
}


#main{
  grid-area: main;
  margin:0;
  padding:0;
  background-color: fff;
  color:black;
  min-height:600px;
  height:auto;
}


/* HEADER */

#top{
  margin:0;
  width:100%;
  background:  transparent;
  text-align:center;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 20px 10px;
  gap: 40px;

  height: 70px;
  color:white;
}


#logo{

  width: 177px;
  font-style: normal;
  font-weight: 400;
  /* identical to box height */
  display: flex;
  align-items: center;
  letter-spacing: 0.01em;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
  font-family: 'BroadwayFlat',sans-serif;
  color: black; 
  font-size: 3rem; 
  line-height: 3rem

}

#logo a{
  color:black !important;
}

#logo a:hover{
  color:#aaa !important;
}

#center_top{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding: 0px;
  gap: 48px;
  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 1;
}


#top_buttons{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  width: 450px;
  /* Inside auto layout */
  flex: none;
  order: 2;
  flex-grow: 0;
}


.button_login{
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  gap: 10px;



  /* main/primary_500 */
  border: 1px solid #002DF5;
  border-radius: 24px;
  color:#002DF5;

  margin:10px 0;
}

.button_login a{
  color:white !important;
}

.button_register{

  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  gap: 10px;


  /* main/primary_500 */
  background: #002DF5!important;
  color:white;
  border-radius: 24px;
  margin:10px auto;


}

.button_register:hover{

  background: #899cf5;
}

#section_body_title_button{
  display:block;
  font-size:20px;
  height: auto;
  margin:20px 0;
  text-align:left;
  
}



.button_info_nocomp {
  display: block;
  padding: 20px;
  width: 300px;
  height: 20px;
  background: #002DF5!important;
  color: white;
  border-radius: 24px;
  text-align: center;
  margin:10px auto;
  font-weight:bold;
}

.button_info_nocomp:hover {

  background: #899cf5;
  color:black;
}

#body_header{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 100px 58px 10px 58px;
  gap: 189px;
  height: auto;
}


#section_body_title{

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0px 128px;
  gap: 189px;
  
  

}



.section_boy_title_pill1{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px 16px;
  gap: 4px;

  width: 224px;
  height: 22px;

  /* Fuschia/60 */
  background: #FCDDEC;
  border-radius: 8px;
}

.section_boy_title_pill2{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px 16px;
  gap: 4px;

  width: 204px;
  height: 22px;

  /* Iris/400 */
  background: #A5A6F6;
  border-radius: 8px;

  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 0;
}

.section_body_title_pills{

  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;

  width: 100%;
  height: 42px;

}

#section_body_title_in{

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 48px;
  width:45%;


}

#section_body_title_img{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 48px;

  width:55%;
}

#section_body_title_title{

  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 30px;

  height: auto;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;

}


#section_body_title_text1{
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600!important;
  font-size: 64px;
  line-height: 116%;
  
  /* or 74px */
  letter-spacing: -0.01em;
  
  /* main/primary_500 */
  color: black;
  margin:5px 0;

}

#section_body_title_text2{

  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 150%;
  color: #788696;
}


#section_advantages{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 50px 30px;
  gap: 8px;
  width: 80%;
  min-height: 1050px;
  height: auto;
  background: #F2F5F8;
  border-radius: 28px;
  margin: 50px auto 100px auto;
  z-index: 4;
  position: relative; /* Establecer posición distinta a static */
}

.title_section_advantages{

  height: 112px;

  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600!important;
  font-size: 38px;
  line-height: 116%;

  /* or 56px */
  letter-spacing: -0.01em;

  /* anthracite_900 */
  color: #030C17;


  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}
 

.container_section_advantages{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px 0px 0px 20px;
  gap: 24px;

  width: 90%;
  height: 600px;
  margin:1px auto;


  /* Inside auto layout */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}

.img_mobile{

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 30px 0;
  
  width: 30%;
  min-height: 800px;
  height: auto;
  
  
  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;

}

.section_text_advantages{

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 48px;

  width: 50%;
  height: 1036px;


  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 0;
}


.text_advantages_row{
  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 24px;

  height: 250px;
  width:100% !important;

  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}


.text_advantages_square{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px;
  gap: 4px;
  height: 250px;
  width:400px;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}


.title_text_advantages{

  width: 400px;
  height: auto;
  
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600!important;
  font-size: 26px;
  line-height: 30px;
  color: #030C17;

}

.title_text_advantages img{
  width:40px;
  height:40px;

}



.text_text_advantages{

  width: 400px;
  height: 81px;

  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;

  /* or 27px */

  /* anthracite_900 */
  color: #030C17;


  /* Inside auto layout */
  flex: none;
  order: 2;
  align-self: stretch;
  flex-grow: 0;
}


#who_container{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px 128px;
  gap: 100px;
  min-height:500px;
  height: auto;
  margin:10px auto 100px auto;


  /* Inside auto layout */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}


#who_container_title{
  display:block;
  margin:10px auto;
  text-align:center;
  width:100%;
}

#who_container_title_title{
  display:block;
  margin:10px auto;
  text-align:center;

  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600!important;
  font-size: 48px;


  
}

#who_container_title_text{
  width:100%;
  height: 30px;

  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 150%;

  /* identical to box height, or 30px */
  text-align: center;

  /* anthracite_500 */
  color: #788696;


  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 0;
}

.who_container_text{
  padding:20px;
}

#who_container_imgs{

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px;
  gap: 80px;
  min-height:500px;
  height: auto;
  width:100%;
  
}


.who_container_img{

    
  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding: 0px;
  gap: 10px;
  isolation: isolate;

  width:60%;
  min-height:500px;
  height: auto;


}

.who_container_img img{

  height:500px;


}

.who_container_text_container{

    
  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding: 0px;
  gap: 10px;
  isolation: isolate;

  width:50%;
  min-height:500px;
  height: auto;

}

#who_container_text{

  display: block;
  width:30%;

}

.who_tab_option_pill{
  box-sizing: border-box;

  /* Auto layout */
  display: block;
  padding: 8px 16px 8px 8px;
  /* anthracite_900 */
  border: 1px solid #030C17;
  border-radius: 12px;
  margin:10px auto;
}

.who_option_title{

  
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 120%;
  
  /* or 48px */
  letter-spacing: -1px;
  
  /* anthracite_900 */
  color: #030C17;

}

.who_circle{
  width: 26px;
  height: 26px;
  background: #788696;
  border-radius: 50%;
  display:inline-block;
  margin:1px 10px;
  cursor:pointer;
  position: relative;
  vertical-align:top;
  }
  
  /*.who_circle::before{
  content: "";
  width: 12px;
  height: 12px;
  background: white;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }*/

  .hide-before {
    --before-display: none  !important;
    }

.check_who_circle{
  
  padding:5px;
  color:white;
}

.who_circle_active{
  background: #030C17;

}


.who_circle_donut{
  width: 30px;
  height: 30px;
  border: 20px solid #ddd;
  border-radius: 50% 50% 0 50%;
  border-bottom: none;
  position: relative;
}

.who_circle_donut:before {
  content: "";
  width: 20px;
  height: 20px;
  border: 20px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 10px;
}



#section_bottom{
  display: block;
  min-height: 400px;
  height:auto;
  margin:10px auto;
}


#section_bottom_square{


  display: block;
  min-height: 300px;
  height:auto;
  margin:10px auto;
  width:85%;
  /* main/primary_500 */
  background: #002DF5!important;
  border-radius: 28px;

  
}


.section_bottom_square_content{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 50px 10px 0 10px;
  gap: 24px;
  width: 90%;
  margin: 1px auto;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}

.section_bottom_square_article{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 48px;
  width: 50%;
  flex: none;
  order: 1;
  flex-grow: 0;

}

#section_bottom_title{

  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600!important;
  font-size: 48px;
  line-height: 116%;
  
  /* or 56px */
  letter-spacing: -0.01em;
  
  color: #FFFFFF;
}

#kitdigital{
  display:block;
  margin:50px auto;
  text-align:center;
  background-color: #eee;
  padding:15px 0;
}

footer{
  grid-area:footer;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 28px;
  gap: 128px;

  /* anthracite_900 */
  background: #030C17;

  /* Inside auto layout */
  flex: none;
  order: 2;
  flex-grow: 0;
}

footer a{
color:white;

}


.footer_content{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0px;

  width:100%;

}

.footer_content_section1{

  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 50px;
  width:50%;
  height: 189px;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;

}

.footer_content_section2{

  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 39px;
  width:40%;
  height: auto;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;

}

.footer_content_section_text{
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;

  width: 33%;
  height: 186px;
}

.footer_content_section_text_text{
    width: 200px;
    height: 48px;
    
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    display: flex;
    align-items: center;
    
    color: #FFFFFF!important;
}

.footer_bottom{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;

  height: 45px;


  /* Inside auto layout */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}

.footer_line{
  height: 0px;

  border: 1px solid #FFFFFF;

  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  width:100%;
  margin:10px auto;
}

.footer_logo_bottom{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px;
  gap: 381px;
  height: 29px;


  /* Inside auto layout */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}

.footer_content_section_text_title{

  width: 202.59px;
  height: 24px;

  font-family: 'Inter';
  font-style: normal;
  font-weight: 600!important;
  font-size: 20px;
  line-height: 24px;

  color: #FFFFFF;


  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;

}


.footer_content_section2_header{

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 32px;
  
  width: 100%;

  
  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;


}


.footer_content_section2_header_title{

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 32px;

  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;


}


.footer_content_section2_header_title_title{

  width: 202.59px;
  height: 24px;

  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600!important;
  font-size: 20px;
  line-height: 24px;

  color: #FFFFFF;
}


.footer_content_section2_header_title_text{


    font-family: 'Roboto';
    font-style: normal;
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF!important;
}

.footer_email_input{

margin:20px 0;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 12px 12px 12px 32px;
gap: 10px;

width: 576px;
height: 76px;

background: rgba(242, 245, 248, 0.2);
border-radius: 48px;

color:white;

}


.footer_email_input_button{
  /* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
padding: 17px 32px;
gap: 10px;

width: 158px;
height: auto;

/* main/primary_500 */
background: #002DF5!important;
border-radius: 24px;

/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
}

.footer_email_text{

width: 94px;
height: 19px;

font-family: 'Roboto';
font-style: normal;
font-weight: 600!important;
font-size: 16px;
line-height: 19px!important;

/* identical to box height */

color: #FFFFFF;


}



.menu {
  display: none;
}

.menu-toggle {
  display: block;
  cursor: pointer;
  padding: 10px;
}

.menu-toggle span {
  display: block;
  width: 20px;
  height: 2px;
  background-color: #fff;
  margin-bottom: 4px;
}

.menu-items {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu-items li {
  margin: 0;
}

.menu-items li a {
  display: block;
  padding: 10px;
  color: #000;
  text-decoration: none;
}


@media (max-width: 1200px) {
  .text_advantages_square{
    width:300px;
  }
  
  #who_container_title{
    margin:10px auto 100px auto;
    
  }

  #who_container_title_title{
    font-size:30px;
  }
  
  
  
  }
  



@media (max-width: 1700px) {



  #section_advantages{

    width:95%;

  }


  .title_text_advantages{

    width: 300px !important;
  }

  .text_text_advantages{

    width: 300px !important;
  }


  #section_body_title{
    padding:0px 10px;
  }

  #section_body_title_text1 {

    font-size: 50px;

  }

  

}


@media (max-width: 1400px) {
#body_header{
  padding:5px;
  height:auto;
}

.who_tab_option_pill{
  font-size:14px;
    
}

#who_container{

  padding:10px 50px;
}


}

@media (max-width: 1300px) {

.text_advantages_square{
  width:350px
}

.footer_content_section2{

  width:30%;
}

}


@media (max-width: 1024px) {


  .text_advantages_square{
    width:100%;
  }

  #section_advantages{
    padding:20px 10px;
  }

  #top {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap:1px
  }

  #center_top {
    flex-grow: 1;
  }
  

  #section_body_title_text1 {
    font-size: 40px;
}

  #center_top {
    display: flex;
    flex-direction: column;
    justify-content:safe;
    align-items: flex-end;
    width:50%;
  }


  .menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #002DF5;
    color: #fff;
    padding: 10px;
  }
  

  .menu-items {
    display: none;
  }
  
  .menu-toggle {
    display: block;
  }
  
  .menu-toggle.active ~ .menu-items {
    display: block;
    position:absolute;
    top:50px;
    left:10px;
    background-color: #002DF5;
    color:white;
    padding:15px;
    color:white;
  }

  #center_top {
    width: 50%;
  }



  #section_body_title_img{

    display:none;

  }

  .toggle-btn {
    display: block;
  }

  .button_login{
    display:none;
  }

  /*.button_register{*/
  /*  display:none;*/
  /*}*/

  #section_body_title_button{
    margin:50px 0;
  }

  #section_bottom{
    display:none;
   }


  .section_bottom_square_article img{
    display:none;

  }

  .section_bottom_square_article{
    width:100%;
  }



  .container_section_advantages{
    display:block;
    height:auto;
    min-height:600px;
    margin:1px auto;
    width:100% !important;
    padding:0px;
  }

  .img_mobile{
    display:none;
  }

  .section_text_advantages{
    display:block;
    height:auto;
    min-height:600px;
    margin:1px auto;
    width:100% !important;
  }


  .text_advantages_row {
    display:block;
    width:100%;
    text-align:center;
    margin:10px auto;
    height:auto;
    
}



  .text_advantages_square{
    display:block;
    width:100%;
    text-align:center;
    margin:50px auto;
    height:auto;
    padding:0;
    width:100% !important;
  }

  .title_text_advantages{
    width:100%;
    margin:20px auto;
    text-align:center;
    width:100% !important;
  }

  .text_text_advantages{
    width:100%;
    margin:10px auto;
    text-align:center;
    width:100% !important;
  }


.who_container_img {
  order: 1;

}

.who_container_text_container{
  order: 2;

}

#who_container_imgs {
  flex-direction: column;
  justify-content: center;
  gap:8px;
  
}

#section_bottom_title{
  font-size:28px;

}



}


.navbar {
  height: 60px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 20px;
  background-color: #333;
}

.toggle-btn {
  display: none;
  cursor: pointer;
}

.toggle-btn span {
  display: block;
  width: 30px;
  height: 4px;
  margin: 6px 0;
  background-color: #fff;
}


@media (max-width: 1200px) {


  footer{

    display: block;
    width:100%;
    height:auto;
    padding:5px;
  }


  .footer_content{
    display: block;
    width:100%;
    height:auto;
  }

  .footer_content_section1{

    display: block;
    width:100%;
    height:auto;

  }

  .footer_content_section2{

    display: block;
    width:100%;
    height:auto;
    margin:10px 0;

  }

  .footer_content_section_text{
    display: block;
    width:100%;
    height:auto;
  }

  .footer_content_section_text_text{
    display: block;
    width:100%;
    height:auto;
  }

  .footer_bottom{
    display: block;
    width:100%;
    height:auto;
    padding:20px 0;
  }

  .footer_line{
    display: block;
    width:100%;
    height:auto;
  }

  .footer_logo_bottom{
    display: block;
    width:100%;
    height:auto;

  }

  .footer_content_section_text_title{

    display: block;
    width:100%;
    height:auto;

  }


  .footer_content_section2_header{

    display: block;
    width:100%;
    height:auto;


  }


  .footer_content_section2_header_title{

    display: block;
    width:100%;
    height:auto;


  }


  .footer_content_section2_header_title_title{

    display: block;
    width:100%;
    height:auto;
  }


  .footer_content_section2_header_title_text{


    display: block;
    width:100%;
    height:auto;

  }

  #who_container{
    display:block;
    width: 100%;
    padding:5px;
    margin:1px auto;
  }

  .who_container_img{
    min-height:100px;
  }
  
  .who_container_img img{
    height:300px;
    
  }

  .who_container_text_container {
    display: block;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 5px;
    gap: 10px;
    isolation: isolate;
    width: 100%;
    min-height: 500px;
    height: auto;
}

.section_body_title_pills{
  display:none;
}

#section_advantages {

  /*margin:13px 0 50px 0;*/


}
  
}