/* Página de Contacto (usa las variables de styles.css) */
.form select {
  width: 100%;
  padding: 13px 14px;
  border: 1px solid var(--color-line);
  border-radius: var(--radius);
  background: #fff;
  font: inherit;
  color: var(--color-text);
}

.form select:focus {
  outline: none;
  border-color: var(--color-charcoal);
}

.form__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 6px;
}

.form__status {
  min-height: 1.4em;
  margin-top: 14px;
  font-size: 0.92rem;
  color: var(--color-muted);
}

.form__status--ok { color: #1d7a45; }
.form__status--error { color: #b3261e; }

/* Campo trampa anti-bots: fuera de pantalla, no se ve ni se toca */
.form__trap {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.map-embed {
  width: 100%;
  aspect-ratio: 16 / 7;
  min-height: 320px;
  border: 0;
  border-radius: var(--radius);
  background: var(--color-cream-dark);
  display: block;
}

.map-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin-top: 22px;
}

@media (max-width: 700px) {
  .map-embed {
    aspect-ratio: 4 / 5;
  }
}