/* Reset suave + variáveis + tipografia */
:root{
    --bg:#f7f9fc; --surface:#fff; --surface-2:#eef3fb;
    --text:#1f2430; --muted:#5b6476;
    --brand:#1f7ae0; --brand-2:#59c1a9;
    --brand-alt:#51a7ae; --accent:#ffa348;
    --radius:16px; --shadow:0 10px 28px rgba(18,27,51,.12);
    --maxw:1200px;
    --font:"Comfortaa", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  }
  
  *{ box-sizing:border-box; }
  html,body{ height:100%; }
  body{
    margin:0; background:var(--bg); color:var(--text);
    font-family:var(--font); font-weight:700;
    -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  }
  
  /* utilidades rápidas */
  .container{ max-width:var(--maxw); margin:0 auto; padding:0 clamp(14px,3vw,28px); }
  .hidden{ display:none !important; }
  .center{ text-align:center; }