/* === Compatibilidad Bootstrap 3 → Bootstrap 5 === */

/* Floats */
.pull-left { float: left !important; }
.pull-right { float: right !important; }

/* Espaciados */
.no-padding { padding: 0 !important; }
.no-margin { margin: 0 !important; }

/* Mostrar / ocultar en xs (Bootstrap 3 → Bootstrap 5) */
.visible-xs { display: block !important; }
@media (min-width: 768px) {
  .visible-xs { display: none !important; }
}

.hidden-xs { display: none !important; }
@media (min-width: 768px) {
  .hidden-xs { display: block !important; }
}

/* Asegurar que las labels y formularios tengan buena legibilidad */
label, .log-label {
 /* font-size: 15px !important;*/
  line-height: 1.4;
}

/* Ajustar títulos */
.titulo {
  font-size: 16px !important;
  font-weight: 600;
}

/* Texto cantidad */
.cantidad {
  font-size: 15px !important;
}
.cantidad span {
  font-size: 13px !important;
  font-weight: 600;
  display: block;
}

/* Formularios: inputs más grandes para mobile */
input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea {
  font-size: 15px !important;
  padding: 0.5rem 0.75rem;
}