/* TATUARTE R27 · BÚSQUEDA MAGNÉTICA + HERO LIMPIO
   Layered after R26. Search must feel like the obvious first action, without
   sacrificing the dark editorial identity or the national-directory structure. */

.r27-body{--r27-search-glow:rgba(145,136,255,.22);--r27-search-ice:rgba(157,223,255,.20)}

/* Hero: more horizontal room, fewer accidental line breaks, stronger title rhythm. */
.r27-body .r20-hero{grid-template-columns:minmax(0,1.26fr) minmax(390px,.74fr);min-height:clamp(560px,69vh,720px)}
.r27-body .r20-hero-copy{padding-top:40px!important;padding-bottom:38px!important;justify-content:center}
.r27-body .r20-kicker{margin-bottom:13px!important;font-size:11.5px!important;color:#abb3bf!important}
.r27-body .r20-hero h1{max-width:21ch!important;margin:0 0 15px!important;font-size:clamp(56px,5vw,86px)!important;line-height:.93!important;letter-spacing:-.06em!important;font-weight:650!important;text-wrap:balance}
.r27-body .r26-hero-lede{max-width:54ch!important;margin-top:8px!important;color:#c4cad3!important;font-size:15.5px!important;line-height:1.48!important}

/* The field itself explains the action. Hide decorative labels, not functionality. */
.r27-body .r26-search-label{display:none!important}
.r27-search-stage{position:relative;z-index:7;align-self:center;width:min(960px,calc(100% + 150px));max-width:none!important;margin:0 -150px 10px 0!important}
.r27-search-stage:before{content:"";position:absolute;inset:-18px -22px -20px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,var(--r27-search-glow),transparent 66%),radial-gradient(ellipse at 70% 56%,var(--r27-search-ice),transparent 62%);filter:blur(18px);opacity:.72}
.r27-body .r26-search{min-height:78px!important;border:1px solid rgba(255,255,255,.96)!important;border-radius:14px!important;background:rgba(248,248,246,.98)!important;box-shadow:0 24px 70px rgba(0,0,0,.38),0 0 0 1px rgba(154,147,255,.07)!important;transition:box-shadow .22s ease,transform .22s ease!important}
.r27-body .r26-search:focus-within{transform:translateY(-2px);box-shadow:0 30px 78px rgba(0,0,0,.42),0 0 0 3px rgba(157,223,255,.28),0 0 58px rgba(145,136,255,.16)!important}
.r27-body .r26-search .r20-search-icon{font-size:24px!important;color:#424955!important}
.r27-body .r26-search input{height:76px!important;padding-right:18px!important;font-size:18px!important;font-weight:620!important;letter-spacing:-.018em!important;color:#101319!important}
.r27-body .r26-search input::placeholder{color:#6f7782!important;opacity:1}
.r27-body .r26-search button{min-width:148px!important;min-height:64px!important;margin:6px!important;border-radius:9px!important;background:linear-gradient(135deg,#11141b 0%,#191d29 64%,#272544 100%)!important;color:#fff!important;font-size:13px!important;font-weight:820!important;letter-spacing:.055em!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important}
.r27-body .r26-search button:hover{background:linear-gradient(135deg,#171b24 0%,#22283a 58%,#302e55 100%)!important}
.r27-body .r26-quick{justify-content:center!important;gap:8px!important;margin-top:12px!important}
.r27-body .r26-quick>span{display:none!important}
.r27-body .r26-quick a{min-height:35px!important;padding:0 13px!important;border-color:rgba(255,255,255,.16)!important;background:rgba(255,255,255,.035)!important;color:#d4d9e1!important;font-size:12.5px!important;font-weight:690!important}
.r27-body .r26-quick a:hover{border-color:rgba(157,223,255,.48)!important;background:rgba(157,223,255,.07)!important;color:#fff!important}

/* Fallback photography is visual atmosphere, not something that needs editorial labels. */
.r27-body .r20-hero-media-meta:empty{display:none!important}

/* Remove redundant eyebrow/microcopy where the heading already explains the section. */
.r27-body .r22-utility-copy>span,
.r27-body .r20-portal-intro>span,
.r27-body .r20-discovery .r20-section-head>div>span,
.r27-body .r24-audience-head>span,
.r27-body .r22-trust-head>span,
.r27-body .r20-pro-cta .r23-pro-inner>div:first-child>span{display:none!important}

/* Preserve typography presence while avoiding tiny supporting copy. */
.r27-body .r22-utility-copy p,.r27-body .r24-national-head p,.r27-body .r20-section-head>p,.r27-body .r24-audience-card p,.r27-body .r20-pro-cta p{font-size:15px!important}
.r27-body .r22-utility-steps span,.r27-body .r24-index-links span,.r27-body .r20-portal-copy p,.r27-body .r20-style-copy p,.r27-body .r22-trust-grid span,.r27-body .r20-compact-list span,.r27-body .r20-work-strip span{font-size:13px!important;line-height:1.5!important}
.r27-body .r22-utility-steps strong,.r27-body .r24-index-links strong,.r27-body .r22-trust-grid strong,.r27-body .r20-compact-list strong{font-size:14.5px!important}

@media(max-width:1280px){
  .r27-body .r20-hero{grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr)}
  .r27-search-stage{width:min(860px,calc(100% + 80px));margin-right:-80px!important}
  .r27-body .r20-hero h1{max-width:20ch!important;font-size:clamp(54px,5.4vw,78px)!important}
}
@media(max-width:980px){
  .r27-body .r20-hero{grid-template-columns:1fr;min-height:auto}
  .r27-search-stage{width:100%;margin:0 0 12px!important}
  .r27-body .r20-hero h1{max-width:16ch!important}
}
@media(max-width:720px){
  .r27-body .r20-hero-copy{padding-top:30px!important;padding-bottom:30px!important}
  .r27-body .r20-hero h1{max-width:12ch!important;font-size:clamp(44px,12.5vw,64px)!important;line-height:.94!important}
  .r27-body .r26-search{min-height:62px!important;border-radius:11px!important;grid-template-columns:38px minmax(0,1fr) auto!important}
  .r27-body .r26-search input{height:60px!important;font-size:16px!important}
  .r27-body .r26-search button{min-width:94px!important;min-height:50px!important;margin:5px!important;padding:0 12px!important;font-size:11.5px!important}
  .r27-body .r26-quick{justify-content:flex-start!important;overflow-x:auto;flex-wrap:nowrap!important}
}
@media(prefers-reduced-motion:reduce){
  .r27-body .r26-search{transition:none!important}
  .r27-body .r26-search:focus-within{transform:none!important}
}