/* comparador cr · site chrome (header + freshness chip), markup from chrome.js.
   Linked AFTER each page's own stylesheet, so it wins over the old per-page
   .nav / .bar / .shopnav rules. Uses the shared azul-confianza tokens. */

.hdr{position:sticky;top:0;z-index:100;
  background:rgba(250,247,241,.84);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line,rgba(23,26,31,.08))}
.hdr-row{max-width:var(--maxw,1180px);margin:0 auto;padding:0 24px;height:64px;
  display:flex;align-items:center;gap:16px}

.hdr-logo{flex:none;font-family:var(--sans);font-weight:800;font-size:20px;letter-spacing:-.03em;
  color:var(--ink,#171A1F);text-decoration:none;line-height:1}
.hdr-logo span{color:var(--blue,#1766D6)}

.hdr-search{flex:1;min-width:0;max-width:520px;margin-left:auto;display:flex;align-items:center;gap:9px;
  height:42px;padding:0 16px;background:var(--paper,#fff);color:var(--muted,#5F6773);
  border:1px solid var(--line-strong,rgba(23,26,31,.14));border-radius:999px;
  transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}
.hdr-search:focus-within{border-color:rgba(23,102,214,.45);box-shadow:0 0 0 4px var(--blue-soft,rgba(23,102,214,.11))}
.hdr-search svg{flex:none}
.hdr-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;
  font:500 15px/1.2 var(--sans);color:var(--ink,#171A1F)}
.hdr-search input::placeholder{color:var(--muted,#5F6773);opacity:.85}
.hdr-search input::-webkit-search-cancel-button{cursor:pointer}

.hdr-lista{flex:none;position:relative;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;
  border-radius:999px;background:var(--blue-grad,#1766D6);color:#fff;text-decoration:none;
  font:700 14px/1 var(--sans);box-shadow:var(--sh-blue,none);
  transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.hdr-lista:hover{transform:translateY(-1px)}
.hdr-lista:active{transform:translateY(0)}
.hdr-count{min-width:20px;padding:2px 6px;border-radius:999px;background:#fff;color:var(--blue-deep,#0F4FA8);
  font:700 11.5px/1.2 var(--mono);text-align:center;font-variant-numeric:tabular-nums}

/* section links: normal flow under the sticky bar, one scrollable row */
.hdr-pills{max-width:var(--maxw,1180px);margin:0 auto;padding:8px 24px;display:flex;gap:4px;
  overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.hdr-pills::-webkit-scrollbar{display:none}
.hdr-pills a{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 13px;border-radius:999px;
  font:600 14px/1 var(--sans);color:var(--ink-2,#394049);text-decoration:none;
  transition:background .15s var(--ease),color .15s var(--ease)}
.hdr-pills a:hover{background:rgba(23,26,31,.05);color:var(--ink,#171A1F)}
.hdr-pills a.on{background:var(--blue-soft,rgba(23,102,214,.11));color:var(--blue-deep,#0F4FA8);font-weight:700}
.hdr-pills a svg{color:var(--blue,#1766D6)}

.hdr a:focus-visible,.hdr-pills a:focus-visible{outline:2px solid var(--blue,#1766D6);outline-offset:2px}

/* freshness chip: one wording site-wide ("precios de hoy" / "de ayer" / "del 5 oct") */
.fresh{display:inline-flex;align-items:center;gap:7px;font:600 12.5px/1.3 var(--mono);color:var(--ink-2,#394049);
  letter-spacing:0;text-transform:none}
.fresh i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--green,#0E9F6E);
  box-shadow:0 0 0 3px var(--green-soft,rgba(14,159,110,.12))}
.fresh.old i{background:#C77700;box-shadow:0 0 0 3px rgba(199,119,0,.14)}
.fresh-x{color:var(--muted,#5F6773);font-weight:500}

@media (max-width:640px){
  .hdr-row{height:56px;padding:0 16px;gap:10px}
  .hdr-logo{font-size:17px}
  .hdr-search{height:40px;padding:0 12px;gap:7px}
  /* 16px stops iOS Safari from zooming the page on focus */
  .hdr-search input{font-size:16px}
  .hdr-lista{height:40px;width:auto;padding:0 11px;gap:6px}
  .hdr-lista .lbl{display:none}
  .hdr-pills{padding:6px 12px;
    -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);
            mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
  .hdr-pills a{height:36px;padding:0 11px;font-size:14px}
}
@media (max-width:360px){
  .hdr-logo{font-size:16px}
  .hdr-search{padding:0 10px}
}
@media (prefers-reduced-motion:reduce){.hdr-lista,.hdr-search,.hdr-pills a{transition:none}}
.fresh-line{margin-top:12px}
/* lista's search-results overlay sits right under the sticky bar */
@media (max-width:640px){.search-results{top:56px}}

/* one factual sentence under a page title (replaces the stat-tile blocks) */
.facts{margin-top:14px;max-width:62ch;font:500 15px/1.55 var(--sans);color:var(--ink-2,#394049)}
.facts b{font-family:var(--mono);font-weight:600;color:var(--ink,#171A1F);font-variant-numeric:tabular-nums;white-space:nowrap}
/* author styles (display:flex etc.) must never un-hide a [hidden] element */
[hidden]{display:none!important}
/* errores: the caution, one calm line in the hero (red stays reserved for prices) */
.err-note{margin-top:12px;max-width:62ch;font:500 14px/1.5 var(--sans);color:var(--muted)}
.err-note b{color:var(--ink);font-weight:700}