/* ============================================================================
   SECTION 06 — SEGURANÇA  (Figma node 169:6531 "06-seguranca")
   Stone-grey section: a centred two-column slogan, then a contained image.
   ========================================================================== */

.seguranca {
  background-color: var(--color-surface-sunken);
  padding-block: var(--section-pad-y);
}

.seguranca__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-20);           /* 80px */
}

/* --------------------------------------------------------- SLOGAN -------- */
.seguranca__slogan {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: min(6.5rem, 8vw);          /* 104px at 1440 */
}

.seguranca__title.section-header {
  flex: 0 1 440px;
  gap: var(--space-8);            /* 32px */
}
.seguranca__title .section-header__title { color: var(--color-heading); }

.seguranca__content {
  flex: 0 1 529px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-9);            /* 36px */
}
.seguranca__text {
  font-size: var(--text-b2-size);
  line-height: var(--text-b2-lh);
  letter-spacing: var(--text-b2-tr);
  color: var(--color-text-secondary);
}

.seguranca__claim {
  width: 100%;
  align-items: center;
  color: var(--color-heading);
}
.seguranca__claim .icon { color: var(--color-text-muted); }
.seguranca__claim .icon-text__label {
  flex: 1;
  line-height: 1.6;
  letter-spacing: 0.12em;         /* slightly tighter — keeps the long line on one row */
  color: currentColor;
}

/* --------------------------------------------------------- FIGURE ------- */
.seguranca__figure {
  width: 100%;
  height: 520px;
  margin: 0;
  overflow: hidden;
  background-color: var(--monarca-scrim);
}
.seguranca__figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 45%;
}

/* ================================================================ TABLET === */
@media (max-width: 1024px) {
  .seguranca__inner { gap: var(--space-12); }
  .seguranca__slogan {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-10);
  }
  .seguranca__title.section-header,
  .seguranca__content { flex: none; max-width: 34rem; }
  .seguranca__figure { height: 420px; }
}

/* ================================================================ MOBILE === */
@media (max-width: 640px) {
  .seguranca__content { gap: var(--space-7); }
  .seguranca__claim { align-items: flex-start; }
  .seguranca__figure { height: 320px; }
}