/* ============================================================
   Header global GRC — estilos SCOPEADOS bajo .grc-site-header
   Seguro para cargar en todas las páginas (no afecta el resto).
   ============================================================ */

.grc-site-header,
.grc-search {
  --ink:#15171C; --ink-soft:#3A3F49;
  --muted:#6B7280; --muted-2:#8A909C;
  --red:#E0231B; --red-hover:#B81910;
  --surface:#FFFFFF; --alt:#F5F6F8; --alt-2:#EFF1F4;
  --line:#E4E6EA; --line-2:#D7DAE0;
  --shadow-lg:0 22px 60px rgba(21,23,28,.16);
  --ring:0 0 0 3px rgba(224,35,27,.20);
  --ease:cubic-bezier(.22,1,.36,1);
  font-family:"Figtree",sans-serif;
}
.grc-site-header{position:sticky;top:0;z-index:100;}
.grc-site-header *{box-sizing:border-box;}
.grc-site-header .mono{font-family:"JetBrains Mono",monospace;}
.grc-site-header a{color:inherit;text-decoration:none;}
.grc-site-header img{display:block;max-width:100%;}
.grc-site-header :focus-visible{outline:none;box-shadow:var(--ring);border-radius:6px;}

.grc-site-header .wrap{max-width:1360px;margin:0 auto;padding-left:32px;padding-right:32px;}

