/*
 * Home — "Por qué elegirnos" section. Tokens from Figma node 1:453.
 * Dark band: eyebrow + lead paragraph + support line + diets line.
 */
:root {
  --weilo-pq-bg:        #1A1714;     /* neutro/negro */
  --weilo-pq-text:      #EFE8DC;     /* brand/cream-dark */
}

.weilo-por-que {
  background: var(--weilo-pq-bg);
  color: var(--weilo-pq-text);
  padding: 80px 0;
  /* Full-bleed inside Astra/UAGB containers. */
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left:  calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  overflow-x: hidden;
}
.weilo-por-que, .weilo-por-que * { box-sizing: border-box; }

.weilo-por-que__inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 56px;
}

.weilo-por-que__eyebrow {
  margin: 0 0 48px;
  font-family: "Google Sans Flex", "Inter", system-ui, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.1em;     /* ≈ 10/16em from Figma */
  text-transform: uppercase;
  color: var(--weilo-pq-text);
}

.weilo-por-que__lead {
  margin: 0;
  font-family: "Google Sans Flex", "Inter", system-ui, sans-serif;
  font-weight: 400;
  font-size: 41px;
  line-height: 51px;
  letter-spacing: 0;
  color: var(--weilo-pq-text);
}

.weilo-por-que__support {
  margin: 64px 0 0;
  margin-bottom: 0 !important;  /* override Astra/UAGB margin-bottom */
  font-family: "Google Sans Flex", "Inter", system-ui, sans-serif;
  font-weight: 400;
  font-size: 28px;
  line-height: 51px;
  color: var(--weilo-pq-text);
}

.weilo-por-que__diets {
  margin: 0 !important;  /* override Astra/UAGB margin */
  font-family: "Google Sans Flex", "Inter", system-ui, sans-serif;
  font-weight: 400;
  font-size: 28px;
  line-height: 51px;
  color: var(--weilo-pq-text);
  opacity: 0.6;
}

/* ---------- Tablet ---------- */
@media (max-width: 1199px) and (min-width: 769px) {
  .weilo-por-que { padding: 72px 0; }
  .weilo-por-que__inner { padding: 0 40px; }
  .weilo-por-que__eyebrow { margin-bottom: 32px; }
  .weilo-por-que__lead    { font-size: 32px; line-height: 42px; }
  .weilo-por-que__support { margin-top: 40px; font-size: 22px; line-height: 32px; }
  .weilo-por-que__diets   { font-size: 22px; line-height: 32px; }
}

/* ---------- Mobile ---------- */
@media (max-width: 768px) {
  .weilo-por-que { padding: 56px 0; }
  .weilo-por-que__inner { padding: 0 20px; }
  .weilo-por-que__eyebrow { margin-bottom: 24px; font-size: 14px; }
  .weilo-por-que__lead {
    font-size: clamp(22px, 5.6vw, 28px);
    line-height: 1.3;
  }
  .weilo-por-que__support {
    margin-top: 32px;
    font-size: clamp(16px, 4.4vw, 18px);
    line-height: 1.4;
  }
  .weilo-por-que__diets {
    margin-top: 12px;
    font-size: clamp(14px, 3.8vw, 16px);
    line-height: 1.4;
  }
}