/* ============================================================
   supraslot-page.css — tambahan ter-scoped untuk halaman
   https://cardiologiadrvalenzuela.com/contacto/
   Tidak menimpa CSS template; hanya selector baru/kompensasi
   minimal akibat penurunan hero h1 -> h2 (aturan satu H1).
   ============================================================ */

/* --- Tipografi (Sora heading + Plus Jakarta Sans body) --- */
.supra-scope h1,
.supra-scope h2,
.supra-scope h3,
.supra-scope .gdow-eyebrow,
.supra-scope .sl-head {
  font-family: 'Sora', 'Segoe UI', Arial, sans-serif;
}
.supra-scope p,
.supra-scope li,
.supra-scope a,
.supra-scope button {
  font-family: 'Plus Jakarta Sans', 'Segoe UI', Arial, sans-serif;
}

/* --- Kompensasi hero-title: h1 template diturunkan ke h2 --- */
.hero-title h2 {
  font-size: 34px;
  font-weight: 700;
  line-height: 1.4;
  color: #000000;
  margin-bottom: 5px;
}

/* --- Byline kolom artikel --- */
.lx-container .lx-byline {
  margin: 0 0 14px;
  padding: 0 0 0 16px;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
  color: rgba(205, 247, 226, .68);
}

/* --- FAQ accordion (kelas .acc-item dipakai skrip template) --- */
.game-digital-open-world-container {
  max-width: 1180px;
  margin: 42px auto;
  padding: 34px 28px;
  border-radius: 26px;
  border: 1px solid rgba(21, 98, 59, .48);
  background:
    radial-gradient(circle at top left, rgba(21, 98, 59, .20), transparent 32%),
    radial-gradient(circle at bottom right, rgba(17, 79, 48, .22), transparent 36%),
    linear-gradient(145deg, #0c3420 0%, #11472c 52%, #082115 100%);
  color: #dff9ec;
}
.game-digital-open-world-container .gdow-head {
  max-width: 680px;
  margin: 0 auto 24px;
  text-align: center;
}
.game-digital-open-world-container .gdow-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 13px;
  border-radius: 999px;
  background: rgba(28, 114, 71, .12);
  border: 1px solid rgba(28, 114, 71, .3);
  color: #aaf2ce;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.game-digital-open-world-container .gdow-eyebrow i {
  width: 6px; height: 6px; border-radius: 50%;
  background: #1c7247;
}
.game-digital-open-world-container .gdow-head h2 {
  margin: 14px 0 10px;
  color: #fff;
  font-size: 27px;
  line-height: 1.25;
  font-weight: 900;
}
.game-digital-open-world-container .gdow-head h2 span { color: #1c7247; }
.game-digital-open-world-container .gdow-sub {
  margin: 0;
  color: rgba(205, 247, 226, .62);
  font-size: 13.5px;
  line-height: 1.7;
}
.game-digital-open-world-container .gdow-list {
  display: grid;
  gap: 12px;
}
.game-digital-open-world-container .acc-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  padding: 17px 20px;
  border-radius: 16px;
  border: 1px solid rgba(21, 98, 59, .3);
  background: rgba(255, 255, 255, .04);
  color: #eafbf1;
  font-size: 14.5px;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
  transition: border-color .25s ease, background .25s ease;
}
.game-digital-open-world-container .acc-item:hover {
  border-color: rgba(28, 114, 71, .55);
  background: rgba(28, 114, 71, .08);
}
.game-digital-open-world-container .acc-item[aria-expanded="true"] {
  border-color: rgba(28, 114, 71, .65);
  background: rgba(28, 114, 71, .12);
}
.game-digital-open-world-container .acc-icon {
  flex: none;
  display: grid;
  place-items: center;
  width: 26px; height: 26px;
  border-radius: 8px;
  background: rgba(21, 98, 59, .35);
  color: #bff5da;
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
}
.game-digital-open-world-container .acc-panel {
  max-height: 0;
  overflow: hidden;
  border-radius: 14px;
  background: rgba(8, 33, 20, .45);
  border: 1px solid rgba(21, 98, 59, .18);
  transition: max-height .35s ease;
}
.game-digital-open-world-container .acc-panel.is-open {
  max-height: 460px;
}
.game-digital-open-world-container .acc-panel p {
  margin: 0;
  padding: 18px 22px;
  color: rgba(218, 248, 233, .82);
  font-size: 13.8px;
  line-height: 1.75;
}
@media (max-width: 640px) {
  .game-digital-open-world-container { padding: 22px 14px; margin: 26px auto; }
  .game-digital-open-world-container .gdow-head h2 { font-size: 21px; }
  .game-digital-open-world-container .acc-item { font-size: 13.2px; padding: 14px 15px; }
}

/* --- Link internal halaman saudara --- */
.supra-links {
  max-width: 1180px;
  margin: 40px auto 8px;
  padding: 0 16px;
  text-align: center;
}
.supra-links .sl-head {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 15px;
  border-radius: 999px;
  background: rgba(21, 98, 59, .1);
  border: 1px solid rgba(21, 98, 59, .32);
  color: #11472c;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
.supra-links .sl-head i {
  width: 6px; height: 6px; border-radius: 50%;
  background: #1c7247;
}
.supra-links .sl-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}
.supra-links .sl-list a {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid rgba(21, 98, 59, .35);
  color: #11472c;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease;
}
.supra-links .sl-list a:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(17, 79, 48, .18);
}