/* Tema Vigia Automations — derivado del logo (tablero de marca) */
@font-face{font-family:Montserrat;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/montserrat-400.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/montserrat-500.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/montserrat-600.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/montserrat-700.woff2) format("woff2")}
:root{
  --bg:#06121F;          /* azul-verde muy oscuro del tablero */
  --bg2:#0A1E2D;         /* superficie de tarjetas */
  --glow:#05323A;        /* resplandor teal del fondo */
  --ink:#F4F9FB;         /* blanco del wordmark */
  --mute:#A6BAC6;        /* texto secundario (AA sobre --bg) */
  --text:#D5E2EA;        /* texto corrido */
  --mint:#04F7BF;        /* menta de la G */
  --teal:#0A9C8E;        /* tramo medio del degradado */
  --blue:#1A4F8B;        /* azul del extremo del degradado */
  --cyan:#19C3DA;        /* extremo azul-turquesa para botones */
  --grad:linear-gradient(135deg,#04F7BF 0%,#12D9CB 55%,#19C3DA 100%);
  --line:#16323F;
  --font:Montserrat,"Segoe UI",system-ui,-apple-system,Roboto,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--ink);font:400 16.5px/1.65 var(--font);overflow-x:hidden;
  background:
   radial-gradient(900px 520px at 100% -8%,rgba(5,60,62,.85),transparent 70%),
   radial-gradient(800px 520px at -8% 108%,rgba(4,52,60,.7),transparent 70%),
   var(--bg);
  background-attachment:fixed}
img{max-width:100%}
a{color:inherit}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
header{padding:16px 0;border-bottom:1px solid var(--line);background:rgba(6,18,31,.6);backdrop-filter:blur(6px)}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
header .logo{display:block;line-height:0}
header img{height:62px;width:auto;display:block}
.btn{display:inline-block;background:var(--grad);color:#03201F;font:700 15px/1.2 var(--font);letter-spacing:.01em;text-decoration:none;padding:14px 24px;border-radius:12px;box-shadow:0 6px 22px -8px rgba(4,247,191,.55);transition:filter .15s,transform .15s}
.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid #2A5568;box-shadow:none}
.btn.ghost:hover{border-color:var(--mint)}
footer{border-top:1px solid var(--line);padding:30px 0;color:var(--mute);font-size:14.5px}
footer a{color:var(--mute);text-decoration-color:#3b6173}
footer a:hover{color:var(--mint)}
@media (max-width:480px){
  header img{height:46px}
  .btn{padding:12px 16px;font-size:14px}
  body{font-size:16px}
}