/* Gotocheck Corporate Theme - Amarillo Mostaza & Azul Marino */
:root{
  --brand: #D4AF37;   /* Amarillo mostaza elegante */
  --brand-2: #B8941F; /* Amarillo mostaza oscuro */
  --brand-light: #E6C547; /* Amarillo mostaza claro */
  --accent: #1E3A5F;  /* Azul marino profundo */
  --accent-2: #2E4A6F; /* Azul marino medio */
  --accent-light: #3B5F8A; /* Azul marino claro */
  --ink: #111827;     /* Negro profundo */
  --muted: #6B7280;   /* Gris medio */
  --bg: #FAFBFC;      /* Fondo muy claro */
  --card: #ffffff;    /* Blanco puro */
  --radius: 16px;
  --shadow: 0 10px 30px rgba(0,0,0,.08);
  --shadow-lg: 0 25px 50px rgba(0,0,0,.15);
  --font-body:'Inter', system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial;
}

/* Global tweaks */
html{ scroll-behavior:smooth; }
body{ font-family: var(--font-body); background: var(--bg); color: var(--ink); }
.section{ padding-top: 4rem; padding-bottom: 4rem; }
.glass{ backdrop-filter: blur(10px); background: rgba(255,255,255,.7); }
.tag{ background: linear-gradient(90deg, var(--brand), var(--brand-2)); color:#fff; }
.gradient{
  background:
    radial-gradient(1200px 600px at 10% 0%, color-mix(in oklab, var(--brand) 20%, transparent), transparent),
    radial-gradient(1200px 600px at 90% 10%, color-mix(in oklab, var(--brand-2) 18%, transparent), transparent);
}

/* ---------- Tailwind utility overrides para colores corporativos ---------- */
/* Colores principales - Amarillo Mostaza */
.text-yellow-600, .text-sky-600{ color: var(--brand) !important; }
.text-yellow-700, .text-sky-700{ color: var(--brand-2) !important; }
.bg-yellow-600, .bg-sky-600{ background-color: var(--brand) !important; }
.bg-yellow-700, .bg-sky-700{ background-color: var(--brand-2) !important; }
.bg-yellow-100, .bg-sky-100{ background-color: color-mix(in oklab, var(--brand) 15%, white 85%) !important; }

/* Colores secundarios - Azul Marino */
.text-blue-600{ color: var(--accent) !important; }
.text-blue-700{ color: var(--accent-2) !important; }
.bg-blue-600{ background-color: var(--accent) !important; }
.bg-blue-700{ background-color: var(--accent-2) !important; }
.bg-blue-100{ background-color: color-mix(in oklab, var(--accent) 12%, white 88%) !important; }

/* Borders */
.border-yellow-500, .border-sky-500{ border-color: var(--brand) !important; }
.border-blue-500{ border-color: var(--accent) !important; }

/* Gradientes corporativos */
.from-yellow-500, .from-sky-500{ 
  --tw-gradient-from: var(--brand) var(--tw-gradient-from-position) !important; 
  --tw-gradient-to: color-mix(in oklab, var(--brand), transparent 100%) var(--tw-gradient-to-position) !important; 
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; 
}
.to-blue-500, .to-indigo-500{ 
  --tw-gradient-to: var(--accent) var(--tw-gradient-to-position) !important; 
}

/* Hover states */
.hover\:bg-yellow-700:hover, .hover\:bg-sky-700:hover{ background-color: var(--brand-2) !important; }
.hover\:bg-blue-700:hover{ background-color: var(--accent-2) !important; }
.hover\:text-yellow-600:hover, .hover\:text-sky-600:hover{ color: var(--brand) !important; }
.hover\:text-blue-600:hover{ color: var(--accent) !important; }

/* Cards */
.shadow-sm{ box-shadow: var(--shadow) !important; }
.rounded-2xl{ border-radius: 1.25rem !important; }
.border{ border-color:#e5e7eb !important; }
.border-slate-200{ border-color:#e5e7eb !important; }
.bg-slate-100\/70{ background-color: rgba(241,245,249,.7) !important; }

/* Typography & small helpers */
.text-slate-600{ color: var(--muted) !important; }
.text-slate-500{ color: color-mix(in oklab, var(--muted) 85%, white 15%) !important; }
.bg-white\/75{ background-color: rgba(255,255,255,.82) !important; }

/* Animations and transitions */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}

.animate-fade-in-up {
  animation: fadeInUp 0.6s ease-out forwards;
}

.animate-pulse-slow {
  animation: pulse 3s ease-in-out infinite;
}

/* Enhanced card hover effects */
.card-hover {
  transition: all 0.3s ease;
}

.card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(0,0,0,.1);
}

/* Improved button styles */
.btn-primary {
  background: linear-gradient(135deg, var(--brand-2), var(--brand));
  transition: all 0.3s ease;
}

.btn-primary:hover {
  background: linear-gradient(135deg, color-mix(in oklab, var(--brand-2) 90%, black 10%), color-mix(in oklab, var(--brand) 90%, black 10%));
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0,0,0,.15);
}