/* Início: buscador em destaque, carteira compacta e deals. Usa os tokens de membros.css. */
.in-hero{position:relative;overflow:hidden;border-radius:24px;padding:22px 28px 24px;display:flex;flex-direction:column;gap:14px;color:#F3EDE0;
  background:radial-gradient(90% 120% at 100% 0%,rgba(212,176,118,.24),transparent 55%),linear-gradient(135deg,#2E2A24 0%,#1A1714 55%,#0F0D0B 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 24px 50px -28px rgba(20,16,10,.6)}
.in-hero-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 24px;flex-wrap:wrap}
.in-lab{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#D4B076}
.in-tit{margin:0;font-size:28px;line-height:1.1;font-weight:650;letter-spacing:-1px;color:#fff}
.in-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr) auto;gap:10px;align-items:end}
.in-form .field label{color:rgba(243,237,224,.72)}
.in-form .input{width:100%;border-color:transparent;font:inherit;font-size:15px}
.in-form .input:focus{outline:2px solid #D4B076;outline-offset:1px}
.in-ir{height:48px;padding:0 28px;border:0;cursor:pointer;font:inherit;font-weight:600;white-space:nowrap}
.in-chips{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.in-chips>span{white-space:nowrap;flex:none;font-size:12.5px;color:rgba(243,237,224,.6);margin-right:2px}
.in-chip{height:32px;padding:0 14px;border-radius:999px;border:1px solid rgba(243,237,224,.18);background:rgba(255,255,255,.06);color:#F3EDE0;font:inherit;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s}
.in-chip:hover,.in-chip[aria-pressed="true"]{background:rgba(212,176,118,.18);border-color:rgba(212,176,118,.55)}
.in-chip:focus-visible{outline:2px solid #D4B076;outline-offset:2px}
.in-todos{white-space:nowrap;align-self:flex-start;font-size:14px;font-weight:600;color:var(--b700);text-decoration:none}

/* Compacta para caber sem rolagem no desktop (1366×768 e 1440×760) */
.main:has(.in-hero){padding-top:24px;padding-bottom:16px;gap:18px}
.main:has(.in-hero) .h1{font-size:26px}
.main:has(.in-hero) .input,.main:has(.in-hero) .in-ir{height:44px}
.in-dh{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.main:has(.in-hero) .deal{padding:16px 18px 14px;gap:11px}
.main:has(.in-hero) .deal-bot{padding-top:10px}
.main:has(.in-hero) .iata{font-size:27px}

/* Carteira: FlyPoints e milhas lado a lado, discretos. O hub do FlyPoints tem o resto. */
.in-cart{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.in-fp{display:flex;align-items:center;gap:14px;padding:14px 20px;text-decoration:none;color:var(--ink);
  background:linear-gradient(135deg,#FCF8F0 0%,#F4E9D4 100%);border-color:#E6D6B8;transition:transform .15s}
.in-fp:hover{transform:translateY(-1px)}
.in-fp:focus-visible{outline:2px solid var(--b500);outline-offset:3px}
.in-fp-cartao{width:68px;height:40px;flex:none;border-radius:8px;padding:6px 7px;display:flex;align-items:flex-start;justify-content:space-between;color:#F3EDE0;
  background:radial-gradient(120% 90% at 85% 0%,rgba(212,176,118,.3),transparent 55%),linear-gradient(135deg,#34302A,#0F0D0B);box-shadow:0 8px 18px -10px rgba(20,16,10,.6)}
.in-fp-cartao b{font-size:8px;font-weight:700;letter-spacing:-.1px}
.in-fp-cartao svg{color:#D4B076;width:9px;height:9px;flex:none}
.in-fp-tx{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.in-fp-dica{white-space:nowrap}
.in-fp-num{font-size:23px;line-height:1.05;font-weight:650;letter-spacing:-.8px;font-variant-numeric:tabular-nums}
.in-fp-num small{font-size:13px;font-weight:600;letter-spacing:0;color:var(--b500)}
.in-chev{display:flex;color:var(--b700)}
.in-cart .mi-home{padding:14px 20px;gap:4px;justify-content:center}
.in-cart .mi-plates{display:none}
.in-cart .mi-corpo .stack{flex-direction:row;align-items:baseline;gap:10px!important}
.in-cart .mi-num{font-size:23px;letter-spacing:-.8px}
.in-cart .mi-num small{font-size:13px}
.in-cart .mi-vazio b{font-size:15px}

@container m (max-width:900px){
  .in-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .in-ir{grid-column:1/-1}
}
@container m (max-width:640px){
  .in-hero{padding:22px 18px 18px;gap:16px;border-radius:20px}
  .in-tit{font-size:25px}
  .in-form .field:nth-child(3){grid-column:1/-1}
  .in-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -18px;padding:0 18px}
  .in-chips::-webkit-scrollbar{display:none}
  .in-chip{flex:none}
  .in-cart{grid-template-columns:minmax(0,1fr);gap:12px}
  .in-fp,.in-cart .mi-home{padding:14px 16px}
  .in-fp-dica{display:none}
}
/* A receber (ROI): só aparece pra quem tem venda de pontos aberta (fd.js, cartaoReceber) */
.m a.in-roi{display:flex;flex-direction:column;gap:4px;padding:16px 22px;text-decoration:none;color:var(--ink);background:linear-gradient(145deg,#FBF4E6,var(--b100));border-color:var(--b300)}
.in-roi-topo,.in-roi-meio{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.in-roi .lab{color:var(--b700)}
.in-roi-total{font-size:26px;line-height:1.2;font-weight:650;letter-spacing:-.6px;color:var(--ink);font-variant-numeric:tabular-nums}
.in-roi-ate{font-size:14px;color:var(--text)}
.in-roi-ate b,.in-roi-li b{font-weight:650;color:var(--b700);font-variant-numeric:tabular-nums}
.in-roi-lista{display:flex;flex-direction:column;margin-top:6px;border-top:1px solid var(--b300)}
.in-roi-li{display:flex;justify-content:space-between;gap:12px;padding:8px 0 0;font-size:14px;color:var(--ink);font-variant-numeric:tabular-nums}
.in-roi-li small{font-size:12px;color:var(--ter);margin-left:4px}
.m a.in-roi:hover{color:var(--ink);border-color:var(--b500)}
