/* R9: reemplazo estructural del filtro. Una sola fila real para escritorio. */
/* Desactiva la antigua columna lateral, que seguía limitando los filtros. */
.tat-r5-studios.directory-shell:has(> .tat-r9-filter){
 display:block!important;grid-template-columns:none!important;
 width:100%!important;max-width:1540px!important;min-width:0!important;
 margin-inline:auto!important;box-sizing:border-box!important;
}
.tat-r5-studios.directory-shell:has(> .tat-r9-filter) > .directory-results{
 width:100%!important;min-width:0!important;max-width:none!important;
 grid-column:auto!important;grid-row:auto!important;
}
.tat-r5-studios.directory-shell > .tat-r9-filter{
 position:relative!important;top:auto!important;float:none!important;clear:both!important;
 width:100%!important;max-width:none!important;min-width:0!important;
 grid-column:1/-1!important;grid-row:auto!important;
 display:block!important;box-sizing:border-box!important;z-index:25!important;
 padding:12px 14px!important;margin:0 0 17px!important;
 overflow:visible!important;
 border:1px solid rgba(239,147,209,.36)!important;border-radius:13px!important;
 background:linear-gradient(105deg,rgba(30,18,37,.96),rgba(20,12,29,.96))!important;
 box-shadow:0 10px 25px rgba(0,0,0,.18)!important;
}
.tat-r9-filter .tat-r9-row{
 display:grid!important;align-items:center!important;
 grid-template-columns:minmax(170px,2fr) minmax(110px,1fr) minmax(110px,1fr) minmax(110px,1fr) minmax(108px,.72fr) auto minmax(184px,1.28fr)!important;
 grid-template-rows:54px!important;gap:9px!important;width:100%!important;min-width:0!important;
}
.tat-r9-filter .tat-r9-row > *{min-width:0!important;max-width:none!important;box-sizing:border-box!important;grid-row:1!important;margin:0!important;}
.tat-r9-filter .tat-r9-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;clip-path:inset(50%)!important;}
.tat-r9-filter .tat-r9-input{display:block!important;min-width:0!important;width:100%!important;padding:0!important;}
.tat-r9-filter .tat-r9-input input,
.tat-r9-filter .tat-r9-input select{
 display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;
 height:48px!important;min-height:48px!important;margin:0!important;box-sizing:border-box!important;
 padding:0 13px!important;border-radius:9px!important;
 background:#160f1e!important;color:#f9e8f3!important;
 border:1px solid rgba(235,165,208,.39)!important;
 font:500 13px/1.25 system-ui,sans-serif!important;
 box-shadow:inset 0 1px 2px rgba(0,0,0,.2)!important;
}
.tat-r9-filter .tat-r9-input select{padding-right:26px!important;text-overflow:ellipsis!important;cursor:pointer!important;}
.tat-r9-filter .tat-r9-input select:disabled{opacity:.6!important;}
.tat-r9-filter .tat-r9-input input::placeholder{color:#bca7b9!important;opacity:1!important;}
.tat-r9-filter .tat-r9-input :is(input,select):focus-visible,
.tat-r9-filter .tat-r9-options summary:focus-visible,
.tat-r9-filter .tat-r9-nearby:focus-visible,
.tat-r9-filter .tat-r9-clear:focus-visible{outline:2px solid #ff8cc5!important;outline-offset:3px!important;}
.tat-r9-filter .tat-r9-options{position:relative!important;display:block!important;width:100%!important;z-index:40!important;}
.tat-r9-filter .tat-r9-options summary{
 list-style:none!important;cursor:pointer!important;box-sizing:border-box!important;
 display:flex!important;align-items:center!important;justify-content:space-between!important;gap:5px!important;
 min-width:0!important;height:48px!important;padding:0 12px!important;
 border-radius:9px!important;background:#211528!important;
 border:1px solid rgba(235,165,208,.39)!important;color:#f7e5f1!important;
 font:650 13px system-ui,sans-serif!important;white-space:nowrap!important;
}
.tat-r9-filter .tat-r9-options summary::-webkit-details-marker{display:none!important;}
.tat-r9-filter .tat-r9-options[open] summary{border-color:#f77bb8!important;background:#30203b!important;}
.tat-r9-filter .tat-r9-options-panel{
 position:absolute!important;top:calc(100% + 9px)!important;left:0!important;right:auto!important;
 min-width:194px!important;width:max-content!important;max-width:min(290px,calc(100vw - 40px))!important;
 padding:8px!important;display:flex!important;flex-direction:column!important;gap:4px!important;
 border:1px solid rgba(235,155,210,.55)!important;border-radius:11px!important;
 background:#1d1326!important;box-shadow:0 14px 37px rgba(0,0,0,.55)!important;z-index:90!important;
}
.tat-r9-filter .tat-r9-options-panel label{
 display:flex!important;align-items:center!important;gap:11px!important;
 width:100%!important;min-height:40px!important;box-sizing:border-box!important;
 margin:0!important;padding:7px 9px!important;cursor:pointer!important;
 font:550 13px system-ui,sans-serif!important;color:#f4deee!important;border-radius:7px!important;
}
.tat-r9-filter .tat-r9-options-panel label:hover{background:#37203b!important;}
.tat-r9-filter .tat-r9-options-panel input{accent-color:#eb328d!important;width:16px!important;height:16px!important;margin:0!important;}
.tat-r9-filter .tat-r9-clear{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:auto!important;height:48px!important;padding:0 8px!important;
 border:0!important;background:transparent!important;color:#ffa8d0!important;
 font:650 12px system-ui,sans-serif!important;text-decoration:underline!important;
 text-underline-offset:3px!important;white-space:nowrap!important;cursor:pointer!important;
}
.tat-r9-filter .tat-r9-nearby{
 justify-self:stretch!important;display:flex!important;flex-direction:row!important;align-items:center!important;
 justify-content:center!important;gap:11px!important;width:100%!important;min-width:0!important;
 height:54px!important;min-height:54px!important;padding:5px 10px!important;box-sizing:border-box!important;
 border:1px solid #ff9cce!important;border-radius:10px!important;
 background:linear-gradient(112deg,#f0278d,#b11b6d)!important;color:#fff!important;
 text-align:left!important;text-decoration:none!important;white-space:normal!important;
 box-shadow:0 8px 19px rgba(204,27,115,.31)!important;
}
.tat-r9-filter .tat-r9-nearby svg{
 order:0!important;flex:0 0 23px!important;display:block!important;position:static!important;
 width:23px!important;height:23px!important;transform:none!important;margin:0!important;
}
.tat-r9-filter .tat-r9-nearby span{
 order:1!important;display:flex!important;flex:0 1 auto!important;flex-direction:column!important;
 justify-content:center!important;align-items:flex-start!important;gap:3px!important;
 min-width:0!important;line-height:1.2!important;
}
.tat-r9-filter .tat-r9-nearby strong{
 font:850 13px/1.1 system-ui,sans-serif!important;letter-spacing:.035em!important;
 color:#fff!important;white-space:nowrap!important;
}
.tat-r9-filter .tat-r9-nearby small{
 color:#ffe0f0!important;font:500 10px/1.2 system-ui,sans-serif!important;white-space:nowrap!important;
}
.tat-r9-filter .tat-r9-nearby:hover{filter:brightness(1.1)!important;}
/* 1024+ siempre una fila, incluso en escritorio estrecho. */
@media(min-width:1024px) and (max-width:1199px){
 .tat-r9-filter .tat-r9-row{grid-template-columns:minmax(160px,2fr) repeat(3,minmax(105px,1fr)) minmax(98px,.7fr) auto minmax(170px,1.2fr)!important;gap:7px!important;}
 .tat-r9-filter .tat-r9-input :is(input,select){padding-left:9px!important;padding-right:8px!important;font-size:12px!important;}
 .tat-r9-filter .tat-r9-nearby small{font-size:9px!important;}
}
/* Tablet y ventana realmente estrecha: adaptar sin desbordar ni solapar. */
@media(max-width:1023px){
 .tat-r9-filter .tat-r9-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:auto!important;gap:9px!important;}
 .tat-r9-filter .tat-r9-row > *{grid-row:auto!important;}
 .tat-r9-filter .tat-r9-search{grid-column:1/-1!important;}
 .tat-r9-filter .tat-r9-options{grid-column:1!important;}
 .tat-r9-filter .tat-r9-clear{grid-column:2!important;}
 .tat-r9-filter .tat-r9-nearby{grid-column:3!important;}
}
@media(max-width:580px){
 .tat-r9-filter .tat-r9-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 .tat-r9-filter .tat-r9-search{grid-column:1/-1!important;}
 .tat-r9-filter .tat-r9-style{grid-column:1/-1!important;}
 .tat-r9-filter .tat-r9-options{grid-column:1!important;}
 .tat-r9-filter .tat-r9-clear{grid-column:2!important;}
 .tat-r9-filter .tat-r9-nearby{grid-column:1/-1!important;}
 .tat-r9-filter .tat-r9-options-panel{max-width:calc(100vw - 30px)!important;}
}
@media(prefers-reduced-motion:reduce){.tat-r9-filter .tat-r9-nearby{transition:none!important;}}

/* R9-R1: tarjetas sin superposiciones. El botón ocupa una fila REAL, en flujo,
   y ninguna etiqueta puede invadir su espacio. Reemplaza el posicionamiento
   absoluto heredado de HF11 sin tocar el contenido ni las consultas. */
#directorio-estudios .tu-r10-grid > .tu-r10-card,
body:has(.tu-page) .tu-r10-grid > .tu-r10-card,
.tat-hf8-radius .tu-r10-grid > .tu-r10-card {
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  gap:0!important;height:auto!important;min-height:0!important;
  padding:0 0 12px!important;overflow:hidden!important;position:relative!important;
}
#directorio-estudios .tu-r10-card > .tu-r10-card__media,
body:has(.tu-page) .tu-r10-card > .tu-r10-card__media,
.tat-hf8-radius .tu-r10-card > .tu-r10-card__media {
  width:100%!important;flex:0 0 auto!important;overflow:hidden!important;
}
#directorio-estudios .tu-r10-card > .tu-r10-card__heading,
body:has(.tu-page) .tu-r10-card > .tu-r10-card__heading,
.tat-hf8-radius .tu-r10-card > .tu-r10-card__heading {
  flex:0 0 auto!important;margin-block:12px 4px!important;
  line-height:1.26!important;min-height:0!important;max-height:none!important;
  white-space:normal!important;overflow-wrap:anywhere!important;
}
#directorio-estudios .tu-r10-card > .tu-r10-card__city,
body:has(.tu-page) .tu-r10-card > .tu-r10-card__city,
.tat-hf8-radius .tu-r10-card > .tu-r10-card__city {
  flex:0 0 auto!important;margin-block:0 8px!important;min-height:0!important;
  overflow-wrap:anywhere!important;
}
#directorio-estudios .tu-r10-card > .tat-r6-chipline,
body:has(.tu-page) .tu-r10-card > .tat-r6-chipline,
.tat-hf8-radius .tu-r10-card > .tat-r6-chipline {
  display:flex!important;flex:0 0 auto!important;flex-wrap:wrap!important;align-items:flex-start!important;
  align-content:flex-start!important;gap:5px!important;box-sizing:border-box!important;
  width:auto!important;max-width:none!important;min-width:0!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  padding:0!important;margin:0 12px 10px!important;overflow:visible!important;
}
#directorio-estudios .tu-r10-card > .tat-r6-chipline > li,
body:has(.tu-page) .tu-r10-card > .tat-r6-chipline > li,
.tat-hf8-radius .tu-r10-card > .tat-r6-chipline > li {
  flex:0 0 auto!important;max-width:100%!important;min-width:0!important;
  overflow-wrap:anywhere!important;white-space:normal!important;
}
#directorio-estudios .tu-r10-card > .tu-r10-card__stats,
body:has(.tu-page) .tu-r10-card > .tu-r10-card__stats,
.tat-hf8-radius .tu-r10-card > .tu-r10-card__stats {
  flex:0 0 auto!important;position:static!important;margin-block:0 9px!important;
}
#directorio-estudios .tu-r10-card > .tu-r10-card__action,
body:has(.tu-page) .tu-r10-card > .tu-r10-card__action,
.tat-hf8-radius .tu-r10-card > .tu-r10-card__action {
  box-sizing:border-box!important;position:static!important;inset:auto!important;
  float:none!important;display:inline-flex!important;flex:0 0 auto!important;
  align-items:center!important;justify-content:center!important;align-self:flex-end!important;
  z-index:auto!important;order:99!important;
  width:max-content!important;max-width:calc(100% - 24px)!important;
  margin:auto 12px 0 auto!important;padding:7px 11px!important;min-height:29px!important;
  line-height:1.2!important;white-space:nowrap!important;
}
#directorio-estudios .tu-r10-card > .tu-r10-card__restricted,
body:has(.tu-page) .tu-r10-card > .tu-r10-card__restricted,
.tat-hf8-radius .tu-r10-card > .tu-r10-card__restricted {
  position:static!important;margin-top:auto!important;padding-block:8px!important;
}
/* Resultados con altura variable: las cards comparten alto dentro de cada fila,
   pero nunca se recorta contenido ni se apilan CTAs sobre chips. */
#directorio-estudios .tu-r10-grid,body:has(.tu-page) .tu-r10-grid,
.tat-hf8-radius .tu-r10-grid {align-items:stretch!important;grid-auto-rows:auto!important;}


/* R10: filtro con más aire en desktop y tarjetas menos comprimidas.
   Mantiene UNA SOLA FILA en escritorio, con CERCA DE MÍ a la derecha,
   pero abre cajas, paddings y separaciones. */
.tat-r5-studios.directory-shell:has(> .tat-r9-filter){
  max-width:1588px!important;padding-inline:18px!important;
}
.tat-r5-studios.directory-shell > .tat-r9-filter{
  padding:16px 18px!important;margin:0 0 24px!important;border-radius:16px!important;
  box-shadow:0 16px 34px rgba(0,0,0,.22)!important;
}
.tat-r9-filter .tat-r9-row{
  grid-template-columns:minmax(240px,2.6fr) minmax(126px,1.04fr) minmax(126px,1.04fr) minmax(126px,1.04fr) minmax(116px,.86fr) auto minmax(208px,1.42fr)!important;
  grid-template-rows:58px!important;gap:14px!important;
}
.tat-r9-filter .tat-r9-input input,
.tat-r9-filter .tat-r9-input select,
.tat-r9-filter .tat-r9-options summary{
  height:52px!important;min-height:52px!important;padding:0 16px!important;border-radius:11px!important;
  font:600 13px/1.3 system-ui,sans-serif!important;
}
.tat-r9-filter .tat-r9-search input{padding-inline:18px!important;}
.tat-r9-filter .tat-r9-input select{padding-right:34px!important;}
.tat-r9-filter .tat-r9-options summary{gap:7px!important;padding-inline:15px!important;}
.tat-r9-filter .tat-r9-options-panel{top:calc(100% + 10px)!important;padding:9px!important;border-radius:12px!important;}
.tat-r9-filter .tat-r9-options-panel label{min-height:42px!important;padding:8px 10px!important;}
.tat-r9-filter .tat-r9-clear{
  justify-self:center!important;align-self:center!important;padding:0 10px!important;
  min-height:52px!important;font-size:13px!important;
}
.tat-r9-filter .tat-r9-nearby{
  height:58px!important;min-height:58px!important;padding:0 16px!important;border-radius:12px!important;
  justify-content:flex-start!important;gap:12px!important;
  box-shadow:0 10px 24px rgba(204,27,115,.34)!important;
}
.tat-r9-filter .tat-r9-nearby svg{flex-basis:22px!important;width:22px!important;height:22px!important;}
.tat-r9-filter .tat-r9-nearby strong{font-size:13px!important;letter-spacing:.04em!important;}
.tat-r9-filter .tat-r9-nearby small{font-size:10px!important;}
@media(min-width:1024px) and (max-width:1279px){
  .tat-r5-studios.directory-shell:has(> .tat-r9-filter){padding-inline:14px!important;}
  .tat-r5-studios.directory-shell > .tat-r9-filter{padding:14px!important;}
  .tat-r9-filter .tat-r9-row{
    grid-template-columns:minmax(192px,2.1fr) minmax(104px,.95fr) minmax(104px,.95fr) minmax(104px,.95fr) minmax(100px,.78fr) auto minmax(176px,1.18fr)!important;
    gap:10px!important;
  }
  .tat-r9-filter .tat-r9-input input,
  .tat-r9-filter .tat-r9-input select,
  .tat-r9-filter .tat-r9-options summary{padding-inline:11px!important;font-size:12px!important;}
  .tat-r9-filter .tat-r9-clear{padding-inline:6px!important;font-size:12px!important;}
  .tat-r9-filter .tat-r9-nearby{padding-inline:12px!important;gap:10px!important;}
  .tat-r9-filter .tat-r9-nearby strong{font-size:12px!important;}
  .tat-r9-filter .tat-r9-nearby small{font-size:9px!important;}
}
/* En móvil/tablet se conserva el comportamiento responsive anterior. */

/* Tarjetas: más aire interior y separación entre resultados. */
#directorio-estudios .tu-r10-grid,
body:has(.tu-page) .tu-r10-grid,
.tat-hf8-radius .tu-r10-grid{
  gap:22px 20px!important;
}
#directorio-estudios .tu-r10-grid > .tu-r10-card,
body:has(.tu-page) .tu-r10-grid > .tu-r10-card,
.tat-hf8-radius .tu-r10-grid > .tu-r10-card{
  padding:0 0 16px!important;border-radius:16px!important;
}
#directorio-estudios .tu-r10-card > .tu-r10-card__heading,
body:has(.tu-page) .tu-r10-card > .tu-r10-card__heading,
.tat-hf8-radius .tu-r10-card > .tu-r10-card__heading{
  margin:14px 16px 6px!important;
}
#directorio-estudios .tu-r10-card > .tu-r10-card__city,
body:has(.tu-page) .tu-r10-card > .tu-r10-card__city,
.tat-hf8-radius .tu-r10-card > .tu-r10-card__city{
  margin:0 16px 10px!important;
}
#directorio-estudios .tu-r10-card > .tat-r6-chipline,
body:has(.tu-page) .tu-r10-card > .tat-r6-chipline,
.tat-hf8-radius .tu-r10-card > .tat-r6-chipline{
  margin:0 16px 14px!important;gap:6px!important;
}
#directorio-estudios .tu-r10-card > .tu-r10-card__stats,
body:has(.tu-page) .tu-r10-card > .tu-r10-card__stats,
.tat-hf8-radius .tu-r10-card > .tu-r10-card__stats{
  margin:0 16px 12px!important;
}
#directorio-estudios .tu-r10-card > .tu-r10-card__action,
body:has(.tu-page) .tu-r10-card > .tu-r10-card__action,
.tat-hf8-radius .tu-r10-card > .tu-r10-card__action{
  margin:auto 16px 0 auto!important;padding:8px 12px!important;
}
@media(max-width:640px){
  #directorio-estudios .tu-r10-grid,
  body:has(.tu-page) .tu-r10-grid,
  .tat-hf8-radius .tu-r10-grid{gap:16px!important;}
}
