/* Formulario de contacto de madergal.com */
.contacto-hp {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Grella de 6 columnas para que o formulario caiba na caixa de contido (420px) sen desprazamento */
#contacto-form > div {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  column-gap: 12px;
  row-gap: 6px;
  align-items: end;
}

#contacto-form .webform-component,
#contacto-form noscript,
#contacto-form .form-actions {
  grid-column: span 6;
}

#webform-component-nome,
#webform-component-empresa {
  grid-column: span 3 !important;
}

#webform-component-email,
#webform-component-telefono,
#webform-component-fax {
  grid-column: span 2 !important;
}

#contacto-form .form-item {
  margin: 0;
}

#contacto-form label {
  margin: 0 0 2px 0;
}

#contacto-form input.form-text,
#contacto-form textarea {
  box-sizing: border-box;
  width: 100%;
}

#contacto-form textarea {
  height: 70px;
  resize: vertical;
}

#webform-component-rgpd label.option {
  font-weight: normal;
}

#contacto-form altcha-widget {
  grid-column: span 3;
  display: block;
  max-width: 260px;
}

#contacto-form .form-actions {
  grid-column: span 3 !important;
  align-self: center;
  justify-self: start;
  margin: 0;
}

.contacto-estado {
  margin: 1em 0;
  padding: 0.8em 1em;
}

.contacto-estado[hidden],
#contacto-form[hidden] {
  display: none;
}

#contacto-erro {
  border: 1px solid #d77;
  background: #ffeeee;
  color: #a00;
}

.contacto-aviso {
  color: #a00;
}