/* Fondos de marca: portada, oferta y contacto.
   Esta capa solo cambia fondos y superficies; no redefine grids, scroll ni estructura. */
/* 1. Portada: composición arquitectónica a sección completa */
.page-home .hero {
  background-color: #211D25;
  background-image:
    linear-gradient(90deg,
      rgba(33,29,37,.82) 0%,
      rgba(33,29,37,.82) 72%,
      rgba(33,29,37,.20) 100%),
    url('/manus-storage/portada-arquitectura_c372e2d5.webp');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* El propio fondo sustituye luces y tratamientos decorativos anteriores. */
.page-home .hero::before,
.page-home .hero::after {
  content: none;
  display: none;
}
.page-home .hero h1 span {
  text-shadow: none;
}
.page-home .hero > .wrap.hero-inner {
  align-items: center;
}
.page-home .hero-copy {
  width: min(65%, 800px);
  flex: 0 1 min(65%, 800px);
  padding-top: 0;
}
.page-home .hero .eyebrow,
.page-home .hero .hero-lead,
.page-home .hero .hero-context {
  color: #F6F3E9;
}
.page-home .hero .eyebrow span {
  background: #F6F3E9;
}
.page-home .hero .hero-context {
  border-color: rgba(246,243,233,.48);
}
/* 2. Oferta: fondo común para Inicio y Servicios, con tarjetas opacas. */
.pricing-section {
  background-color: #211D25;
  background-image:
    linear-gradient(100deg,
      rgba(33,29,37,.74) 0%,
      rgba(33,29,37,.70) 43%,
      rgba(33,29,37,.67) 100%),
    url('/manus-storage/planes-arquitectura_034ff4b2.webp');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.pricing-section::before {
  content: none;
  display: none;
}
.pricing-section .section-heading,
.pricing-section .section-body,
.pricing-section .pricing-footer {
  color: #F6F3E9;
}
.pricing-section .section-number {
  color: #F6F3E9;
  border-color: rgba(246,243,233,.76);
  opacity: 1;
}
.pricing-section .pricing-footer {
  border-color: rgba(246,243,233,.46);
}
.pricing-section .pricing-footer p,
.pricing-section .pricing-footer a {
  color: #F6F3E9;
}
.pricing-section .pricing-card {
  background: rgba(33,29,37,.94);
  color: #F6F3E9;
}
.pricing-section .pricing-card::before {
  background: none;
}
.pricing-section .pricing-card.plan-tone-1 {
  background: #F6F3E9;
  color: #211D25;
}
.pricing-section .pricing-card.plan-tone-2 {
  background: rgba(33,29,37,.94);
  color: #F6F3E9;
}
.pricing-section .pricing-card.plan-tone-3 {
  background: #5E3581;
  color: #F6F3E9;
}
.pricing-section .pricing-card.plan-tone-4 {
  background: rgba(33,29,37,.96);
  color: #F6F3E9;
}
/* 3–4. Contacto: misma intención visual en la llamada de Inicio y su página. */
.page-home #hablemos-de-tu-proximo-paso,
.page-contacto .inner-hero {
  position: relative;
  color: #F6F3E9;
  background-color: #211D25;
  background-image:
    linear-gradient(96deg,
      rgba(33,29,37,.77) 0%,
      rgba(33,29,37,.70) 46%,
      rgba(33,29,37,.67) 100%),
    url('/manus-storage/contacto-geometria_ac6c1a3a.webp');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.page-home #hablemos-de-tu-proximo-paso .section-heading,
.page-home #hablemos-de-tu-proximo-paso .section-body,
.page-home #hablemos-de-tu-proximo-paso h2,
.page-home #hablemos-de-tu-proximo-paso h3,
.page-home #hablemos-de-tu-proximo-paso p,
.page-contacto .inner-hero h1,
.page-contacto .inner-hero p,
.page-contacto .inner-hero .back-home {
  color: #F6F3E9;
}
.page-home #hablemos-de-tu-proximo-paso .section-number {
  color: #F6F3E9;
  border-color: rgba(246,243,233,.76);
  opacity: 1;
}
.page-home #hablemos-de-tu-proximo-paso .status-label,
.page-home #hablemos-de-tu-proximo-paso .eyebrow,
.page-contacto .inner-hero .eyebrow {
  color: #F6F3E9;
}
.page-home #hablemos-de-tu-proximo-paso .eyebrow span,
.page-contacto .inner-hero .eyebrow span {
  background: #F6F3E9;
}
.page-home #hablemos-de-tu-proximo-paso .scope-note {
  border-color: #B27AF4;
}
.page-contacto .inner-hero .inner-mark {
  display: none;
}
/* El mismo encuadre conserva el centro oscuro para el copy en pantallas estrechas. */
@media (max-width: 900px) {
  .page-home .hero {
    background-position: 52% center;
    background-image:
      linear-gradient(180deg,
        rgba(33,29,37,.84) 0%,
        rgba(33,29,37,.82) 45%,
        rgba(33,29,37,.67) 100%),
      url('/manus-storage/portada-arquitectura_c372e2d5.webp');
  }
  .page-home .hero-copy {
    width: 100%;
    flex-basis: 100%;
  }
  .pricing-section {
    background-position: 58% center;
  }
  .page-home #hablemos-de-tu-proximo-paso,
  .page-contacto .inner-hero {
    background-position: 52% center;
  }
}
@media (max-width: 600px) {
  .page-home .hero > .wrap.hero-inner {
    min-height: 0;
  }
  .pricing-section {
    background-position: 62% center;
  }
}