/* FlyPOS Landing — tokens.css
   Reset y fondo base — se carga en TODAS las páginas del sitio. */

*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:'Manrope',sans-serif;background:#000;color:#fff;position:relative;
}
/* Fondo negro sólido a propósito — sin los brillos radiales de color que
   tenía antes. Si se quiere volver al fondo con degradados, este bloque
   es el que hay que restaurar (queda comentado, no borrado). */
/*
body::before{
  content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(600px 500px at 12% 8%,rgba(79,195,247,.08),transparent 60%),
    radial-gradient(700px 600px at 88% 22%,rgba(180,124,255,.07),transparent 60%),
    radial-gradient(650px 550px at 20% 78%,rgba(34,224,168,.07),transparent 60%),
    radial-gradient(600px 500px at 85% 90%,rgba(255,138,61,.06),transparent 60%);
}
*/

/* Botones de acción compartidos por varias páginas (hero, CTA final, registro) */
.btn-hot{
  background:linear-gradient(135deg,#FF9A2E,#FFD23F);color:#1A1200;
  padding:14px 30px;border-radius:9px;font-weight:800;font-size:15px;
  box-shadow:0 10px 30px rgba(255,180,40,.35);border:none;cursor:pointer;
  display:inline-block;text-decoration:none;position:relative;overflow:hidden;
  font-family:inherit;
}
.btn-hot::after{
  content:'';position:absolute;top:0;left:-60%;width:50%;height:100%;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.65) 50%,transparent 100%);
  animation:btnHotShine 3s ease-in-out infinite;pointer-events:none;
}
@keyframes btnHotShine{0%{left:-60%}20%{left:130%}100%{left:130%}}
.btn-ghost{border:1.5px solid rgba(255,255,255,.2);color:#fff;padding:14px 30px;border-radius:9px;font-weight:700;font-size:15px;background:transparent;cursor:pointer}

/* Títulos de sección — usados en varias páginas */
.section-title{font-size:32px;font-weight:800;text-align:center;margin-bottom:10px}
.section-sub{font-size:15px;color:rgba(255,255,255,.5);text-align:center;margin-bottom:48px}