/* Casa pública: catálogo accesible, separado de las consolas de trabajo. */
:root { --suave:#baa6b6; }
[hidden] { display:none!important; }
:where(a,button,input,textarea,summary,select):focus-visible { outline:2px solid #91e3ec; outline-offset:4px; }
section[id] { scroll-margin-top:130px; }
.saltar { position:fixed;top:8px;left:16px;z-index:100;padding:10px 16px;background:#25172d;border:2px solid #91e3ec;border-radius:12px;transform:translateY(-160%); }
.saltar:focus { transform:none; }
.pedido { min-width:0; }
.ideas button { min-height:44px; }
.servicios-portada { position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--linea2);border-radius:26px;min-height:320px;padding:42px;margin-bottom:30px;background:#180e1b; }
.servicios-portada>img { position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center; }
.servicios-portada::after { content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(17,9,21,.98),rgba(17,9,21,.88) 42%,rgba(17,9,21,.1)); }
.servicios-portada .intro { max-width:450px;color:#e1ccdb; }
.catalogo-mandos { display:grid;gap:16px;margin:24px 0 8px; }
.buscar-servicio { display:grid;gap:8px;max-width:520px;color:var(--rosa2);font-size:14px; }
.buscar-servicio input { width:100%;min-height:48px;border:1px solid var(--linea2);border-radius:14px;background:#211527;color:var(--texto);font:inherit;padding:12px 16px; }
.buscar-servicio input::placeholder { color:var(--tenue); }
.catalogo-filtros { display:flex;flex-wrap:wrap;gap:8px; }
.catalogo-filtros button,.catalogo-vacio button { min-height:44px;border:1px solid var(--linea2);border-radius:999px;background:transparent;color:var(--tenue);font:inherit;font-size:14px;padding:8px 16px;cursor:pointer; }
.catalogo-filtros button[aria-pressed=true] { background:#f6a0d5;color:#2a0820;border-color:#f6a0d5; }
.catalogo-cuenta { font-size:14px;color:var(--tenue);min-height:24px; }
.catalogo-vacio { border:1px dashed var(--linea2);border-radius:18px;padding:26px;margin-top:20px; }
.catalogo-vacio button { margin-top:14px; }
.casas { grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:stretch;margin-top:20px; }
.casa { min-width:0;position:relative;overflow:hidden;padding:26px;gap:14px;background:linear-gradient(145deg,#29162f,#160f1b 72%);border-color:rgba(255,140,210,.26); }
.casa::before { content:"";position:absolute;top:0;left:26px;right:26px;height:2px;background:linear-gradient(90deg,transparent,#ee9bcf,transparent);opacity:.65;pointer-events:none; }
.casa .num { width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--linea2);border-radius:50%;color:#f1acd6;background:linear-gradient(140deg,#52324f,#201425);box-shadow:inset 0 1px 1px #e9acd24a;font-size:16px; }
.casa h3 { font-size:23px;line-height:1.25;overflow-wrap:anywhere; }
.casa .btn { white-space:normal;text-align:center;max-width:100%; }
.casa:focus-within { border-color:#91e3ec; }
.tareas { grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr)); }
@media(max-width:600px) {
  .servicios-portada { padding:28px 22px;min-height:360px; }
  .servicios-portada>img { object-position:65% center; }
  .servicios-portada::after { background:linear-gradient(90deg,rgba(17,9,21,.96),rgba(17,9,21,.72)); }
  .casa { padding:22px; }
  .pedido .btn { flex:1; }
  .foto { max-width:100%;overflow-wrap:anywhere; }
  .so { grid-template-columns:repeat(auto-fit,minmax(85px,1fr)); }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; } }