/* complementos/header-lock.css */
/* Capa final para evitar que estilos de páginas sobreescriban la cabecera */
@layer header-lock {
  /* Prevenir scroll excesivo */
  html {
    scroll-padding-top: 20px;
    overflow-x: hidden;
  }
  
  /* Compensar espacio del header fijo en TODAS las páginas */
  body {
    padding-top: 20px;
    position: relative;
    overflow-x: hidden;
  }
  
  /* Sobrescribir si tiene la clase has-fixed-header */
  body.has-fixed-header {
    padding-top: 20px;
  }
  
  /* Contenedor de cabecera - siempre en la posición 0 */
  body header.site-header{ 
    position: fixed; 
    top: 0 !important; 
    left: 0; 
    right: 0; 
    z-index: 1200;
    background: linear-gradient(180deg, rgba(8,8,12,.55), rgba(8,8,12,.18) 70%, rgba(8,8,12,0));
    -webkit-backdrop-filter: saturate(1.15) blur(6px);
    backdrop-filter: saturate(1.15) blur(6px);
    border-bottom: 1px solid rgba(255,255,255,.08);
    padding: 12px 0;
    transform: translateZ(0);
    will-change: transform;
  }

  /* Logo siempre nítido y visible */
  body header.site-header .logo{
    margin-top: 18px; margin-left: 40px;
    filter: drop-shadow(0 4px 12px rgba(0,0,0,.55));
  }
  body header.site-header .logo img{
    max-height: clamp(56px, 9.5vw, 84px);
    height: auto; width: auto; opacity: 1; mix-blend-mode: normal;
  }

  /* Menú: tipografía, espaciado y “dorado Apple” */
  body header.site-header .kv-nav{ display: block; }
  body header.site-header .kv-list{
    display:flex; align-items:center; justify-content:center;
    gap: clamp(36px, 5vw, 84px); list-style:none; margin:0; padding:0; width:100%;
  }
  body header.site-header .kv-list a{
    text-transform: uppercase;
    font-weight: 900; letter-spacing: .10em; line-height: 1;
    font-size: clamp(18px, 1.6vw, 28px);
    text-decoration: none;
    color: #f3cf68;
    background: linear-gradient(180deg,#ffe89a 0%,#f3cf68 55%,#e1b93f 100%);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    text-shadow: 0 2px 10px rgba(0,0,0,.35);
  }
  body header.site-header .kv-list a:hover{ filter: brightness(1.08) }
  body header.site-header .kv-list a::after{ display:none !important }

  /* Burger (si aplica) */
  @media (max-width: 900px){
    body header.site-header .kv-burger{
      display:inline-flex; width:42px; height:42px; border-radius:10px;
      border:1px solid rgba(255,255,255,.15); background:rgba(20,20,24,.45);
      align-items:center; justify-content:center; cursor:pointer;
    }
    body header.site-header .kv-list{ gap: clamp(18px,5vw,36px) }
    body header.site-header .kv-list a{ font-size: clamp(16px,3.8vw,20px) }
  }
  @media (max-width: 600px){
    body header.site-header .kv-list{ gap: clamp(14px,6vw,24px) }
    body header.site-header .kv-list a{ font-size: 15px }
  }
}