/* A área do cliente da loja da Café Serrano (lojaconta.js): rastreio, Minha conta e o portal do assinante, a página
   do lote e a ajuda. Os tokens moram em .lc (a mesma paleta de papel e torra da loja), para não depender das classes
   da vitrine; tudo aqui usa o prefixo lc-. A loja fica clara mesmo com o painel no escuro. */
.lc { --lc-fundo: #f7f1e8; --lc-papel: #fffdf9; --lc-creme: #f1e8da; --lc-tinta: #2a1a0f; --lc-tinta-2: #6b5646; --lc-tinta-3: #8a7666;
  --lc-linha: rgba(42, 26, 15, .12); --lc-linha-2: rgba(42, 26, 15, .22); --lc-cobre: #9a4a14; --lc-cobre-2: #f6e4d3; --lc-verde: #2e6b45; --lc-verde-2: #e3efe4;
  --lc-ruim: #a33a25; --lc-ruim-2: #f8e3dc; --lc-aviso: #8a5a00; --lc-aviso-2: #f8ecd2; --lc-serif: 'Fraunces', Georgia, 'Times New Roman', serif;
  color: var(--lc-tinta); font-size: 15px; line-height: 1.5; padding-bottom: 56px; color-scheme: light; }
.lc *, .lc *::before, .lc *::after { box-sizing: border-box; }
.lc :focus-visible { outline: 2px solid var(--lc-cobre); outline-offset: 2px; }
.lc [tabindex="-1"]:focus { outline: none; }
.lc [tabindex="-1"]:focus-visible { outline: 2px solid var(--lc-cobre); outline-offset: 3px; }
.lc h1, .lc h2, .lc h3 { margin: 0; }
.lc p { margin: 0; }
.lc ul, .lc ol { margin: 0; }
.lc img { max-width: 100%; }
.lc-in { max-width: 1160px; margin: 0 auto; padding: 0 clamp(16px, 4vw, 40px); }
.lc-num { font-variant-numeric: tabular-nums; font-family: var(--mono, ui-monospace, Menlo, monospace); letter-spacing: .02em; }
.lc .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- pedaços comuns ---------- */
.lc-migalha { max-width: 1160px; margin: 0 auto; padding: 18px clamp(16px, 4vw, 40px) 0; display: flex; flex-wrap: wrap; gap: 6px; font-size: 13px; color: var(--lc-tinta-3); }
.lc-migalha a { color: var(--lc-tinta-2); text-decoration: underline; text-underline-offset: 2px; text-decoration-color: var(--lc-linha-2); }
.lc-migalha a:hover { color: var(--lc-cobre); }
.lc-eyebrow { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--lc-cobre); font-weight: 600; margin-bottom: 6px; }
.lc-h1 { font-family: var(--lc-serif); font-weight: 520; font-size: clamp(28px, 4vw, 40px); letter-spacing: -.02em; line-height: 1.1; }
.lc h2 { font-family: var(--lc-serif); font-weight: 520; font-size: 21px; letter-spacing: -.01em; line-height: 1.2; }
.lc h3 { font-family: var(--lc-serif); font-weight: 520; font-size: 19px; line-height: 1.25; }
.lc-lead { font-size: 16.5px; line-height: 1.55; color: var(--lc-tinta-2); margin-top: 10px; max-width: 60ch; }
.lc-obs { font-size: 13.5px; color: var(--lc-tinta-2); margin-top: 8px; }
.lc-obs svg { width: 15px; height: 15px; vertical-align: -3px; margin-right: 4px; }
.lc-simul { font-size: 12.5px; color: var(--lc-tinta-3); margin-top: 14px; font-style: italic; }
.lc-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 22px; border: 0; border-radius: 999px; background: var(--lc-tinta); color: #fff; font: inherit; font-size: 15px; font-weight: 560; cursor: pointer; text-align: center; transition: background-color .15s ease; }
.lc-btn:hover { background: #4a2f1c; }
.lc-btn svg { width: 17px; height: 17px; flex: none; }
.lc-btn.sec { background: transparent; color: var(--lc-tinta); box-shadow: inset 0 0 0 1.5px var(--lc-tinta); }
.lc-btn.sec:hover { background: rgba(42, 26, 15, .06); }
.lc-btn.peq { min-height: 40px; padding: 0 16px; font-size: 14px; }
.lc-btn.perigo { background: var(--lc-ruim); }
.lc-btn.perigo:hover { background: #82291a; }
.lc-btn:disabled { opacity: .6; cursor: progress; }
.lc-link { background: none; border: 0; padding: 0; font: inherit; color: var(--lc-cobre); font-weight: 560; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; font-size: inherit; }
.lc-link.sai { color: var(--lc-ruim); }
.lc-acoes { display: flex; gap: 10px 14px; flex-wrap: wrap; align-items: center; margin-top: 16px; }
.lc-card { background: var(--lc-papel); border-radius: 20px; padding: 20px; box-shadow: 0 0 0 1px var(--lc-linha); }
.lc-card > h2 { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.lc-card > h2 svg { width: 20px; height: 20px; color: var(--lc-cobre); flex: none; }
.lc-col { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.lc-tag { display: inline-flex; align-items: center; height: 22px; padding: 0 9px; border-radius: 999px; font-size: 12px; font-weight: 600; white-space: nowrap; vertical-align: 2px; font-family: inherit; letter-spacing: 0; }
.lc-tag-ok { background: var(--lc-verde-2); color: var(--lc-verde); }
.lc-tag-info { background: var(--lc-cobre-2); color: var(--lc-cobre); }
.lc-tag-warn { background: var(--lc-aviso-2); color: var(--lc-aviso); }
.lc-tag-bad { background: var(--lc-ruim-2); color: var(--lc-ruim); }
.lc-tag-cinza { background: var(--lc-creme); color: var(--lc-tinta-2); }
.lc-verde { color: var(--lc-verde); }
.lc-demo { display: flex; align-items: center; gap: 8px 14px; flex-wrap: wrap; margin-top: 18px; padding: 12px 14px; border-radius: 14px; border: 1px dashed var(--lc-linha-2); font-size: 13.5px; color: var(--lc-tinta-2); }
.lc-demo > span, .lc-demo-nota > span { font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--lc-tinta-3); font-weight: 600; }
.lc-demo-nota { font-size: 13px; color: var(--lc-tinta-3); margin-top: 10px; }
.lc-demo-nota > span { display: inline-block; margin-right: 8px; }
.lc-campo { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.lc-campo > span { font-size: 13px; font-weight: 600; color: var(--lc-tinta-2); }
.lc-campo input, .lc-campo select, .lc-sel-mini select { width: 100%; min-height: 44px; border-radius: 12px; border: 1px solid var(--lc-linha-2); background: var(--lc-papel); padding: 0 12px; font: inherit; color: var(--lc-tinta); }
.lc-campo input[aria-invalid="true"] { border-color: var(--lc-ruim); }
.lc-l2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 12px; }
.lc-erro { color: var(--lc-ruim); font-size: 14px; font-weight: 560; margin-top: 10px; }
.lc-alerta { display: flex; gap: 12px; padding: 14px 16px; border-radius: 16px; background: var(--lc-aviso-2); color: var(--lc-tinta); }
.lc-alerta.ruim { background: var(--lc-ruim-2); }
.lc-alerta > svg { width: 22px; height: 22px; flex: none; color: var(--lc-cobre); margin-top: 2px; }
.lc-alerta.ruim > svg { color: var(--lc-ruim); }
.lc-alerta p { font-size: 14px; color: var(--lc-tinta-2); margin: 3px 0 10px; }
.lc-alerta-mini { display: flex; gap: 8px; align-items: flex-start; margin-top: 12px; font-size: 14px; color: var(--lc-tinta-2); background: var(--lc-aviso-2); border-radius: 12px; padding: 10px 12px; }
.lc-alerta-mini svg { width: 18px; height: 18px; flex: none; color: var(--lc-aviso); margin-top: 2px; }
.lc-vazio { padding: 40px 0; }
.lc-links { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 8px; margin-top: 12px; font-size: 14px; }
.lc-links a { color: var(--lc-tinta-2); text-decoration: underline; text-underline-offset: 2px; }
.lc-links a:hover { color: var(--lc-cobre); }
.lc-av-ini { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: var(--lc-cobre-2); color: var(--lc-cobre); font-family: var(--lc-serif); font-size: 17px; flex: none; }
.lc-av-ini.g { width: 60px; height: 60px; font-size: 23px; }

/* ---------- rastreio: a busca ---------- */
.lc-busca { padding-top: 22px; max-width: 800px; margin-left: auto; margin-right: auto; }
.lc-google-w { margin-top: 22px; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.lc-google-w > p:not(.lc-demo-nota) { font-size: 14px; color: var(--lc-tinta-2); }
.lc-google { display: inline-flex; align-items: center; gap: 12px; min-height: 46px; padding: 0 20px 0 14px; border-radius: 999px; background: #fff; border: 1px solid #dadce0; font: inherit; font-size: 15px; font-weight: 560; color: #1f1f1f; cursor: pointer; }
.lc-google:hover { background: #f8f9fa; }
.lc-g { width: 20px; height: 20px; flex: none; }
.lc-ou { display: flex; align-items: center; gap: 12px; margin: 22px 0 4px; font-size: 13px; color: var(--lc-tinta-3); }
.lc-ou::before, .lc-ou::after { content: ""; flex: 1; height: 1px; background: var(--lc-linha); }
.lc-ou span { text-align: center; }
.lc-portas { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 14px; }
.lc-porta { background: var(--lc-papel); border-radius: 20px; padding: 20px; box-shadow: 0 0 0 1px var(--lc-linha); display: flex; flex-direction: column; gap: 10px; }
.lc-porta > p { font-size: 14px; color: var(--lc-tinta-2); }
.lc-porta .lc-btn { align-self: flex-start; }
.lc-enviado { display: flex; gap: 12px; outline: none; }
.lc-enviado > svg { width: 22px; height: 22px; color: var(--lc-verde); flex: none; margin-top: 2px; }
.lc-enviado > div { display: flex; flex-direction: column; gap: 6px; min-width: 0; font-size: 14px; }
.lc-enviado .lc-link { align-self: flex-start; }
.lc-conta-g { margin-top: 22px; background: var(--lc-papel); border-radius: 20px; padding: 18px 20px; box-shadow: 0 0 0 1px var(--lc-linha); }
.lc-conta-g-cab { display: flex; align-items: center; gap: 12px; }
.lc-conta-g-cab > div { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.lc-conta-g-cab small { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--lc-tinta-3); overflow-wrap: anywhere; }
.lc-conta-g-cab .lc-g { width: 14px; height: 14px; }
.lc-ped-l { list-style: none; padding: 0; margin-top: 12px; display: flex; flex-direction: column; gap: 6px; }
.lc-ped-l a { display: grid; grid-template-columns: auto 1fr auto; gap: 4px 12px; align-items: center; padding: 11px 14px; border-radius: 12px; background: var(--lc-fundo); font-size: 14px; font-variant-numeric: tabular-nums; }
.lc-ped-l a:hover { background: var(--lc-creme); }
.lc-ped-l span { color: var(--lc-tinta-2); min-width: 0; }
.lc-meus { margin-top: 26px; display: flex; flex-direction: column; gap: 6px; }
.lc-meus h2 { font-size: 18px; margin-bottom: 4px; }
.lc-meus a { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; padding: 12px 14px; border-radius: 12px; background: var(--lc-papel); box-shadow: 0 0 0 1px var(--lc-linha); font-variant-numeric: tabular-nums; font-size: 14px; }

/* ---------- rastreio: o pedido ---------- */
.lc-ras { padding-top: 16px; }
.lc-ras-cab { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px 24px; flex-wrap: wrap; padding-bottom: 22px; border-bottom: 1px solid var(--lc-linha); }
.lc-ras-cab .lc-eyebrow { font-variant-numeric: tabular-nums; }
.lc-prev { margin-top: 8px; color: var(--lc-tinta-2); font-size: 15px; }
.lc-prev b { color: var(--lc-tinta); }
.lc-ras-cod { display: flex; flex-direction: column; gap: 6px; background: var(--lc-papel); border-radius: 16px; padding: 14px 16px; box-shadow: 0 0 0 1px var(--lc-linha); min-width: 0; max-width: 100%; }
.lc-ras-cod span { font-size: 12.5px; color: var(--lc-tinta-3); }
.lc-ras-cod code { font-family: var(--mono, ui-monospace, Menlo, monospace); font-size: 17px; letter-spacing: .06em; overflow-wrap: anywhere; }
.lc-ras-cod small { font-size: 13px; color: var(--lc-tinta-2); max-width: 32ch; }
.lc-ras-cod .lc-btn { align-self: flex-start; }
.lc-ras-g { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 32px; align-items: start; padding-top: 26px; }
.lc-lado { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.lc-tl { list-style: none; padding: 0; }
.lc-tl li { position: relative; display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 14px; padding-bottom: 22px; }
.lc-tl li::before { content: ""; position: absolute; left: 13px; top: 28px; bottom: 0; width: 2px; background: var(--lc-linha); }
.lc-tl li.feito::before { background: var(--lc-verde); }
.lc-tl li:last-child::before { display: none; }
.lc-tl li > i { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--lc-fundo); box-shadow: inset 0 0 0 2px var(--lc-linha-2); position: relative; z-index: 1; }
.lc-tl li > i svg { width: 15px; height: 15px; stroke-width: 2.6; }
.lc-tl li.feito > i { background: var(--lc-verde); color: #fff; box-shadow: none; }
.lc-tl li.atual > i { background: var(--lc-cobre); color: #fff; box-shadow: 0 0 0 5px var(--lc-cobre-2); }
.lc-tl b { font-weight: 600; }
.lc-tl li.fut b { color: var(--lc-tinta-3); font-weight: 500; }
.lc-tl time { display: block; font-size: 12.5px; color: var(--lc-tinta-3); font-variant-numeric: tabular-nums; margin-top: 1px; }
.lc-tl p { font-size: 14px; color: var(--lc-tinta-2); margin-top: 3px; }
.lc-av { margin-top: 10px; background: var(--lc-papel); border-radius: 4px 16px 16px 16px; padding: 10px 13px; box-shadow: 0 0 0 1px var(--lc-linha); max-width: 480px; }
.lc-av.agendado { background: transparent; box-shadow: 0 0 0 1px var(--lc-linha-2) inset; border-style: dashed; }
.lc-av-can { display: flex; align-items: center; gap: 4px; font-size: 11.5px; color: var(--lc-verde); letter-spacing: .02em; flex-wrap: wrap; }
.lc-av-can svg { width: 13px; height: 13px; }
.lc-av p { color: var(--lc-tinta) !important; font-size: 14px; margin-top: 5px; }
.lc-av small { display: block; font-size: 12px; color: var(--lc-tinta-3); margin-top: 5px; }
.lc-av .lc-link { font-size: 12px; }
.lc-av-off { font-size: 12.5px !important; color: var(--lc-tinta-3) !important; font-style: italic; margin-top: 6px !important; }
.lc-mini-i { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--lc-linha); font-size: 14px; }
.lc-mini-i img { width: 44px; height: 44px; border-radius: 10px; object-fit: cover; background: var(--lc-creme); }
.lc-mini-i span { display: flex; flex-direction: column; min-width: 0; }
.lc-mini-i small { color: var(--lc-tinta-3); font-size: 12.5px; }
.lc-mini-i em { font-style: normal; font-variant-numeric: tabular-nums; }
.lc-tot { display: grid; grid-template-columns: 1fr auto; gap: 6px 12px; margin: 12px 0 0; font-size: 14px; font-variant-numeric: tabular-nums; }
.lc-tot dt { color: var(--lc-tinta-2); }
.lc-tot dd { margin: 0; text-align: right; }
.lc-tot .f { font-weight: 700; font-size: 16px; color: var(--lc-tinta); padding-top: 6px; border-top: 1px solid var(--lc-linha); }
.lc-card .lc-obs:has(> svg) { display: flex; gap: 6px; align-items: flex-start; }
.lc-card .lc-obs > svg { margin: 2px 0 0; flex: none; }
.lc-origem ul { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.lc-origem li { display: flex; flex-direction: column; gap: 2px; font-size: 14px; }
.lc-origem li span { color: var(--lc-tinta-2); }
.lc-origem .lc-link { font-size: 13.5px; align-self: flex-start; }
.lc-ajuda-box > p { color: var(--lc-tinta-2); font-size: 14px; }
.lc-ajuda-box .lc-acoes { margin-top: 12px; }
.lc-depois { margin-top: 22px; background: var(--lc-tinta); color: #f4ede3; box-shadow: none; display: flex; flex-direction: column; gap: 4px; }
.lc-depois h2 { color: #fff; }
.lc-depois p { color: #d9ccbd; margin-top: 6px; }
.lc-depois .lc-btn { background: #f2a061; color: var(--lc-tinta); }
.lc-depois .lc-btn:hover { background: #f6b47e; }
.lc-depois .lc-btn.sec { background: transparent; color: #f4ede3; box-shadow: inset 0 0 0 1.5px #f4ede3; }
.lc-depois :focus-visible { outline-color: #f2a061; }

/* ---------- minha conta ---------- */
.lc-conta { padding-top: 6px; }
.lc-vercomo p { flex: 1 1 200px; }
.lc-chips { display: flex; gap: 6px; flex-wrap: wrap; }
.lc-chip { min-height: 34px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--lc-linha-2); background: var(--lc-papel); font: inherit; font-size: 13px; color: var(--lc-tinta); cursor: pointer; }
.lc-chip[aria-pressed="true"] { background: var(--lc-tinta); color: #fff; border-color: var(--lc-tinta); }
.lc-sel-mini { display: flex; align-items: center; gap: 8px; font-size: 13px; flex: 1 1 260px; min-width: 0; }
.lc-sel-mini > span { white-space: nowrap; }
.lc-sel-mini select { min-height: 36px; font-size: 13.5px; }
.lc-conta-cab { display: flex; gap: 16px; align-items: center; margin: 24px 0 10px; }
.lc-conta-cab > div { flex: 1; min-width: 0; }
.lc-conta-cab p:not(.lc-eyebrow) { color: var(--lc-tinta-3); font-size: 14px; margin-top: 4px; overflow-wrap: anywhere; }
.lc-sair { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; color: var(--lc-tinta-2); align-self: flex-start; }
.lc-sair svg { width: 17px; height: 17px; }
.lc-atalhos { display: flex; gap: 6px; flex-wrap: wrap; margin: 6px 0 20px; }
.lc-atalhos button { min-height: 36px; padding: 0 14px; border-radius: 999px; border: 0; background: var(--lc-creme); font: inherit; font-size: 13.5px; color: var(--lc-tinta); cursor: pointer; }
.lc-atalhos button:hover { background: var(--lc-cobre-2); }
.lc-conta-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 22px; align-items: start; }
.lc-casa h2 svg { width: 20px; height: 20px; color: var(--lc-cobre); vertical-align: -3px; margin-right: 6px; }
.lc-casa-t p:not(.lc-obs) { margin-top: 8px; font-size: 15px; }
.lc-pacote { display: block; height: 10px; border-radius: 999px; background: var(--lc-creme); overflow: hidden; margin-top: 12px; }
.lc-pacote i { display: block; height: 100%; background: var(--lc-verde); border-radius: inherit; }
.lc-pacote.quase i { background: #c9702f; }
.lc-pacote.fim i { background: var(--lc-ruim); }
.lc-portal { display: flex; flex-direction: column; gap: 16px; }
.lc-portal-cab { display: flex; gap: 16px; align-items: center; }
.lc-portal-cab img { width: 84px; height: 84px; border-radius: 16px; object-fit: cover; flex: none; background: var(--lc-creme); }
.lc-portal-cab > div { min-width: 0; }
.lc-portal-cab h2 { font-size: 23px; }
.lc-portal-cab p:not(.lc-eyebrow):not(.lc-obs) { color: var(--lc-tinta-2); font-size: 14.5px; margin-top: 4px; }
.lc-portal-cab .lc-obs { margin-top: 2px; }
.lc-prox { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.lc-prox > div { background: var(--lc-fundo); border-radius: 16px; padding: 14px 16px; display: flex; flex-direction: column; gap: 2px; }
.lc-prox span { font-size: 12.5px; color: var(--lc-tinta-3); }
.lc-prox b { font-family: var(--lc-serif); font-weight: 450; font-size: 23px; font-variant-numeric: tabular-nums; }
.lc-prox small { font-size: 13px; color: var(--lc-tinta-2); }
.lc-caixa { border-radius: 16px; box-shadow: 0 0 0 1px var(--lc-linha) inset; padding: 14px 16px; }
.lc-caixa-t { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--lc-tinta-3); font-weight: 600; }
.lc-caixa ul { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 10px; margin-top: 10px; }
.lc-caixa li { display: flex; gap: 12px; align-items: center; font-size: 14px; }
.lc-caixa li img { width: 48px; height: 48px; border-radius: 10px; object-fit: cover; flex: none; }
.lc-caixa li span { display: flex; flex-direction: column; min-width: 0; }
.lc-caixa li small { color: var(--lc-tinta-3); font-size: 12.5px; }
.lc-portal-ac { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.lc-portal-ac button { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-height: 64px; padding: 10px 12px; border-radius: 14px; border: 1px solid var(--lc-linha); background: var(--lc-fundo); font: inherit; font-size: 13.5px; font-weight: 560; color: var(--lc-tinta); text-align: left; cursor: pointer; }
.lc-portal-ac button svg { width: 18px; height: 18px; color: var(--lc-cobre); }
.lc-portal-ac button:hover { background: var(--lc-creme); }
.lc-portal-ac button[aria-expanded="true"] { background: var(--lc-tinta); color: #fff; border-color: var(--lc-tinta); }
.lc-portal-ac button[aria-expanded="true"] svg { color: #f2a061; }
.lc-portal-ac button.sai { color: var(--lc-ruim); justify-content: center; }
.lc-portal-ac button.sai[aria-expanded="true"] { background: var(--lc-ruim); color: #fff; border-color: var(--lc-ruim); }
.lc-painel { background: var(--lc-fundo); border-radius: 16px; padding: 18px; display: flex; flex-direction: column; gap: 10px; }
.lc-painel > p { font-size: 14.5px; color: var(--lc-tinta-2); }
.lc-painel .lc-acoes { margin-top: 4px; }
.lc-painel > .lc-link { align-self: flex-start; }
.lc-ops { display: flex; flex-wrap: wrap; gap: 8px; }
.lc-ops .lc-btn { flex-direction: column; gap: 0; min-height: 52px; line-height: 1.2; }
.lc-ops .lc-btn small { font-size: 12px; font-weight: 400; opacity: .8; }
.lc-radios { display: flex; flex-direction: column; gap: 6px; }
.lc-radios label { display: flex; gap: 12px; align-items: center; padding: 10px 12px; border-radius: 12px; background: var(--lc-papel); box-shadow: 0 0 0 1px var(--lc-linha); cursor: pointer; font-size: 14px; }
.lc-radios label:has(input:checked) { box-shadow: 0 0 0 2px var(--lc-tinta); }
.lc-radios input { accent-color: var(--lc-tinta); width: 18px; height: 18px; flex: none; margin: 0; }
.lc-radios img { width: 44px; height: 44px; border-radius: 10px; object-fit: cover; flex: none; }
.lc-radios span { display: flex; flex-direction: column; min-width: 0; }
.lc-radios small { color: var(--lc-tinta-3); font-size: 12.5px; }
.lc-dia { max-width: 160px; }
.lc-hist { border-top: 1px solid var(--lc-linha); padding-top: 12px; }
.lc-hist summary { cursor: pointer; font-weight: 600; font-size: 15px; min-height: 32px; display: flex; align-items: center; }
.lc-hist ul { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 8px; margin-top: 8px; }
.lc-hist li { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 10px; font-size: 13.5px; }
.lc-hist time { color: var(--lc-tinta-3); font-variant-numeric: tabular-nums; }
.lc-hist li.ruim span { color: var(--lc-ruim); }
.lc-planos-mini { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.lc-planos-mini > div { background: var(--lc-fundo); border-radius: 14px; padding: 12px; display: flex; flex-direction: column; gap: 2px; font-size: 13px; }
.lc-planos-mini span { color: var(--lc-tinta-2); }
.lc-planos-mini em { font-style: normal; font-weight: 600; margin-top: 4px; font-variant-numeric: tabular-nums; }
.lc-portal > p:not(.lc-eyebrow):not(.lc-simul) { color: var(--lc-tinta-2); }
.lc-peds { list-style: none; padding: 0; display: flex; flex-direction: column; }
.lc-peds li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--lc-linha); }
.lc-peds li:last-child { border-bottom: 0; }
.lc-peds-f { display: flex; }
.lc-peds-f img { width: 40px; height: 40px; border-radius: 10px; object-fit: cover; box-shadow: 0 0 0 2px var(--lc-papel); background: var(--lc-creme); }
.lc-peds-f img + img { margin-left: -14px; }
.lc-peds-t { display: flex; flex-direction: column; gap: 2px; min-width: 0; font-size: 14px; }
.lc-peds-t > span:not(.lc-peds-st) { color: var(--lc-tinta-2); font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lc-peds-st { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; font-variant-numeric: tabular-nums; }
.lc-peds-a { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; font-size: 13.5px; }
.lc-ends { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 10px; margin-bottom: 12px; }
.lc-ends li { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; border-radius: 14px; background: var(--lc-fundo); font-size: 14px; }
.lc-ends li > div:first-child { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.lc-ends li span { color: var(--lc-tinta-2); overflow-wrap: anywhere; }
.lc-ends-a { display: flex; gap: 14px; flex-wrap: wrap; font-size: 13px; }
.lc-form { display: flex; flex-direction: column; gap: 4px; }
.lc-form .lc-l2:first-child { margin-top: 0; }
.lc-form > .lc-campo { margin-top: 12px; }
.lc-fs { border: 0; padding: 0; margin: 16px 0 0; display: flex; flex-direction: column; gap: 10px; }
.lc-fs legend { font-size: 13px; font-weight: 600; color: var(--lc-tinta-2); margin-bottom: 8px; padding: 0; }
.lc-sw-l { display: flex; gap: 12px; align-items: flex-start; cursor: pointer; font-size: 14px; }
.lc-sw-l span { display: flex; flex-direction: column; min-width: 0; }
.lc-sw-l small { color: var(--lc-tinta-3); font-size: 12.5px; }
.lc-sw { appearance: none; -webkit-appearance: none; width: 40px; height: 24px; border-radius: 999px; background: var(--lc-linha-2); position: relative; flex: none; margin: 0; cursor: pointer; transition: background-color .15s ease; }
.lc-sw::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); transition: transform .15s ease; }
.lc-sw:checked { background: var(--lc-verde); }
.lc-sw:checked::after { transform: translateX(16px); }

/* ---------- o lote ---------- */
.lc-lote { padding-top: 16px; }
.lc-qrveio { display: flex; gap: 10px; align-items: center; background: var(--lc-verde-2); color: var(--lc-verde); border-radius: 14px; padding: 12px 14px; font-size: 14.5px; font-weight: 560; margin-bottom: 18px; }
.lc-qrveio svg { width: 20px; height: 20px; flex: none; }
.lc-lote-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 28px; align-items: center; padding-bottom: 26px; border-bottom: 1px solid var(--lc-linha); }
.lc-lote-foto { width: 220px; height: 220px; border-radius: 24px; object-fit: cover; background: var(--lc-creme); }
.lc-frescor { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; color: var(--lc-tinta-2); }
.lc-frescor svg { width: 16px; height: 16px; color: var(--lc-cobre); }
.lc-lote-g { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 22px; align-items: start; padding-top: 24px; }
.lc-ficha { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 8px 18px; margin: 0; font-size: 14.5px; }
.lc-ficha dt { color: var(--lc-tinta-3); }
.lc-ficha dd { margin: 0; overflow-wrap: anywhere; }
.lc-forn { list-style: none; padding: 0; display: flex; flex-direction: column; margin-top: 10px; }
.lc-forn li { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 12px; padding: 10px 0; border-top: 1px solid var(--lc-linha); font-size: 14px; }
.lc-forn li > div { display: flex; flex-direction: column; min-width: 0; }
.lc-forn b { font-variant-numeric: tabular-nums; }
.lc-forn small { color: var(--lc-tinta-3); font-size: 12.5px; font-variant-numeric: tabular-nums; }
.lc-sca { display: flex; align-items: center; gap: 12px; margin: 4px 0 14px; }
.lc-sca b { font-family: var(--lc-serif); font-weight: 450; font-size: 46px; line-height: 1; color: var(--lc-cobre); font-variant-numeric: tabular-nums; }
.lc-sca span { display: flex; flex-direction: column; font-weight: 600; font-size: 14px; }
.lc-sca small { font-weight: 400; color: var(--lc-tinta-3); font-size: 12.5px; }
.lc-laudo .lc-link { margin-top: 14px; font-size: 13.5px; }
.lc-numeros { display: grid; grid-template-columns: 1fr; gap: 12px; }
.lc-numeros > div { display: flex; align-items: baseline; gap: 10px; }
.lc-numeros b { font-family: var(--lc-serif); font-weight: 450; font-size: 26px; min-width: 88px; font-variant-numeric: tabular-nums; }
.lc-numeros span { font-size: 13.5px; color: var(--lc-tinta-2); }
.lc-qr { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 16px; align-items: center; }
.lc-qr-img svg { width: 120px; height: 120px; display: block; border-radius: 8px; }
.lc-qr p { font-size: 14px; color: var(--lc-tinta-2); margin-top: 6px; }
.lc-url { font-size: 12px !important; overflow-wrap: anywhere; }
.lc-outros { margin-top: 12px; line-height: 1.9; }
.lc-lotes { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 10px; margin-top: 22px; }
.lc-lotes a { display: flex; gap: 12px; align-items: center; padding: 12px; border-radius: 16px; background: var(--lc-papel); box-shadow: 0 0 0 1px var(--lc-linha); }
.lc-lotes a:hover { box-shadow: 0 0 0 1.5px var(--lc-cobre); }
.lc-lotes img { width: 64px; height: 64px; border-radius: 12px; object-fit: cover; flex: none; }
.lc-lotes span { display: flex; flex-direction: column; min-width: 0; font-size: 14px; }
.lc-lotes small { color: var(--lc-tinta-3); font-size: 12.5px; }

/* ---------- ajuda ---------- */
.lc-ajuda { padding-top: 16px; }
.lc-ajuda-g { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 36px; align-items: start; }
.lc-ajuda-nav { display: flex; flex-direction: column; gap: 2px; position: sticky; top: calc(var(--faixa-h, 40px) + 90px); }
.lc-ajuda-nav a { padding: 9px 12px; border-radius: 10px; font-size: 14.5px; color: var(--lc-tinta-2); }
.lc-ajuda-nav a:hover { background: var(--lc-creme); color: var(--lc-tinta); }
.lc-ajuda-nav a[aria-current="page"] { background: var(--lc-tinta); color: #fff; }
.lc-ajuda-t { max-width: 720px; min-width: 0; }
.lc-ajuda-t > ul, .lc-ajuda-t > p { margin-top: 18px; }
.lc-ajuda-t > ul { padding-left: 20px; display: flex; flex-direction: column; gap: 10px; }
.lc-ajuda-t > ul li { line-height: 1.55; }
.lc-ajuda-t > h2 { margin-top: 28px; }
.lc-ajuda-cards { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 10px; margin-top: 22px; }
.lc-ajuda-cards a { display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; border-radius: 16px; background: var(--lc-papel); box-shadow: 0 0 0 1px var(--lc-linha); height: 100%; }
.lc-ajuda-cards a:hover { box-shadow: 0 0 0 1.5px var(--lc-cobre); }
.lc-ajuda-cards b { font-family: var(--lc-serif); font-weight: 520; font-size: 18px; }
.lc-ajuda-cards span { font-size: 13.5px; color: var(--lc-tinta-2); }
.lc-det { margin-top: 10px; background: var(--lc-papel); border-radius: 14px; box-shadow: 0 0 0 1px var(--lc-linha); padding: 0 16px; }
.lc-det summary { cursor: pointer; padding: 14px 0; font-weight: 600; display: flex; flex-direction: column; gap: 2px; }
.lc-det summary small { font-weight: 400; font-size: 13px; color: var(--lc-tinta-3); }
.lc-det[open] summary { border-bottom: 1px solid var(--lc-linha); }
.lc-det > p, .lc-det > ol { padding: 12px 0 14px; font-size: 14.5px; color: var(--lc-tinta-2); }
.lc-det > p + ol { padding-top: 0; }
.lc-det > ol { padding-left: 20px; display: flex; flex-direction: column; gap: 6px; }
.lc-calc { margin-top: 22px; background: var(--lc-creme); border-radius: 18px; padding: 18px 20px; }
.lc-calc h2 { font-size: 19px; }
.lc-calc .lc-btn { margin-top: 14px; }
.lc-calc-r { margin-top: 14px; font-size: 15px; line-height: 1.6; }
.lc-calc-r b { font-variant-numeric: tabular-nums; }
.lc-tabela { display: flex; flex-direction: column; margin-top: 12px; border-radius: 14px; overflow: hidden; box-shadow: 0 0 0 1px var(--lc-linha); background: var(--lc-papel); font-size: 14px; }
.lc-tabela > div { display: grid; grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr)); gap: 8px; padding: 10px 14px; border-top: 1px solid var(--lc-linha); font-variant-numeric: tabular-nums; }
.lc-tabela > div.cab { border-top: 0; background: var(--lc-creme); font-weight: 600; font-size: 13px; }
.lc-cota { margin-top: 14px; }
.lc-cota > p { font-size: 13.5px; color: var(--lc-tinta-2); }
.lc-cota ul { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
.lc-cota li { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 14px; border-radius: 12px; background: var(--lc-papel); font-size: 14px; font-variant-numeric: tabular-nums; }
.lc-cota li span { display: flex; flex-direction: column; }
.lc-cota li small { color: var(--lc-tinta-3); font-size: 12.5px; }

/* ---------- telas estreitas ---------- */
@media (max-width: 900px) {
  .lc-ras-g, .lc-conta-grid, .lc-lote-g { grid-template-columns: minmax(0, 1fr); }
  .lc-ajuda-g { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .lc-ajuda-nav { position: static; flex-direction: row; flex-wrap: wrap; gap: 6px; }
  .lc-ajuda-nav a { background: var(--lc-creme); padding: 7px 12px; font-size: 13.5px; }
  .lc-portal-ac { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .lc-portas, .lc-l2, .lc-prox, .lc-planos-mini { grid-template-columns: minmax(0, 1fr); }
  .lc-portal-ac { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lc-lote-hero { grid-template-columns: minmax(0, 1fr); }
  .lc-lote-foto { width: 140px; height: 140px; order: -1; }
  .lc-peds li { grid-template-columns: minmax(0, 1fr) auto; }
  .lc-peds-f { display: none; }
  .lc-ras-cab { align-items: stretch; }
  .lc-ras-cod { width: 100%; }
  .lc-conta-cab { flex-wrap: wrap; }
  .lc-qr { grid-template-columns: 96px minmax(0, 1fr); }
  .lc-qr-img svg { width: 96px; height: 96px; }
  .lc-tabela > div { padding: 10px; font-size: 13px; }
  .lc-ficha { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .lc-ficha dd { margin-bottom: 8px; }
}
@media (prefers-reduced-motion: reduce) { .lc-sw, .lc-sw::after, .lc-btn { transition: none; } }