body {
font-family: 'Segoe UI', Arial, sans-serif;
background-color: white;
text-align: center;
padding: 20px;
margin: 0;
color: #333;
}
.header {
background:#181919;
/*background: #4d5a52;*/
padding: 15px;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
}
nav {
/*background-color: #4d5a52;*/
background-color:#181919;
padding: 10px;
}
nav a {
color: white;
text-decoration: none;
margin: 0 15px;
font-weight: bold;
 }
 nav a:hover {
 text-decoration: underline;
 }
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }
        .section {
            margin-bottom: 40px;
        }
        .section h2 {
            color: #1a3c34;
			color:#181919;
            border-bottom: 2px solid #2e5d53;
            padding-bottom: 10px;
        }
        .contact {
            background-color: #f4f4f4;
            padding: 20px;
            text-align: center;
        }
        .contact a {
            color: #1a3c34;
            font-weight: bold;
            text-decoration: none;
        }
        footer {
            /*background-color: #4d5a52;*/
			background-color:#181919;
            color: white;
            text-align: center;
            padding: 10px;
            position: relative;
            bottom: 0;
            width: 100%;
        }
        @media (max-width: 768px) {
            nav a {
                display: block;
                margin: 10px 0;
            }
        } 
		
.share-buttons {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 20px;
justify-content: center;
}
.share-button {
display: flex;
align-items:center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
text-decoration: none;
color: white;
font-size: 20px;
transition: opacity 0.3s ease; /* Adiciona uma transição suave */
}
.share-button:hover {
opacity: 0.8; /* Efeito de hover */
}
.facebook {
background-color: #3b5998;
}
.twitter {
background-color: #1da1f2;
}
.linkedin {
background-color: #0077b5;
}
.whatsapp {
background-color: #25d366;
}
.facebook {
background-color: #3b5998;
}
.twitter {
 background-color: #1da1f2;
}
.linkedin {
background-color: #0077b5;
}
.whatsapp {
background-color: #25d366;
}
.galeria-servicos {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    margin: 40px 0;
}

.card-servico {
    width: 30%;
    min-width: 280px;
    background: #fafafa;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transition: transform 0.3s ease;
}

.card-servico:hover {
    transform: translateY(-5px);
}

.card-servico img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.card-servico .texto {
    padding: 15px;
}

.card-servico h3 {
    margin: 0 0 10px;
    color: #1a3c34;
}

.card-servico p {
    font-size: 14px;
    color: #555;
}
 .bloco-responsivo img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-top: 15px; /* Substitui o <br> com espaçamento controlado */
  }

  /* Ajusta o tamanho do texto em ecrãs pequenos (Telemóveis) */
    .bloco-responsivo h2 {
      font-size: 1.5rem; /* Diminui o texto para não quebrar abruptamente */
      text-align: center; /* Opcional: centra o texto no telemóvel */
    }
    .bloco-responsivo img {
      margin-left: auto;
      margin-right: auto; /* Centra a imagem no telemóvel */
    }
  }
  .bloco-responsivo img:hover {
    animation: pulinho 0.4s ease-in-out;
  }
/*
.botao-link{
			text-decoration: none;
			background-color: white;
			box-shadow: 0 4px 0 #004494;
			position: relative;
			top: 0;
			transition: all 0.15s;
            color: black;
            text-align: center;
            padding: 10px 20px;
			border-radius: 5px;
			display: inline-block;
			font-family: Arial, sans-serif;
			font-weight: bold;
			border: 2px solid transparente;
			transition: background-color 0.3s ease;
            }
			.botao-link: hover{
			background-color: #0056b3;
            color: #fff;
			text-decoration: none;
			}
			.botao-link:active{
			top: 2px;
			box-shadow: 0 2px 0 #004494;
			}*/
			
.botao-3d {
  /* O seu efeito de sombra original */
  box-shadow: 0 4px 0 #004494;
  
  /* Estilos essenciais para links funcionarem como botões */
  display: inline-block;
  text-decoration: none;
  text-align: center;
  
  /* Cores e Aparência (Ajuste a cor de fundo se precisar) */
  background-color: #0056b3;
  padding: 14px 28px;
  font-family: sans-serif;
  font-weight: bold;
  border-radius: 5px;
  
  /* Transição suave */
  transition: all 0.1s ease;
}

/* Efeito de passar o rato (Opcional - realça o botão) */
.botao-3d:hover {
  background-color: #004cb3;
}

/* Efeito de Clique Realista */
.botao-3d:active {
  transform: translateY(4px);
  box-shadow: 0 0px 0 #004494;
}


        

:root {
  --primary-color: #25d366; /* Verde do WhatsApp */
  --primary-hover: #20ba5a;
  --bg-form: #ffffff;
  --bg-body: #f0f2f5;
  --text-main: #333333;
  --text-muted: #666666;
  --border-color: #e0e0e0;
  --bg-readonly: #f8f9fa;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}


#whatsappForm {
  background: var(--bg-form);
  padding: 30px;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  width: 100%;
  max-width: 450px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#whatsappForm label {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--text-main);
  margin-bottom: -6px;
}

#whatsappForm input,
#whatsappForm textarea {
  width: 100%;
  padding: 12px 16px;
  border: 1.5px solid var(--border-color);
  border-radius: 8px;
  font-size: 1rem;
  color: var(--text-main);
  background-color: var(--bg-form);
  transition: all 0.3s ease;
  outline: none;
}

/* Efeito de Foco nos campos editáveis */
#whatsappForm input:focus:not([readonly]),
#whatsappForm textarea:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 4px rgba(37, 211, 102, 0.15);
}

#whatsappForm textarea {
  resize: vertical;
  min-height: 100px;
}

/* Botão Moderno Estilo WhatsApp */
#whatsappForm button {
  background-color: var(--primary-color);
  color: white;
  border: none;
  padding: 14px;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.1s ease;
  margin-top: 8px;
}

#whatsappForm button:hover {
  background-color: var(--primary-hover);
}

#whatsappForm button:active {
  transform: scale(0.98);
}