:root {
  --verde: #064B2B;
  --verde2: #043620;
  --verde3: #E4F4EC;
  --verde4: #d0edde;
  --naranja: #F97316;
  --naranja2: #FFF3EB;
  --naranja3: #FFEDD5;
  --amarillo: #FFD166;
  --amarillo2: #FEF3C7;
  --gris: #F4F6F9;
  --gris2: #E5E9EF;
  --gris3: #C8D0DC;
  --texto: #0F1923;
  --texto2: #5C6B7A;
  --texto3: #8A99A8;
  --blanco: #FFFFFF;
  --rojo: #DC2626;
  --azul: #2563EB;
  --radio: 18px;
  --radio-sm: 12px;
  --sombra: 0 2px 16px rgba(15,25,35,0.07);
  --sombra-md: 0 6px 28px rgba(15,25,35,0.11);
  --sombra-lg: 0 12px 40px rgba(15,25,35,0.14);
}
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
* { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
body { font-family: 'Plus Jakarta Sans', sans-serif; background: var(--gris); color: var(--texto); min-height: 100vh; overflow-x: hidden; scroll-padding-bottom: 80px; }
.screen { display: none; min-height: 100vh; min-height: 100dvh; flex-direction: column; }
.screen.active { display: flex; animation: slideUp 0.28s cubic-bezier(0.22,1,0.36,1) both; }
@keyframes slideUp { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }