.navbar{
        position:absolute;
        top:var(--envios-bar-height, 0px);
        left:0;
        width:100%;
        display:flex;
        justify-content:center;
        padding:36px 20px 0 20px;
        z-index:8;
      }

      .navbar .nav-contenedor{
        width:100%;
        max-width:1120px;
        display:flex;
        align-items:flex-start;
        justify-content:space-between;
        gap:42px;
      }

      .navbar .nav-lado{
        display:flex;
        align-items:center;
        justify-content:flex-start;
        gap:58px;
        flex:1;
      }

      .navbar .nav-lado:last-child{
        justify-content:flex-end;
        gap:50px;
      }

      .navbar .nav-link{
        display:flex;
        align-items:center;
        justify-content:center;
        color:white;
        font-size:16px;
        line-height:18px;
        letter-spacing:0.28em;
        text-decoration:none;
        padding-top:8px;
        white-space:nowrap;
        transition:color 0.2s ease;
      }

      .navbar .nav-link:hover{
        color:#ebb159;
      }

      .navbar .nav-cta{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        padding:8px 0 0;
        border:none;
        border-radius:0;
        line-height:18px;
        transition:color 0.2s ease;
      }

      .navbar .nav-cta:hover{
        color:#ebb159;
      }

      .navbar .lang-menu{
        position:relative;
        display:flex;
        flex-direction:column;
        align-items:stretch;
        flex-shrink:0;
      }

      .navbar .lang-toggle{
        list-style:none;
        display:inline-flex;
        align-items:center;
        justify-content:space-between;
        gap:18px;
        min-width:80px;
        width: fit-content;
        padding:8px 13px 8px;
        border:1px solid rgba(255, 255, 255, 0.9);
        border-radius:28px;
        background:rgba(255, 255, 255, 0.06);
        color:white;
        cursor:pointer;
        line-height:1;
        text-decoration:none;
        user-select:none;
        position: relative;
        top:3px ;
        transition:background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
      }

      .navbar .lang-toggle::-webkit-details-marker{
        display:none;
      }

      .navbar .lang-toggle:focus{
        outline:none;
      }

      .navbar .lang-menu[open] .lang-toggle,
      .navbar .lang-toggle:hover{
        background:rgba(255, 255, 255, 0.1);
        border-color:rgba(255, 255, 255, 1);
        transform:translateY(-1px);
      }

      .navbar .lang-toggle-icon{
        width:22px;
        height:22px;
        display:flex;
        flex-shrink:0;
      }

      .navbar .lang-toggle-icon img{
        width:100%;
        height:100%;
        object-fit:contain;
      }

      .navbar .lang-toggle-code{
        font-size:18px;
        line-height:1;
        letter-spacing:0.12em;
      }

      .navbar .lang-toggle-arrow{
        width:9px;
        height:9px;
        display:inline-block;
        border-right:2px solid currentColor;
        border-bottom:2px solid currentColor;
        transform:rotate(45deg) translateY(-2px);
        flex-shrink:0;
      }

      .navbar .lang-panel{
        position:absolute;
        top:calc(100% + 12px);
        right:0;
        width:280px;
        padding:10px;
        display:flex;
        flex-direction:column;
        gap:8px;
        background:rgba(22, 22, 20, 0.96);
        border:1px solid rgba(255, 255, 255, 0.25);
        border-radius:18px;
        box-shadow:0 20px 50px rgba(0, 0, 0, 0.3);
        z-index:22;
      }

      .navbar .lang-option{
        display:flex;
        align-items:center;
        gap:12px;
        justify-content:space-between;
        padding:14px 16px;
        border-radius:12px;
        color:white;
        text-decoration:none;
        transition:background-color 0.2s ease, color 0.2s ease;
      }

      .navbar .lang-option:hover{
        background:rgba(255, 255, 255, 0.08);
        color:#ebb159;
      }

      .navbar .lang-option.is-active{
        background:rgba(255, 255, 255, 0.06);
      }

      .navbar .lang-option-left{
        display:flex;
        align-items:center;
        gap:12px;
      }

      .navbar .lang-code{
        font-size:15px;
        letter-spacing:0.12em;
      }

      .navbar .lang-name{
        font-size:16px;
        letter-spacing:0.02em;
      }

      .navbar .lang-check{
        font-size:20px;
        color:#CF9947;
      }

      .navbar .nav-logo{
        width:194px;
        height:auto;
        display:flex;
        flex-shrink:0;
        text-decoration:none;
      }

      .navbar .nav-logo-mobile{
        display:none;
      }

      .navbar .nav-logo img,
      .navbar .nav-logo-mobile img{
        width:100%;
        height:auto;
        object-fit:contain;
      }

      .menu-toggle,
      .menu-boton{
        display:none;
      }

      .navbar .lang-toggle-code {
        font-size: 16px;
      }

      @media(max-width:1280px){
        .navbar{
          align-items:center;
          justify-content:space-between;
          padding:20px;
        }

        .navbar .nav-contenedor{
          max-width:none;
          flex-direction:column;
          align-items:center;
          justify-content:center;
          gap:0;
          position:absolute;
          top:0;
          left:0;
          width:100%;
          min-height:100vh;
          background-color:rgba(22, 22, 20, 0.94);
          padding:36px 24px 40px 24px;
          opacity:0;
          pointer-events:none;
          transform:translateY(-16px);
          transition:opacity 0.25s ease, transform 0.25s ease;
        }

        .navbar .nav-lado,
        .navbar .nav-lado:last-child{
          width:100%;
          display:flex;
          flex-direction:column;
          align-items:center;
          gap:0;
          flex:none;
        }

        .navbar .nav-link{
          width:100%;
          max-width:340px;
          padding:18px 0;
          font-size:15px;
          line-height:18px;
          letter-spacing:0.26em;
          text-align:center;
          border-bottom:1px solid rgba(255, 255, 255, 0.18);
        }

        .navbar .nav-link:hover{
          color:#CF9947;
        }

        .navbar .nav-cta{
          width:auto;
          max-width:none;
          align-self:center;
          padding:16px 0 0;
          margin-top:8px;
          border:none;
        }

        .navbar .nav-cta:hover{
          color:#ebb159;
        }

        .navbar .lang-menu{
          width:100%;
          align-self:center;
          margin-top:25px;
          justify-content: center;
          align-items: center;
          display: flex;
        }

        .navbar .lang-toggle{
          width:fit-content;
          max-width:340px;
          min-width:0;
          justify-content:center;
          gap:10px;
        }

        .navbar .lang-panel{
          position:static;
          width:100%;
          margin-top:10px;
        }

        .navbar .nav-logo{
          order:-1;
          width:132px;
          margin:0 0 28px 0;
        }

        .navbar .nav-logo-mobile{
          width:148px;
          display:flex;
          position:relative;
          z-index:12;
          text-decoration:none;
        }

        .menu-toggle:checked ~ .nav-logo-mobile{
          opacity:0;
          pointer-events:none;
        }

        .menu-boton{
          width:44px;
          height:44px;
          display:flex;
          flex-direction:column;
          align-items:center;
          justify-content:center;
          gap:6px;
          margin-left:auto;
          cursor:pointer;
          position:relative;
          z-index:12;
        }

        .menu-boton span{
          width:28px;
          height:2px;
          display:flex;
          background-color:white;
          transition:transform 0.25s ease, opacity 0.25s ease;
        }

        .menu-toggle:checked ~ .nav-contenedor{
          opacity:1;
          pointer-events:auto;
          transform:translateY(0);
        }

        .menu-toggle:checked ~ .menu-boton span:nth-child(1){
          transform:translateY(8px) rotate(45deg);
        }

        .menu-toggle:checked ~ .menu-boton span:nth-child(2){
          opacity:0;
        }

        .menu-toggle:checked ~ .menu-boton span:nth-child(3){
          transform:translateY(-8px) rotate(-45deg);
        }
      }