/* HotVal — Página de contacto. */

.contacto { background: var(--hv-bg, #000); padding: 50px 0 80px; }
.contacto__inner { max-width: 820px; margin: 0 auto; padding: 0 var(--hv-gutter); }

.contacto__title { font-size: 34px; margin: 0 0 28px; color: var(--hv-heading, #fff); }
.contacto__title span { color: var(--hv-accent, #e10032); font-style: italic; }

/* Caja informativa (oscura con borde dorado a la izquierda). */
.contacto-box {
  background: #111; border-left: 5px solid #e6b800; border-radius: 4px;
  padding: 20px 26px; margin: 0 0 28px;
}
.contacto-box__head { color: #e6b800; font-weight: 700; font-style: italic; margin: 0 0 12px; }
.contacto-box__list { margin: 0; padding-left: 20px; color: #ddd; line-height: 1.6; }
.contacto-box__list li + li { margin-top: 8px; }
.contacto-box__list a { color: #fff; text-decoration: underline; }

.contacto__intro { color: var(--hv-muted, #aaa); margin: 0 0 24px; }

/* Avisos de envío. */
.contacto-alert { margin: 0 0 20px; padding: 14px 18px; border-radius: 6px; font-weight: 600; }
.contacto-alert.is-ok { background: #0b3d0b; color: #bff5bf; border: 1px solid #1f7a1f; }
.contacto-alert.is-error { background: #4b0000; color: #ffd4d4; border: 1px solid #c00000; }

/* Formulario. */
.contacto-form { display: flex; flex-direction: column; gap: 18px; }
.contacto-field input,
.contacto-field textarea {
  width: 100%; box-sizing: border-box;
  background: #3a3a44; border: 0; border-radius: 6px; color: #fff;
  font-size: 17px; font-family: var(--hv-font, sans-serif);
  padding: 18px 20px; resize: vertical;
}
.contacto-field input::placeholder,
.contacto-field textarea::placeholder { color: #b9b9c2; }
.contacto-field input:focus,
.contacto-field textarea:focus { outline: 2px solid #6aa9ff; }

.contacto-check { display: flex; align-items: flex-start; gap: 10px; color: #ddd; font-size: 15px; line-height: 1.5; }
.contacto-check input { margin-top: 3px; }

/* Honeypot oculto. */
.contacto-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.contacto-btn {
  background: #00c800; color: #fff; border: 0; border-radius: 6px; cursor: pointer;
  font-size: 20px; font-weight: 700; font-family: var(--hv-font, sans-serif);
  padding: 20px; transition: background .2s ease;
}
.contacto-btn:hover { background: #00b000; }
.contacto-btn:disabled { opacity: .7; cursor: default; }

/* Información RGPD. */
.contacto-rgpd { margin-top: 48px; color: #ccc; }
.contacto-rgpd__title { text-align: center; font-style: italic; color: var(--hv-heading, #fff); font-size: 24px; margin: 0 0 20px; }
.contacto-rgpd__title a { color: var(--hv-accent, #e10032); }
.contacto-rgpd p { margin: 0 0 8px; line-height: 1.6; font-size: 15px; }
.contacto-rgpd strong { color: #fff; }
.contacto-rgpd a { color: var(--hv-accent, #e10032); }

@media (max-width: 640px) {
  .contacto__title { font-size: 26px; }
  .contacto-rgpd__title { font-size: 20px; }
}