/* File: soporte.css */
:root{
  --bg:#f9fafb;
  --card:#ffffff;
  --muted:#6b7280;
  --accent:#16a34a;
  --max:900px;
  --radius:12px;
}
*{box-sizing:border-box}
body{
  font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  margin:0;
  background:var(--bg);
  color:#0f172a;
}
.container{
  width:calc(100% - 40px);
  max-width:var(--max);
  margin:28px auto;
}
.site-header{
  background:linear-gradient(90deg, rgba(22,163,74,0.08), rgba(34,197,94,0.05));
  padding:24px 0;
  border-bottom:1px solid rgba(15,23,42,0.06);
  text-align:center;
}
.site-header h1{
  margin:0 0 6px 0;
  font-size:28px;
  color:#065f46;
}
.tag{color:var(--muted);margin:0;font-size:15px}
.support{
  background:var(--card);
  border-radius:var(--radius);
  padding:28px;
  box-shadow:0 6px 18px rgba(2,6,23,0.06);
}
.support h2{margin-top:20px;color:#065f46}
.support p, .support li{line-height:1.6;color:#0f172a}
.support ul{margin-left:18px;margin-bottom:16px}
.support a{color:var(--accent);text-decoration:none}
.support a:hover{text-decoration:underline}
.support-footer{margin-top:22px;padding-top:18px;border-top:1px dashed rgba(15,23,42,0.06);color:var(--muted);font-size:14px}
.simple-footer{text-align:center;margin:30px auto}

@media (max-width:560px){
  .container{width:calc(100% - 28px)}
  .site-header h1{font-size:22px}
  .support{padding:18px}
}