/*
 * Sangría independiente para encabezados y tarjetas.
 * No modifica el orden ni el diseño interior de las fichas.
 */

.view-directorio {
  --directorio-sangria-paso: 14px;
  --directorio-sangria-tope: 70px;
}

.view-directorio > .view-content > .directorio-sangria {
  --directorio-sangria-total: min(
    calc(
      var(--directorio-sangria-nivel, 0) *
      var(--directorio-sangria-paso)
    ),
    var(--directorio-sangria-tope)
  );

  box-sizing: border-box;
  margin-left: var(--directorio-sangria-total) !important;
  width: auto;
  max-width: calc(100% - var(--directorio-sangria-total));
  min-width: 0;
}

/* Menor desplazamiento para conservar espacio en móvil. */
@media (max-width: 767px) {
  .view-directorio {
    --directorio-sangria-paso: 7px;
    --directorio-sangria-tope: 28px;
  }
}