/* ============================================================
   components/section-head.css — encabezado de sección
   Par de resources/views/components/section-head.blade.php

   Título a la izquierda, con entradilla opcional debajo, y una acción
   opcional a la derecha alineada al pie del bloque.
   ============================================================ */

.section__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--space-md);
  margin-bottom: var(--space-xl);
}

.section__head p {
  color: var(--color-text-muted);
  max-width: 34ch;
  margin: 0;
}