/* TATUARTE R8-HF6. Scope: /buscar via conditional layout link. No modifications to SER-certified search views or JS. */
@media (min-width: 901px) {
 body .tu-page:has(.tu-search--page) {background:#09090e;}
 body .tu-page:has(.tu-search--page) > .tu-page-shell {width:min(1120px,calc(100% - 48px))!important;max-width:1120px!important;margin:0 auto!important;padding:32px 0 42px!important;}
 body .tu-page:has(.tu-search--page) .tu-page-intro {text-align:center!important;padding:0!important;margin:0 0 22px!important;}
 body .tu-page:has(.tu-search--page) .tu-page-intro h1 {font-size:clamp(31px,3vw,42px)!important;line-height:1.12!important;letter-spacing:-.04em!important;margin:0!important;}
 body .tu-page .tu-search--page {width:100%!important;max-width:none!important;padding:17px 19px!important;margin:0 auto!important;background:linear-gradient(140deg,#19141f,#121017)!important;border:1px solid #3c2b42!important;border-radius:14px!important;box-shadow:0 16px 44px #0005!important;box-sizing:border-box!important;overflow:visible!important;}
 body .tu-search--page form[data-tu-form] {display:grid!important;grid-template-columns:minmax(320px,1.25fr) minmax(375px,1fr)!important;grid-template-rows:52px auto!important;column-gap:14px!important;row-gap:14px!important;align-items:start!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;}
 body .tu-search--page form[data-tu-form] > .tu-label {position:absolute!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;overflow:hidden!important;white-space:nowrap!important;}
 body .tu-search--page form[data-tu-form] > .tu-query {grid-area:1 / 1!important;display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;height:52px!important;min-height:52px!important;margin:0!important;padding:5px 6px 5px 13px!important;border:1px solid #49364c!important;border-radius:10px!important;background:#241c2b!important;box-sizing:border-box!important;}
 body .tu-search--page .tu-query .tu-mag {flex:0 0 auto!important;font-size:19px!important;color:#dbb9ce!important;}
 body .tu-search--page .tu-query input[data-tu-query] {flex:1 1 auto!important;width:100%!important;min-width:0!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0 3px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;font-size:15px!important;line-height:1.3!important;}
 body .tu-search--page .tu-query button {flex:0 0 auto!important;height:40px!important;min-height:40px!important;min-width:94px!important;width:auto!important;margin:0!important;padding:0 16px!important;border-radius:8px!important;background:#d20976!important;border:1px solid #ed3497!important;color:#fff!important;font-size:14px!important;font-weight:700!important;}
 body .tu-search--page form[data-tu-form] > .tu-advanced-controls {grid-area:1 / 2!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;min-width:0!important;width:100%!important;margin:0!important;padding:0!important;}
 body .tu-search--page .tu-advanced-controls .tu-field {display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;min-width:0!important;height:52px!important;min-height:52px!important;margin:0!important;padding:5px 11px!important;border:1px solid #49364c!important;border-radius:10px!important;background:#241c2b!important;box-sizing:border-box!important;}
 body .tu-search--page .tu-advanced-controls .tu-field label {font-size:11px!important;line-height:1.2!important;font-weight:600!important;color:#cab6c7!important;margin:0!important;}
 body .tu-search--page .tu-advanced-controls select {display:block!important;min-width:0!important;width:100%!important;height:25px!important;min-height:25px!important;margin:0!important;padding:0 4px!important;border:0!important;background:transparent!important;color:#faf5fb!important;box-shadow:none!important;font-size:14px!important;line-height:1.3!important;}
 body .tu-search--page form[data-tu-form] > .tu-kinds {grid-area:2 / 1 / 3 / 3!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;height:auto!important;min-height:0!important;min-width:0!important;width:100%!important;margin:0!important;padding:12px 0 0!important;border:0!important;border-top:1px solid #3a2a42!important;border-radius:0!important;background:transparent!important;box-sizing:border-box!important;}
 body .tu-search--page .tu-kinds legend {position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;}
 body .tu-search--page .tu-kinds .tu-chip {display:inline-flex!important;flex:0 0 auto!important;min-width:0!important;margin:0!important;padding:0!important;}
 body .tu-search--page .tu-kinds .tu-chip span {display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:9px 14px!important;min-height:34px!important;font-size:13px!important;line-height:1.3!important;font-weight:600!important;white-space:nowrap!important;}
 body .tu-search--page form[data-tu-form] > .tu-hint {grid-column:1/-1!important;grid-row:3!important;margin:0!important;padding:0!important;font-size:12px!important;}
 body .tu-search--page .tu-live-results {z-index:50!important;}
 body .tu-page:has(.tu-search--page) .tu-page-results {margin-top:22px!important;}
}
@media (min-width:901px) and (max-width:1040px) {
 body .tu-search--page form[data-tu-form] {grid-template-columns:minmax(275px,1.1fr) minmax(330px,1fr)!important;gap:12px!important;}
 body .tu-search--page .tu-kinds .tu-chip span {font-size:12px!important;padding:8px 11px!important;}
}
@media (max-width:900px) {
 body .tu-page:has(.tu-search--page) > .tu-page-shell {padding:24px 14px 36px!important;}
 body .tu-page:has(.tu-search--page) .tu-page-intro {text-align:center!important;margin:0 0 16px!important;}
 body .tu-page:has(.tu-search--page) .tu-search--page {width:100%!important;max-width:720px!important;margin:0 auto!important;padding:15px!important;border-radius:12px!important;border:1px solid #3a2a42!important;background:#17131e!important;}
 body .tu-search--page form[data-tu-form] {display:flex!important;flex-direction:column!important;gap:12px!important;min-height:0!important;}
 body .tu-search--page form[data-tu-form] > .tu-query,body .tu-search--page form[data-tu-form] > .tu-kinds,body .tu-search--page form[data-tu-form] > .tu-advanced-controls {width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box!important;}
 body .tu-search--page .tu-kinds {order:3!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;}
 body .tu-search--page .tu-kinds .tu-chip span {font-size:13px!important;padding:8px 12px!important;}
 body .tu-search--page .tu-query input[data-tu-query] {font-size:14px!important;min-width:0!important;}
 body .tu-search--page .tu-advanced-controls {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
}
@media(max-width:520px){body .tu-search--page .tu-advanced-controls{grid-template-columns:1fr!important;}}


/* R8-HF7: contraste de opciones nativas en Chrome/Windows y otros navegadores.
   Solo afecta a los dos select de /buscar. El sistema operativo puede dibujar
   el popup nativo; color-scheme solicita su tema oscuro cuando está disponible. */
body .tu-page:has(.tu-search--page) .tu-search--page .tu-advanced-controls select {
  color-scheme: dark !important;
  background-color: #241c2b !important;
  color: #f9f3fa !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  -webkit-text-fill-color: #f9f3fa;
  accent-color: #d20b76;
}
body .tu-page:has(.tu-search--page) .tu-search--page .tu-advanced-controls select option,
body .tu-page:has(.tu-search--page) .tu-search--page .tu-advanced-controls select optgroup {
  background-color: #241c2b !important;
  color: #f9f3fa !important;
  font: 500 14px/1.5 system-ui, -apple-system, 'Segoe UI', sans-serif !important;
}
body .tu-page:has(.tu-search--page) .tu-search--page .tu-advanced-controls select option:checked {
  background-color: #6d2050 !important;
  color: #ffffff !important;
}
body .tu-page:has(.tu-search--page) .tu-search--page .tu-advanced-controls select:focus-visible {
  outline: 2px solid #fa69ab !important;
  outline-offset: 2px !important;
}
