<header style="
  position:absolute;
  top:0;
  left:0;
  width:100%;
  z-index:50;
  padding:26px 56px;
  box-sizing:border-box;
  font-family:Arial, sans-serif;
  background:rgba(5,18,32,0.55);
  backdrop-filter:blur(4px);
">
  <div style="
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
  ">
    <!-- LOGO -->
    <div style="display:flex; flex-direction:column; line-height:1;">
      <div style="
        color:#fff;
        font-size:30px;
        font-weight:800;
        letter-spacing:2px;
      ">
        ARVENEX
      </div>
      <div style="
        color:#d4a63c;
        font-size:16px;
        font-weight:700;
        letter-spacing:3px;
        margin-top:5px;
      ">
        RENT A CAR
      </div>
    </div>
    <!-- MENU -->
    <nav style="
      display:flex;
      align-items:center;
      gap:34px;
      font-size:13px;
      font-weight:700;
      letter-spacing:0.8px;
      text-transform:uppercase;
    ">
      <a href="#inicio" style="color:#d4a63c; text-decoration:none; border-bottom:2px solid #d4a63c; padding-bottom:8px;">Inicio</a>
      <a href="#vehiculos" style="color:#fff; text-decoration:none;">Vehículos</a>
      <a href="#traslados" style="color:#fff; text-decoration:none;">Traslados</a>
      <a href="#turismo" style="color:#fff; text-decoration:none;">Turismo</a>
      <a href="#contacto" style="color:#fff; text-decoration:none;">Contacto</a>
    </nav>
    <!-- SOCIAL + WHATSAPP -->
    <div style="display:flex; align-items:center; gap:16px;">
      <a href="https://www.instagram.com/rent_auto_chile?igsh=OG1yOTlmaDY2MnVl&utm_source=qr" target="_blank" style="color:#fff; text-decoration:none;">
        <span style="font-size:18px;">◎</span>
      </a>
      <a href="https://www.tiktok.com/@ciril_osa?_r=1&_t=ZS-96Hl680kuqD" target="_blank" style="color:#fff; text-decoration:none;">
        <span style="font-size:17px;">♪</span>
      </a>
      <a href="https://facebook.com" target="_blank" style="color:#fff; text-decoration:none;">
        <span style="font-size:18px; font-weight:700;">f</span>
      </a>
      <a href="https://wa.me/56958934413?text=Hola%2C%20quiero%20reservar%20un%20veh%C3%ADculo"
      target="_blank"
      style="
        display:inline-flex;
        align-items:center;
        gap:9px;
        color:#d4a63c;
        border:1px solid #d4a63c;
        padding:12px 18px;
        border-radius:6px;
        text-decoration:none;
        font-size:13px;
        font-weight:800;
        letter-spacing:0.8px;
        text-transform:uppercase;
      ">
        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#d4a63c" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <path d="M21 11.5a8.38 8.38 0 0 1-1.9 5.4A8.5 8.5 0 1 1 21 11.5z"/>
          <path d="M16 13c-.3-.2-1.7-.8-2-.9-.3-.1-.5-.2-.7.2s-.8.9-1 .9c-.2 0-.5 0-.9-.4-.4-.4-1.2-1.1-1.5-2-.1-.2 0-.5.2-.7.2-.2.3-.4.5-.6.1-.2.1-.4 0-.6-.1-.2-.7-1.6-.9-2.1-.2-.5-.5-.4-.7-.4h-.6c-.2 0-.6.1-.9.5-.3.4-1.1 1.1-1.1 2.6s1.1 3 1.2 3.2c.2.2 2.1 3.2 5.2 4.4.7.3 1.2.5 1.6.6.7.2 1.3.2 1.8.1.6-.1 1.7-.7 1.9-1.4.2-.7.2-1.2.1-1.3-.1-.1-.3-.2-.6-.4z"/>
        </svg>
        Reservar
      </a>
    </div>
  </div>
</header>