/* Estilos personalizados para el formulario de contacto */
#form-messages {
  padding: 10px;
  margin-top: 10px;
  border-radius: 5px;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
}

/* Mensaje de éxito: solo texto blanco y palomita */
.success-message {
  background-color: transparent; /* sin fondo */
  color: #ffffff; /* texto blanco */
  border: none;
}

.success-message::before {
  content: "✔"; /* palomita */
  color: #ffffff;
  font-weight: bold;
}

/* Mensaje de error: se mantiene como antes */
.error-message {
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}

/* Video */
.video-container {
  position: relative;
  padding-bottom: 56.25%; /* Relación de aspecto 16:9 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}