/* ===== BOTÕES IZZAT — um padrão só para o site inteiro =====
   Regras da marca: cantos moderados (12px), sem MAIÚSCULAS, no máximo 2 efeitos por botão
   (o ouro tem degradê + sombra suave; nada de brilho varrendo nem glow).
   Uso: <a class="izb izb--gold">Texto <svg class="izb-arr"><use href="/ui/icons.svg#i-arrow-right"/></svg></a>
   Variantes: --gold (principal no escuro) · --espresso (principal no claro) · --outline (secundário no escuro)
   · --outline-light (secundário no claro) · --quiet (discreto, ex.: WhatsApp) · --link (texto com seta)
   Tamanhos: --lg (56px) · padrão (48px) · --sm (40px). Ícone redondo: .izb-icon. Filtro/aba: .izb-chip */
:root{
  --izb-ink:#201914;
  --izb-gold-1:#f6d588; --izb-gold-2:#e9b949; --izb-gold-3:#c8922e;
  --izb-esp-1:#382719; --izb-esp-2:#17100b; --izb-esp-ink:#f4dfae;
  --izb-r:12px; --izb-r-chip:10px;
  --izb-h:48px; --izb-h-lg:56px; --izb-h-sm:40px;
  --izb-ease:cubic-bezier(.16,1,.3,1);
}
.izb{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:var(--izb-h);padding:0 22px;border-radius:var(--izb-r);border:1px solid transparent;
  font:600 15px/1.15 Inter,system-ui,-apple-system,sans-serif;letter-spacing:.005em;text-decoration:none;
  white-space:nowrap;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;
  transition:transform .22s var(--izb-ease),background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease;
  --izb-ring:var(--izb-gold-1);--izb-spin:currentColor}
.izb svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.izb .izb-arr{transition:transform .22s var(--izb-ease)}
.izb:hover .izb-arr{transform:translateX(3px)}
.izb:active{transform:scale(.98)}
.izb:focus-visible{outline:2px solid var(--izb-ring);outline-offset:3px}
.izb[disabled],.izb[aria-disabled="true"]{opacity:.48;cursor:not-allowed;transform:none!important;box-shadow:none}
.izb.is-loading{color:transparent!important;pointer-events:none}
.izb.is-loading>*{visibility:hidden}
.izb.is-loading::after{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;
  border-radius:50%;border:2px solid var(--izb-spin);border-right-color:transparent;animation:izbSpin .7s linear infinite}
@keyframes izbSpin{to{transform:rotate(360deg)}}
.izb--lg{min-height:var(--izb-h-lg);padding:0 26px;font-size:16px}
.izb--sm{min-height:var(--izb-h-sm);padding:0 16px;font-size:14px;gap:8px}
.izb--sm svg{width:16px;height:16px}
.izb--block{display:flex;width:100%}
.izb[hidden],.izb-chip[hidden],.izb-icon[hidden]{display:none!important}

/* ouro — principal no fundo escuro */
.izb--gold{background:linear-gradient(180deg,var(--izb-gold-1),var(--izb-gold-2));color:var(--izb-ink);
  box-shadow:0 10px 26px -16px rgba(233,185,73,.85);--izb-spin:var(--izb-ink)}
.izb--gold:hover{background:linear-gradient(180deg,#fae3a8,#f0c75f);transform:translateY(-1px)}
.izb--gold:active{background:linear-gradient(180deg,var(--izb-gold-2),var(--izb-gold-3));transform:scale(.98)}

/* espresso — principal no fundo claro (o botão da landing) */
.izb--espresso{background:linear-gradient(180deg,var(--izb-esp-1),var(--izb-esp-2));color:var(--izb-esp-ink);
  border-color:rgba(199,154,62,.55);box-shadow:0 10px 24px -16px rgba(23,16,11,.85);--izb-ring:#3b2816;--izb-spin:var(--izb-esp-ink)}
.izb--espresso:hover{background:linear-gradient(180deg,#46301e,#1f150d);transform:translateY(-1px)}
.izb--espresso:active{transform:scale(.98)}

/* contorno — secundário no escuro */
.izb--outline{background:rgba(255,255,255,.04);border-color:rgba(233,185,73,.42);color:#f3e7c8}
.izb--outline:hover{background:rgba(233,185,73,.1);border-color:rgba(233,185,73,.75);color:#fff;transform:translateY(-1px)}

/* contorno — secundário no claro */
.izb--outline-light{background:transparent;border:1.5px solid rgba(59,40,22,.3);color:#3b2816;--izb-ring:#3b2816}
.izb--outline-light:hover{background:rgba(59,40,22,.06);border-color:rgba(59,40,22,.55);transform:translateY(-1px)}

/* discreto — ação terciária (WhatsApp, limpar busca) */
.izb--quiet{background:transparent;color:#b9ad98;padding:0 14px}
.izb--quiet:hover{background:rgba(255,255,255,.06);color:#fff}
.izb--quiet .izb-wa{fill:#25d366;stroke:none}

/* link com seta — continuar lendo, ver tudo */
.izb--link{min-height:44px;padding:0 4px;background:none;color:var(--izb-gold-2);border-radius:8px}
.izb--link:hover{color:var(--izb-gold-1)}

/* ícone redondo — setas, pausar, menu */
.izb-icon{display:inline-grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;
  border:1px solid rgba(255,255,255,.2);background:rgba(10,8,6,.45);color:#efe7d6;cursor:pointer;
  -webkit-tap-highlight-color:transparent;transition:background .2s ease,border-color .2s ease,transform .22s var(--izb-ease)}
.izb-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.izb-icon:hover{background:rgba(255,255,255,.12);border-color:rgba(233,185,73,.6)}
.izb-icon:active{transform:scale(.94)}
.izb-icon:focus-visible{outline:2px solid var(--izb-gold-1);outline-offset:3px}

/* chip / aba — filtros, ES·PT, anos (cor do ano em --chip) */
.izb-chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:var(--izb-r-chip);
  border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:#cfc5b4;
  font:600 14px/1 Inter,system-ui,sans-serif;cursor:pointer;white-space:nowrap;text-decoration:none;
  -webkit-tap-highlight-color:transparent;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .22s var(--izb-ease);
  --chip:233,185,73}
.izb-chip:hover{border-color:rgba(var(--chip),.6);color:#fff}
.izb-chip:active{transform:scale(.97)}
.izb-chip:focus-visible{outline:2px solid rgb(var(--chip));outline-offset:2px}
.izb-chip[aria-pressed="true"],.izb-chip.is-on{background:rgba(var(--chip),.16);border-color:rgb(var(--chip));color:#fff}
@media(pointer:coarse){.izb-chip{min-height:44px}}

@media(prefers-reduced-motion:reduce){
  .izb,.izb-icon,.izb-chip,.izb .izb-arr{transition:none}
  .izb:hover,.izb:active,.izb-icon:active,.izb-chip:active,.izb:hover .izb-arr{transform:none}
  .izb.is-loading::after{animation-duration:1.6s}
}

/* tela muito estreita (até 380px): texto longo quebra linha em vez de empurrar a página para o lado */
@media(max-width:380px){.izb{max-width:100%;white-space:normal;text-align:center;line-height:1.25}.izb--lg{padding:10px 20px}}