/* TATUARTE V4.3 R2 | Integración visual: solo escenario, copy y buscador REAL. */
.r20-home .ta-hero-art {
  position:relative; isolation:isolate; z-index:2;
  width:100%; max-width:100%; overflow:visible; margin:0; background:#05050c;
}
.r20-home .ta-hero-art .ta-hero-art__scene {
  height:clamp(465px,42vw,625px);
}
.r20-home .ta-hero-art .ta-hero-art__search-slot {
  position:absolute; z-index:6; left:50%; top:44%;
  width:min(94%,860px); max-width:calc(100% - 22px);
  transform:translate(-50%,-50%); pointer-events:auto;
}
.r20-home .ta-v43-home-search {
  color:#fff; text-align:center; isolation:isolate;
  max-width:100%; min-width:0; margin:0 auto;
}
.r20-home .ta-v43-home-kicker {
  margin:0 0 9px; color:#ff4f9a; text-transform:uppercase;
  font:750 clamp(10px,.85vw,12px)/1.3 system-ui,sans-serif;
  letter-spacing:.20em; text-shadow:0 2px 12px rgba(0,0,0,.85);
}
.r20-home .ta-v43-home-title {
  max-width:780px; margin:0 auto 10px;
  font:850 clamp(29px,4.05vw,59px)/1.08 system-ui,sans-serif;
  letter-spacing:-.047em; color:#fff;
  text-shadow:0 3px 18px rgba(0,0,0,.95);
}
.r20-home .ta-v43-home-title em {font-style:normal;color:#fa408b}
.r20-home .ta-v43-home-lede {
  max-width:680px; margin:0 auto 22px; color:#efe8f1;
  font:400 clamp(12px,1.15vw,15px)/1.55 system-ui,sans-serif;
  text-shadow:0 2px 12px #000;
}
.r20-home .ta-v43-real-search {
  max-width:820px; width:100%; margin:0 auto; padding:0;
  position:relative; z-index:8; transform:none; background:none;
  box-shadow:none; border:0;
}
.r20-home .ta-v43-real-search .r34r4-smart-search {
  position:relative; z-index:9; width:100%; min-width:0; max-width:100%;
  background:transparent; border:0; box-shadow:none;
}
.r20-home .ta-v43-real-search form[data-r34r4-search-form] {
  display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center;
  column-gap:9px; row-gap:9px; margin:0; padding:7px;
  border-radius:18px; border:1px solid rgba(199,191,211,.48);
  background:rgba(19,20,28,.95);
  box-shadow:0 17px 55px rgba(0,0,0,.55);
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  max-width:100%; min-width:0;
}
.r20-home .ta-v43-real-search form[data-r34r4-search-form] > .r34r4-query-field {
  order:0; flex:1 1 300px; min-width:0; margin:0; padding:0 8px;
  background:transparent; border:0; box-shadow:none;
  display:flex; align-items:center; gap:8px;
}
.r20-home .ta-v43-real-search .r34r4-query-field input[data-r34r4-query] {
  flex:1; width:100%; min-width:0; min-height:46px; height:46px;
  background:transparent; border:0; color:#fff; box-shadow:none;
  font:400 clamp(13px,1.15vw,16px)/1.4 system-ui,sans-serif;
  outline-offset:3px;
}
.r20-home .ta-v43-real-search .r34r4-query-field input::placeholder {color:#b7b2c2;opacity:1}
.r20-home .ta-v43-real-search .r34r4-search-icon {color:#e0dfe7;font-size:23px}
.r20-home .ta-v43-real-search button.r34r4-submit {
  order:1; flex:0 0 auto; margin:0; min-height:46px;
  border:0; border-radius:12px; padding:10px 25px;
  background:#ef0068; color:white; font:750 14px/1.2 system-ui,sans-serif;
  box-shadow:none; white-space:nowrap; cursor:pointer;
}
.r20-home .ta-v43-real-search button.r34r4-submit:hover {background:#ff287c;color:#fff}
.r20-home .ta-v43-real-search button.r34r4-submit:focus-visible,
.r20-home .ta-v43-filter-toggle:focus-visible {outline:3px solid #ff94c7;outline-offset:3px}
/* Sin JS todos los filtros siguen visibles y operativos. */
.r20-home .ta-v43-real-search form[data-r34r4-search-form] > .r34r4-filter-field {
  flex:1 1 185px; order:3; min-width:0;
  margin:0; padding:8px; color:#fff;
  background:#25222c; border:1px solid #45414e; border-radius:10px;
}
.r20-home .ta-v43-real-search .r34r4-filter-field label {color:#d8d3df}
.r20-home .ta-v43-real-search .r34r4-filter-field select,
.r20-home .ta-v43-real-search .r34r4-filter-field input {
  max-width:100%; min-width:0; color:#fff; background:#25222c;
}
.r20-home .ta-v43-real-search [hidden] {display:none!important}
/* JS mejora la presentación; no toca nombres, filtros, rutas ni los valores del formulario. */
.r20-home .ta-v43-home-search[data-filters-enhanced="true"]:not([data-filters-open="true"])
  .r34r4-filter-field {display:none!important}
.r20-home .ta-v43-real-search .r34r4-live-results,
.r20-home .ta-v43-real-search .r34r12-city-menu {z-index:30;max-width:100%}
.r20-home .ta-v43-filter-toggle {
  margin:10px auto 0; padding:7px 13px; min-height:38px; border:1px solid rgba(255,255,255,.27);
  border-radius:999px; background:rgba(9,10,15,.70); color:#faf6fb;
  font:650 12px/1.3 system-ui,sans-serif; cursor:pointer;
}
.r20-home .ta-v43-filter-toggle[hidden] {display:none!important}
.r20-home .ta-v43-filter-toggle span {display:inline-block;margin-left:5px}
.r20-home .ta-v43-home-search[data-filters-open="true"] .ta-v43-filter-toggle span {transform:rotate(180deg)}
@media(max-width:700px) {
  .r20-home .ta-hero-art .ta-hero-art__scene {height:clamp(400px,117vw,525px)}
  .r20-home .ta-hero-art .ta-hero-art__search-slot {top:45%;width:calc(100% - 24px)}
  .r20-home .ta-v43-home-kicker {font-size:10px;margin-bottom:8px;letter-spacing:.15em}
  .r20-home .ta-v43-home-title {font-size:clamp(28px,7.8vw,39px);margin-bottom:9px}
  .r20-home .ta-v43-home-lede {font-size:12px;line-height:1.45;margin-bottom:16px}
  .r20-home .ta-v43-real-search form[data-r34r4-search-form] {padding:5px;column-gap:4px;row-gap:7px;border-radius:14px}
  .r20-home .ta-v43-real-search form[data-r34r4-search-form] > .r34r4-query-field {flex:1 1 125px;padding:0 3px;gap:4px}
  .r20-home .ta-v43-real-search .r34r4-query-field input[data-r34r4-query] {font-size:12px;min-height:43px;height:43px}
  .r20-home .ta-v43-real-search button.r34r4-submit {min-height:43px;font-size:12px;padding:9px 10px;border-radius:10px}
  .r20-home .ta-v43-real-search form[data-r34r4-search-form] > .r34r4-filter-field {flex:1 1 100%;}
  .r20-home .ta-v43-filter-toggle {margin-top:10px}
  .r20-home .ta-hero-art.ta-v43-filters-open .ta-hero-art__scene {height:clamp(565px,155vw,700px)}
  .r20-home .ta-hero-art.ta-v43-filters-open .ta-hero-art__search-slot {top:46%}
}
@media(min-width:701px) and (max-width:1024px) {
  .r20-home .ta-hero-art .ta-hero-art__scene {height:clamp(450px,48vw,570px)}
}
@media(prefers-reduced-motion:reduce){
  .r20-home .ta-v43-real-search button.r34r4-submit,
  .r20-home .ta-v43-filter-toggle {transition:none!important}
}


/* =======================================================================
   TATUARTE · V4.3 R4 · Acabado premium del BUSCADOR REAL
   Solo dentro de la escena artística, sin cambiar formularios ni datos.
   Las reglas con !important neutralizan estilos globales del buscador.
   ======================================================================= */
.r20-home .ta-hero-art .ta-v43-real-search {
  width: min(100%, 840px);
  filter: drop-shadow(0 15px 28px rgba(0,0,0,.32));
}
.r20-home .ta-hero-art .ta-v43-real-search form[data-r34r4-search-form] {
  position:relative;
  display:flex !important;
  align-items:center;
  flex-wrap:wrap;
  column-gap:10px;
  row-gap:10px;
  min-height:78px;
  padding:9px !important;
  border:1px solid rgba(255,195,229,.42) !important;
  border-radius:22px !important;
  background:
    radial-gradient(ellipse at 5% 0%,rgba(53,174,255,.10),transparent 45%),
    radial-gradient(ellipse at 94% 100%,rgba(245,21,127,.11),transparent 48%),
    linear-gradient(112deg,rgba(13,15,27,.97),rgba(23,16,30,.97)) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.10) inset,
             0 0 0 1px rgba(0,0,0,.16),
             0 20px 55px rgba(0,0,0,.60),
             0 0 25px rgba(205,9,106,.12) !important;
  backdrop-filter:blur(18px) saturate(1.25);
  -webkit-backdrop-filter:blur(18px) saturate(1.25);
  overflow:visible;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.r20-home .ta-hero-art .ta-v43-real-search form[data-r34r4-search-form]:focus-within {
  border-color:rgba(255,147,204,.86) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.12) inset,
             0 0 0 3px rgba(247,41,136,.12),
             0 24px 65px rgba(0,0,0,.68),
             0 0 30px rgba(236,15,128,.15) !important;
}
.r20-home .ta-hero-art .ta-v43-real-search form[data-r34r4-search-form] > .r34r4-query-field {
  display:flex !important;
  flex:1 1 300px !important;
  min-width:0 !important;
  align-items:center !important;
  gap:14px !important;
  padding:0 12px 0 16px !important;
  min-height:56px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.r20-home .ta-hero-art .ta-v43-real-search .r34r4-search-icon {
  flex:0 0 auto;
  color:#f6e7f1 !important;
  font-size:30px !important;
  line-height:1 !important;
  text-shadow:0 1px 14px rgba(255,71,154,.28);
}
/* Texto escrito y selección: blanco legible incluso ante CSS global, autofill y WebKit. */
.r20-home .ta-hero-art .ta-v43-real-search .r34r4-query-field input[data-r34r4-query],
.r20-home .ta-hero-art .ta-v43-real-search .r34r4-query-field input[data-r34r4-query]:focus,
.r20-home .ta-hero-art .ta-v43-real-search .r34r4-query-field input[data-r34r4-query]:active {
  display:block !important;
  flex:1 1 auto !important;
  width:100% !important;
  min-width:0 !important;
  min-height:56px !important;
  height:56px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  caret-color:#ffffff !important;
  font-family:inherit !important;
  font-size:clamp(18px,1.45vw,21px) !important;
  font-weight:550 !important;
  line-height:1.3 !important;
  letter-spacing:-.022em !important;
  opacity:1 !important;
  box-shadow:none !important;
  text-shadow:0 1px 4px rgba(0,0,0,.25);
}
.r20-home .ta-hero-art .ta-v43-real-search .r34r4-query-field input[data-r34r4-query]::placeholder {
  color:#ddd5e2 !important;
  -webkit-text-fill-color:#ddd5e2 !important;
  opacity:1 !important;
  font-weight:450 !important;
}
.r20-home .ta-hero-art .ta-v43-real-search .r34r4-query-field input[data-r34r4-query]::selection {
  background:#bd165f;
  color:white;
}
.r20-home .ta-hero-art .ta-v43-real-search button.r34r4-submit {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px;
  order:1;
  min-height:58px !important;
  padding:15px 29px !important;
  margin:0 !important;
  border:1px solid rgba(255,178,216,.45) !important;
  border-radius:16px !important;
  background:linear-gradient(123deg,#ff247e 0%,#f40068 51%,#db005c 100%) !important;
  color:white !important;
  font:750 clamp(15px,1.2vw,17px)/1.2 system-ui,sans-serif !important;
  letter-spacing:-.01em;
  text-shadow:0 1px 2px rgba(0,0,0,.15);
  box-shadow:0 6px 19px rgba(234,0,110,.23),0 1px 0 rgba(255,255,255,.28) inset !important;
  white-space:nowrap;
  transition:filter .2s ease,box-shadow .2s ease,transform .2s ease;
}
.r20-home .ta-hero-art .ta-v43-real-search button.r34r4-submit:hover {
  background:linear-gradient(123deg,#ff418f,#ff096e) !important;
  filter:brightness(1.04);
  box-shadow:0 8px 23px rgba(234,0,110,.36) !important;
  transform:translateY(-1px);
}
.r20-home .ta-hero-art .ta-v43-real-search button.r34r4-submit:focus-visible {
  outline:3px solid #ffc4e0 !important;
  outline-offset:3px !important;
}
.r20-home .ta-hero-art .ta-v43-filter-toggle {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  min-height:40px;
  padding:9px 17px;
  margin:13px auto 0;
  border:1px solid rgba(255,236,247,.36);
  border-radius:999px;
  background:linear-gradient(130deg,rgba(18,20,31,.92),rgba(29,19,36,.92));
  color:#fff;
  font-size:13px;
  font-weight:700;
  letter-spacing:.015em;
  box-shadow:0 8px 21px rgba(0,0,0,.28);
}
.r20-home .ta-hero-art .ta-v43-filter-toggle[hidden]{display:none!important}
.r20-home .ta-hero-art .ta-v43-filter-toggle:hover {
  background:rgba(62,26,51,.93);
  border-color:rgba(255,165,207,.75);
}
/* Los tres filtros siguen dentro del formulario GET original. */
.r20-home .ta-hero-art .ta-v43-real-search form[data-r34r4-search-form] > .r34r4-filter-field:not([hidden]) {
  min-width:0;
  flex:1 1 calc(33.333% - 12px);
  margin:0;
  padding:11px 13px;
  border:1px solid rgba(244,218,237,.20);
  border-radius:13px;
  background:rgba(28,24,39,.94);
  color:#fff;
}
.r20-home .ta-hero-art .ta-v43-real-search .r34r4-filter-field label {
  color:#ede5ef !important;
  font-size:12px !important;
  font-weight:650 !important;
}
.r20-home .ta-hero-art .ta-v43-real-search .r34r4-filter-field input,
.r20-home .ta-hero-art .ta-v43-real-search .r34r4-filter-field select {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:15px !important;
  background:rgba(28,24,39,.94) !important;
  opacity:1 !important;
}
.r20-home .ta-hero-art .ta-v43-real-search .r34r4-filter-field input::placeholder {
  color:#c8c2ce !important;
  -webkit-text-fill-color:#c8c2ce !important;
  opacity:1;
}
.r20-home .ta-hero-art .ta-v43-real-search .r34r4-filter-field option {
  color:#fff;
  background:#211b2b;
}
.r20-home .ta-hero-art .ta-v43-real-search .r34r4-live-results:not([hidden]),
.r20-home .ta-hero-art .ta-v43-real-search .r34r12-city-menu:not([hidden]) {
  z-index:40;
  border:1px solid rgba(255,146,198,.34);
  border-radius:14px;
  box-shadow:0 18px 48px rgba(0,0,0,.60);
  overflow-x:hidden;
}
@media(max-width:700px){
  .r20-home .ta-hero-art .ta-hero-art__search-slot{top:43%;width:calc(100% - 20px)}
  .r20-home .ta-hero-art .ta-v43-real-search form[data-r34r4-search-form]{padding:6px!important;gap:5px;min-height:64px;border-radius:18px!important}
  .r20-home .ta-hero-art .ta-v43-real-search form[data-r34r4-search-form] > .r34r4-query-field{flex:1 1 120px!important;min-height:48px!important;gap:8px!important;padding:0 5px 0 9px!important}
  .r20-home .ta-hero-art .ta-v43-real-search .r34r4-search-icon{font-size:23px!important}
  .r20-home .ta-hero-art .ta-v43-real-search .r34r4-query-field input[data-r34r4-query],
  .r20-home .ta-hero-art .ta-v43-real-search .r34r4-query-field input[data-r34r4-query]:focus,
  .r20-home .ta-hero-art .ta-v43-real-search .r34r4-query-field input[data-r34r4-query]:active {font-size:16px!important;min-height:48px!important;height:48px!important;letter-spacing:-.015em!important}
  .r20-home .ta-hero-art .ta-v43-real-search .r34r4-query-field input[data-r34r4-query]::placeholder{font-size:14px!important}
  .r20-home .ta-hero-art .ta-v43-real-search button.r34r4-submit{min-height:48px!important;padding:10px 12px!important;border-radius:13px!important;font-size:13px!important}
  .r20-home .ta-hero-art .ta-v43-real-search form[data-r34r4-search-form] > .r34r4-filter-field:not([hidden]){flex:1 1 100%;padding:9px 11px}
  .r20-home .ta-hero-art .ta-v43-filter-toggle{font-size:12px;min-height:38px;padding:8px 15px}
  .r20-home .ta-hero-art .ta-v43-real-search .r34r4-live-results:not([hidden]){max-height:min(38vh,280px);overflow-y:auto}
}
@media (prefers-reduced-motion:reduce){
 .r20-home .ta-hero-art .ta-v43-real-search form[data-r34r4-search-form],
 .r20-home .ta-hero-art .ta-v43-real-search button.r34r4-submit{transition:none!important;transform:none!important}
}


/* R8_HERO_PULIDO_START — logo secundario fuera; sombra controlada. */
.r20-home .ta-hero-art .ta-hero-art__signature {display:none !important;}
.r20-home .ta-hero-art .ta-hero-art__topshade {
  background:linear-gradient(180deg,rgba(5,5,12,.015),transparent 45%,rgba(1,2,8,.09)) !important;
}
.r20-home .ta-hero-art .ta-hero-art__scene::after {
  box-shadow:inset 0 0 40px rgba(0,0,0,.30) !important;
}
@media(max-width:700px){
  .r20-home .ta-hero-art .ta-hero-art__topshade {background:linear-gradient(180deg,transparent,rgba(1,2,8,.07)) !important;}
  .r20-home .ta-hero-art .ta-hero-art__scene::after {box-shadow:inset 0 0 24px rgba(0,0,0,.23) !important;}
}
/* R8_HERO_PULIDO_END */