/* Variables de marca — actualizar cuando llegue el logo y paleta oficial */
:root {
  --color-primary:     #1B3A6B;   /* Azul corporativo (placeholder) */
  --color-primary-dark:#122850;
  --color-accent:      #E8A020;   /* Naranja/dorado de acento (placeholder) */
  --color-accent-dark: #C8880A;
  --color-surface:     #F8F9FA;
  --color-text:        #1A1A2E;
  --color-muted:       #6B7280;
}

/* Botón WhatsApp flotante */
.whatsapp-float {
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 50;
  width: 3.5rem;
  height: 3.5rem;
  background-color: #25D366;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
  transition: transform 0.2s, box-shadow 0.2s;
}

.whatsapp-float:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}

/* Badge de producto */
.badge-featured  { background: #F59E0B; color: #fff; }
.badge-new       { background: #10B981; color: #fff; }
.badge-sale      { background: #EF4444; color: #fff; }
.badge-by-order  { background: #8B5CF6; color: #fff; }

/* Card hover */
.product-card {
  transition: transform 0.2s, box-shadow 0.2s;
}
.product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

/* HTMX loading indicator */
.htmx-indicator { display: none; }
.htmx-request .htmx-indicator { display: inline; }
.htmx-request.htmx-indicator  { display: inline; }