/* Contenedor principal del formulario */
#wpforms-67 {
  background-color: #e8c1d0; /* Rosa más oscuro */
  max-width: 900px;          /* Ancho máximo contenido */
  margin: 0 auto;            /* Centrado horizontal */
  padding: 15px 25px;
  border-radius: 12px;       /* Bordes redondeados */
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
}

/* Campos en una sola fila */
#wpforms-67 .wpforms-field-container {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
}

/* Cada campo ocupa el mismo ancho */
#wpforms-67 .wpforms-field {
  flex: 1;
  min-width: 0;
  margin-bottom: 0 !important;
}

/* Campos de texto y select más compactos */
#wpforms-67 .wpforms-field input,
#wpforms-67 .wpforms-field select {
  width: 100%;
  padding: 6px 8px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 14px;
  box-sizing: border-box;
  margin-top: 0 !important; /* Menos espacio arriba del campo */
}

/* Reducir espacio entre label y campo */
#wpforms-67 .wpforms-field label {
  margin-bottom: 4px !important; /* Menos espacio debajo del título */
  display: block;
}

/* Contenedor del botón de envío centrado */
#wpforms-67 .wpforms-submit-container {
  text-align: center;
  margin-top: 10px;
}

/* Botón de envío — color corporativo forzado */
#wpforms-67 .wpforms-submit,
#wpforms-67 .wpforms-submit[type="submit"],
#wpforms-67 button[type="submit"].wpforms-submit {
  background-color: #f7cc09 !important;
  color: #000 !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 10px 25px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.2s ease-in-out !important;
}

/* Hover del botón */
#wpforms-67 .wpforms-submit:hover,
#wpforms-67 button[type="submit"].wpforms-submit:hover {
  background-color: #e6b800 !important;
  transform: translateY(-2px);
}

/* Eliminar margen/padding entre widgets si es necesario */
.so-panel.widget_media_image,
.so-panel.widget_text {
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Responsive para móvil */
@media (max-width: 768px) {
  /* Cambiar el contenedor a un ancho más cómodo y centrado */
  #wpforms-67 {
    max-width: 95vw; /* casi todo el ancho de la pantalla */
    padding: 15px 15px;
  }

  /* Poner los campos en columna */
  #wpforms-67 .wpforms-field-container {
    flex-direction: column;
    gap: 12px;
  }

  /* Cada campo ocupa 100% */
  #wpforms-67 .wpforms-field {
    flex: none;
    width: 100%;
  }

  /* Botón centrado y con margen arriba */
  #wpforms-67 .wpforms-submit-container {
    margin-top: 20px;
  }

/* 💥 Ajuste definitivo: mover el texto del checkbox más cerca visualmente */
#wpforms-67 ul#wpforms-67-field_6 li label.wpforms-field-label-inline {
  position: relative !important;
  left: -6px !important; /* mueve el texto 6px hacia la casilla */
	}
}