/* =========================================
   SOBRE O ESCRITÓRIO — Perfil
   ========================================= */

.about {
  position: relative;
  background: var(--color-peach);
  color: var(--color-text-on-peach);
  padding-block: var(--space-2xl);
  overflow: hidden;
}

.about__inner {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: var(--space-xl);
  align-items: center;
}

.about__visual {
  position: relative;
  aspect-ratio: 4 / 5;
  background: var(--color-bg);
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-shadow: var(--shadow-soft);
}

.about__visual svg {
  width: 55%;
  height: auto;
  color: var(--color-gold);
  opacity: 0.9;
}

.about__visual::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid var(--color-border-gold);
  border-radius: var(--radius-lg);
  margin: 14px;
  pointer-events: none;
}

.about__eyebrow {
  color: var(--color-text-on-peach);
  margin-bottom: var(--space-md);
}

.about__eyebrow::before {
  background: var(--color-ink);
}

.about__title {
  font-size: clamp(1.9rem, 2.6vw + 1rem, 2.6rem);
  margin-bottom: var(--space-md);
}

.about__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  margin-bottom: var(--space-lg);
}

.about__list-item {
  display: flex;
  gap: var(--space-sm);
  align-items: flex-start;
  line-height: 1.65;
  color: var(--color-text-on-peach-muted);
  font-size: 1.02rem;
}

.about__list-item .mark {
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 0.5em;
  background: var(--color-ink);
  transform: rotate(45deg);
}

.about__actions {
  display: flex;
  gap: var(--space-sm);
  flex-wrap: wrap;
}
/* =========================================
   ORIENTAÇÃO JURÍDICA
========================================= */

.authority {
  position: relative;
  width: 100%;
  padding: 6.5rem 0;
  background:
    radial-gradient(
      circle at 78% 45%,
      rgba(201, 154, 74, 0.055),
      transparent 30%
    ),
    var(--color-bg-secondary);
  overflow: hidden;
}


/* -----------------------------------------
   LINHA DECORATIVA SUTIL
----------------------------------------- */

.authority::before {
  content: "";
  position: absolute;

  top: 0;
  left: 0;
  right: 0;

  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(201, 154, 74, 0.28),
      transparent
    );

  pointer-events: none;
}


/* -----------------------------------------
   CONTAINER
----------------------------------------- */

.authority__inner {
  position: relative;
  z-index: 1;

  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.75fr);

  align-items: center;

  gap: 5.5rem;
}


/* -----------------------------------------
   CONTEÚDO
----------------------------------------- */

.authority__content {
  max-width: 600px;
}

.authority__content .eyebrow {
  margin-bottom: 1rem;
}

.authority__title {
  max-width: 560px;

  margin: 0 0 1.25rem;

  color: var(--color-text);

  font-size: clamp(2.25rem, 4vw, 3.45rem);
  line-height: 1.08;
}

.authority__title em {
  font-style: italic;
  color: var(--color-gold-light);
}

.authority__text {
  max-width: 54ch;

  margin: 0 0 2rem;

  color: var(--color-text-muted);

  font-size: 0.96rem;
  line-height: 1.75;
}


/* -----------------------------------------
   PONTOS DE CONFIANÇA
----------------------------------------- */

.authority__points {
  display: grid;
  gap: 1.15rem;

  margin-bottom: 2.2rem;
}

.authority__point {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr);

  gap: 0.9rem;

  align-items: flex-start;
}

.authority__point-mark {
  width: 7px;
  height: 7px;

  margin-top: 0.48rem;

  background: var(--color-gold);

  transform: rotate(45deg);
}

.authority__point strong {
  display: block;

  margin-bottom: 0.2rem;

  color: var(--color-text);

  font-size: 0.88rem;
  font-weight: 700;
}

.authority__point p {
  max-width: 48ch;

  margin: 0;

  color: var(--color-text-muted);

  font-size: 0.82rem;
  line-height: 1.55;
}


/* -----------------------------------------
   BOTÃO
----------------------------------------- */

.authority__button {
  margin-top: 0.2rem;
}


/* -----------------------------------------
   ÁREA DA FOTO
----------------------------------------- */

.authority__visual {
  position: relative;

  width: 100%;
  max-width: 420px;

  justify-self: end;
}

.authority__image {
  position: relative;

  width: 100%;

  overflow: hidden;

  border: 1px solid rgba(201, 154, 74, 0.24);
  border-radius: 10px;

  background: var(--color-bg-elevated);

  box-shadow:
    0 25px 60px rgba(0, 0, 0, 0.28);
}

.authority__image::after {
  content: "";

  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      to top,
      rgba(18, 15, 11, 0.72) 0%,
      rgba(18, 15, 11, 0.12) 28%,
      transparent 55%
    );

  pointer-events: none;
}

.authority__image img {
  display: block;

  width: 100%;
  height: 540px;

  object-fit: cover;
}


/* -----------------------------------------
   ASSINATURA
----------------------------------------- */

.authority__signature {
  position: absolute;

  left: 1.5rem;
  right: 1.5rem;
  bottom: 1.35rem;

  display: flex;
  flex-direction: column;

  gap: 0.2rem;

  z-index: 2;
}

.authority__signature strong {
  color: var(--color-text);

  font-family: var(--font-display);
  font-size: 1.15rem;
  font-weight: 500;
}

.authority__signature span {
  color: rgba(247, 241, 232, 0.72);

  font-size: 0.76rem;
}

.authority__signature small {
  margin-top: 0.2rem;

  color: var(--color-gold-light);

  font-size: 0.68rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

  .authority {
    padding: 5.5rem 0;
  }

  .authority__inner {
    grid-template-columns: 1fr;

    gap: 3.5rem;
  }

  .authority__content {
    max-width: 650px;
  }

  .authority__visual {
    max-width: 430px;

    justify-self: center;
  }

}


/* =========================================
   CELULAR
========================================= */

@media (max-width: 600px) {

  .authority {
    padding: 4.5rem 0;
  }

  .authority__inner {
    gap: 2.8rem;
  }

  .authority__title {
    font-size: 2.15rem;
  }

  .authority__text {
    font-size: 0.9rem;
    line-height: 1.65;
  }

  .authority__point p {
    font-size: 0.8rem;
  }

  .authority__visual {
    max-width: 100%;
  }

  .authority__image img {
    height: 470px;
  }

  .authority__signature {
    left: 1.2rem;
    right: 1.2rem;
    bottom: 1.1rem;
  }

}