/* marioautomatiza.com — sistema de diseño compartido
   Estética: minimalista, profesional, premium. Negro cinematográfico + ámbar.
   Importar en cualquier pieza:  <link rel="stylesheet" href="/brand/tokens.css">  */
:root{
  --bg:#080808;
  --bg-2:#0e0e0e;
  --amber:#F0A500;
  --amber-soft:#ffce5a;
  --txt:#ffffff;
  --muted:rgba(255,255,255,.56);
  --faint:rgba(255,255,255,.34);
  --card:rgba(255,255,255,.04);
  --line:rgba(255,255,255,.10);
  --radius:16px;
  --radius-lg:22px;
  --maxw:1080px;
  --font:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --shadow-amber:0 12px 40px rgba(240,165,0,.30);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--font);background:var(--bg);color:var(--txt);
  -webkit-font-smoothing:antialiased;line-height:1.5;
}
a{color:inherit;text-decoration:none}
.amber{color:var(--amber)}
.container{max-width:var(--maxw);margin:0 auto;padding:0 22px}
/* Botones */
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:var(--radius);
  font-weight:600;font-size:15px;border:1px solid var(--line);background:var(--card);color:var(--txt);
  cursor:pointer;transition:transform .15s,border-color .15s,background .15s}
.btn:hover{transform:translateY(-2px);border-color:rgba(240,165,0,.55);background:rgba(240,165,0,.07)}
.btn-primary{background:linear-gradient(145deg,var(--amber-soft),var(--amber));color:#080808;border:none}
.btn-primary:hover{filter:brightness(1.05)}
/* Tarjetas */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px}
/* Marca */
.brand-logo{width:40px;height:40px;border-radius:11px;background:linear-gradient(145deg,var(--amber-soft),var(--amber));
  display:grid;place-items:center;font-weight:800;color:#080808;font-size:22px}
/* Fondo con halos ámbar (premium) */
.bg-aura{background-image:
  radial-gradient(ellipse 80% 50% at 50% -8%, rgba(240,165,0,.14), transparent 60%),
  radial-gradient(ellipse 60% 40% at 50% 108%, rgba(240,165,0,.06), transparent 60%);}