/* TATUARTE R28 · CINCO PASADAS DE PORTADA
   Objetivo: menos hueco, más intención de búsqueda, imagen más inmersiva,
   jerarquía editorial más limpia y una portada que se explique sola. */

/* PASADA 1 · COMPOSICIÓN: hero realmente full-width y fotografía con más peso. */
.r28-body .r20-hero{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  grid-template-columns:minmax(0,54fr) minmax(440px,46fr)!important;
  min-height:clamp(560px,66vh,700px)!important;
}
.r28-body .r20-hero-copy{
  padding-left:max(28px,calc((100vw - 1680px)/2 + 64px))!important;
  padding-right:clamp(28px,3.2vw,58px)!important;
  padding-top:34px!important;
  padding-bottom:34px!important;
  justify-content:center!important;
}
.r28-body .r20-hero-media,
.r28-body .r20-hero-media>.media-frame,
.r28-body .r20-hero-media>img,
.r28-body .r20-hero-media>.r19-demo-visual,
.r28-body .r20-hero-placeholder{
  min-height:clamp(560px,66vh,700px)!important;
}
.r28-body .r20-hero-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:scale(1.012);
}
.r28-body .r20-hero-media-shade{
  background:
    linear-gradient(90deg,rgba(8,9,12,.58) 0%,rgba(8,9,12,.12) 24%,rgba(8,9,12,.03) 70%,rgba(8,9,12,.14) 100%),
    linear-gradient(0deg,rgba(8,9,12,.50),transparent 46%)!important;
}

/* PASADA 2 · BÚSQUEDA: más centrada, algo más compacta y claramente prioritaria. */
.r28-body .r20-kicker{display:none!important}
.r28-body .r20-hero h1{
  max-width:16.5ch!important;
  margin:0 0 18px!important;
  font-size:clamp(58px,4.65vw,84px)!important;
  line-height:.94!important;
  letter-spacing:-.058em!important;
  font-weight:660!important;
  text-wrap:balance!important;
}
.r28-search-stage{
  width:min(720px,calc(100% + 56px))!important;
  max-width:none!important;
  margin:0 -56px 4px 0!important;
  align-self:flex-start!important;
}
.r28-search-stage:before{
  inset:-14px -18px -16px!important;
  opacity:.58!important;
  filter:blur(16px)!important;
}
.r28-body .r26-search{
  min-height:64px!important;
  border-radius:12px!important;
  box-shadow:0 18px 54px rgba(0,0,0,.34),0 0 0 1px rgba(154,147,255,.07)!important;
}
.r28-body .r26-search:focus-within{
  transform:translateY(-1px)!important;
  box-shadow:0 24px 64px rgba(0,0,0,.39),0 0 0 3px rgba(157,223,255,.24),0 0 44px rgba(145,136,255,.14)!important;
}
.r28-body .r26-search input{
  height:62px!important;
  font-size:16px!important;
  font-weight:620!important;
}
.r28-body .r26-search button{
  min-width:118px!important;
  min-height:54px!important;
  margin:5px!important;
  border-radius:8px!important;
  font-size:12px!important;
}
.r28-body .r26-quick{
  justify-content:flex-start!important;
  gap:7px!important;
  margin-top:9px!important;
}
.r28-body .r26-quick a{
  min-height:32px!important;
  padding:0 12px!important;
  font-size:12px!important;
}
.r28-body .r26-hero-lede{display:none!important}

/* PASADA 3 · CABECERA + MICROCOPY: menos marco, menos etiquetas, cero rastro de "muestra/demo". */
.r28-body .r19-header{min-height:62px!important}
.r28-body .r19-logo{min-height:62px!important;padding-left:clamp(18px,2.4vw,40px)!important;padding-right:clamp(18px,2.4vw,40px)!important}
.r28-body .r19-nav{height:62px!important;min-width:0!important}
.r28-body .r19-nav a{min-height:62px!important;min-width:0!important;padding-left:16px!important;padding-right:16px!important}
.r28-body .r19-head-actions{height:62px!important;padding-left:18px!important;padding-right:22px!important;gap:9px!important}
.r28-body .r19-search-link{min-height:34px!important;padding:0 13px!important}
.r28-body .r20-hero-media-meta{display:none!important}
.r28-body .r20-demo-card:after,
.r28-body .r20-demo-chip:after{
  content:none!important;
  display:none!important;
}
.r28-body .r22-utility-copy>span,
.r28-body .r20-portal-intro>span,
.r28-body .r20-discovery .r20-section-head>div>span,
.r28-body .r24-audience-head>span,
.r28-body .r22-trust-head>span,
.r28-body .r20-mini-head>span,
.r28-body .r25-pro-services-head>div>span,
.r28-body .r25-sector-services-head>div>span{
  display:none!important;
}

/* PASADA 4 · DENSIDAD: portal más compacto, menos texto explicando lo obvio. */
.r28-body .r23-utility-inner{padding-top:25px!important;padding-bottom:25px!important}
.r28-body .r22-utility-copy h2{font-size:clamp(31px,2.45vw,44px)!important}
.r28-body .r22-utility-copy p{display:none!important}
.r28-body .r22-utility-steps>div{padding:14px 16px!important}
.r28-body .r22-utility-steps b{margin-bottom:10px!important;font-size:10px!important}
.r28-body .r22-utility-steps strong{font-size:18px!important}
.r28-body .r22-utility-steps span{margin-top:4px!important;font-size:12.5px!important}
.r28-body .r22-project-link{min-height:104px!important;padding:17px 19px!important;border-radius:8px!important}
.r28-body .r22-project-link>strong{font-size:19px!important}
.r28-body .r24-national-inner{padding-top:42px!important;padding-bottom:44px!important}
.r28-body .r24-national-head{margin-bottom:18px!important}
.r28-body .r24-national-head h2{font-size:clamp(38px,3.4vw,58px)!important}
.r28-body .r24-national-head p{font-size:14px!important}
.r28-body .r20-portal .r23-band-inner,
.r28-body .r20-styles .r23-band-inner{padding-top:36px!important;padding-bottom:38px!important}
.r28-body .r20-discovery .r23-band-inner,
.r28-body .r24-audiences-inner,
.r28-body .r23-trust-inner{padding-top:38px!important;padding-bottom:40px!important}
.r28-body .r20-section-head{margin-bottom:18px!important}
.r28-body .r20-section-head h2{font-size:clamp(36px,3.45vw,58px)!important}
.r28-body .r20-section-head>p{max-width:52ch!important;font-size:14px!important;line-height:1.48!important}
.r28-body .r24-audience-card p,
.r28-body .r22-trust-grid span,
.r28-body .r20-pro-cta p{font-size:13px!important;line-height:1.46!important}

/* PASADA 5 · PULIDO: más presencia donde importa, menos cajas visualmente tímidas. */
.r28-body .r20-portal-card{min-height:206px!important;border-radius:6px!important}
.r28-body .r20-portal-copy h3{font-size:clamp(27px,2.1vw,38px)!important}
.r28-body .r20-portal-copy p{font-size:12px!important;line-height:1.42!important}
.r28-body .r20-style-card{border-radius:6px!important}
.r28-body .r20-style-media{height:158px!important}
.r28-body .r20-style-copy{min-height:120px!important}
.r28-body .r20-style-copy h3{font-size:21px!important}
.r28-body .r20-style-copy p{font-size:12px!important;line-height:1.43!important}
.r28-body .r20-discovery-panel{border-radius:6px!important}
.r28-body .r20-panel-head h3{font-size:18px!important}
.r28-body .r24-index-links strong,
.r28-body .r20-compact-list strong,
.r28-body .r20-city-links strong,
.r28-body .r20-guide-links strong{font-weight:720!important}
.r28-body .r25-pro-ecosystem-inner{padding-top:42px!important;padding-bottom:44px!important}
.r28-body .r25-pro-services-head{margin-bottom:18px!important}
.r28-body .r25-pro-services-head h2{font-size:clamp(38px,3.45vw,56px)!important}
.r28-body .r25-house-services{grid-template-columns:1.55fr 1fr 1fr!important}
.r28-body .r25-service-card{min-height:224px!important}
.r28-body .r25-sector-service-grid a{min-height:128px!important}

/* Responsive: conservar claridad sin empujar el buscador sobre la foto. */
@media(max-width:1320px){
  .r28-body .r20-hero{grid-template-columns:minmax(0,57fr) minmax(390px,43fr)!important}
  .r28-body .r20-hero-copy{padding-left:clamp(28px,4vw,54px)!important}
  .r28-search-stage{width:min(680px,calc(100% + 36px))!important;margin-right:-36px!important}
  .r28-body .r20-hero h1{font-size:clamp(54px,5.1vw,76px)!important}
  .r28-body .r19-nav a{padding-left:13px!important;padding-right:13px!important;font-size:11.5px!important}
}
@media(max-width:1040px){
  .r28-body .r20-hero{grid-template-columns:1fr!important;min-height:auto!important}
  .r28-body .r20-hero-copy{padding:38px clamp(24px,5vw,52px) 34px!important}
  .r28-search-stage{width:100%!important;margin:0 0 8px!important}
  .r28-body .r20-hero h1{max-width:16ch!important}
  .r28-body .r20-hero-media,
  .r28-body .r20-hero-media>.media-frame,
  .r28-body .r20-hero-media>img,
  .r28-body .r20-hero-media>.r19-demo-visual,
  .r28-body .r20-hero-placeholder{min-height:390px!important}
}
@media(max-width:720px){
  .r28-body .r19-header{min-height:60px!important}
  .r28-body .r20-hero-copy{padding:30px 20px 28px!important}
  .r28-body .r20-hero h1{max-width:12ch!important;font-size:clamp(43px,12.3vw,62px)!important;line-height:.95!important}
  .r28-body .r26-search{min-height:60px!important}
  .r28-body .r26-search input{height:58px!important;font-size:15.5px!important}
  .r28-body .r26-search button{min-width:94px!important;min-height:50px!important}
  .r28-body .r26-quick{overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:3px!important}
  .r28-body .r20-hero-media,
  .r28-body .r20-hero-media>.media-frame,
  .r28-body .r20-hero-media>img,
  .r28-body .r20-hero-media>.r19-demo-visual,
  .r28-body .r20-hero-placeholder{min-height:320px!important}
}
@media(prefers-reduced-motion:reduce){
  .r28-body .r26-search{transition:none!important}
  .r28-body .r26-search:focus-within{transform:none!important}
  .r28-body .r20-hero-media img{transform:none!important}
}