/* ==========================================================
   DURATECFRANCE · header
   Cabecera y navegación
   ========================================================== */

/* HEADER */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:#000;border-bottom:3px solid var(--gold)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:8px}
.top img{height:54px;width:auto}
.top nav{display:flex;gap:2px;flex-wrap:wrap}
.top nav a{color:#F0F0F0;text-decoration:none;font-size:.88rem;padding:8px 11px;border-radius:6px}
.top nav a:hover{background:rgba(255,255,255,.09)}
.lang{display:flex;gap:6px}
.lang button{font:700 .78rem var(--f-body);letter-spacing:.04em;border:1px solid rgba(255,255,255,.3);background:transparent;color:#F0F0F0;border-radius:20px;padding:6px 13px;cursor:pointer}
.lang button[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:#0B0C0E}
@media(max-width:820px){.top nav{display:none}}