/*
Theme Name: KONVERXA
Theme URI: https://konverxa.com
Author: KONVERXA Engineering
Author URI: https://konverxa.com
Description: Tema nativo a medida para KONVERXA - BPO, Contact Center, Customer Experience y Transformación Operativa. Construido con Tailwind CSS, tipografías Sonnet y Plus Jakarta Sans, ACF Pro y microinteracciones fluidas.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: konverxa
*/

/* Reset & Root Variables */
:root {
  --font-primary: 'Sonnet', 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --color-primary: #2563EB;
  --color-dark: #0B0D11;
  --color-slate-900: #0F172A;
}

html {
  scroll-behavior: smooth;
  font-family: var(--font-primary);
  color: var(--color-slate-900);
  background-color: #FFFFFF;
}

body {
  font-family: var(--font-primary);
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

/* Glassmorphism Classes */
.glass-header {
  background: rgba(11, 13, 17, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.glass-header-transparent {
  background: rgba(11, 13, 17, 0.4);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.glass-card {
  background: #FFFFFF;
  border: 1px solid rgba(226, 232, 240, 0.9);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.glass-card:hover {
  border-color: rgba(37, 99, 235, 0.4);
  box-shadow: 0 10px 30px -10px rgba(37, 99, 235, 0.12);
}

/* Scrollbar Customization */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #F8FAFC;
}
::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94A3B8;
}