/* Shared premium category hero for LOVENDOCR public category pages. */
.category-hero,
html[data-category-hero] .search-hero {
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  min-height:clamp(520px,46vw,620px);
  padding:72px 24px;
  overflow:hidden;
  background-color:#0a1628;
  background-repeat:no-repeat;
  background-size:cover;
  color:#fff;
}

.category-hero__content,
html[data-category-hero] .search-hero-inner {
  position:relative;
  z-index:1;
  width:min(1100px,100%);
  margin:0 auto;
}

.category-hero__content > *,
html[data-category-hero] .search-hero-inner > * {
  max-width:640px;
}

.category-hero .hero-badge,
html[data-category-hero] .search-kicker.is-visible {
  display:inline-flex;
  width:auto;
  align-items:center;
  margin:0 0 18px;
  padding:7px 12px;
  border:1px solid rgba(248,215,126,.46);
  border-radius:999px;
  background:rgba(10,22,40,.32);
  color:#f8d77e;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.category-hero h1,
html[data-category-hero] .classifieds-title {
  max-width:680px;
  margin:0 0 14px;
  color:#fff;
  font-family:'Sora','Barlow Condensed',sans-serif;
  font-size:clamp(36px,4.6vw,60px);
  font-weight:800;
  letter-spacing:0;
  line-height:1.08;
  text-align:left;
  text-transform:none;
}

.category-hero h1 em {
  color:#f8d77e;
  font-style:normal;
}

.category-hero p,
html[data-category-hero] .classifieds-sub {
  max-width:590px;
  margin:0 0 24px;
  color:rgba(255,255,255,.82);
  font-size:16px;
  line-height:1.62;
  text-align:left;
}

.category-hero .search-wrap,
html[data-category-hero] .search-main {
  width:min(620px,100%);
  max-width:620px;
  margin:0 0 16px;
}

.category-hero .search-box,
html[data-category-hero] .search-main {
  box-shadow:0 18px 42px rgba(3,12,30,.3);
}

html[data-category-hero] .search-tags {
  max-width:620px;
  justify-content:flex-start;
}

html[data-category-hero] .search-tag {
  border:1px solid rgba(255,255,255,.14);
  background:rgba(10,22,40,.36);
  color:rgba(255,255,255,.88);
}

html[data-category-hero] .search-tag:hover,
html[data-category-hero] .search-tag:focus-visible {
  border-color:rgba(248,215,126,.66);
  background:rgba(10,22,40,.56);
}

.category-hero--vehiculos,
html[data-category-hero="vehiculos"] .search-hero {
  background-image:
    linear-gradient(90deg,rgba(5,18,42,.98) 0%,rgba(8,35,82,.89) 35%,rgba(8,35,82,.4) 65%,rgba(8,35,82,.1) 100%),
    url('/assets/img/heroes/hero-vehiculos.png');
  background-position:70% center;
}

.category-hero--inmuebles,
html[data-category-hero="inmuebles"] .search-hero {
  background-image:
    linear-gradient(90deg,rgba(5,18,42,.98) 0%,rgba(8,35,82,.89) 35%,rgba(8,35,82,.4) 65%,rgba(8,35,82,.1) 100%),
    url('/assets/img/heroes/hero-inmuebles.png');
  background-position:75% center;
}

.category-hero--servicios,
html[data-category-hero="servicios"] .search-hero {
  background-image:
    linear-gradient(90deg,rgba(5,18,42,.98) 0%,rgba(8,35,82,.89) 35%,rgba(8,35,82,.42) 65%,rgba(8,35,82,.12) 100%),
    url('/assets/img/heroes/hero-servicios.png');
  background-position:72% center;
}

@supports (background-image:image-set(url('/assets/img/heroes/hero-vehiculos.webp') type('image/webp'))) {
  .category-hero--vehiculos,
  html[data-category-hero="vehiculos"] .search-hero {
    background-image:
      linear-gradient(90deg,rgba(5,18,42,.98) 0%,rgba(8,35,82,.89) 35%,rgba(8,35,82,.4) 65%,rgba(8,35,82,.1) 100%),
      image-set(url('/assets/img/heroes/hero-vehiculos.webp') type('image/webp'),url('/assets/img/heroes/hero-vehiculos.png') type('image/png'));
  }

  .category-hero--inmuebles,
  html[data-category-hero="inmuebles"] .search-hero {
    background-image:
      linear-gradient(90deg,rgba(5,18,42,.98) 0%,rgba(8,35,82,.89) 35%,rgba(8,35,82,.4) 65%,rgba(8,35,82,.1) 100%),
      image-set(url('/assets/img/heroes/hero-inmuebles.webp') type('image/webp'),url('/assets/img/heroes/hero-inmuebles.png') type('image/png'));
  }

  .category-hero--servicios,
  html[data-category-hero="servicios"] .search-hero {
    background-image:
      linear-gradient(90deg,rgba(5,18,42,.98) 0%,rgba(8,35,82,.89) 35%,rgba(8,35,82,.42) 65%,rgba(8,35,82,.12) 100%),
      image-set(url('/assets/img/heroes/hero-servicios.webp') type('image/webp'),url('/assets/img/heroes/hero-servicios.png') type('image/png'));
  }
}

@media (max-width:768px) {
  .category-hero,
  html[data-category-hero] .search-hero {
    align-items:flex-end;
    min-height:580px;
    padding:64px 20px 42px;
  }

  .category-hero--vehiculos,
  html[data-category-hero="vehiculos"] .search-hero {
    background-image:
      linear-gradient(180deg,rgba(5,18,42,.2) 0%,rgba(5,18,42,.72) 50%,rgba(5,18,42,.98) 100%),
      url('/assets/img/heroes/hero-vehiculos.png');
    background-position:67% center;
  }

  .category-hero--inmuebles,
  html[data-category-hero="inmuebles"] .search-hero {
    background-image:
      linear-gradient(180deg,rgba(5,18,42,.2) 0%,rgba(5,18,42,.72) 50%,rgba(5,18,42,.98) 100%),
      url('/assets/img/heroes/hero-inmuebles.png');
    background-position:72% center;
  }

  .category-hero--servicios,
  html[data-category-hero="servicios"] .search-hero {
    background-image:
      linear-gradient(180deg,rgba(5,18,42,.2) 0%,rgba(5,18,42,.72) 50%,rgba(5,18,42,.98) 100%),
      url('/assets/img/heroes/hero-servicios.png');
    background-position:70% center;
  }

  .category-hero__content,
  html[data-category-hero] .search-hero-inner {
    text-align:center;
  }

  .category-hero__content > *,
  html[data-category-hero] .search-hero-inner > * {
    margin-left:auto;
    margin-right:auto;
  }

  .category-hero .hero-badge,
  html[data-category-hero] .search-kicker.is-visible {
    display:inline-flex;
  }

  .category-hero h1,
  html[data-category-hero] .classifieds-title,
  .category-hero p,
  html[data-category-hero] .classifieds-sub {
    text-align:center;
  }

  html[data-category-hero] .search-tags {
    justify-content:center;
  }

  .category-hero .search-box {
    width:100%;
    min-width:0;
    padding:6px;
    flex-direction:column;
    align-items:stretch;
  }

  .category-hero .search-box input,
  .category-hero .search-btn {
    width:100%;
    min-width:0;
  }

  .category-hero .search-box input {
    min-height:42px;
    padding:0 12px;
  }

  .category-hero .search-btn {
    min-height:44px;
  }
}

@media (max-width:768px) {
  @supports (background-image:image-set(url('/assets/img/heroes/hero-vehiculos.webp') type('image/webp'))) {
    .category-hero--vehiculos,
    html[data-category-hero="vehiculos"] .search-hero {
      background-image:
        linear-gradient(180deg,rgba(5,18,42,.2) 0%,rgba(5,18,42,.72) 50%,rgba(5,18,42,.98) 100%),
        image-set(url('/assets/img/heroes/hero-vehiculos.webp') type('image/webp'),url('/assets/img/heroes/hero-vehiculos.png') type('image/png'));
    }

    .category-hero--inmuebles,
    html[data-category-hero="inmuebles"] .search-hero {
      background-image:
        linear-gradient(180deg,rgba(5,18,42,.2) 0%,rgba(5,18,42,.72) 50%,rgba(5,18,42,.98) 100%),
        image-set(url('/assets/img/heroes/hero-inmuebles.webp') type('image/webp'),url('/assets/img/heroes/hero-inmuebles.png') type('image/png'));
    }

    .category-hero--servicios,
    html[data-category-hero="servicios"] .search-hero {
      background-image:
        linear-gradient(180deg,rgba(5,18,42,.2) 0%,rgba(5,18,42,.72) 50%,rgba(5,18,42,.98) 100%),
        image-set(url('/assets/img/heroes/hero-servicios.webp') type('image/webp'),url('/assets/img/heroes/hero-servicios.png') type('image/png'));
    }
  }
}

@media (max-width:440px) {
  .category-hero,
  html[data-category-hero] .search-hero {
    min-height:540px;
    padding:52px 16px 30px;
  }

  .category-hero h1,
  html[data-category-hero] .classifieds-title {
    font-size:34px;
  }

  .category-hero p,
  html[data-category-hero] .classifieds-sub {
    font-size:14px;
  }
}