/* Ajuste isolado da foto da capa no mobile/desktop.
   Não altera as outras áreas do site. */
.hero .photo{
  width:min(100%,520px);
  max-width:calc(100vw - 36px);
  margin-inline:auto;
  justify-self:center;
}

.hero .professional-photo{
  width:100%;
  max-width:100%;
  min-height:clamp(390px,115vw,570px);
  aspect-ratio:1 / 1.15;
  overflow:hidden;
  isolation:isolate;
}

.hero .professional-photo::before{
  z-index:1 !important;
  inset:10% !important;
  border-radius:30px !important;
  pointer-events:none;
}

.hero .professional-photo img{
  position:absolute !important;
  z-index:4 !important;
  inset:10% !important;
  width:80% !important;
  height:80% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center 20% !important;
  border-radius:30px !important;
}

.hero .professional-photo::after{
  z-index:5 !important;
  inset:10% !important;
  border-radius:30px !important;
  pointer-events:none;
}

@media (max-width:760px){
  .hero{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .hero .photo{
    width:100% !important;
    max-width:calc(100vw - 36px) !important;
  }

  .hero .professional-photo{
    min-height:390px !important;
    max-height:520px;
  }
}