/* Visão Web AO: ligação do design novo (estilo.css, igual ao do site 10k) ao site em PHP.
   Aqui ficam só os acrescentos: os campos do formulário atual, as mensagens do envio
   e as imagens reais do portfólio. */

/* ===== Formulário de contacto ===== */
/* Telefone e e-mail com o mesmo aspeto dos campos de texto */
.campo input[type=tel],.campo input[type=email]{width:100%;background:rgba(5,10,7,.7);border:1px solid rgba(159,184,166,.35);border-radius:12px;padding:13px 14px;color:var(--text-primary);transition:border-color .3s var(--ease-out),box-shadow .3s var(--ease-out)}
/* Dois campos lado a lado: nome e empresa, telefone e e-mail */
.campo-duplo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
@media (max-width:560px){.campo-duplo{grid-template-columns:1fr}}
/* Asterisco dos campos obrigatórios e erros de validação */
.campo label span{color:var(--accent)}
.campo-erro{font-size:.86rem;color:#ff9b8a}
.campo-erro:empty{display:none}
.campo.com-erro input,.campo.com-erro select,.campo.com-erro textarea{border-color:#ff9b8a}
/* Campo anti-spam: fora do ecrã, invisível para pessoas */
.campo-oculto{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* Estado do envio (a enviar, recebido ou erro), com o botão do WhatsApp */
.estado{display:grid;justify-items:start;gap:12px;padding:14px 16px;border-radius:14px;background:rgba(123,234,45,.1);border:1px solid var(--line-strong);animation:surge .6s var(--ease-out) both}
.estado:empty{display:none}
.estado p{margin:0}
.estado--erro{background:rgba(255,155,138,.08);border-color:rgba(255,155,138,.45)}
.form button[disabled]{opacity:.6;cursor:wait}

/* ===== Portfólio ===== */
/* Imagem enviada pelo painel (ideal 800x500 px), dentro da janela do projeto */
.janela img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}