/* header {
  background-color: #e8e6f3;
  color: rgb(0, 0, 0);
  text-align: center;
  padding: 2rem;
} */

/* header {
  background-image: url('../img/psychoterapeuta.jpg');
  background-size: cover;       
  background-position: center; 
  background-repeat: no-repeat; 
  color: rgb(0, 0, 0);
  text-align: center;
  padding: 2rem;
} */

.hero-header {
  position: relative;
  height: 300px; 
  overflow: visible;
  text-align: center;
}

.background-layer {
  background-image: url('../img/psychoterapeuta.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 47%; /* Top half with background */
  width: 100%;
}

.logo-overlap {
  position: absolute;
  top: 50%; /* Starts at halfway down header */
  left: 50%;
  transform: translate(-200%, -50%); /* Center image horizontally and vertically */
  width: 150px;           /* Adjust size as needed */
  height: 150px;          /* Keep equal width & height for a circle */
  border-radius: 50%;     /* Makes it fully round */
  object-fit: cover;      /* Ensures image fills the circle without distortion */
  /* box-shadow: 0 0 10px rgba(0,0,0,0.2);  */
}

@media (max-width: 768px) {
  .logo-overlap {
    transform: translate(-140%, -50%);
  }
}

.header__h2 {
    margin-top: 0.5rem;
    margin-bottom: 0;
    font-size: 1.75rem;
}