/* ==========================================================================
   main.css — Imports de sección + reglas de página
   Orden de carga: variables → base → main → sections/*
   ========================================================================== */

@import url('sections/navbar.css');
@import url('sections/hero.css');
@import url('sections/logo-strip.css');
@import url('sections/about.css');
@import url('sections/hot-numbers.css');
@import url('sections/core-values.css');
@import url('sections/services.css');
@import url('sections/pests.css');
@import url('sections/water-tanks.css');
@import url('sections/mip.css');
@import url('sections/testimonials.css');
@import url('sections/branches.css');
@import url('sections/footer.css');

/* Fondos base por familia de sección */
.section--cream  { background: var(--cream); }
.section--forest { background: var(--forest-deep); color: var(--cream); }