/* Paleta de búsqueda y barra de progreso, para las páginas que no usan v4.css */
.progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--y);z-index:1000}
/* Solo el botón de búsqueda. La regla original de v4 agrupaba .menu-toggle en
   el mismo selector, y al traerla aquí forzaba display:grid en la hamburguesa
   sin ninguna media query: aparecía en escritorio en la portada y en prensa,
   que llevan su propio CSS de menú. */
.search-btn{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line,#dce2e6);background:#fff;border-radius:50%;cursor:pointer;font-size:.75rem;font-weight:950}
.search-btn{font-size:.75rem;font-weight:950}

.palette{position:fixed;inset:0;z-index:500;display:none;background:rgba(9,13,16,.58);backdrop-filter:blur(8px);padding:9vh 20px}
.palette.open{display:block}
.palette-box{width:min(720px,100%);margin:auto;border-radius:24px;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.35);overflow:hidden}
.palette-head{display:flex;gap:10px;padding:14px;border-bottom:1px solid var(--line)}
.palette-head input{flex:1;border:0;outline:0;font-size:1.05rem}
.palette-close{border:0;background:var(--paper);border-radius:10px;padding:8px 11px;cursor:pointer}
.palette-results{max-height:58vh;overflow:auto;padding:8px}
.palette-item{display:grid;grid-template-columns:80px 1fr auto;gap:12px;align-items:center;padding:13px;border-radius:13px}
.palette-item:hover{background:var(--paper)}
.palette-item small{color:var(--blue);font-weight:900;text-transform:uppercase}
.palette-item span{font-weight:800}
.palette-item b{font-size:.75rem;color:var(--muted)}
.search-btn{margin-left:auto}
.palette{padding:4vh 10px}