/* about.css — page-specific polish only (Bootstrap 5.3.8 base) */

/* 1) Imagens principais: cantos e sombra já via classes; mantém responsividade */
@media (max-width: 575.98px) {
  /* tiles um pouco mais compactos em XS */
  .bg-body-tertiary .p-4 { padding: 1rem !important; }
}

/* 2) Blockquote — aspas decorativas sutis */
blockquote.position-relative::before {
  content: "“";
  position: absolute;
  left: 14px; top: -10px;
  font-size: 56px; line-height: 1;
  color: rgba(var(--bs-primary-rgb), .35);
}

/* 3) CTA — leve “lift” no hover do botão (opcional) */
.btn.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 .8rem 1.6rem rgba(var(--bs-primary-rgb), .22);
}

/* 4) Foco dos campos (caso use forms na página) — reforça acessibilidade */
.form-control:focus, .form-select:focus {
  box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .15);
  border-color: rgba(var(--bs-primary-rgb), .6);
}