/* Design system Leite Advocacia: luxo sóbrio, marinho + dourado, serifada nos títulos. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

:root {
  --marinho-900: #0a1220;
  --marinho-800: #0e1b2e;
  --marinho-700: #14263f;
  --marinho-600: #1c3354;
  --dourado: #c9a45c;
  --dourado-claro: #e3c98f;
  --papel: #f7f4ee;
  --texto: #e8e4da;
  --texto-suave: #9aa4b5;
  --perigo: #c25b4e;
  --ok: #5ea77a;
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: 'Inter', -apple-system, system-ui, sans-serif;
  --raio: 10px;
  --sombra: 0 10px 30px rgba(0, 0, 0, 0.35);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: linear-gradient(160deg, var(--marinho-900), var(--marinho-800) 60%);
  min-height: 100vh;
  color: var(--texto);
  font-family: var(--sans);
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3 { font-family: var(--serif); font-weight: 600; letter-spacing: 0.02em; margin: 0 0 0.4em; }
h1 { font-size: 2rem; }
h2 { font-size: 1.4rem; }
a { color: var(--dourado-claro); text-decoration: none; }

.cartao {
  background: var(--marinho-700);
  border: 1px solid rgba(201, 164, 92, 0.25);
  border-radius: var(--raio);
  padding: 22px;
  box-shadow: var(--sombra);
}

.botao {
  display: inline-block;
  background: var(--dourado);
  color: var(--marinho-900);
  border: none;
  border-radius: 8px;
  padding: 10px 22px;
  font: 600 14px var(--sans);
  cursor: pointer;
  transition: filter 0.15s;
}
.botao:hover { filter: brightness(1.08); }
.botao.fantasma { background: transparent; color: var(--dourado); border: 1px solid var(--dourado); }

input, select, textarea {
  width: 100%;
  background: var(--marinho-800);
  border: 1px solid rgba(201, 164, 92, 0.3);
  border-radius: 8px;
  color: var(--texto);
  padding: 11px 13px;
  font: 400 14px var(--sans);
}
input:focus { outline: none; border-color: var(--dourado); }
label { display: block; font-size: 12px; color: var(--texto-suave); margin: 12px 0 5px; text-transform: uppercase; letter-spacing: 0.08em; }

table { width: 100%; border-collapse: collapse; }
th { text-align: left; font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--dourado); padding: 8px 10px; border-bottom: 1px solid rgba(201, 164, 92, 0.3); }
td { padding: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }

.filete { height: 2px; width: 48px; background: var(--dourado); border: none; margin: 6px 0 18px; }
.aviso { color: var(--perigo); font-size: 13px; min-height: 18px; }

/* interruptor liga/desliga */
.chave { position: relative; width: 40px; height: 22px; appearance: none; background: var(--marinho-600); border-radius: 22px; cursor: pointer; border: 1px solid rgba(201,164,92,.3); }
.chave:checked { background: var(--dourado); }
.chave::after { content: ''; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: var(--papel); transition: left 0.15s; }
.chave:checked::after { left: 20px; }