/* TATUARTE R12: una estructura, sin reutilizar las cuadrículas R5-R11.
   Desktop: 1 fila de controles + segmento Cerca de mí al extremo derecho.
   Mobile: misma lógica, controles adaptados, menú móvil consistente. */
.tat-r5-studios.directory-shell:has(> .tat-r12-filter){
  display:block!important;grid-template-columns:none!important;
  width:100%!important;max-width:1600px!important;padding-inline:20px!important;
  min-width:0!important;box-sizing:border-box!important;margin-inline:auto!important;
}
.tat-r5-studios.directory-shell:has(> .tat-r12-filter)>.directory-results{
  width:100%!important;max-width:none!important;min-width:0!important;
  grid-column:auto!important;grid-row:auto!important;
}
.tat-r5-studios.directory-shell>.tat-r12-filter{
  position:relative!important;top:auto!important;left:auto!important;right:auto!important;
  z-index:24!important;display:grid!important;float:none!important;
  grid-template-columns:minmax(0,1fr) 230px!important;
  gap:0!important;align-items:stretch!important;width:100%!important;max-width:none!important;
  padding:0!important;margin:0 0 24px!important;box-sizing:border-box!important;
  border:1px solid rgba(242,164,212,.40)!important;border-radius:15px!important;
  background:linear-gradient(105deg,rgba(30,18,37,.96),rgba(22,14,30,.97))!important;
  box-shadow:0 10px 28px rgba(0,0,0,.25)!important;overflow:visible!important;
}
.tat-r12-filter>.tat-r12-controls{
  display:grid!important;grid-template-columns:minmax(275px,2.4fr) repeat(3,minmax(105px,1fr)) minmax(230px,1.9fr) auto!important;
  grid-template-rows:52px!important;align-items:center!important;
  column-gap:11px!important;row-gap:0!important;
  min-width:0!important;max-width:none!important;width:100%!important;
  padding:13px 16px!important;box-sizing:border-box!important;
}
.tat-r12-filter .tat-r12-controls>*{grid-row:1!important;grid-column:auto!important;min-width:0!important;max-width:none!important;margin:0!important;box-sizing:border-box!important;}
.tat-r12-filter .tat-r12-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;}
.tat-r12-filter .tat-r12-field{min-width:0!important;width:100%!important;}
.tat-r12-filter .tat-r12-field :is(input,select){
  display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
  height:50px!important;min-height:50px!important;box-sizing:border-box!important;
  padding:0 14px!important;margin:0!important;
  border:1px solid rgba(238,166,211,.48)!important;border-radius:10px!important;
  background:#160f1d!important;color:#f8eaf3!important;
  font:600 13px/1.3 system-ui,sans-serif!important;letter-spacing:0!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.16)!important;
}
.tat-r12-filter .tat-r12-field input::placeholder{color:#d3bdcb!important;opacity:1!important;}
.tat-r12-filter .tat-r12-field select{padding-right:30px!important;text-overflow:ellipsis!important;cursor:pointer!important;}
.tat-r12-filter .tat-r12-field select:disabled{opacity:.57!important;cursor:not-allowed!important;}
.tat-r12-filter .tat-r12-options{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:7px!important;min-width:0!important;white-space:nowrap!important;}
.tat-r12-filter .tat-r12-options label{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 gap:5px!important;min-height:40px!important;min-width:0!important;padding:8px 10px!important;
 margin:0!important;border-radius:9px!important;cursor:pointer!important;
 border:1px solid rgba(225,145,200,.35)!important;background:#25192c!important;
 color:#f3e5f0!important;font:600 12px/1.15 system-ui,sans-serif!important;white-space:nowrap!important;
}
.tat-r12-filter .tat-r12-options label:has(input:checked){background:#592440!important;border-color:#ff81be!important;color:#fff!important;}
.tat-r12-filter .tat-r12-options input{height:15px!important;width:15px!important;flex:none!important;margin:0!important;accent-color:#ed2684!important;cursor:pointer!important;}
.tat-r12-filter .tat-r12-reset{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 justify-self:start!important;height:41px!important;min-height:41px!important;min-width:0!important;
 padding:0 9px!important;margin:0!important;border:1px solid rgba(220,145,194,.4)!important;
 border-radius:9px!important;background:rgba(255,255,255,.035)!important;
 color:#dec7d7!important;font:650 12px/1.2 system-ui,sans-serif!important;
 text-decoration:none!important;white-space:nowrap!important;cursor:pointer!important;
}
.tat-r12-filter .tat-r12-reset:hover{color:#fff!important;border-color:#f389be!important;background:rgba(242,65,150,.11)!important;}
/* La parte derecha es una sección real del mismo filtro: una tarjeta cortada. */
.tat-r12-filter>.tat-r12-nearby{
 display:flex!important;position:relative!important;align-self:stretch!important;align-items:center!important;
 justify-content:center!important;flex-direction:row!important;gap:11px!important;
 width:100%!important;min-width:0!important;max-width:none!important;
 min-height:76px!important;padding:12px 16px!important;margin:0!important;
 box-sizing:border-box!important;border:0!important;border-left:2px solid rgba(255,165,214,.8)!important;
 border-radius:0 14px 14px 0!important;
 background:linear-gradient(115deg,#de267f 0%,#a81768 100%)!important;
 color:white!important;text-align:left!important;text-decoration:none!important;
 box-shadow:inset 4px 0 12px rgba(65,0,40,.18)!important;
}
.tat-r12-filter>.tat-r12-nearby svg{
 flex:0 0 25px!important;order:0!important;position:static!important;
 width:25px!important;height:25px!important;margin:0!important;transform:none!important;
}
.tat-r12-filter>.tat-r12-nearby span{display:flex!important;order:1!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important;white-space:normal!important;}
.tat-r12-filter>.tat-r12-nearby strong{font:850 13px/1.15 system-ui,sans-serif!important;letter-spacing:.04em!important;color:#fff!important;white-space:nowrap!important;}
.tat-r12-filter>.tat-r12-nearby small{font:550 11px/1.3 system-ui,sans-serif!important;color:#ffe3f1!important;}
.tat-r12-filter>.tat-r12-nearby:hover{filter:brightness(1.1)!important;}
.tat-r12-filter :is(input,select,button,a):focus-visible,
.tat-r12-filter .tat-r12-options label:focus-within{outline:2px solid #ff9acc!important;outline-offset:3px!important;}
/* Acciones del menú superior: una altura y una tipografía comunes.
   Menú existente, sin otro desplegable. Cerca de mí no es el CTA rosa principal: lo es el filtro. */
.site-header .tat-hf7-studio-cta.tat-r12-top-action,
.site-header .tat-v3-tools>.tat-r12-top-action,
.site-header .tat-v3-tools>.tat-v3-tool--account-label,
.site-header .tat-v3-tools>form>.tat-r12-logout{
 box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;
 justify-content:center!important;gap:7px!important;height:38px!important;min-height:38px!important;
 padding:0 13px!important;margin:0!important;border-radius:999px!important;
 font:700 11px/1 system-ui,sans-serif!important;letter-spacing:.025em!important;
 text-transform:uppercase!important;white-space:nowrap!important;text-decoration:none!important;
}
.site-header .tat-hf7-studio-cta.tat-r12-top-action{
 background:linear-gradient(115deg,#e52986,#aa176b)!important;
 border:1px solid rgba(255,151,205,.68)!important;color:#fff!important;
}
.site-header .tat-v3-tools>.tat-r12-top-action,
.site-header .tat-v3-tools>.tat-v3-tool--account-label,
.site-header .tat-v3-tools>form>.tat-r12-logout{
 background:#1b1423!important;border:1px solid rgba(229,152,204,.36)!important;color:#f4e4ef!important;
}
.site-header .tat-v3-tools>.tat-r12-top-action svg{width:16px!important;height:16px!important;min-width:16px!important;order:0!important;position:static!important;transform:none!important;margin:0!important;}
.site-header .tat-v3-tools>.tat-r12-top-action span{font:inherit!important;color:inherit!important;order:1!important;}
.site-header .tat-v3-tools>form{display:flex!important;align-items:center!important;margin:0!important;padding:0!important;}
.site-header .tat-v3-tools>.tat-r12-top-action:hover,
.site-header .tat-v3-tools>.tat-v3-tool--account-label:hover,
.site-header .tat-v3-tools>form>.tat-r12-logout:hover{border-color:#ed7fba!important;background:#30203b!important;}
.tat-r12-mobile-actions{display:none!important;}
/* Estrecho: el menú desplegable existente agrupa enlaces con estética de la cabecera. */
@media(max-width:1300px){
 .tat-r12-filter>.tat-r12-controls{grid-template-columns:minmax(248px,2.3fr) repeat(3,minmax(98px,1fr)) minmax(235px,1.7fr) auto!important;gap:9px!important;padding:12px!important;}
 .tat-r12-filter .tat-r12-options{gap:4px!important;}
 .tat-r12-filter .tat-r12-options label{padding:7px 6px!important;font-size:11px!important;gap:3px!important;}
 .tat-r12-filter>.tat-r12-nearby{padding-inline:11px!important;}
 .tat-r5-studios.directory-shell>.tat-r12-filter{grid-template-columns:minmax(0,1fr) 188px!important;}
}
@media(max-width:1160px){
 .tat-r12-filter>.tat-r12-controls{grid-template-columns:minmax(0,2.1fr) repeat(3,minmax(0,1fr))!important;grid-template-rows:auto!important;gap:10px!important;}
 .tat-r12-filter .tat-r12-controls>*{grid-row:auto!important;}
 .tat-r12-filter .tat-r12-options{grid-column:1/4!important;}
 .tat-r12-filter .tat-r12-reset{grid-column:4!important;justify-self:end!important;}
 .tat-r5-studios.directory-shell>.tat-r12-filter{grid-template-columns:minmax(0,1fr) 190px!important;}
}
@media(max-width:750px){
 .tat-r5-studios.directory-shell:has(> .tat-r12-filter){padding-inline:12px!important;}
 .tat-r5-studios.directory-shell>.tat-r12-filter{grid-template-columns:1fr!important;}
 .tat-r12-filter>.tat-r12-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:12px!important;gap:10px!important;}
 .tat-r12-filter .tat-r12-search{grid-column:1/-1!important;}
 .tat-r12-filter .tat-r12-style{grid-column:1/-1!important;}
 .tat-r12-filter .tat-r12-options{grid-column:1/-1!important;flex-wrap:wrap!important;}
 .tat-r12-filter .tat-r12-reset{grid-column:1/-1!important;justify-self:start!important;}
 .tat-r12-filter>.tat-r12-nearby{border-left:0!important;border-top:2px solid rgba(255,165,214,.8)!important;border-radius:0 0 14px 14px!important;min-height:62px!important;}
 /* Ocultamos duplicados de acciones dentro del header, visibles en el menú móvil con exactamente el mismo canon. */
 .site-header>.tat-hf7-studio-cta.tat-r12-top-action,
 .site-header>.tat-v3-tools{display:none!important;}
 .tat-v3-primary .tat-r12-mobile-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:12px 0!important;padding:10px!important;border-top:1px solid rgba(238,152,208,.32)!important;}
 .tat-v3-primary .tat-r12-mobile-actions a,
 .tat-v3-primary .tat-r12-mobile-actions button{
  display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;
  min-height:40px!important;height:40px!important;padding:0 9px!important;margin:0!important;
  background:#231829!important;color:#f7e6f1!important;border:1px solid rgba(230,150,201,.45)!important;
  border-radius:10px!important;font:700 11px/1.1 system-ui,sans-serif!important;letter-spacing:.02em!important;
  text-transform:uppercase!important;text-decoration:none!important;white-space:nowrap!important;
 }
 .tat-v3-primary .tat-r12-mobile-actions a:first-child{background:linear-gradient(110deg,#e22a87,#ac1b6d)!important;color:#fff!important;border-color:#fd9ccf!important;}
 .tat-v3-primary .tat-r12-mobile-actions form{display:contents!important;}
 .tat-r16-mobile-quick{display:none!important;}
}
@media(prefers-reduced-motion:reduce){.tat-r12-filter>.tat-r12-nearby{transition:none!important;}}

/* Prioridad frente a la antigua regla R11-R1, más específica para el CTA cercano. */
.site-header .tat-v3-tools > a.tat-v3-tool--nearby.tat-r11r1-header-nearby.tat-r12-top-action{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 gap:7px!important;height:38px!important;min-height:38px!important;
 padding:0 13px!important;border-radius:999px!important;
 background:#1b1423!important;border:1px solid rgba(229,152,204,.36)!important;
 color:#f4e4ef!important;box-shadow:none!important;
 font:700 11px/1 system-ui,sans-serif!important;
 text-transform:uppercase!important;letter-spacing:.025em!important;
}
.site-header .tat-v3-tools > a.tat-v3-tool--nearby.tat-r11r1-header-nearby.tat-r12-top-action:hover{
 background:#30203b!important;border-color:#ed7fba!important;
}
@media(max-width:750px){
 .site-header > .tat-v3-tools,
 .site-header > .tat-hf7-studio-cta.tat-r12-top-action{display:none!important;}
}
