/* ==========================================================================
   BUSINESS CLOSING — DIGART Business — DIGART Studio
   Pattern: Business Closing

   Referencia documental:
     project/03-PRODUCT/P-02-FRONTEND.md (4.2 Contenedores, 8.1 Botones)

   Este archivo consume exclusivamente los Design Tokens (tokens.css) y la
   infraestructura de Layout (layout.css, .l-container). No declara
   valores independientes de color, tipografía, espaciado, tiempo, easing,
   z-index, sombra ni punto de quiebre. El botón del CTA se resuelve
   íntegro en el Componente oficial Button v1.0 (button.css); este
   archivo solo conserva el layout que lo aloja. Sin recurso fotográfico.
   ========================================================================== */

/* --------------------------------------------------------------------
   1. Root
   -------------------------------------------------------------------- */
.business-closing {
  padding-block: var(--space-8);
  background-color: var(--color-background-default);
}

/* --------------------------------------------------------------------
   2. Elements
   -------------------------------------------------------------------- */
.business-closing__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  max-width: 42rem;
  margin-inline: auto;
  text-align: center;
}

.business-closing__title {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-heading);
  color: var(--color-text-primary);
}

.business-closing__text {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-lead);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-body);
  color: var(--color-text-secondary);
}

.business-closing__actions {
  display: flex;
  align-items: center;
  margin-block-start: var(--space-2);
}

/* --------------------------------------------------------------------
   3. Variants
   Sección reservada: este Pattern no define variantes.
   -------------------------------------------------------------------- */

/* --------------------------------------------------------------------
   4. States
   Estado base (Default) representado por el resto de las reglas. Los
   estados de interacción del CTA los resuelve el Componente oficial
   Button v1.0 (button.css), ya integrado en este Pattern.
   -------------------------------------------------------------------- */

/* --------------------------------------------------------------------
   5. Motion Hooks
   Sin disparador funcional propio ni JavaScript; el contenido se
   presenta directamente en su estado final.
   -------------------------------------------------------------------- */

/* --------------------------------------------------------------------
   6. Responsive
   Sistema Responsive (Cap. 11). Bloque de una sola columna, ya centrado
   y con ancho máximo fluido; sin reglas adicionales.
   -------------------------------------------------------------------- */