:root{--green-dark: #2D5016;--green: #3D6B1E;--green-brand: #8BA841;--green-light: #A4C256;--green-bg: #F0F4E8;--gold: #C8A84E;--gold-light: #E8D48A;--red-urgency: #C0392B;--red-urgency-soft: #FDECEA;--text: #1A1A1A;--text-sec: #555555;--text-mute: #777777;--text-caption: #888888;--white: #FFFFFF;--surface: #FFFFFF;--surface-hover: #F9FBF5;--surface-alt: #F5F7F0;--border: #E8E8E8;--border-soft: #DDDDDD;--shadow-whisper: rgba(45,80,22,.03) 0 0 0 1px;--shadow-card: rgba(45,80,22,.04) 0 0 0 1px, rgba(45,80,22,.06) 0 2px 6px, rgba(0,0,0,.06) 0 4px 8px;--shadow-hover: rgba(45,80,22,.1) 0 4px 12px, rgba(0,0,0,.06) 0 2px 4px;--shadow-elevated: rgba(45,80,22,.15) 0 30px 45px -30px, rgba(0,0,0,.08) 0 18px 36px -18px;--shadow-cta: 0 4px 16px rgba(200,168,78,.3);--shadow-cta-hover: 0 6px 24px rgba(200,168,78,.45);--shadow-focus: 0 0 0 3px rgba(139,168,65,.25);--radius-xs: 4px;--radius-sm: 6px;--radius: 8px;--radius-card: 12px;--radius-lg: 20px;--radius-pill: 999px;--t-fast: .15s ease;--t-base: .2s ease;--t-slow: .3s ease;--verde: var(--green-dark);--verde-brand: var(--green-brand);--verde-claro: var(--green-light);--verde-muy-claro: var(--green-bg);--amarillo: var(--gold);--amarillo-claro: var(--gold-light);--oscuro: var(--text);--gris: var(--text-sec);--gris-claro: var(--surface-alt);--blanco: var(--white);--rojo-alerta: var(--red-urgency)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--surface-alt);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.5;letter-spacing:-.01em}button,input,select,textarea{font-family:Inter,sans-serif;font-size:16px}button{cursor:pointer;-webkit-tap-highlight-color:transparent}h1,h2,h3{font-family:Playfair Display,Inter,serif;letter-spacing:-.02em;color:var(--green-dark)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}