/* common-styles.css */
/* Estilos comunes para todas las páginas del sistema de garantías */

/* Espaciado para la navegación */
body {
  padding-top: 20px;
}

/* Pie de página común */
.footer {
  margin-top: 50px;
  padding: 20px 0;
  background-color: #f8f9fa;
  border-top: 1px solid #e7e7e7;
}

/* Estilos para los breadcrumbs */
.breadcrumb {
  background-color: #f8f9fa;
  padding: 10px 15px;
  border-radius: 5px;
  margin-bottom: 20px;
}

/* Indicadores de carga */
.loading-spinner {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 3px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  border-top-color: #007bff;
  animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

/* Mensajes de estado */
.section-status {
  margin: 15px 0;
  padding: 10px 15px;
  border-radius: 5px;
}

/* Botones de acción */
.btn-action {
  margin-right: 5px;
}

/* Estilo para tarjetas de productos/garantías */
.product-card {
  transition: all 0.3s ease;
  margin-bottom: 20px;
}

.product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

/* Responsivo para tablas en dispositivos móviles */
@media (max-width: 768px) {
  .table-responsive {
    overflow-x: auto;
  }
}