/* ══════════════════════════════════════════════════════════════
   GSPropiedades — inicio-accesos.css (22-10-2026)
   Accesos de un toque del buscador del inicio (index.html), que
   reemplazan las 3 listas que no filtraban. Clases propias (.hero-accesos,
   no .hero-search): la regla de styles.css que oculta .hero-search bajo
   600 px no los alcanza, así que se ven en computador y en celular.
   Archivo aparte porque styles.css está en rojo (semáforo); solo lo carga
   index.html. Usa las variables de styles.css.
══════════════════════════════════════════════════════════════ */
.hero-accesos{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:var(--r);padding:14px;margin-top:14px;}
.ha-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}
.ha-btn{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;border-radius:var(--r2);background:var(--warm);color:var(--charcoal);font-size:14px;font-weight:700;text-decoration:none;line-height:1.2;text-align:center;}
.ha-btn:hover{background:var(--wine);color:#fff;}
.ha-btn:active{background:var(--wine2);color:#fff;}
.ha-btn:focus-visible,.ha-todas:focus-visible{outline:3px solid var(--moss);outline-offset:2px;}
.ha-todas{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px;padding:10px 12px;border:1.5px solid rgba(255,255,255,.25);border-radius:var(--r2);background:rgba(255,255,255,.1);color:#fff;font-size:14px;font-weight:700;text-decoration:none;}
.ha-todas:hover,.ha-todas:active{background:rgba(255,255,255,.18);}
/* Título «¿Qué buscas?» al 70 % de blanco (22-10-2026 PM): contraste mínimo medido 4,59:1 sobre su fondo real (antes, al 50 %, ~3,2:1). */
#hero-accesos .hs-label{color:rgba(255,255,255,.7);}
@media(min-width:600px){
  .ha-row{grid-template-columns:repeat(3,1fr);}
}