/*
  Reglas adaptativas del componente de Consultoria.
  Controla cuantas tarjetas caben por fila (2, 3 o 4) segun el ancho disponible,
  ajustando --cst-card-basis y --cst-gap en .hubur-cst-section.
*/

/* Escritorio grande: hasta 4 tarjetas por fila */
@media (min-width: 75rem) {
  .hubur-cst-section {
    --cst-card-basis: 16.5rem;
    --cst-gap: 2.25rem;
  }
}

/* Escritorio / tablet horizontal: hasta 3 tarjetas por fila */
@media (min-width: 48rem) and (max-width: 74.9375rem) {
  .hubur-cst-section {
    --cst-card-basis: 14.5rem;
    --cst-gap: 1.75rem;
  }
}

/* Tablet vertical: 2 tarjetas por fila */
@media (min-width: 36rem) and (max-width: 47.9375rem) {
  .hubur-cst-section {
    --cst-card-basis: 12.5rem;
    --cst-gap: 1.5rem;
  }
}

/* Movil: 1 tarjeta por fila, tarjetas a ancho completo */
@media (max-width: 35.9375rem) {
  .hubur-cst-section {
    padding: 2rem 1rem;
    --cst-gap: 1.5rem;
  }

  .hubur-cst-section .cst-card {
    flex-basis: 100%;
    max-width: 16rem;
  }

  .hubur-cst-section .cst-title {
    text-align: left;
  }

  .hubur-cst-section .cst-description {
    text-align: left;
  }

  .hubur-cst-section .cst-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .hubur-cst-section .cst-btn {
    justify-content: center;
  }
}