/** @format */

/* =================================================== */
/* === MEDIA QUERY: TABLETS (TELAS ATÉ 850px) === */
@media only screen and (max-width: 850px) {

  /* === Ajustes na seção principal .lander === */
  .lander {
    padding: 6rem 2rem;
    height: 15rem; /* Reduz a altura da seção inicial */
  }

  /* === Esconde a terceira div do header (links extras) === */
  header div:nth-of-type(3) {
    display: none;
  }

  /* === Ajuste do header geral no tablet === */
  header div {
    display: flex;
    gap: 6px;
    font-size: 18px;
  }

  /* === Esconde a imagem da seção "Quem somos nós" no tablet === */
  .lander img {
    display: none;
  }

  /* === Reduz o padding lateral das seções principais === */
  #creations,
  #services {
    padding: 2rem 1rem;
  }

  /* === Texto dos projetos com fonte menor para caber melhor na tela === */
  .project div p {
    font-size: 16px;
  }

  /* === Imagens de projetos menores e circulares no tablet === */
  .project img {
    height: 100px;
    width: 100px;
    border-radius: 50%; /* Forma circular */
    object-fit: cover;  /* Evita esticar a imagem */
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); /* Sombra suave */
  }

  .project2 div p {
    font-size: 16px;
  }

  /* === Imagens de projetos menores e circulares no tablet === */
  .project2 img {
    height: 100px;
    width: 100px;
    border-radius: 50%; /* Forma circular */
    object-fit: cover;  /* Evita esticar a imagem */
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); /* Sombra suave */
  }

  /* === Ajustes visuais para links no rodapé === */
  .credit h3 a {
    padding-top: 20px;
  }

  /* === Títulos menores para melhor responsividade === */
  h1 {
    font-size: 38px;
  }
}