/* 13 · Corretor natureza · ref. Origin + General Intelligence Company */
:root { --pad: 72px; --r-xl: 40px; --r-lg: 28px; --r-md: 18px; }
body { font-size: 16px; }

/* tipografia */
.serif { font-family: var(--f-titulo); font-weight: 400; letter-spacing: -.02em; line-height: 1.02; font-optical-sizing: auto; }
.serif em { font-style: italic; font-weight: 400; }
.mono { font-family: var(--f-mono); font-size: 13px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; line-height: 1.3; }
.mono.sm { font-size: 11.5px; letter-spacing: .12em; }
.lbl { display: inline-flex; align-items: center; gap: 10px; }
.lbl.dot::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.muted { color: var(--muted); }

/* botões (pílula mono, Origin) */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 48px; padding: 0 26px; border-radius: 999px;
  font-family: var(--f-mono); font-size: 13px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; white-space: nowrap;
  transition: transform .25s var(--ease), background-color .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease); }
.btn:active { transform: scale(.97); }
.btn svg { width: 16px; height: 16px; flex: none; }
.btn-ceu { background: var(--ceu); color: var(--marinho); }
.btn-marinho { background: var(--marinho); color: #fff; }
.btn-escuro { background: #2A2B2E; color: #fff; border-radius: 10px; }
.btn-borda { border: 1.5px solid currentColor; }
.btn-borda-clara { border: 1px solid rgba(255,255,255,.55); color: #fff; }
@media (hover: hover) and (pointer: fine) {
  .btn-ceu:hover { background: #b9e8f6; }
  .btn-marinho:hover { background: #1b2350; }
  .btn-escuro:hover { background: #38393d; }
  .btn-borda:hover, .btn-borda-clara:hover { background: rgba(255,255,255,.12); }
}

/* vidro (GIC) */
.vidro { background: rgba(255,255,255,.14); -webkit-backdrop-filter: blur(22px) saturate(140%); backdrop-filter: blur(22px) saturate(140%);
  border: 1px solid rgba(255,255,255,.28); box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 20px 50px -20px rgba(0,0,0,.35); }
.vidro-escuro { background: rgba(22,26,22,.42); -webkit-backdrop-filter: blur(24px) saturate(130%); backdrop-filter: blur(24px) saturate(130%);
  border: 1px solid rgba(255,255,255,.12); }

/* nav pílula de vidro (GIC) */
.nav { z-index: 5; display: flex; align-items: center; gap: 6px; padding: 8px 8px 8px 10px; border-radius: 16px; color: #fff; }
.nav .marca { display: flex; align-items: center; gap: 10px; padding: 0 14px 0 4px; }
.nav .marca .ico { width: 36px; height: 36px; border-radius: 10px; background: rgba(255,255,255,.22); display: grid; place-items: center; }
.nav .marca .ico svg { width: 20px; height: 20px; }
.nav .marca b { font-family: var(--f-titulo); font-weight: 400; font-size: 21px; letter-spacing: -.01em; white-space: nowrap; }
.nav a.lk { font-family: var(--f-mono); font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase; padding: 10px 11px; border-radius: 10px; opacity: .92; transition: background-color .2s var(--ease); white-space: nowrap; }
@media (hover: hover) and (pointer: fine) { .nav a.lk:hover { background: rgba(255,255,255,.14); } }
.nav .btn { height: 42px; border-radius: 10px; margin-left: 8px; padding: 0 18px; }

/* chip aberto */
.chip-ab { display: inline-flex; align-items: center; gap: 8px; }
.chip-ab::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #7CD992; box-shadow: 0 0 0 4px rgba(124,217,146,.22); animation: pulsa 2.4s ease-in-out infinite; }
.chip-ab.is-fechado::before { background: #F0A35E; box-shadow: 0 0 0 4px rgba(240,163,94,.22); }
@keyframes pulsa { 50% { box-shadow: 0 0 0 7px rgba(124,217,146,0); } }

.foto-r { overflow: hidden; }
.foto-r img { width: 100%; height: 100%; object-fit: cover; }