/* ═══════════════════════════════════════════════
   BOTEZINI — Landing pages de segmento
   Tema CREME · alto contraste · leitura confortável
═══════════════════════════════════════════════ */
:root{
  --cream:#F7F2E8; --cream2:#EFE8D8; --cream3:#E6DDC8;
  --ink:#211C12; --ink-soft:#4A4233; --line:#D8CDB4;
  --gold:#9A7B2E; --gold-d:#6B5520; --gold-bright:#C9A84C;
  --orange:#C9661E; --orange-d:#A8500F; --orange-l:#E0843A;
  --f-display:'Playfair Display',Georgia,serif;
  --f-ui:'Montserrat',Helvetica,sans-serif;
  /* trama têxtil sutil sobre o creme */
  --weave: repeating-linear-gradient(135deg, rgba(106,85,32,.030) 0 1px, transparent 1px 26px),
           repeating-linear-gradient(45deg,  rgba(201,102,30,.022) 0 1px, transparent 1px 26px);
}
*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0; background-color:var(--cream); background-image:var(--weave);
  color:var(--ink-soft); font-family:var(--f-ui); font-weight:400; line-height:1.8;
  font-size:18px; -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; display:block; }
a{ color:var(--orange-d); }

/* ── Nav ── */
.lp-nav{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:16px clamp(20px,5vw,56px); position:sticky; top:0; z-index:50;
  background:rgba(247,242,232,.9); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border-bottom:1px dashed rgba(201,102,30,.4);
}
.lp-logo{ font-family:var(--f-display); font-weight:700; font-size:20px; letter-spacing:3px;
  color:var(--gold-d); text-decoration:none; display:inline-flex; align-items:center; }
.lp-logo .dot{ width:6px; height:6px; border-radius:50%; background:var(--orange); margin-left:5px; transition:transform .3s; }
.lp-logo:hover .dot{ transform:scale(1.4); }
.lp-nav-actions{ display:flex; align-items:center; gap:22px; }
.lp-back{ font-size:12px; letter-spacing:1.5px; text-transform:uppercase; color:var(--ink-soft); text-decoration:none; }
.lp-back:hover{ color:var(--orange-d); }

