/* Web presence landing page — extends css/styles.css.
   Reuses the institutional site's section patterns (.hero, .channels,
   .pricing, .contact, .site-header, .site-footer) so this page reads as
   a sibling of the main site, not a bolt-on. This file only adds the
   handful of components that page genuinely needs and that styles.css
   has no equivalent for: the language switcher bar, the hero checklist,
   the capability-card back-link on the homepage, and the single-card
   offer layout (PT price card / EN contact framing). */

/* ---------- Language switcher bar ---------- */
.lang-bar {
  background: #050505;
  border-bottom: 1px solid var(--black-line);
}

.lang-bar-inner {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  height: 34px;
  font-size: 0.8rem;
}

.lang-link {
  display: inline-block;
  color: var(--text-on-black-muted);
  text-decoration: none;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 4px 7px;
  border-radius: var(--radius-s);
}

.lang-link:hover {
  color: var(--text-on-black);
}

.lang-link[aria-current="page"] {
  color: var(--green);
}

.lang-sep {
  color: var(--black-line);
}

@media (max-width: 480px) {
  .lang-bar-inner {
    justify-content: center;
  }
}

/* ---------- Hero checklist (dark background) ---------- */
.wp-check-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 13px;
}

.wp-check-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.92rem;
  color: var(--text-on-black-muted);
}

.wp-check-list svg {
  flex: none;
  color: var(--green);
  margin-top: 3px;
}

/* ---------- Single-card offer (PT price card) ---------- */
.offer-wrap {
  display: flex;
  justify-content: center;
}

.offer-card {
  max-width: 460px;
  width: 100%;
}

.offer-price-row {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-bottom: 4px;
}

.offer-amount {
  font-family: var(--font-head);
  font-size: 2.3rem;
  font-weight: 700;
  color: var(--text-on-paper);
  font-variant-numeric: tabular-nums;
}

.offer-period {
  font-size: 1rem;
  color: var(--text-on-paper-muted);
}

.offer-cancel {
  font-size: 0.88rem;
  color: var(--green-ink);
  font-weight: 600;
}

.offer-list-head {
  font-family: var(--font-head);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-on-paper-muted);
  margin: 20px 0 8px;
}

.pricing-features--muted svg {
  color: var(--text-on-paper-muted);
}

.offer-whatsapp {
  width: 100%;
  justify-content: center;
  margin-top: 6px;
}

/* ---------- EN contact-style offer framing ---------- */
.offer-note {
  margin-top: 28px;
  font-size: 0.92rem;
  color: var(--text-on-black-muted);
  max-width: 62ch;
}

.offer-note strong {
  color: var(--text-on-black);
}

.offer-note a {
  color: var(--green);
  text-decoration: underline;
}

/* ---------- Back-to-site link in the footer area of this page ---------- */
.wp-back-wrap {
  padding-bottom: 8px;
}

.wp-back-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--text-on-paper-muted);
  text-decoration: none;
  font-size: 0.92rem;
  font-weight: 600;
}

.wp-back-link:hover {
  color: var(--text-on-paper);
}