/**
 * Layout fixes for logo size and header text alignment
 */

/* Logo sizing - now at 160px for desktop */
.logo-height {
  height: 160px !important;
}

/* Make logo responsive */
@media (max-width: 768px) {
  .logo-height {
    height: 80px !important;
  }
}

/* Left-align the header text */
.title__block {
  text-align: left !important;
}

/* Format "Conhecimento Conectado" on two lines */
.title__block h1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  line-height: 1.2 !important;
}

.title__block h1 span,
.title__block h1 div {
  display: block;
  margin-left: 0;
}

/* Ensure consistent text alignment in other header elements */
.title__block p {
  text-align: left !important;
}

/* Add a bit more spacing below the title */
.mbr-section-title {
  margin-bottom: 1rem !important;
}

/* Responsive fixes for smaller screens */
@media (max-width: 576px) {
  .title__block h1 {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .title__block h1 div {
    margin-left: 0;
  }
}