* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden;
    scroll-behavior: smooth;
  }

  .main{
    width: 100vw;
    height: 100vh;
    background-image: url("SIV 2.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }

  .container{
    width: min(80%, 110em);
    margin-left: auto!important;
    margin-right: auto!important;
  }

  body{
    font-family: 'Poppins', sans-serif;
    line-height: 1.6;
  }

  .texto{
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
  }

  .main-text{
    font-size: 4em;
    color: #fff;
  }

  .siv{
    color: #fff;
    font-size: 1.5em;
    margin-bottom: 2em;
  }

  .btn > p {
    margin-top: 2em;
    display: inline-block;
    padding: 1em 3em;
    background-color: white; /* Mantém o fundo branco */
    border-radius: 5em;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); /* Sombra leve */
    text-align: center; /* Centraliza o texto dentro da div */
    font-size: 1.25em;
    font-weight: bold;
    transition: padding 2s ease-in-out, background-color 2s ease-in-out, color 2s ease-in-out;
    cursor: pointer;
  }

  .btn :hover{
    padding: 1em 4em; /* Aumenta o padding */
    background-color: rgb(133, 133, 133); /* Muda a cor de fundo */
    color: white; /* Muda a cor do texto */
  }

  .info{
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .contactos{
    font-size: 2em;
    font-weight: bold;
  }

  .contact-container {
    background: white;
    padding: 20px;
    border-radius: 10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.contact-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contact-header {
    font-size: 20px;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.contact-header i {
    margin-right: 10px;
    color: #000000;
}

.contact-item {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #333;
}

.contact-item i {
    margin-right: 10px;
    color: #000000;
}

.contact-item a {
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    transition: 0.3s;
}

.contact-item a:hover {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .contact-container {
        flex-direction: column;
    }

    .siv{
        font-size: 1em
      }

      .main-text{
        font-size: 2em;
        color: #fff;
      }

      .btn > p {
        margin-top: 2em;
        display: inline-block;
        padding: 1em 1.2em;
        background-color: white; /* Mantém o fundo branco */
        border-radius: 5em;
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); /* Sombra leve */
        text-align: center; /* Centraliza o texto dentro da div */
        font-size: .85em;
        font-weight: bold;
        transition: padding 2s ease-in-out, background-color 2s ease-in-out, color 2s ease-in-out;
        cursor: pointer;
      }

      .btn :hover{
        padding: 1em 1.5em !important; /* Aumenta o padding */
        background-color: rgb(133, 133, 133); /* Muda a cor de fundo */
        color: white; /* Muda a cor do texto */
      }

}