[id] {
  scroll-margin-top: 120px; /* ajuste conforme altura do navbar */
}


/* ====== Design tokens (LinkWS) ====== */
:root{
  --lw-primary:#2563eb;       /* ajuste para casar 100% com a sua logo */
  --lw-dark:#0f172a;
  --lw-accent:#22c55e;
  --lw-muted:#64748b;

  --radius-2xl:1.25rem;
  --shadow-soft:0 10px 30px rgba(2,6,23,.10);
  --shadow-strong:0 18px 36px rgba(2,6,23,.18);
}

/* ====== Base / utilitários ====== */
body{color:var(--lw-dark)}
.section-title{letter-spacing:-.02em}
.shadow-soft{box-shadow:var(--shadow-soft)}
.rounded-2xl{border-radius:var(--radius-2xl)}
.icon-44{width:44px;height:44px;object-fit:contain}
.icon-64{width:64px;height:64px;object-fit:contain}
a{text-decoration:none}

/* Opcional: garante boa leitura da lista */
.achievements li{ line-height: 1.6; }

/* Logo no card “O que entregamos” — controlada por % do card */
.achievements-brand{ margin-bottom:.5rem; }
.achievements-logo{
  display:block;
  width: clamp(160px, 42%, 340px);  /* min 160px, alvo 42% do card, máx 340px */
  height:auto;
  margin-left:auto;                 /* alinha à direita no desktop (texto fica abaixo) */
}

@media (max-width: 991.98px){
  .achievements-brand{ text-align:center; }
  .achievements-logo{
    margin-left:0;
    width: clamp(140px, 60%, 300px); /* no mobile a marca fica maior (centralizada) */
  }
}


/* Botões */
.btn-primary{
  --bs-btn-bg:var(--lw-primary);
  --bs-btn-border-color:var(--lw-primary);
  --bs-btn-hover-bg:#1d4ed8;
  --bs-btn-hover-border-color:#1d4ed8;
}
.btn-outline-primary{
  --bs-btn-color:var(--lw-primary);
  --bs-btn-border-color:var(--lw-primary);
  --bs-btn-hover-bg:var(--lw-primary);
  --bs-btn-hover-border-color:var(--lw-primary);
  --bs-btn-hover-color:#fff;
}
.topbar{background:var(--lw-dark)}
.btn-whatsapp{
  --bs-btn-bg:#25D366; --bs-btn-border-color:#25D366;
  --bs-btn-hover-bg:#1ebd59; --bs-btn-hover-border-color:#1ebd59;
  color:#fff;
}

/* ====== Hero ====== */
.hero{
  background:
    radial-gradient(1200px 600px at 10% 10%, rgba(37,99,235,.12), transparent),
    linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);
}

/* ====== Promo Sisttemas (loja oficial) ====== */
.promo-card{
  background:
    radial-gradient(600px 300px at 20% 15%, rgba(255,255,255,.12), transparent),
    linear-gradient(135deg, var(--lw-primary), #0ea5e9);
  color:#fff;
}
.promo-card .text-white,
.promo-card p{color:#fff !important;}
.promo-logo{height:64px; width:auto;}

/* ====== Cards de produto (mais contraste) ====== */
.card-product{
  background:#fff;
  border:1px solid rgba(15,23,42,.12);
  box-shadow:var(--shadow-soft);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.card-product:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow-strong);
  border-color:rgba(15,23,42,.18);
}

/* Título de seção com bullet à esquerda */
.section-bullet{
  position:relative;
  padding-left:22px;
}
.section-bullet::before{
  content:"•";
  position:absolute; left:0; top:-2px;
  color:var(--lw-primary); font-weight:700; font-size:28px; line-height:1;
}

/* Stack no mobile, centro geral */
@media (max-width: 991.98px){
  .promo-card > .d-flex:first-child{            /* o bloco com logo + textos */
    flex-direction: column !important;
    text-align: center;
  }
  .promo-card .promo-logo{
    display: block; margin: 0 auto;
  }
  .promo-card .text-nowrap{
    width: 100%;
    margin-top: .75rem;
    display: grid;
  }
  .promo-card .text-nowrap .btn{ width: 100%; }
}

/* ====== Notícias: desktop ok; mobile mais alto ====== */
.ratio-news{ --bs-aspect-ratio: 20%; }                 /* desktop */
@media (max-width: 991.98px){ .ratio-news{ --bs-aspect-ratio: 40%; } } /* tablet */
@media (max-width: 575.98px){ .ratio-news{ --bs-aspect-ratio: 60%; } } /* mobile */

/* ====== Mensagem do diretor ====== */
.avatar-oval{
  width:84px;height:104px;border-radius:50% / 45%;
  overflow:hidden;box-shadow:var(--shadow-soft);
}
.avatar-oval img{width:100%;height:100%;object-fit:cover}
.quote-wrap{position:relative;padding-left:48px}
.quote-mark{
  position:absolute;left:0;top:-10px;
  font-size:64px;line-height:1;color:#cbd5e1;
  font-family: serif;
}

/* ====== CTA gradiente ====== */
.bg-gradient-cta{
  background: radial-gradient(600px 300px at 20% 15%, rgba(255,255,255,.12), transparent),
              linear-gradient(135deg, var(--lw-primary), #0ea5e9);
}

/* ====== Links/summary ====== */
.summary-link{
  cursor:pointer;
  color:var(--lw-primary);
}
.summary-link:hover{ text-decoration: underline; }


/* Logo da loja */
.promo-logo{ height:64px; width:auto; }
@media (max-width: 575.98px){
  .promo-logo{ height:72px; }       /* levemente maior no mobile */
}

/* Botão: full no mobile, natural no desktop */
@media (max-width: 991.98px){
  .promo-actions{ display:grid; }
  .promo-actions .btn{ width:100%; }
}
@media (min-width: 992px){
  .promo-actions .btn{ width:auto; padding-inline:1.25rem; }
}