/* 🔹 Critical CSS inline (se puede mover a CSS externo luego) */

.acf-gbr-static-hero {

  position: relative;

  overflow: hidden;

  min-height: 100vh;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

}

.acf-gbr-static-hero__media {

  position: absolute;

  inset: 0;

  margin: 0;

  z-index: 0;

}

.acf-gbr-static-hero__img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  display: block;

}

.acf-gbr-static-hero__overlay {

  position: relative;

  z-index: 1;

  background: rgba(0, 0, 0, 0.4);

  color: #fff;

  padding: 6rem 2rem;

  max-width: 100%;

}

.acf-gbr-static-hero__title {

  font-size: clamp(2rem, 5vw, 3rem);

  margin-bottom: 0.5rem;

}

.acf-gbr-static-hero__subtitle {

  font-size: clamp(1.2rem, 3vw, 1.6rem);

}