/* ── Botões ── */
.btn-orange,.btn-ghost{
  display:inline-block; font-family:var(--f-ui); font-weight:600; font-size:14px;
  letter-spacing:.5px; padding:15px 28px; border-radius:2px; text-decoration:none;
  transition:transform .2s, box-shadow .2s, background .2s; cursor:pointer;
}
.btn-orange{ background:var(--orange); color:#FFF8F0; box-shadow:0 6px 18px rgba(201,102,30,.25); }
.btn-orange:hover{ background:var(--orange-d); transform:translateY(-2px); box-shadow:0 10px 26px rgba(201,102,30,.32); }
.btn-ghost{ background:transparent; color:var(--gold-d); border:1.5px solid var(--gold); }
.btn-ghost:hover{ background:var(--gold); color:#FFF8F0; }

/* ── Layout ── */
.lp-wrap{ max-width:1080px; margin:0 auto; padding:0 clamp(20px,5vw,40px); }
.lp-eyebrow,.lp-kicker{
  font-family:var(--f-ui); font-size:13px; font-weight:700; letter-spacing:3px;
  text-transform:uppercase; color:var(--orange-d); display:inline-flex; align-items:center; gap:10px;
}
.lp-eyebrow::before,.lp-kicker::before{ content:''; width:26px; height:0; border-top:2px dashed var(--orange); }

/* ── Hero ── */
.lp-hero{
  max-width:1180px; margin:0 auto; padding:clamp(40px,6vw,76px) clamp(20px,5vw,40px) clamp(36px,5vw,60px);
  display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(28px,5vw,64px); align-items:center;
}
.lp-hero h1{
  font-family:var(--f-display); font-weight:700; color:var(--ink);
  font-size:clamp(34px,4.6vw,56px); line-height:1.1; margin:18px 0 0; letter-spacing:-.5px;
}
.lp-lead{ font-size:clamp(18px,2vw,22px); line-height:1.65; color:var(--ink-soft); margin:20px 0 0; max-width:38ch; }
.lp-hero-cta{ display:flex; flex-wrap:wrap; gap:14px; margin:30px 0 0; }
.lp-hero-meta{ font-size:14px; color:var(--gold-d); margin:22px 0 0; display:flex; flex-wrap:wrap; gap:6px 20px; }
.lp-hero-meta b{ color:var(--ink); }
.lp-hero-img{ position:relative; }
.lp-hero-img img{
  width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:4px;
  box-shadow:0 24px 60px rgba(33,28,18,.22); border:1px solid var(--line);
}
.lp-hero-img::after{ /* moldura de costura laranja */
  content:''; position:absolute; inset:14px -14px -14px 14px; border:1.5px dashed rgba(201,102,30,.5);
  border-radius:4px; z-index:-1;
}

/* ── Bandas ── */
.lp-band{ background:var(--cream2); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.lp-section{ padding:clamp(48px,7vw,84px) 0; }
.lp-section h2{
  font-family:var(--f-display); font-weight:700; color:var(--ink);
  font-size:clamp(26px,3.4vw,38px); line-height:1.18; margin:14px 0 0; letter-spacing:-.3px;
}
.lp-section .lp-text{ font-size:18px; line-height:1.85; color:var(--ink-soft); margin:18px 0 0; max-width:66ch; }
.lp-section .lp-text + .lp-text{ margin-top:16px; }

/* ── Benefícios ── */
.lp-benefits{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; margin:40px 0 0; }
.lp-benefit{ background:var(--cream); border:1px solid var(--line); border-radius:6px; padding:28px 24px;
  transition:transform .2s, box-shadow .2s; }
.lp-benefit:hover{ transform:translateY(-4px); box-shadow:0 14px 34px rgba(33,28,18,.10); }
.lp-benefit-ic{ width:42px; height:42px; color:var(--orange-d); margin-bottom:14px; }
.lp-benefit-ic .accent{ stroke:var(--gold); }
.lp-benefit h3{ font-family:var(--f-display); font-size:21px; font-weight:600; color:var(--ink); margin:0 0 8px; }
.lp-benefit p{ font-size:15.5px; line-height:1.7; color:var(--ink-soft); margin:0; }
.lp-benefit .num{ font-family:var(--f-display); font-size:34px; font-weight:700; color:var(--orange); line-height:1; }

/* ── Produtos ── */
.lp-products{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin:40px 0 0; }
.lp-product{ margin:0; background:var(--cream); border:1px solid var(--line); border-radius:6px; overflow:hidden;
  transition:transform .2s, box-shadow .2s; }
.lp-product:hover{ transform:translateY(-4px); box-shadow:0 16px 36px rgba(33,28,18,.12); }
.lp-product img{ width:100%; aspect-ratio:1/1; object-fit:cover; background:var(--cream3); }
.lp-product figcaption{ padding:18px 20px 22px; }
.lp-product h3{ font-family:var(--f-display); font-size:19px; font-weight:600; color:var(--ink); margin:0 0 6px; }
.lp-product p{ font-size:14.5px; line-height:1.65; color:var(--ink-soft); margin:0; }

/* ── Prova social ── */
.lp-proof{ text-align:center; }
.lp-logos{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:30px 46px; margin:34px 0 0; }
.lp-logos img{ height:54px; width:auto; opacity:.7; filter:grayscale(1) contrast(.9); transition:opacity .2s, filter .2s; }
.lp-logos img:hover{ opacity:1; filter:none; }
.lp-stats{ display:flex; flex-wrap:wrap; justify-content:center; gap:36px 60px; margin:30px 0 0; }
.lp-stat .n{ font-family:var(--f-display); font-size:clamp(34px,4vw,48px); font-weight:700; color:var(--orange); line-height:1; }
.lp-stat .l{ font-size:13px; letter-spacing:1.5px; text-transform:uppercase; color:var(--gold-d); margin-top:8px; }

/* ── CTA ── */
.lp-cta{ background:var(--ink); color:var(--cream); text-align:center; padding:clamp(54px,7vw,88px) clamp(20px,5vw,40px);
  background-image:repeating-linear-gradient(135deg, rgba(201,168,76,.05) 0 1px, transparent 1px 26px); }
.lp-cta h2{ font-family:var(--f-display); font-weight:700; font-size:clamp(28px,3.6vw,42px); color:#FFF8F0; margin:0 auto; max-width:18ch; line-height:1.15; }
.lp-cta p{ font-size:18px; color:#D8CFBE; margin:18px auto 0; max-width:52ch; }
.lp-cta .lp-hero-cta{ justify-content:center; }
.lp-cta .btn-ghost{ color:var(--gold-bright); border-color:var(--gold-bright); }
.lp-cta .btn-ghost:hover{ background:var(--gold-bright); color:var(--ink); }

/* ── Rodapé ── */
.lp-foot{ background:var(--cream2); border-top:1px dashed rgba(201,102,30,.4); }
.lp-foot .lp-wrap{ padding-top:30px; padding-bottom:46px; display:flex; flex-wrap:wrap; gap:10px 18px; align-items:center; }
.lp-foot .lp-logo{ font-size:16px; }
.lp-foot .dot{ width:5px; height:5px; border-radius:50%; background:var(--orange); display:inline-block; }
.lp-craft{ color:var(--gold-d); font-style:italic; font-size:13px; }
.lp-foot .lp-contact{ font-size:13px; color:var(--ink-soft); }

/* ── Responsivo ── */
@media (max-width:860px){
  .lp-hero{ grid-template-columns:1fr; }
  .lp-hero-img{ order:-1; max-width:420px; }
  .lp-benefits{ grid-template-columns:1fr; }
  .lp-products{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:520px){
  body{ font-size:17px; }
  .lp-products{ grid-template-columns:1fr; }
  .lp-nav-actions .lp-back{ display:none; }
}
@media (min-width:1500px){
  body{ font-size:19px; }
  .lp-section .lp-text{ font-size:19px; }
}

/* ═══════════════════════════════════════════════
   ARTIGOS / CONTEÚDO TÉCNICO
═══════════════════════════════════════════════ */
/* TL;DR e FAQ compartilhados (resposta direta p/ LLM) */
.lp-tldr{ font-size:clamp(17px,1.9vw,20px); line-height:1.6; color:var(--ink); background:var(--cream2);
  border-left:3px dashed var(--orange); border-radius:0 6px 6px 0; padding:20px 26px; margin:0; }
.lp-tldr strong{ color:var(--orange-d); }
.lp-faq{ margin:34px 0 0; max-width:820px; }
.lp-qa{ padding:22px 0; border-top:1px solid var(--line); }
.lp-qa:first-child{ border-top:none; }
.lp-qa h3{ font-family:var(--f-display); font-size:clamp(18px,2.2vw,22px); font-weight:600; color:var(--ink); margin:0 0 8px; }
.lp-qa p{ font-size:16px; line-height:1.75; color:var(--ink-soft); margin:0; }
.lp-qa a{ color:var(--orange-d); text-decoration:underline; text-underline-offset:2px; }

/* Breadcrumb */
.lp-breadcrumb{ max-width:820px; margin:0 auto; padding:24px clamp(20px,5vw,40px) 0; font-size:13px; color:var(--gold-d); }
.lp-breadcrumb a{ color:var(--gold-d); text-decoration:none; }
.lp-breadcrumb a:hover{ color:var(--orange-d); }
.lp-breadcrumb span{ margin:0 8px; opacity:.6; }

/* Cabeçalho do artigo */
.lp-article-head{ max-width:820px; margin:0 auto; padding:18px clamp(20px,5vw,40px) 0; }
.lp-article-head h1{ font-family:var(--f-display); font-weight:700; color:var(--ink);
  font-size:clamp(30px,4.2vw,46px); line-height:1.14; letter-spacing:-.5px; margin:12px 0 0; }
.lp-article-meta{ font-size:13px; color:var(--gold-d); margin:16px 0 0; display:flex; flex-wrap:wrap; gap:6px 18px; }
.lp-article-meta b{ color:var(--ink); font-weight:600; }

/* Corpo do artigo (prosa) */
.lp-article{ max-width:820px; margin:0 auto; padding:0 clamp(20px,5vw,40px) 40px; }
.lp-article > *{ margin-top:0; }
.lp-article h2{ font-family:var(--f-display); font-weight:700; color:var(--ink);
  font-size:clamp(23px,3vw,32px); line-height:1.2; letter-spacing:-.3px; margin:44px 0 0; }
.lp-article h3{ font-family:var(--f-display); font-weight:600; color:var(--ink);
  font-size:clamp(19px,2.2vw,23px); margin:30px 0 0; }
.lp-article p{ font-size:17.5px; line-height:1.85; color:var(--ink-soft); margin:16px 0 0; }
.lp-article ul, .lp-article ol{ margin:16px 0 0; padding-left:24px; }
.lp-article li{ font-size:17.5px; line-height:1.7; color:var(--ink-soft); margin:8px 0 0; }
.lp-article li::marker{ color:var(--orange); }
.lp-article a{ color:var(--orange-d); text-decoration:underline; text-underline-offset:2px; }
.lp-article strong{ color:var(--ink); }

/* Callout / destaque */
.lp-callout{ background:var(--cream2); border:1px solid var(--line); border-left:3px solid var(--orange);
  border-radius:0 6px 6px 0; padding:20px 24px; margin:28px 0 0; font-size:16.5px; line-height:1.7; color:var(--ink-soft); }
.lp-callout b{ color:var(--orange-d); }

/* Tabela comparativa */
.lp-table-wrap{ margin:24px 0 0; overflow-x:auto; }
.lp-table{ width:100%; border-collapse:collapse; font-size:15.5px; min-width:440px; }
.lp-table th, .lp-table td{ text-align:left; padding:12px 16px; border-bottom:1px solid var(--line); }
.lp-table thead th{ font-family:var(--f-ui); font-size:12px; letter-spacing:1px; text-transform:uppercase;
  color:var(--orange-d); border-bottom:2px solid var(--line); }
.lp-table tbody tr:hover{ background:var(--cream2); }
.lp-table td:first-child{ font-weight:600; color:var(--ink); }

/* Artigos relacionados / hub */
.lp-article-cards{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:24px; margin:40px 0 0; }
.lp-article-card{ display:block; background:var(--cream); border:1px solid var(--line); border-radius:6px;
  padding:26px 24px; text-decoration:none; transition:transform .2s, box-shadow .2s; }
.lp-article-card:hover{ transform:translateY(-4px); box-shadow:0 14px 34px rgba(33,28,18,.10); }
.lp-article-card .k{ font-size:12px; letter-spacing:1.5px; text-transform:uppercase; color:var(--orange-d); font-weight:700; }
.lp-article-card h3{ font-family:var(--f-display); font-size:21px; font-weight:600; color:var(--ink); margin:10px 0 8px; line-height:1.25; }
.lp-article-card p{ font-size:15px; line-height:1.65; color:var(--ink-soft); margin:0; }