/* Estilos para mostrar tarjetas solo en móvil y ocultar la tabla */


@media (max-width: 991px) {
  .table-responsive, table.table {
    display: none !important;
  }
  .card-list-mobile {
    display: block !important;
  }
}


/* IMPORTANTE: ********************************/
/* ESTO TAMBIEN ES MODIFICADO POR JAVASCRIPT. CUIDADO.*/
.titulador {
  height: 70px;
  margin-top:30px;
  margin-bottom:-10px;
}
.btn-nuevo-completo {
  margin-right: 10px;
}


/*******************************************/


.titulador {
  height: 40px;
  margin-top:0px;
  margin-bottom:0px;
}

.card-list-mobile {
  display: none;
}

.card-list-item {
  background: #ffffff92;
  border: 1px solid #e3e3e3;
  border-radius: 10px;
  box-shadow: 2px 2px 8px rgba(20, 20, 21, 0.8);
  margin-bottom: 18px;
  padding: 18px 16px 10px 16px;
  position: relative;
}
.card-list-item .card-title {
  font-size: 1.15rem;
  font-weight: 600;
  color: #0d6efd;
}
.card-list-item .card-subtitle {
  font-size: 1rem;
  color: #555;
}

.card-list-item .card-actions {
  display: flex;
  gap: 8px;
  margin-top: 5px;
  height: 55px;
}
.card-list-item .btn {
  min-width: 38px;
  font-size: 2rem;
  padding: 4px 10px;
}

/* Si necesitas ajustar también los otros botones para asegurar consistencia */
.card-actions .btn {
  height: 55px;
  line-height: 1;
  min-width: 55px;
  font-size: 2rem;
  padding: 4px 10px;
}

 /* Ajustes para botones dentro de formularios */
.card-actions form {
  margin: 0; 
  padding: 0; 
  vertical-align: middle;
  display: inline-flex; /* Cambiado a inline-flex para mejor control */
}

.card-actions form button {
  height: 55px; /* Establece una altura fija igual a los otros botones */
  line-height: 1; /* Asegura que la línea sea consistente */
  padding: 4px 10px; /* Mantén el mismo padding que los botones normales */
  font-size: 2rem; /* Mantén el mismo tamaño de fuente */
}


td form {
  margin: 0; 
  padding: 0; 
  vertical-align: middle;
  display: inline-flex; /* Cambiado a inline-flex para mejor control */ 
}


.card .btn {
  /* alinear verticalmente el texto del boton: */
  align-items: center;
  justify-content: center;

}