/*
Theme Name: Helium
Theme URI: http://gantry.org
Author: RocketTheme, LLC
Author URI: http://rockettheme.com
Description: Helium - Gantry 5 Theme from RocketTheme
Version: 5.5.19
*/

/* Contenedor del formulario */
.febit-form-wrapper {
  display: flex;
  justify-content: center;    /* centra horizontalmente */
  padding: 2rem 0;             /* un poco de espacio arriba/abajo */
}

/* Limita el ancho del formulario y haz inputs 100% */
.febit-form-wrapper .wpforms-form {
  width: 100%;
  max-width: 480px;            /* ajústalo a tu gusto */
}

/* Asegura que los campos ocupen todo el ancho */
.febit-form-wrapper .wpforms-form input[type="text"],
.febit-form-wrapper .wpforms-form input[type="tel"],
.febit-form-wrapper .wpforms-form textarea {
  width: 100% !important;
  box-sizing: border-box;
}

.febit-form-wrapper .wpforms-form input,
.febit-form-wrapper .wpforms-form textarea {
	border-radius: 8px!important;
	padding: 10px 19px!important;
	font-size: 18px!important;
}

/* Centrar el botón y darle estilo */
.febit-form-wrapper .wpforms-form button[type="submit"] {
	/*
	display: block;
	margin: 1rem auto 0;
	padding: 0.75rem 2rem;
	background-color: #0058D9;
	border: none;
	color: #fff;
	font-size: 1rem;
	border-radius: 0.5rem;
	cursor: pointer;
	*/

	padding: 13px 50px;
	background: var(--primary)!important;
	border-radius: 90px;
	color: #fff;
	position: relative;
	overflow: hidden;
	display: block;
    margin: 0 auto;
}

.febit-form-wrapper .wpforms-form button[type="submit"]:after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.13) 0px, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0))!important;
  content: "";
  height: 200%;
  left: -210%;
  opacity: 0;
  position: absolute;
  top: -50%;
  transition: all 0.7s ease 0s;
  width: 200%;
}

.febit-form-wrapper .wpforms-form button[type="submit"]:hover {
  color: #fff;
}

.febit-form-wrapper .wpforms-form button[type="submit"]:hover:after {
  left: -30%;
  opacity: 1;
  top: -20%;
  transition-duration: 0.7s, 0.7s, 0.15s;
  transition-property: left, top, opacity;
  transition-timing-function: linear;
}

.wpforms-field-medium {
	max-width: unset!important;
}

.wpforms-error {
	margin-top: 3px!important;
}

.wpforms-field-label {
	margin-bottom: 5px!important;
}

.wpforms-field {
	padding-top: 5px!important;
}

.febit-form-wrapper {
	padding: 2rem 1rem!important;
}

/* Responsive: menos padding en móvil */
@media (max-width: 576px) {
  .febit-form-wrapper {
    padding: 1rem;
  }
  .febit-form-wrapper .wpforms-form {
    max-width: 100%;
  }
}
