.doc-cobertura-webhook {
  background: linear-gradient(180deg, #f4f7fb 0%, #eef3f8 100%);
  min-height: 100vh;
  color: #112132;
}
.doc-cobertura-webhook .hero {
  background: radial-gradient(circle at top left, rgba(168,85,247,0.20), transparent 35%),
              linear-gradient(135deg, #0b1220 0%, #13233a 55%, #5b21b6 100%);
  color: #fff;
  padding: 64px 24px 52px;
}
.doc-cobertura-webhook .hero-inner,
.doc-cobertura-webhook .container { max-width: 1240px; margin: 0 auto; }
.doc-cobertura-webhook .eyebrow {
  display:inline-block; padding:8px 12px; border-radius:999px; border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.12); text-transform:uppercase; letter-spacing:.14em; font-size:12px; margin-bottom:18px;
}
.doc-cobertura-webhook h1 { margin:0 0 18px; font-size:40px; line-height:1.08; }
.doc-cobertura-webhook .hero-text { max-width: 940px; color: rgba(255,255,255,.88); font-size:18px; line-height:1.7; }
.doc-cobertura-webhook .hero-badges { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.doc-cobertura-webhook .hero-badges span {
  display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:999px;
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.14); font-size:13px; font-weight:600;
}
.doc-cobertura-webhook .container { padding:28px 24px 56px; }
.doc-cobertura-webhook .overview-grid { display:grid; grid-template-columns: repeat(4, 1fr); gap:18px; margin-top:-34px; margin-bottom:24px; }
.doc-cobertura-webhook .mini-card,
.doc-cobertura-webhook .card,
.doc-cobertura-webhook .highlight-card {
  background:#fff; border:1px solid #dbe3ee; border-radius:22px; box-shadow:0 16px 32px rgba(15,23,42,.06);
}
.doc-cobertura-webhook .mini-card { padding:22px; }
.doc-cobertura-webhook .mini-card span { display:block; color:#526273; font-size:14px; margin-bottom:8px; }
.doc-cobertura-webhook .mini-card strong { font-size:30px; line-height:1; color:#0f172a; }
.doc-cobertura-webhook .card { padding:28px; margin-bottom:24px; }
.doc-cobertura-webhook .dual-grid,
.doc-cobertura-webhook .highlight-grid { display:grid; gap:18px; }
.doc-cobertura-webhook .dual-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.doc-cobertura-webhook .highlight-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.doc-cobertura-webhook .highlight-card { padding:20px; }
.doc-cobertura-webhook .section-header { margin-bottom:18px; }
.doc-cobertura-webhook .section-header h2 {
  display:flex; align-items:center; gap:10px; margin:0 0 8px; font-size:24px; color:#0f172a;
}
.doc-cobertura-webhook .section-header p,
.doc-cobertura-webhook .highlight-card p { margin:0; color:#526273; line-height:1.7; }
.doc-cobertura-webhook .highlight-card h3 { margin:0 0 10px; font-size:18px; }
.doc-cobertura-webhook code {
  background:#f3e8ff; border:1px solid #e9d5ff; color:#5b21b6; padding:4px 8px; border-radius:10px; font-size:13px;
}
.doc-cobertura-webhook .badge {
  display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px;
  background:#ede9fe; color:#5b21b6; font-size:12px; font-weight:700; margin-bottom:10px;
}
.doc-cobertura-webhook .plain-list { margin:0; padding-left:18px; color:#243444; line-height:1.75; }
.doc-cobertura-webhook .plain-list li + li { margin-top:8px; }
.doc-cobertura-webhook .cta-link {
  display:inline-flex; align-items:center; gap:10px; margin-top:18px;
  padding:12px 16px; border-radius:14px; text-decoration:none; font-weight:700;
  background:#ede9fe; color:#5b21b6; border:1px solid #ddd6fe;
}
.doc-cobertura-webhook .cta-link:hover { background:#ddd6fe; }
@media (max-width: 980px){
  .doc-cobertura-webhook .overview-grid,
  .doc-cobertura-webhook .dual-grid,
  .doc-cobertura-webhook .highlight-grid { grid-template-columns:1fr; }
}
@media (max-width: 640px){
  .doc-cobertura-webhook .hero { padding:54px 18px 42px; }
  .doc-cobertura-webhook .container { padding:22px 16px 42px; }
  .doc-cobertura-webhook h1 { font-size:31px; }
  .doc-cobertura-webhook .card,
  .doc-cobertura-webhook .mini-card,
  .doc-cobertura-webhook .highlight-card { padding:20px; border-radius:18px; }
}