.espacioNav{
        height:105px;
      }

      .espacioNavSol{
        height:168px;
      }
      
      .navbarMenu a{
        all:unset;
        cursor:pointer;
        font-family: "Inter", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size:15.5px;
        line-height:15.5px;
        letter-spacing:0.03em;
        color:white;
      }
      
      
      .navbar{
        display:flex;
        position:relative;
        width:100%;
        z-index:1000;
        position:absolute;
        flex-direction:column;
      }

      .navbar{
  transition: transform 0.3s ease, height 0.3s ease, background 0.3s ease;
  transform-origin: top;
}

/* estado normal */
.navbar{
  transform: scaleY(1);
}

/* cuando haces scroll */
.navbar.shrink{
  transform: scaleY(0.01);
}

      
      .fijada{
        position:fixed;
      }     
      
     .navbarCabeza{
        display:flex;
        position:relative;
        width:100%;
        padding:35px 20px;
        /*background-color:purple;*/
        z-index:1;
       justify-content:center;
      }
      
      .navbarCabezaInterna{
        display:flex;
        width:100%;
        max-width:1316px;
        justify-content:space-between;
        align-items:center;
        /*background-color:beige;*/
      }
      
       a.navbarLogo{
        text-decoration: none;
        cursor:pointer;
        display:flex;
        width:212px;
        height:29px;
        flex-shrink:0;
      }
      
      .navbarLogo img{
        width:100%;
        object-position:center;
        object-fit:cover;
      }
      
      .navbarMenu{
        display:flex;
        width:100%;
        max-width:404px;
        justify-content:space-between;
        /*background-color:pink;*/
      }
      
      button.navbarHamburguesa{
        all:unset;
        display:flex;
        cursor:pointer;
        width:26px;
        height:16px;
        background-image:url("/imgs/hambu_blanca.png");
        background-size:cover;
        background-repeat:no-repeat;
        background-position:center;
        margin-left:186px;
        flex-shrink:0;
      }
      
     .navbarResponsive{
        display:flex;
        flex-direction:column;
        position:absolute;
        opacity:0; /*CAMBIAR A 0 */
        top:-400px; /*CAMBIAR A -400 */
        /*background-color:green;*/
        width:100%;
        height:100vh;
        transition:all 0.5s ease;
         pointer-events: none; /*ACTIVAR */
        z-index:0;
        justify-content:center;
        align-items:center;
      }
      
      .visible{
        opacity:1;
        position:fixed;
        pointer-events: auto;
        top:0;
        overflow-y:auto; 
      }
      
      .hide{
        display:none!important;
      }
        
      .noScroll {
       overflow: hidden;
      }
      
      
      
      
      
      .navrespContainer{
        display:flex;
        width:100%;
        height:100%;
        background-color:black;
        padding:92px 84px 72px 45px;
        align-items:center;
        justify-content:center;
        flex-direction:column;
      }
      
      
      .navrespInterna{
        display:flex;
        width:100%;
        height:100%;
        align-items:center;
        justify-content:center;
        background-color:black;
      }
      
      .navrespMenu{
        display:flex;
        width:100%;
        max-width:520px;
        justify-content:space-between;
        /*background-color:brown;*/
      }

      .navrespColumna{
        display:flex;
        flex-direction:column;
        gap:59px;
       /*background-color:green;*/
      }
      
      .navrespColumna a{
        all:unset;
        cursor:pointer;
        color:white;
        font-style:normal;
        font-family:"Inter", sans-serif;
        font-weight:400;
        font-size:27px;
        line-height:27px;
      }
      
      .navrespLista{
        display:flex;
        gap:18px;
        flex-direction:column;
      }
      
      .navrespLista a{
        all:unset;
        cursor:pointer;
        font-family:"Inter", sans-serif;
        font-weight:300;
        font-size:24px;
        line-height:24px;
        /*color:pink;*/
        color:white;
      }
      
      .navrespContacto{
        display:flex;
        width:100%;
        justify-content:space-between;
        align-items:center;
        /*background-color:purple;*/
        font-family: "Inter", sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size:13px;
        line-height:20px;
        color:white;
        letter-spacing:0.03em;
      }
      
      .navrespContacto p.direccion{
         width:100%;
         max-width:364px;
         /*background-color:blue;*/
      }
      
      .navrespContacto .info{
        display:flex;
        width:fit-content;
        gap:45px;
        /*background-color:green;*/
        align-items:center;
      }
      
      .navrespContacto .redes{
        display:flex;
        gap:22px;
      }
      
      .navrespContacto .face, .insta{
        display:flex;
        width:25.76px;
        height:25.76px;
        background-color:grey;
      }
      
      .navrespContacto .datos{
        display:flex;
        gap:24px;
      }
      
      .navrespContacto .linea{
        height:20px;
        width:0.7px;
        background-color:#B1ABAB;
      }
      
      .navbarMenu{
        display:flex;
      }
      
      
      @media(max-width:970px){
        
        
        .navrespContacto{
          gap:25px;
          align-items:flex-end;
        }
        
        .navrespContacto .info, .navrespContacto .datos {
          flex-direction:column;
          align-items:flex-end;
          gap:18px;
          white-space: nowrap;
        }
        .navrespContacto .linea{
          display:none;
        }
       
        
        
        
      }
      
      @media(max-width:1100px){
        
        .navrespContainer{
          padding: 92px 40px 60px 40px;
        }
        
         .navbarMenu{
          display:none;
         }
        button.navbarHamburguesa{
          margin-left:0;
        }
      }
      
      
      @media(max-width:700px){
        .navrespMenu {
          justify-content:center;
          gap:70px;
        }
      }
      
      @media(max-width:500px){
     
        .navrespContacto{
          flex-direction:column;
          align-items:flex-start;
          text-align:flex-start;
          gap:20px;
        }
        
        .navrespContacto .info, .navrespContacto .datos{

        }
        
        .navrespContainer{
          padding-bottom:40px;
        }
        
        .navrespContacto .info{
            gap:12px;
          order:1;
          align-items:flex-start;
        }
        
        .navrespContacto .datos {
            gap:6px;
          align-items:flex-start;
        }
        
        .navrespContacto p.direccion {
          order:2;
        }
        
        .navrespColumna {
          gap:20px;
        }
        
        .navrespMenu {
          flex-direction:column;
          gap:20px;
        }
        
      }
      
      
      


      /*  REMARCADOS  */
      