/* ---------- barra superior ---------- */
.grc-site-header .utility{background:var(--ink);color:#C9CDD6;font-size:13.5px;}
.grc-site-header .utility .wrap{display:flex;align-items:center;gap:22px;padding-top:9px;padding-bottom:9px;}
.grc-site-header .utility a{display:inline-flex;align-items:center;gap:8px;color:#C9CDD6;transition:color .18s var(--ease);}
.grc-site-header .utility a:hover{color:#fff;}
.grc-site-header .utility i{color:var(--red);font-size:16px;}
.grc-site-header .utility .certs{display:flex;gap:18px;margin-left:6px;}
.grc-site-header .utility .cert{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;}
/* Teléfonos en la barra superior — texto e icono en blanco */
.grc-site-header .utility .phones{display:flex;align-items:center;gap:18px;}
.grc-site-header .utility .phones a{color:#fff;}
.grc-site-header .utility .phones a:hover{color:#fff;opacity:.82;}
.grc-site-header .utility .phones a i{color:var(--red);}
.grc-site-header .utility .cta-q{margin-left:auto;display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#08350f;font-weight:700;padding:7px 14px;border-radius:9px;}
.grc-site-header .utility .cta-q:hover{background:#1fb957;color:#08350f;}
.grc-site-header .utility .social{margin-left:auto;display:flex;gap:6px;}
.grc-site-header .utility .social a{width:28px;height:28px;justify-content:center;border-radius:7px;background:rgba(255,255,255,.07);}
.grc-site-header .utility .social a i{color:#C9CDD6;transition:color .18s var(--ease);}
.grc-site-header .utility .social a:hover{background:var(--red);}
.grc-site-header .utility .social a:hover i{color:#fff;}

/* ---------- nav principal ---------- */
.grc-site-header .nav{width:100%;background:rgba(255,255,255,.92);backdrop-filter:saturate(150%) blur(12px);-webkit-backdrop-filter:saturate(150%) blur(12px);border-bottom:1px solid var(--line);}
.grc-site-header .nav .wrap{width:100%;}
.grc-site-header .nav .wrap{display:flex;align-items:center;gap:32px;padding-top:14px;padding-bottom:14px;}
.grc-site-header .nav .logo{height:54px;flex:none;}
.grc-site-header .nav .links{margin:0 auto;display:flex;align-items:center;}
.grc-site-header .nav .links ul.menu{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0;}
.grc-site-header .nav .links li{position:relative;}
.grc-site-header .nav .links a{position:relative;padding:10px 15px;border-radius:10px;font-weight:600;font-size:15.5px;color:var(--ink-soft);display:inline-flex;align-items:center;gap:6px;transition:.18s var(--ease);white-space:nowrap;}
.grc-site-header .nav .links a:hover{color:var(--ink);background:var(--alt);}
.grc-site-header .nav .links li.current-menu-item > a,
.grc-site-header .nav .links li.current-menu-parent > a,
.grc-site-header .nav .links li.current-menu-ancestor > a,
.grc-site-header .nav .links li.current_page_item > a{color:var(--red);}
.grc-site-header .nav .links li.current-menu-item > a::after,
.grc-site-header .nav .links li.current_page_item > a::after{content:"";position:absolute;left:15px;right:15px;bottom:2px;height:2.5px;background:var(--red);border-radius:2px;}
.grc-site-header .nav .links i{font-size:16px;}

/* Caret en ítems con submenú */
.grc-site-header .nav .links li.menu-item-has-children > a::before{content:"";display:inline-block;width:0;height:0;border:5px solid transparent;border-top-color:currentColor;margin-top:4px;margin-left:2px;order:2;}

/* Submenú desplegable */
.grc-site-header .nav .links ul.sub-menu{position:absolute;left:0;top:calc(100% + 8px);min-width:215px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);padding:8px;list-style:none;margin:0;display:none;flex-direction:column;gap:2px;z-index:60;}
/* Puente invisible que rellena el hueco de 8px (evita que el dropdown se cierre al cruzarlo) */
.grc-site-header .nav .links ul.sub-menu::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px;}
.grc-site-header .nav .links li.menu-item-has-children:hover > ul.sub-menu,
.grc-site-header .nav .links li:hover > ul.sub-menu,
.grc-site-header .nav .links li:focus-within > ul.sub-menu{display:flex;}
.grc-site-header .nav .links ul.sub-menu li{width:100%;}
.grc-site-header .nav .links ul.sub-menu a{width:100%;padding:9px 12px;font-size:14.5px;border-radius:8px;}
.grc-site-header .nav .links ul.sub-menu a:hover{background:var(--alt);}
.grc-site-header .nav .tools{display:flex;align-items:center;gap:8px;flex:none;}
.grc-site-header .nav .tool{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;color:var(--ink-soft);background:var(--alt);transition:.18s var(--ease);position:relative;font-size:20px;}
.grc-site-header .nav .tool:hover{background:var(--ink);color:#fff;}
.grc-site-header .nav .cart-badge{position:absolute;top:-4px;right:-4px;background:var(--red);color:#fff;font-size:11px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;text-align:center;padding:0;box-sizing:border-box;font-family:"JetBrains Mono",monospace;}
/* Botón WhatsApp junto al carrito (texto e icono en blanco sobre verde) */
.grc-site-header .nav .tools .wa-cta{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 15px;border-radius:11px;background:#2db742;color:#fff;font-weight:700;font-size:16.5px;white-space:nowrap;transition:background .18s var(--ease);animation:grc-wa-pulse 2s infinite;}
.grc-site-header .nav .tools .wa-cta i{font-size:19px;color:#fff;}
.grc-site-header .nav .tools .wa-cta:hover{background:#1fb957;color:#fff;}
/* Resplandor/pulse alrededor del botón */
@keyframes grc-wa-pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55);}70%{box-shadow:0 0 0 12px rgba(37,211,102,0);}100%{box-shadow:0 0 0 0 rgba(37,211,102,0);}}
@media(prefers-reduced-motion:reduce){.grc-site-header .nav .tools .wa-cta{animation:none;}}

/* ---------- botón hamburguesa (móvil) ---------- */
.grc-site-header .burger{display:none;width:42px;height:42px;border:0;border-radius:11px;background:var(--alt);color:var(--ink-soft);font-size:22px;cursor:pointer;place-items:center;}
.grc-site-header .burger:hover{background:var(--ink);color:#fff;}

/* ---------- buscador overlay ---------- */
.grc-search{position:fixed;inset:0;z-index:120;background:rgba(11,12,15,.6);backdrop-filter:blur(4px);display:none;align-items:flex-start;justify-content:center;}
.grc-search.open{display:flex;}
.grc-search form{margin-top:14vh;width:min(640px,90vw);display:flex;gap:10px;background:#fff;padding:14px;border-radius:16px;box-shadow:var(--shadow-lg);}
.grc-search input[type="search"]{flex:1;font-family:"Figtree",sans-serif;font-size:18px;padding:14px 16px;border:1px solid var(--line-2);border-radius:11px;}
.grc-search button[type="submit"]{border:0;border-radius:11px;background:var(--red);color:#fff;padding:0 22px;font-size:22px;cursor:pointer;}
.grc-search .close{position:absolute;top:22px;right:26px;color:#fff;font-size:34px;line-height:1;cursor:pointer;background:none;border:0;}

/* ---------- responsive ---------- */
@media(max-width:1080px){
  .grc-site-header .nav .links a{padding:10px 11px;font-size:14.5px;}
  .grc-site-header .nav .wrap{gap:18px;}
}
@media(max-width:900px){
  .grc-site-header .utility .certs{display:none;}
  .grc-site-header .burger{display:grid;}
  .grc-site-header .nav{position:relative;}
  .grc-site-header .nav .links{
    position:absolute;left:0;right:0;top:100%;margin:0;
    background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow-lg);
    padding:8px;display:none;
  }
  .grc-site-header .nav .links.open{display:block;}
  .grc-site-header .nav .links ul.menu{flex-direction:column;align-items:stretch;gap:2px;}
  .grc-site-header .nav .links a{border-radius:8px;}
  .grc-site-header .nav .links li.current-menu-item > a::after,
  .grc-site-header .nav .links li.current_page_item > a::after{display:none;}
  /* Submenú móvil: estático y desplegado */
  .grc-site-header .nav .links ul.sub-menu{position:static;display:flex;box-shadow:none;border:0;border-radius:0;padding:0 0 0 14px;min-width:0;}
  .grc-site-header .nav .links li.menu-item-has-children > a::before{margin-left:auto;}
  /* Layout móvil: menú + WhatsApp a la IZQUIERDA · logo al CENTRO · carrito + buscar a la DERECHA */
  .grc-site-header .nav .tools{display:contents;}
  .grc-site-header .nav .wrap{gap:8px;}
  .grc-site-header .nav .burger{order:1;}
  .grc-site-header .nav .tools .wa-cta{order:2;}
  .grc-site-header .nav .brand{order:3;margin:0 auto;}
  .grc-site-header .nav .tools a[aria-label="Carrito"]{order:4;}
  .grc-site-header .nav .tools a[aria-label="Buscar"]{order:5;}
  /* WhatsApp compacto (solo icono) en móvil */
  .grc-site-header .nav .tools .wa-cta span{display:none;}
  .grc-site-header .nav .tools .wa-cta{padding:0;width:42px;justify-content:center;}
}
@media(max-width:680px){
  .grc-site-header .wrap{padding-left:18px;padding-right:18px;}
  .grc-site-header .utility .wrap{flex-wrap:wrap;gap:10px;}
  .grc-site-header .utility .phones{gap:12px;flex-wrap:wrap;}
}