body {
      font-family: 'Inter', sans-serif;
      background-color: #f4f7fa;
      color: #1e293b;
      line-height: 1.65;
    }

    .termos-container {
      max-width: 880px;
      margin: 32px auto 60px;
      padding: 36px 40px;
      background: #ffffff;
      border-radius: 16px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
      border: 1px solid #e2e8f0;
      color: #334155;
    }

    .termos-container h1 {
      color: #1e3c72;
      font-size: 1.85rem;
      font-weight: 800;
      text-align: center;
      margin: 10px 0 24px;
      letter-spacing: -0.02em;
    }

    .termos-badge-header {
      display: flex;
      justify-content: center;
      margin-bottom: 24px;
    }

    .termos-badge-pill {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 4px 14px;
      border-radius: 20px;
      background: #eff6ff;
      border: 1px solid #bfdbfe;
      color: #2563eb;
      font-size: 0.8rem;
      font-weight: 600;
    }

    .termos-container h2 {
      margin-top: 32px;
      margin-bottom: 14px;
      color: #1e3c72;
      font-size: 1.25rem;
      font-weight: 700;
      border-bottom: 1.5px solid #e2e8f0;
      padding-bottom: 8px;
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .termos-container h2 i {
      color: #3b82f6;
      font-size: 1.15rem;
    }

    .termos-container p {
      margin-bottom: 14px;
      font-size: 0.95rem;
      color: #475569;
    }

    .termos-container ul {
      margin-bottom: 16px;
      padding-left: 24px;
    }

    .termos-container li {
      margin-bottom: 8px;
      font-size: 0.95rem;
      color: #475569;
    }

    .termos-container strong {
      color: #1e293b;
    }

    .termos-highlight-box {
      background: #f8fafc;
      border-left: 4px solid #3b82f6;
      border-radius: 0 8px 8px 0;
      padding: 14px 18px;
      margin: 16px 0;
      font-size: 0.92rem;
      color: #334155;
    }

    .guest-btn-back-termos {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: #3b82f6;
      text-decoration: none;
      font-weight: 600;
      font-size: 0.9rem;
      margin-bottom: 16px;
      transition: all 0.2s ease;
    }

    .guest-btn-back-termos:hover {
      color: #1d4ed8;
      transform: translateX(-3px);
    }

    .termos-footer-meta {
      text-align: center;
      margin-top: 40px;
      padding-top: 20px;
      border-top: 1px solid #e2e8f0;
      color: #64748b;
      font-size: 0.85rem;
    }

    /* ═══════════════════════════════════════════════════════════
       MODO NOTURNO (DARK MODE) TERMOS
    ═══════════════════════════════════════════════════════════ */
    [data-theme="dark"] body,
    body.dark-mode {
      background-color: #0b132b !important;
      color: #f1f5f9 !important;
    }

    [data-theme="dark"] .termos-container,
    body.dark-mode .termos-container {
      background: #1c2541 !important;
      border-color: #334155 !important;
      color: #cbd5e1 !important;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
    }

    [data-theme="dark"] .termos-container h1,
    body.dark-mode .termos-container h1 {
      color: #f1f5f9 !important;
    }

    [data-theme="dark"] .termos-container h2,
    body.dark-mode .termos-container h2 {
      border-bottom-color: #334155 !important;
      color: #60a5fa !important;
    }

    [data-theme="dark"] .termos-container h2 i,
    body.dark-mode .termos-container h2 i {
      color: #38bdf8 !important;
    }

    [data-theme="dark"] .termos-container p,
    [data-theme="dark"] .termos-container li,
    body.dark-mode .termos-container p,
    body.dark-mode .termos-container li {
      color: #cbd5e1 !important;
    }

    [data-theme="dark"] .termos-container strong,
    body.dark-mode .termos-container strong {
      color: #f1f5f9 !important;
    }

    [data-theme="dark"] .termos-highlight-box,
    body.dark-mode .termos-highlight-box {
      background: #0f172a !important;
      border-left-color: #60a5fa !important;
      color: #e2e8f0 !important;
    }

    [data-theme="dark"] .termos-badge-pill,
    body.dark-mode .termos-badge-pill {
      background: #0f172a !important;
      border-color: #334155 !important;
      color: #60a5fa !important;
    }

    [data-theme="dark"] .guest-btn-back-termos,
    body.dark-mode .guest-btn-back-termos {
      color: #60a5fa !important;
    }

    [data-theme="dark"] .guest-btn-back-termos:hover,
    body.dark-mode .guest-btn-back-termos:hover {
      color: #93c5fd !important;
    }

    [data-theme="dark"] .termos-footer-meta,
    body.dark-mode .termos-footer-meta {
      border-top-color: #334155 !important;
      color: #94a3b8 !important;
    }

    @media (max-width: 768px) {
      .termos-container {
        padding: 24px 20px;
        margin: 20px 12px 40px;
      }
      .termos-container h1 {
        font-size: 1.5rem;
      }
      .termos-container h2 {
        font-size: 1.15rem;
      }
    }