/* =========================================================
   REALTOR CENTER — HERO INICIO IMAGEN OFICIAL
   Cambio limitado únicamente a la sección principal de Inicio.
   No modifica header, footer, logo ni otras secciones.
========================================================= */

body.home .rc-hero,
body.home .hero,
body.home .hero-section,
body.home .rc-home-hero,
body.home .inicio-hero,
body.home .home-hero {
	position: relative !important;
	isolation: isolate !important;
	overflow: hidden !important;

	background-image:
		linear-gradient(
			90deg,
			rgba(11, 11, 11, 0.82) 0%,
			rgba(11, 11, 11, 0.58) 42%,
			rgba(11, 11, 11, 0.20) 100%
		),
		url("../img/hero-realtor-center.png") !important;

	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-color: #0B0B0B !important;
}

/* Capa premium para que el texto siga siendo legible */
body.home .rc-hero::before,
body.home .hero::before,
body.home .hero-section::before,
body.home .rc-home-hero::before,
body.home .inicio-hero::before,
body.home .home-hero::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	z-index: 0 !important;
	pointer-events: none !important;
	background:
		radial-gradient(circle at 20% 28%, rgba(217, 168, 78, 0.10), transparent 34%),
		linear-gradient(
			90deg,
			rgba(11, 11, 11, 0.42) 0%,
			rgba(11, 11, 11, 0.18) 52%,
			rgba(11, 11, 11, 0.04) 100%
		) !important;
}

/* Mantiene el contenido encima del fondo */
body.home .rc-hero > *,
body.home .hero > *,
body.home .hero-section > *,
body.home .rc-home-hero > *,
body.home .inicio-hero > *,
body.home .home-hero > * {
	position: relative !important;
	z-index: 1 !important;
}

/* Ajuste visual del texto dentro del hero únicamente */
body.home .rc-hero h1,
body.home .hero h1,
body.home .hero-section h1,
body.home .rc-home-hero h1,
body.home .inicio-hero h1,
body.home .home-hero h1 {
	color: #FFFFFF !important;
	text-shadow: 0 20px 52px rgba(11, 11, 11, 0.38) !important;
}

body.home .rc-hero p,
body.home .hero p,
body.home .hero-section p,
body.home .rc-home-hero p,
body.home .inicio-hero p,
body.home .home-hero p {
	color: rgba(242, 242, 242, 0.86) !important;
}

/* Botones dentro del hero únicamente */
body.home .rc-hero a,
body.home .hero a,
body.home .hero-section a,
body.home .rc-home-hero a,
body.home .inicio-hero a,
body.home .home-hero a {
	text-decoration: none !important;
}

/* Responsive */
@media (max-width: 820px) {
	body.home .rc-hero,
	body.home .hero,
	body.home .hero-section,
	body.home .rc-home-hero,
	body.home .inicio-hero,
	body.home .home-hero {
		background-position: center center !important;
	}
}