/* ========================================================
   SISTEMA DE THEMING DINÁMICO (Plantilla Cliente)
======================================================== */
:root {
  /* Color Principal: Botones, textos destacados, etiquetas */
  --color-primary: #f59e0b; /* Por defecto: Ámbar */
  --color-primary-hover: #d97706;
  
  /* Color Secundario: Fondos oscuros, footer, overlays en fotos */
  --color-secondary: #1e3a8a; /* Por defecto: Azul oscuro */
}

/* ========================================================
   ANIMACIONES PREMIUM (Para aumentar la percepción de valor)
======================================================== */
.fade-in-up {
  animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  opacity: 0;
  transform: translateY(30px);
}

.delay-100 { animation-delay: 100ms; }
.delay-200 { animation-delay: 200ms; }
.delay-300 { animation-delay: 300ms; }

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}