/* =================================================================
   FINETIPS SOBRE — Estilos da página Sobre
   Arquivo: sobre.css
   Descrição: Seções específicas de sobre.html. Reutiliza
              header, hero, cards, CTA e footer da home.
              Suporta light e dark mode.
   ================================================================= */

/* =================================================================
   INTRO — QUEM É A FINETIPS
   ================================================================= */

.sobre-intro .home-hero-grid {
  align-items: center;
}

.sobre-intro .sobre-intro-sub {
  font-size: clamp(1.05rem, 1.6vw, 1.3rem);
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.85);
  max-width: 480px;
  margin-bottom: var(--spacing-lg);
}

/* Light mode: textos escuros na hero */
body:not(.dark-mode) .sobre-intro .sobre-intro-sub {
  color: rgba(15, 23, 42, 0.85);
}

.sobre-intro .home-hero-visual img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  border-radius: 12px;
}

/* =================================================================
   SOBRE EDD MARTINS
   ================================================================= */

/* Seção do card "Sobre Edd Martins" — padding 40px 0 56px (desktop e mobile) */
.home-section:has(.sobre-edd-media) {
  padding: 40px 0 56px;
}

.sobre-edd-media img {
  width: 100%;
  height: calc(100% - 8px);
  object-fit: contain;
  object-position: bottom center;
}

.sobre-edd-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-md);
  margin-top: var(--spacing-sm);
}

.sobre-edd-actions .btn-secondary {
  color: #FFFFFF;
  border-color: rgba(255, 255, 255, 0.55);
}

.sobre-edd-actions .btn-secondary:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
  border-color: #FFFFFF;
}