/* Overrides específicos de layout (frontend) */

/* Cabinas (Step 2)
   - Tablets pequeñas y superior: 3 columnas
   - Móviles intermedios: 2 columnas
   - Móviles pequeños: 1 columna
*/
.daba-style #step2 .m-results .m-resultsItems {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 5rem !important;
  justify-content: unset !important;
  align-items: stretch !important;
}

.daba-style #step2 .m-results .m-resultsItems .m-item {
  width: auto !important;
  margin: 0 !important;
}

@media (max-width: 980px) {
  .daba-style #step2 .m-results .m-resultsItems {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.6rem !important;
  }
}

@media (max-width: 480px) {
  .daba-style #step2 .m-results .m-resultsItems {
    grid-template-columns: 1fr !important;
    gap: 1.6rem !important;
  }
}

/* Permitir deseleccionar cabina: el CSS base desactiva clicks en el botón cuando está seleccionada */
.daba-style #step2 .m-resultsItems .m-item.selected .m-card .m-card-button {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Botón de cabina: tipografía responsive (Step 2) */
.daba-style #step2 .m-resultsItems .m-item .m-card .m-card-button .text-container > span {
  font-size: clamp(1.1rem, 0.55vw + 1rem, 1.4rem) !important;
  line-height: 1.2 !important;
}

/* Botón "Agotada": tipografía responsive (Step 2) */
.daba-style #step2 .m-resultsItems .m-item .m-card .m-card-button > span {
  font-size: clamp(1.1rem, 0.55vw + 1rem, 1.4rem) !important;
  line-height: 1.2 !important;
}