/* devcave — ajustes por cima do tema do template.
   O main.css e um build do Tailwind v4; aqui so entram tweaks de marca. */

/* O logotipo da devcave e bastante mais largo do que o do template
   (4294x937), por isso precisa de object-fit para nao esticar. */
.devcave-logo img {
  object-fit: contain;
  object-position: left center;
}

/* Dimensao explicita: as larguras arbitrarias do Tailwind usadas aqui nao
   existem no build do template, e sem elas o logotipo crescia ate 202px. */
.devcave-logo--header {
  height: 36px;
  width: 165px;
}

/* Placeholder do wordmark gigante do rodape: o tracking enorme do template
   corta a ultima letra em ecras pequenos. */
.footer-title {
  overflow-wrap: anywhere;
}

/* Os blocos markdown do template assumiam um unico <p> por seccao (usavam
   <span> para os restantes paragrafos). Como o conteudo vem do YAML em
   paragrafos separados, e preciso repor o espacamento entre irmaos. */
.service-details-markdown p + p,
.blog-details-markdown p + p {
  margin-top: 1.25rem;
}
.service-details-markdown ul + h3,
.blog-details-markdown ul + h3,
.service-details-markdown p + h3,
.blog-details-markdown p + h3 {
  margin-top: 2.5rem;
}

/* `border-t` nao entrou no build do template (as paginas originais so usavam
   border-b / border-y). */
.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}

/* Com a coluna de projetos removida, o rodape passa a duas colunas; o build do
   template so trazia sm:col-span-4. */
@media (min-width: 40rem) {
  .sm\:col-span-6 {
    grid-column: span 6 / span 6;
  }
}

/* O gradiente do hero esta ancorado ao fundo da seccao e fica claro no ultimo
   terco. Sem as pilulas de servicos, a seccao encurtou e o texto de prova caiu
   dentro dessa zona clara — este espacador repoe a altura que elas ocupavam. */
.hero-spacer {
  height: 140px;
}
@media (min-width: 1024px) {
  .hero-spacer {
    height: 260px;
  }
}