/* ==========================================================================
   SPECIALTIES CLOSING — Especialidades v2 — DIGART Studio
   Pattern: Specialties 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
   (Blueprint del sprint).
   ========================================================================== */

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

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

.specialties-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);
}

/* Único énfasis cromático permitido (Blueprint del sprint, "Resalta en
   rojo institucional: Tu solución también"): mismo Token de acento ya
   usado en el resto del sitio (--color-error). */
.specialties-closing__title-accent {
  color: var(--color-error);
}

.specialties-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);
}

.specialties-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 (Hover, Focus, Active) 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.
   -------------------------------------------------------------------- */