.tarjeta-soporte {
  max-width: 600px;
  margin: 0 auto;
  padding: 32px;
  background: var(--blanco);
  border: 1px solid var(--borde);
  border-radius: var(--borde-radio);
  box-shadow: var(--sombra);
}
.formulario-soporte {
  display: grid;
  gap: 20px;
  margin-top: 20px;
}
.area-texto {
  width: 100%;
  height: 120px;
  padding: 12px 14px;
  border: 2px solid var(--borde);
  border-radius: var(--borde-radio);
  background-color: var(--blanco);
  font: inherit;
  transition: var(--transicion);
  outline: none;
  resize: vertical;
}
.area-texto:focus {
  border-color: var(--azul-oscuro);
  box-shadow: 0 0 0 3px rgba(20, 43, 77, 0.1);
}
.soporte-exito {
  display: none;
  text-align: center;
  padding: 24px;
}
.soporte-exito svg {
  color: var(--verde);
  width: 64px;
  height: 64px;
  margin-bottom: 16px;
}