.navbarTexto{
    font-family:'futura-medium',sans-serif;
    font-weight:300;
    font-size:14.5px;
    line-height:14.5px;
    letter-spacing:0.02em;
    color:white;
  }

  .navbar{
    display:flex;
    width:100%;
    padding:20px 40px;
    justify-content:center;
    align-items:center;
    background-color:#114063;
    position:fixed;
    top:0;left:0;
    z-index:20000;
    box-shadow:0 1px 25px rgba(0,0,0,.2);
  }

  .navbarContenido{
    display:flex;
    width:100%;
    max-width:1287px;
    justify-content:space-between;
    align-items:center;
  }

  .navbarLogo{
    display:flex;
    width:162px;
    height:38px;
    /*background-color:black;*/
    background-image:url("./imgs/navbar/navbar_logo.svg");
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    z-index:30000;
  }

  .navbarMenu{
    display:flex;
    width:100%;
    max-width:518px;
    justify-content:space-between;
    align-items:center;
  }

  .navbarIndex{all:unset;cursor:pointer;color:white;}
  .navbarIndex:hover{color:#EFD35E;}
  .navbarBoton{
    all:unset;cursor:pointer;display:flex;color:white;
    padding:11px 19px;background-color:#245472;border-radius:10px;
    transition:background-color .25s ease;
  }
  .navbarBoton:hover{background-color:#0F3142;}

  /* HAMBURGUESA */
  .menuToggle{
    display:none;
    width:36px;height:28px;
    border:0;background:transparent;cursor:pointer;
    align-items:center;justify-content:center;
    z-index:40000;
  }
  .menuToggle .barWrap{display:flex;flex-direction:column;justify-content:space-between;height:18px;}
  .menuToggle .bar1,.menuToggle .bar2,.menuToggle .bar3{
    width:22px;height:3px;background:#fff;border-radius:2px;
    transition:transform .28s ease,opacity .2s ease,width .25s ease;
  }
  .menuToggle.open .bar1{transform:translateY(7.5px) rotate(45deg);}
  .menuToggle.open .bar2{opacity:0;transform:translateX(-10px);}
  .menuToggle.open .bar3{transform:translateY(-7.5px) rotate(-45deg);}

  /* --- RESPONSIVE --- */
  @media (max-width:850px){
    .menuToggle{display:flex;}

    .navbarMenu{
      position:fixed;
      top:0;left:0;
      width:100%;height:100vh;
      background-color:#114063;
      flex-direction:column;
      justify-content:center;align-items:center;
      gap:34px;
      transform:translateY(-100%);
      opacity:0;
      pointer-events:none;
      z-index:35000;
      transition:transform .35s ease,opacity .25s ease;
      max-width:none;
    }

    .navbarMenu.activo{
      transform:translateY(0);
      opacity:1;
      pointer-events:auto;
    }

    .navbarMenu .navbarIndex{font-size:20px;}
    .navbarMenu .navbarBoton{padding:14px 28px;font-size:16px;}
  }

  @media (max-width:700px){
    .navbar{padding:18px 20px;}
    .navbarLogo{width:140px;height:33px;}
    .navbarMenu .navbarIndex{font-size:18px;}
  }