/* ============================================================
   BeeGroup — Section fallback styles
   Fase 07A.1 — the Fase 01 per-#id tints and the global
   `[data-section]` flex-centre + 360 px min-height have been
   REMOVED. Those rules were higher-specificity than the section
   class selectors (.creamos, .como, .indicadores, .cierre,
   .contacto), so they were silently overriding every background
   and heading colour implemented in later phases:

     #creamos-memorias   { bg: grey-800 }  → ignored our .creamos  { bg: off-white }
     #como-lo-hacemos    { bg: grey-800 }  → ignored our .como     { bg: off-white }
     #indicadores        { bg: orange   }  → made the inner card invisible
     #cierre-corporativo { bg: green    }  → hid the two-tone title
     #contacto-talento   { bg: orange   }  → fought our .contacto  { bg: green }
     #*-title { color: inv } → forced BEEGROUP / BE EXTRAORDINARY to white

   What stays here is purely a safe fallback for any `<section>`
   whose template still renders a `.section__placeholder` block
   (e.g. during initial scaffolding of a new section).
   ============================================================ */

.section__placeholder {
  text-align: center;
  padding-block: var(--sp-7);
  opacity: 0.9;
}
.section__placeholder small {
  display: block;
  font-size: var(--fs-xs);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--color-text-muted);
  margin-top: var(--sp-2);
}