
/* SAGERIS styles.css (starter) */
:root{
  --brand:#c4002b; /* banda roja SAGERIS */
  --dark:#111;
  --text:#222;
  --muted:#666;
  --bg:#fff;
  --accent:#0061a8; /* azul WTW secundario sugerido */
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}
.container{width:min(1100px,92%);margin-inline:auto}
.header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}
.header .topbar{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:.75rem 0}
.logo{font-weight:800;letter-spacing:.5px}
.logo span{color:var(--brand)}
nav a{color:var(--text);text-decoration:none;padding:.5rem .75rem;border-radius:999px}
nav a:hover,nav a[aria-current="page"]{background:#f6f6f6}
.hero{padding:3.5rem 0;background:linear-gradient(180deg,#fff, #fafafa)}
.hero h1{font-size:clamp(28px,4vw,40px);margin:.25rem 0}
.hero p{color:var(--muted);max-width:60ch}
.badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}
.badge{font-size:.85rem;border:1px solid #eee;border-radius:999px;padding:.25rem .65rem;background:#fff}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:2rem 0}
.card{background:#fff;border:1px solid #eee;border-radius:16px;overflow:hidden}
.card .content{padding:1rem 1rem 1.25rem 1rem}
.card h3{margin:.25rem 0}
.card p{color:var(--muted)}
.cta{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;padding:.8rem 1.1rem;border-radius:12px;font-weight:600;margin-top:.5rem}
.cta.secondary{background:var(--accent)}
.section{padding:2rem 0}
footer{border-top:1px solid #eee;padding:2rem 0;color:var(--muted);font-size:.95rem}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #eee;padding:.6rem;text-align:left}
.faq details{border:1px solid #eee;border-radius:12px;padding:1rem;background:#fff}
.faq details+details{margin-top:.75rem}
.breadcrumbs{font-size:.9rem;color:var(--muted);margin:.5rem 0}
.breadcrumbs a{color:inherit}
.alert{background:#fff8f9;border:1px solid #ffd1db;color:#7a001a;padding:.75rem 1rem;border-radius:12px}
.schema{display:none}
