/* Tatuarte R11-R1: en desktop 4 campos anchos (sin aumentar altura),
   3 opciones realmente funcionales y visibles, Limpiar al final.
   CERCA DE MÍ está en el menú superior derecho; no se duplica en el filtro. */
.tat-r5-studios.directory-shell:has(> .tat-r11r1-filter){
  width:100%!important;max-width:1588px!important;min-width:0!important;
  padding-inline:22px!important;box-sizing:border-box!important;margin-inline:auto!important;
}
.tat-r5-studios.directory-shell > .tat-r11r1-filter{
  width:100%!important;max-width:none!important;box-sizing:border-box!important;
  padding:15px 18px!important;margin:0 0 26px!important;
  border-radius:15px!important;
  background:linear-gradient(110deg,rgba(30,18,38,.95),rgba(20,12,29,.95))!important;
}
.tat-r11r1-filter .tat-r9-row{
  display:grid!important;align-items:center!important;width:100%!important;min-width:0!important;
  grid-template-columns:minmax(230px,2.4fr) repeat(3,minmax(145px,1.25fr)) minmax(268px,2.55fr) max-content!important;
  grid-template-rows:54px!important;column-gap:18px!important;row-gap:0!important;
}
.tat-r11r1-filter .tat-r9-row > *{
  box-sizing:border-box!important;min-width:0!important;max-width:none!important;
  grid-row:1!important;grid-column:auto!important;margin:0!important;
}
.tat-r11r1-filter .tat-r9-input,
.tat-r11r1-filter .tat-r9-input :is(input,select){width:100%!important;min-width:0!important;max-width:100%!important;}
.tat-r11r1-filter .tat-r9-input :is(input,select){
  height:52px!important;min-height:52px!important;box-sizing:border-box!important;
  padding:0 15px!important;font:600 14px/1.25 system-ui,sans-serif!important;
  background:#1c1224!important;color:#f8eaf3!important;
  border:1px solid rgba(245,166,216,.45)!important;border-radius:10px!important;
}
.tat-r11r1-filter .tat-r9-input select{padding-right:30px!important;text-overflow:ellipsis!important;cursor:pointer!important;}
.tat-r11r1-filter .tat-r9-input input::placeholder{color:#d5c2d0!important;opacity:1!important;}
/* Opciones queda eliminado de la página: los tres filtros se muestran en línea,
   con sus wire:model intactos, no dentro de un botón sin información. */
.tat-r11r1-filter .tat-r11r1-toggles{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  flex-wrap:nowrap!important;column-gap:7px!important;min-width:0!important;
}
.tat-r11r1-filter .tat-r11r1-toggles label{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:6px!important;min-height:38px!important;box-sizing:border-box!important;
  padding:7px 9px!important;margin:0!important;white-space:nowrap!important;
  background:#211629!important;border:1px solid rgba(225,147,199,.35)!important;
  border-radius:9px!important;color:#f5dfef!important;
  font:600 12px/1.2 system-ui,sans-serif!important;cursor:pointer!important;
}
.tat-r11r1-filter .tat-r11r1-toggles label:has(input:checked){
  background:#56203f!important;border-color:#ff78b7!important;color:#fff!important;
}
.tat-r11r1-filter .tat-r11r1-toggles input{
  width:15px!important;height:15px!important;flex:none!important;
  margin:0!important;accent-color:#f12b8d!important;cursor:pointer!important;
}
.tat-r11r1-filter .tat-r9-clear{
  display:inline-flex!important;justify-self:center!important;align-items:center!important;
  min-height:44px!important;height:44px!important;padding:0 9px!important;
  color:#ffa4d0!important;background:transparent!important;border:0!important;
  font:650 13px/1.2 system-ui,sans-serif!important;white-space:nowrap!important;
  cursor:pointer!important;
}
.tat-r11r1-filter :is(input,select,button):focus-visible,
.tat-r11r1-filter .tat-r11r1-toggles label:focus-within{outline:2px solid #ff89c4!important;outline-offset:2px!important;}
/* Botón superior ya existente, destacado sin crear otro enlace. */
.tat-v3-tools > a.tat-v3-tool--nearby.tat-r11r1-header-nearby{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:9px!important;min-height:42px!important;padding:9px 16px!important;
  min-width:max-content!important;background:linear-gradient(108deg,#e92a8a,#a91b70)!important;
  border:1px solid rgba(255,150,206,.7)!important;border-radius:999px!important;
  box-shadow:0 6px 18px rgba(198,27,114,.25)!important;color:white!important;
  font:750 12px/1.1 system-ui,sans-serif!important;
  text-decoration:none!important;white-space:nowrap!important;text-transform:uppercase!important;
}
.tat-v3-tools > a.tat-r11r1-header-nearby svg{
  order:0!important;flex:0 0 18px!important;position:static!important;
  width:18px!important;height:18px!important;transform:none!important;margin:0!important;
}
.tat-v3-tools > a.tat-r11r1-header-nearby span{order:1!important;font:inherit!important;color:#fff!important;}
.tat-v3-tools > a.tat-r11r1-header-nearby:hover{filter:brightness(1.12)!important;}
/* 1024–1279: una fila, campos proporcionados; sin agrandar su altura. */
@media (min-width:1024px) and (max-width:1279px){
  .tat-r5-studios.directory-shell:has(> .tat-r11r1-filter){padding-inline:14px!important;}
  .tat-r5-studios.directory-shell > .tat-r11r1-filter{padding:13px!important;}
  .tat-r11r1-filter .tat-r9-row{
    grid-template-columns:minmax(184px,2.05fr) repeat(3,minmax(105px,1.12fr)) minmax(239px,2.45fr) max-content!important;
    column-gap:10px!important;
  }
  .tat-r11r1-filter .tat-r9-input :is(input,select){font-size:13px!important;padding-left:11px!important;padding-right:9px!important;}
  .tat-r11r1-filter .tat-r11r1-toggles{column-gap:4px!important;}
  .tat-r11r1-filter .tat-r11r1-toggles label{font-size:11px!important;gap:4px!important;padding:6px!important;}
  .tat-r11r1-filter .tat-r9-clear{font-size:12px!important;padding-inline:3px!important;}
}
/* Tablet/móvil: reorganización sin desbordamientos. */
@media(max-width:1023px){
  .tat-r5-studios.directory-shell:has(> .tat-r11r1-filter){padding-inline:14px!important;}
  .tat-r5-studios.directory-shell > .tat-r11r1-filter{padding:14px!important;}
  .tat-r11r1-filter .tat-r9-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:auto!important;gap:12px!important;
  }
  .tat-r11r1-filter .tat-r9-row > *{grid-row:auto!important;grid-column:auto!important;}
  .tat-r11r1-filter .tat-r9-search{grid-column:1/-1!important;}
  .tat-r11r1-filter .tat-r11r1-toggles{grid-column:1/3!important;flex-wrap:wrap!important;}
  .tat-r11r1-filter .tat-r9-clear{grid-column:3!important;justify-self:end!important;}
}
@media(max-width:610px){
  .tat-r11r1-filter .tat-r9-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .tat-r11r1-filter .tat-r9-search{grid-column:1/-1!important;}
  .tat-r11r1-filter .tat-r9-style{grid-column:1/-1!important;}
  .tat-r11r1-filter .tat-r11r1-toggles{grid-column:1/-1!important;}
  .tat-r11r1-filter .tat-r9-clear{grid-column:1/-1!important;}
  .tat-r11r1-filter .tat-r9-input :is(input,select){font-size:14px!important;}
}
@media(prefers-reduced-motion:reduce){.tat-v3-tools>a.tat-r11r1-header-nearby{transition:none!important;}}