/* MartinsCode v34.1 — correções isoladas, sem afetar as demais páginas */

/* Página Sobre */
.about-page .page-hero{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  padding-top:64px!important;
  padding-bottom:48px!important;
}
.about-page .page-hero h1{
  display:block!important;
  width:100%!important;
  max-width:1050px!important;
  margin:18px 0 0!important;
  font-size:clamp(48px,5vw,72px)!important;
  line-height:1.04!important;
  white-space:normal!important;
}
.about-page>.content{
  width:min(calc(100% - 48px),1280px)!important;
  max-width:1280px!important;
  margin:0 auto 64px!important;
  padding:36px 34px 52px!important;
}
.about-page>.content>h2{margin:0 0 12px!important}
.about-page>.content>p{margin:0!important}
.about-page .about-principles{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  margin:32px 0 28px!important;
}
.about-page .about-principles section{min-width:0!important;margin:0!important}

/* Página Projetos */
.sites-page .sites-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 250px!important;
  align-items:end!important;
  gap:64px!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding-top:64px!important;
  padding-bottom:52px!important;
}
.sites-page .sites-hero>div:first-child{width:100%!important;max-width:850px!important}
.sites-page .sites-hero h1{
  width:100%!important;
  max-width:850px!important;
  margin:18px 0 20px!important;
  font-size:clamp(48px,5vw,72px)!important;
  line-height:1!important;
}
.sites-page .sites-hero p{max-width:700px!important;margin:0!important}
.sites-page .sites-hero-meta{width:100%!important;margin:0!important;padding:20px 0 4px!important}
.sites-page .sites-showcase{
  width:min(calc(100% - 48px),1500px)!important;
  max-width:1500px!important;
  margin:0 auto!important;
  padding:42px 0 72px!important;
}

@media(max-width:980px){
  .sites-page .sites-hero{grid-template-columns:1fr!important;gap:28px!important}
  .sites-page .sites-hero-meta{max-width:250px!important}
}

@media(max-width:720px){
  .about-page .page-hero,.sites-page .sites-hero{padding:46px 20px 34px!important}
  .about-page .page-hero h1,.sites-page .sites-hero h1{font-size:clamp(40px,12vw,54px)!important}
  .about-page .page-hero h1 br{display:none!important}
  .about-page>.content{width:calc(100% - 24px)!important;padding:26px 18px 42px!important}
  .about-page .about-principles{grid-template-columns:1fr!important}
  .sites-page .sites-showcase{width:calc(100% - 24px)!important;padding:28px 0 55px!important}
}