/**
 * Servicio (individual) page overrides — Smart Catering Child
 *
 * Reusa el 100% de bodas.css (hero dark, ventajas grid, tipos accordion,
 * dietas, faq dark, cta cream). Aquí solo overrides puntuales para la
 * página de servicio: máximo aprovechamiento del CSS existente.
 *
 * Namespaced bajo body.scc-servicio-page (y variantes -corporativos /
 * -colectividades / -domicilio si en el futuro queremos diferenciar
 * acentos por tipo de servicio).
 *
 * @package SmartCateringChild
 */

/* El hero del servicio reduce min-height ligeramente respecto a bodas
   (es página comercial, no narrativa de marca). */
body.scc-fase0 .scc-servicio-page .sc-bodas-hero {
  min-height: 70vh;
}

/* Variantes de acento por servicio (placeholder — Pepe puede ajustar tonos). */
body.scc-fase0 .scc-servicio-corporativos .sc-bodas-hero__overlay {
  background: linear-gradient(180deg, rgba(0,0,0,0.30) 0%, rgba(0,0,0,0.60) 60%, rgba(0,0,0,0.85) 100%);
}
body.scc-fase0 .scc-servicio-colectividades .sc-bodas-hero__overlay {
  background: linear-gradient(180deg, rgba(0,0,0,0.30) 0%, rgba(0,0,0,0.55) 60%, rgba(0,0,0,0.80) 100%);
}
body.scc-fase0 .scc-servicio-domicilio .sc-bodas-hero__overlay {
  background: linear-gradient(180deg, rgba(0,0,0,0.30) 0%, rgba(0,0,0,0.60) 60%, rgba(0,0,0,0.85) 100%);
}

/* Manifesto con título h2 (bodas lo dejaba sin título). */
body.scc-fase0 .scc-servicio-page .sc-bodas-intro .sc-section__title {
  font-family: var(--font-serif, "Merriweather", serif);
  font-weight: 300;
  line-height: 1.15;
  color: rgba(0,0,0,0.92);
}