/* Cabecera (hero) v2 — misma foto, degradado y proporciones que la home y las páginas de comuna, en todas las páginas internas. */
section.hero { position: relative; overflow: hidden; isolation: isolate; background: var(--verde, #1C3829);
  padding-top: clamp(72px, 7vw, 104px) !important; padding-bottom: clamp(56px, 6vw, 88px) !important; }
section.hero > .hero-bg { position: absolute; inset: 0; z-index: -1; overflow: hidden; }
section.hero > .hero-bg img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center var(--hero-y, 38%); }
section.hero > .hero-bg::after { content: ''; position: absolute; inset: 0;
  background: linear-gradient(98deg, rgba(28,56,41,0.96) 0%, rgba(28,56,41,0.90) 38%, rgba(28,56,41,0.62) 68%, rgba(20,40,28,0.38) 100%), linear-gradient(0deg, rgba(28,56,41,0.85) 0%, transparent 30%); }
section.hero .hero-contenido { position: relative; z-index: 1; }
/* una sola escala para el título principal, sea h1.hero-titulo o h1.seccion-titulo dentro del hero */
section.hero h1 { font-family: var(--font-display, 'Cormorant Garamond', serif); font-size: clamp(2.1rem, 4.4vw, 3.5rem); font-weight: 600; line-height: 1.12; letter-spacing: -0.01em; color: var(--blanco, #FDFAF6); }
section.hero h1 em { color: var(--oro-claro, #E2B95A); }
section.hero .seccion-subtitulo { color: rgba(247, 243, 236, 0.78); max-width: 62ch; }
@media (max-width: 768px) { section.hero { padding-top: 56px !important; padding-bottom: 48px !important; } }

/* estilos base del hero para las páginas que no los traían (Proveedores, Trabaja con nosotros, Cobertura) */
section.hero .hero-contenido { max-width: 760px; }
section.hero .hero-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(197,153,58,0.12); border: 1px solid rgba(197,153,58,0.30); padding: 7px 16px; border-radius: 50px; margin-bottom: 22px; }
section.hero .hero-badge-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--oro, #C5993A); flex: none; }
section.hero .hero-badge span { font-size: 0.72rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--oro-claro, #E2B95A); font-weight: 400; }
section.hero .hero-subtitulo { font-size: 1rem; font-weight: 300; line-height: 1.8; color: rgba(247,243,236,0.78); max-width: 640px; margin: 14px 0 0; }
section.hero .hero-botones { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; }
section.hero .hero-titulo { margin: 0; }

/* secciones de formulario: ya no cargan los 200 px de relleno que dejaban hueco bajo el menú */
section.form-seccion { padding-top: 48px !important; background: var(--crema, #F7F3EC); }
section.form-seccion .form-embed-wrap { box-shadow: 0 18px 50px rgba(28,56,41,.12); }

/* Cobertura: la sección verde conserva su lista de comunas; solo el tramo superior lleva la foto */
#cobertura.hero-foto { position: relative; isolation: isolate; overflow: hidden; padding-top: clamp(72px, 7vw, 104px) !important; }
#cobertura.hero-foto > .hero-bg { position: absolute; inset: 0 0 auto 0; height: 560px; z-index: -1; overflow: hidden; }
#cobertura.hero-foto > .hero-bg img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 52%; }
#cobertura.hero-foto > .hero-bg::after { content: ''; position: absolute; inset: 0;
  background: linear-gradient(98deg, rgba(28,56,41,0.94) 0%, rgba(28,56,41,0.82) 45%, rgba(28,56,41,0.55) 100%), linear-gradient(180deg, transparent 40%, #1C3829 100%); }
#cobertura.hero-foto h1 { font-family: var(--font-display, 'Cormorant Garamond', serif); font-size: clamp(2.1rem, 4.4vw, 3.5rem); font-weight: 600; line-height: 1.12; color: var(--blanco, #FDFAF6); }
@media (max-width: 768px) { #cobertura.hero-foto { padding-top: 56px !important; } }