/*
 * Realtor Center 2.0
 * Ajuste puntual de HERO INICIO.
 * Objetivo:
 * - Quitar espacio entre menú y hero.
 * - Mantener la imagen hero-realtor-center.png.
 * - Mover el texto a la izquierda.
 * - Reducir altura/zoom visual del hero.
 * - Evitar textos encimados.
 * - No modificar footer, desarrollos, propiedades ni otras secciones.
 */

/* Sin espacio entre header y primera sección */
body.home #content,
body.home .site-content,
body.home main,
body.home .site-main,
body.home .entry-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Hero principal */
body.home .rc-hero,
body.home .rc-home-hero,
body.home .rc-home__hero,
body.home .home-hero,
body.home .hero,
body.home .hero-section,
body.home .inicio-hero,
body.home .front-hero {
  margin-top: 0 !important;
  margin-bottom: 0 !important;

  min-height: 640px !important;
  height: auto !important;

  padding: 92px 0 96px !important;
  box-sizing: border-box !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Overlay sobrio, sin oscurecer de más */
body.home .rc-hero::before,
body.home .rc-home-hero::before,
body.home .rc-home__hero::before,
body.home .home-hero::before,
body.home .hero::before,
body.home .hero-section::before,
body.home .inicio-hero::before,
body.home .front-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(
      90deg,
      rgba(11, 11, 11, 0.88) 0%,
      rgba(11, 11, 11, 0.72) 36%,
      rgba(11, 11, 11, 0.30) 62%,
      rgba(11, 11, 11, 0.10) 100%
    ) !important;
  z-index: 1 !important;
}

/* Asegurar contexto para overlay */
body.home .rc-hero,
body.home .rc-home-hero,
body.home .rc-home__hero,
body.home .home-hero,
body.home .hero,
body.home .hero-section,
body.home .inicio-hero,
body.home .front-hero {
  position: relative !important;
  overflow: hidden !important;
}

/* Contenedor interno: texto a la izquierda */
body.home .rc-hero .container,
body.home .rc-hero__inner,
body.home .rc-home-hero__inner,
body.home .home-hero__inner,
body.home .hero__inner,
body.home .hero-content,
body.home .rc-hero-content {
  position: relative !important;
  z-index: 2 !important;

  width: min(100% - 48px, 1380px) !important;
  max-width: 1380px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;

  text-align: left !important;
}

/* Limitar ancho real del bloque de texto */
body.home .rc-hero .container > *,
body.home .rc-hero__inner > *,
body.home .rc-home-hero__inner > *,
body.home .home-hero__inner > *,
body.home .hero__inner > *,
body.home .hero-content > *,
body.home .rc-hero-content > * {
  max-width: 720px !important;
}

/* Eyebrow */
body.home .rc-hero .rc-eyebrow,
body.home .rc-home-hero .rc-eyebrow,
body.home .home-hero .rc-eyebrow,
body.home .hero .rc-eyebrow,
body.home .hero-section .rc-eyebrow,
body.home .inicio-hero .rc-eyebrow,
body.home .front-hero .rc-eyebrow {
  margin: 0 0 20px !important;
  color: #D9A84E !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* Título limpio, no gigante */
body.home .rc-hero h1,
body.home .rc-home-hero h1,
body.home .home-hero h1,
body.home .hero h1,
body.home .hero-section h1,
body.home .inicio-hero h1,
body.home .front-hero h1 {
  margin: 0 0 24px !important;

  max-width: 700px !important;

  color: #ffffff !important;
  font-size: clamp(56px, 5.8vw, 86px) !important;
  line-height: 0.96 !important;
  letter-spacing: -0.045em !important;

  text-align: left !important;
}

/* Texto debajo del título */
body.home .rc-hero p,
body.home .rc-home-hero p,
body.home .home-hero p,
body.home .hero p,
body.home .hero-section p,
body.home .inicio-hero p,
body.home .front-hero p {
  margin: 0 0 32px !important;

  max-width: 640px !important;

  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 19px !important;
  line-height: 1.55 !important;

  text-align: left !important;
}

/* Botones debajo del texto */
body.home .rc-hero-actions,
body.home .hero-actions,
body.home .home-hero-actions,
body.home .rc-hero__actions,
body.home .rc-hero .actions,
body.home .hero .actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 16px !important;

  margin-top: 0 !important;
  max-width: none !important;

  position: relative !important;
  z-index: 3 !important;
}

/* Evitar que botones se monten encima del texto */
body.home .rc-hero a,
body.home .rc-home-hero a,
body.home .home-hero a,
body.home .hero a,
body.home .hero-section a,
body.home .inicio-hero a,
body.home .front-hero a {
  position: relative !important;
  z-index: 3 !important;
}

/* Desktop grande: más izquierda, sin quedar centrado */
@media (min-width: 1200px) {
  body.home .rc-hero .container,
  body.home .rc-hero__inner,
  body.home .rc-home-hero__inner,
  body.home .home-hero__inner,
  body.home .hero__inner,
  body.home .hero-content,
  body.home .rc-hero-content {
    width: min(100% - 140px, 1380px) !important;
  }
}

/* Pantallas medianas */
@media (max-width: 1024px) {
  body.home .rc-hero,
  body.home .rc-home-hero,
  body.home .rc-home__hero,
  body.home .home-hero,
  body.home .hero,
  body.home .hero-section,
  body.home .inicio-hero,
  body.home .front-hero {
    min-height: 600px !important;
    padding: 76px 0 84px !important;
    background-position: center center !important;
  }

  body.home .rc-hero h1,
  body.home .rc-home-hero h1,
  body.home .home-hero h1,
  body.home .hero h1,
  body.home .hero-section h1,
  body.home .inicio-hero h1,
  body.home .front-hero h1 {
    font-size: clamp(46px, 8vw, 68px) !important;
  }
}

/* Mobile */
@media (max-width: 640px) {
  body.home .rc-hero,
  body.home .rc-home-hero,
  body.home .rc-home__hero,
  body.home .home-hero,
  body.home .hero,
  body.home .hero-section,
  body.home .inicio-hero,
  body.home .front-hero {
    min-height: 560px !important;
    padding: 64px 0 72px !important;
    background-position: center center !important;
  }

  body.home .rc-hero .container,
  body.home .rc-hero__inner,
  body.home .rc-home-hero__inner,
  body.home .home-hero__inner,
  body.home .hero__inner,
  body.home .hero-content,
  body.home .rc-hero-content {
    width: min(100% - 36px, 560px) !important;
  }

  body.home .rc-hero h1,
  body.home .rc-home-hero h1,
  body.home .home-hero h1,
  body.home .hero h1,
  body.home .hero-section h1,
  body.home .inicio-hero h1,
  body.home .front-hero h1 {
    font-size: 42px !important;
    line-height: 1 !important;
    margin-bottom: 18px !important;
  }

  body.home .rc-hero p,
  body.home .rc-home-hero p,
  body.home .home-hero p,
  body.home .hero p,
  body.home .hero-section p,
  body.home .inicio-hero p,
  body.home .front-hero p {
    font-size: 16px !important;
    margin-bottom: 24px !important;
  }
}