/* ============================================================================
   LAYOUT › PIE DE PÁGINA (footer)
   ----------------------------------------------------------------------------
   Único bloque con negro 100% opaco: cierra la página con un corte limpio
   después del panel translúcido de las secciones.
   ============================================================================ */

.pie {
  position: relative;
  z-index: 1;                                     /* por delante del video fijo */
  background: var(--color-negro);
  border-top: 1px solid var(--color-borde);
  padding: 26px 20px;
  text-align: center;
}

.pie p {
  color: #7d7d7d;
  font-size: 12px;
  letter-spacing: .5px;
}

.pie strong {
  color: var(--color-texto-suave);
  font-weight: 700;
}