#inicio.remarcar, #nosotros.remarcar, #soluciones.remarcar, #carreras.remarcar{
  position: relative;
}
#inicio.remarcar::after, #nosotros.remarcar::after, #soluciones.remarcar::after, #carreras.remarcar::after{
  content: "";
  position: absolute;
  width: 130%;
  height: 2px;
  background: white;
  bottom: -10px;
  left: 50%;
  transform:translateX(-50%);
  transition: 0.3s;

      }



.navbar.black #inicio.remarcar, .navbar.black #nosotros.remarcar, .navbar.black #soluciones.remarcar, .navbar.black #carreras.remarcar{
  position: relative;
}

.navbar.black #inicio.remarcar::after, .navbar.black #nosotros.remarcar::after, .navbar.black #soluciones.remarcar::after, .navbar.black #carreras.remarcar::after{
  content: "";
  position: absolute;
  width: 130%;
  height: 2px;
  background: black;
  bottom: -10px;
  left: 50%;
  transform:translateX(-50%);
  transition: 0.3s;

      }










      /* SOLUCIONES NAVBAR*/



      .navbarBigLine{
        display: flex;
        width:100%;
        height:1px;
        background-color:white;
        opacity:0.5;
      }
      
      .navbarAddons{
         width:100%;
         display:flex;
         padding:26px 20px;
         gap:28px;
         justify-content:center;
         text-align: center;
      }
      
      .navbarAddons a{
        all:unset;
        cursor:pointer;
        font-family: "Inter", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size:15px;
        line-height:15px;
        color:white;
        opacity:0.65;
        letter-spacing:0.01em;
      }
      
      
            
      @media(max-width:1100px){
        
         .navbarAddons, .navbarBigLine{
          display:none;
         }

      }

      a{
        transition: all 0.2s ease;
      }

      a:hover{
        transform: scale(1.02);
      }




      .coamarrillo{
          background-color: #FCBD21!important;
      }

      .coazul{
          background-color: #66D1EB!important;
      }

      .coverde{
          background-color: #0C7F6F!important;
      }

      .letbla{
        color: white!important;
      }




      
      section{
        position: relative;
      }