/* ===== Base ===== */
    :root{
      --brand:#0b63ff;
      --ink:#1f2937;
      --muted:#6b7280;
      --panel:#ffffff;
      --panel-2:#f5f7fa;
      --line:rgba(0,0,0,.08);
      --radius:12px;
      --code-bg:#111418;
      --code-ink:#9be7c4;
      --shadow:0 10px 30px rgba(0,0,0,.08);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
      color:var(--ink);
      background:linear-gradient(180deg,#f7f9fc 0%,#eef2f7 100%);
    }
    a{color:inherit}

    /* ===== NAVBAR ===== */
    .navbar-api{
      position:sticky; top:0; z-index:1000;
      backdrop-filter: blur(10px);
      background: linear-gradient(90deg, rgba(255,255,255,.85), rgba(245,247,250,.85));
      border-bottom:1px solid var(--line);
    }
    .navbar-container{
      max-width:1200px; margin:0 auto;
      padding:12px 18px;
      display:flex; align-items:center; justify-content:space-between; gap:16px;
    }
    .navbar-logo img{ height:50px; display:block }

    .navbar-links{ display:flex; gap:22px; align-items:center }
    .navbar-links a{
      text-decoration:none; color:var(--ink);
      font-weight:500; font-size:15px; padding:10px 6px; position:relative;
      transition:color .2s ease;
    }
    .navbar-links a:hover{ color:var(--brand) }
    .navbar-links a.active{
      color:var(--brand); text-shadow:0 0 8px rgba(11,99,255,.45);
    }
    .navbar-links a.active::after,
    .navbar-links a:hover::after{
      content:""; position:absolute; left:0; right:0; bottom:4px; height:2px;
      background:var(--brand); border-radius:2px;
    }

    /* Hambúrguer */
    .navbar-toggle{
      display:none; width:40px; height:40px; border:0; background:transparent;
      position:relative; cursor:pointer;
    }
    .navbar-toggle span,.navbar-toggle::before,.navbar-toggle::after{
      content:""; position:absolute; left:8px; right:8px; height:2px; background:#111;
      transition:transform .25s ease, top .25s ease, opacity .2s;
    }
    .navbar-toggle span{ top:19px }
    .navbar-toggle::before{ top:12px }
    .navbar-toggle::after{ top:26px }
    .navbar-toggle.is-open span{ opacity:0 }
    .navbar-toggle.is-open::before{ top:19px; transform:rotate(45deg) }
    .navbar-toggle.is-open::after{ top:19px; transform:rotate(-45deg) }

    /* Mobile menu */
    @media (max-width: 992px){
      .navbar-toggle{ display:block }
      .navbar-links{
        position:absolute; left:0; right:0; top:60px;
        display:none; flex-direction:column; gap:6px;
        background:#fff; border-bottom:1px solid var(--line);
        padding:12px 14px;
        transform:translateY(-12px); opacity:0;
        transition:transform .28s ease, opacity .28s ease;
      }
      .navbar-links.show{ display:flex; transform:translateY(0); opacity:1 }
      .navbar-links a{ padding:10px 8px }
    }

    /* ===== Main container ===== */
    .container{
      max-width:1200px; margin:0 auto; padding:28px 18px 80px;
    }
    /* evita que o topo da seção fique escondido atrás da navbar */
    section[id]{ scroll-margin-top:90px }
.section {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.section.is-visible {
  opacity: 1;
  transform: translateY(0);
}
    /* ===== Section header ===== */
    .doc-hero{
      display:flex; align-items:center; justify-content:space-between; gap:24px;
      padding:28px; border-radius:var(--radius);
      background:var(--panel); box-shadow:var(--shadow);
      margin-top:18px; margin-bottom:28px;
    }
    .doc-hero h1{
      font-size:28px; margin:0 0 6px 0; font-weight:700;
    }
    .doc-hero p{
      margin:0; color:var(--muted)
    }
    .texto-vermelho{
      color:#ff0000; 
    }

    /* ===== Sections ===== */
    .section{ margin:40px 0 }
    .section-title{ font-size:22px; margin:0 0 16px; font-weight:600 }

    .endpoint{
      display:flex; align-items:center; gap:10px; margin-bottom:14px;
    }
    .tag{
      background:var(--brand); color:#fff; font-size:12px; font-weight:700;
      padding:4px 10px; border-radius:999px; text-transform:uppercase; letter-spacing:.04em;
    }
    .endpoint-url{
      background:var(--panel-2); color:#2f2f2f; border:1px solid var(--line);
      font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
      padding:10px 14px; border-radius:8px; display:inline-block; font-size:14px;
    }

    /* Lists */
    .custom-list{ list-style:none; padding:0; margin:0 }
    .custom-list li{
      background:var(--panel); border:1px solid var(--line); border-radius:10px;
      padding:12px 14px; margin-bottom:8px; font-size:14px; font-family:ui-monospace,monospace;
      box-shadow:0 4px 14px rgba(0,0,0,.03);
    }

    /* Code blocks */
    pre{
      background:var(--code-bg); color:var(--code-ink);
      padding:16px; border-radius:10px; font-size:14px; line-height:1.55;
      overflow-x:auto; box-shadow:0 10px 24px rgba(0,0,0,.18);
      border:1px solid rgba(255,255,255,.06);
    }
    pre code{ font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace }

    /* Footer */
    .footer{
      margin-top:60px; padding:24px; text-align:center; color:var(--muted);
      font-size:14px;
    }