/* Reset leve */
:root{
  --lc-blue:#3b82f6;   /* L / C */
  --lc-red:#ef4444;    /* u */
  --lc-amber:#f59e0b;  /* p / t */
  --lc-green:#10b981;  /* a / a */
  --lc-indigo:#1e293b; /* C tom escuro */
  --lc-teal:#14b8a6;   /* e */
  --lc-purple:#9333ea; /* r */

  --lc-text:#111827;
  --lc-muted:#6b7280;
  --lc-border:#e5e7eb;
  --lc-surface:#ffffff;
  --lc-shadow:0 10px 25px rgba(0,0,0,.06);
}

*{box-sizing:border-box}
html,body{height:100%}
body.lc-body{
  margin:0;background:#fff;color:var(--lc-text);
  font:16px/1.45 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji";
}

/* Layout */
.lc-wrap{
  max-width:960px;margin:7vh auto 8vh;padding:0 16px;text-align:center;
}

/* Logo: grande e com letras próximas (letter-spacing negativo leve) */
.lc-logo{
  font-size:72px;font-weight:700;margin:20px 0 24px;
  letter-spacing:-.02em; /* aproxima as letras */
  display:flex;justify-content:center;gap:0.05em; /* ainda mais coladinhas */
}
.lc-logo span:nth-child(1){color:var(--lc-blue);}   /* L */
.lc-logo span:nth-child(2){color:var(--lc-red);}    /* u */
.lc-logo span:nth-child(3){color:var(--lc-amber);}  /* p */
.lc-logo span:nth-child(4){color:var(--lc-green);}  /* a */
.lc-logo span:nth-child(5){color:var(--lc-indigo);} /* C */
.lc-logo span:nth-child(6){color:var(--lc-teal);}   /* e */
.lc-logo span:nth-child(7){color:var(--lc-purple);} /* r */
.lc-logo span:nth-child(8){color:var(--lc-amber);}  /* t */
.lc-logo span:nth-child(9){color:var(--lc-green);}  /* a */

/* Barra de busca estilo Google */
.lc-searchbar{
  position:relative;display:flex;align-items:center;gap:12px;
  margin:0 auto;max-width:720px;background:#fff;border:1px solid var(--lc-border);
  border-radius:999px;padding:10px 12px 10px 44px;box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.lc-ico-search{position:absolute;left:16px;opacity:.55}
.lc-input{
  flex:1;border:0;outline:0;font-size:18px;padding:10px 6px;background:transparent;
}
.lc-input::placeholder{color:#9ca3af}

/* Chip “Modo IA” */
.lc-chip{
  border:1px solid var(--lc-border);background:#f9fafb;border-radius:24px;padding:8px 14px;
  font-size:14px;cursor:pointer;transition:.15s box-shadow ease;
}
.lc-chip:hover{box-shadow:var(--lc-shadow)}
.lc-beta{margin-left:6px;background:#111827;color:#fff;border-radius:10px;padding:2px 6px;font-size:11px}

/* Botões */
.lc-actions{margin:26px 0 10px;display:flex;gap:12px;justify-content:center}
.lc-btn{
  border:1px solid var(--lc-border);background:#f8f9fa;border-radius:8px;padding:10px 18px;
  font-size:14px;cursor:pointer;transition:.15s box-shadow ease;
}
.lc-btn:hover{box-shadow:var(--lc-shadow)}
.lc-btn--primary{background:#111827;color:#fff;border-color:#111827}

/* Rodapé discreto */
.lc-disclaimer{color:var(--lc-muted);font-size:12px;margin:10px 0 24px}

/* Grid de cards */
.lc-grid{
  margin:28px auto 0;display:grid;gap:16px;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));max-width:980px;
}
.lc-card{
  border:1px solid var(--lc-border);border-radius:12px;background:var(--lc-surface);
  text-align:left;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.03);
}
.lc-card__img{width:100%;aspect-ratio:1/1.0;object-fit:cover;background:#f3f4f6}
.lc-card__body{padding:12px}
.lc-card__title{
  font-size:15px;line-height:1.35;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden;min-height:40px;
}
.lc-price{font-weight:700;margin:0 0 10px}
.lc-oldprice{color:var(--lc-muted);text-decoration:line-through;margin-left:8px;font-weight:400}
.lc-badge{
  display:inline-block;background:#fee2e2;color:#991b1b;border-radius:8px;padding:2px 8px;font-size:12px;margin-left:8px
}
.lc-card__foot{display:flex;justify-content:flex-start;gap:10px}
.lc-link{
  display:inline-block;border:1px solid var(--lc-border);border-radius:8px;padding:8px 10px;font-size:14px;text-decoration:none;color:#111827;background:#fff
}
.lc-link:hover{box-shadow:var(--lc-shadow)}

/* Modal IA */
.lc-modal{position:fixed;inset:0;background:rgba(0,0,0,.35);display:none;align-items:center;justify-content:center;padding:18px;z-index:9999}
.lc-modal[aria-hidden="false"]{display:flex}
.lc-modal__panel{
  width:min(680px,96vw);background:#fff;border-radius:16px;border:1px solid var(--lc-border);
  box-shadow:var(--lc-shadow);overflow:hidden
}
.lc-modal__head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--lc-border)}
.lc-modal__close{border:0;background:transparent;font-size:18px;cursor:pointer}
.lc-modal__body{padding:16px}
.lc-label{display:block;font-size:14px;margin-bottom:8px}
.lc-textarea{width:100%;border:1px solid var(--lc-border);border-radius:12px;padding:12px;font:inherit}
.lc-help{color:var(--lc-muted);font-size:12px;margin:8px 0 0}
.lc-modal__foot{padding:14px 16px;border-top:1px solid var(--lc-border);display:flex;justify-content:flex-end}

/* Efeito “digitando” no placeholder */
.lc-input[data-typing="on"]::placeholder{opacity:.35}