/* Styles definition here */

@font-face {
  font-family: 'Avenir Black';
  src: url('https://proyecto70.website/wp-content/uploads/2024/08/avenir-black.ttf') format('ttf'),
  font-weight: normal;
  font-style: normal;
}



.fform h1 {
  font-family: 'Avenir Black', sans-serif; /* Fuente Avenir Black */
  color: #9B378B; /* Color del texto */
  text-align: center; /* Centra el texto */
    font-size: 80px !important; /* Fuerza el tamaño de la fuente */
}

.fform {
  font-family: 'Avenir Black', sans-serif; /* Fuente Avenir Black */
  color: #000; /* Color del texto */
  font-weight: 200; /* Refuerzo del peso */
  text-align: center;!important; /* Centra el texto (opcional) */
}


/*fecha en blanco*/

.slots {
    color: white;
	 font-family: 'Avenir black', sans-serif;
	font-size: 14px;!important;
}

/*sin hover*/
elemento {
}
#fbuilder .slots div a:hover {
  background: #0000;
}
#fbuilder .slots div a {
  background: #9B378B;
  color: #0000;
}


/*boton*/

#fbuilder .pbSubmit {
  margin: 5px auto;
  float: none;
  display: inline-block;
  background-color: #9B378B; /* Color de fondo */
  color: white; /* Contraste con el fondo */
  padding: 10px 20px; /* Ajusta el tamaño del botón */
  border-radius: 20px; /* Bordes más redondeados */
  border: none; /* Elimina bordes adicionales */
  font-family: 'Avenir Black', sans-serif; /* Fuente específica */
  font-weight: 900; /* Refuerzo del peso */
	font-size: 14px; 
  cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
  text-align: center; /* Centra el texto */
  text-transform: uppercase; /* Opcional: transforma el texto en mayúsculas */
  transition: all 0.3s ease; /* Animación suave */
}

#fbuilder .pbSubmit:hover {
  background-color: #7C2A6E; /* Fondo más oscuro en hover */
  color: white; /* Contraste adicional */
  
}



/* título y bajada */
#fbuilder .fform h1 {font-size:32px;
					font: Avenir Black, sans-serif;
					text-align: center;}

#fbuilder .fform {
    width: 100%;
	justify-content: center;
    align-items: center;  /* Opcional, para centrar verticalmente */

}

#fbuilder .fform span {
    font-size: 16px;
    font-family: 'Avenir Black', sans-serif;
     text-align: center; /* No necesario si usas display: block o inline-block */
    display: inline-block; /* Hace que el <span> se pueda alinear en bloque */
}



#fbuilder .top_aligned .fields label {
						text-align: center;}


/* fondo título meses calendario */

#fbuilder .ui-datepicker-header { background:#9B378B ;color:#fff; text-shadow:none}

/* fechas calendario libres */

#fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default{background:#ffffff;color:#9B378B;}


/* horarios para elegir */

#fbuilder .slots{background:#9B378B;box-shadow:none
				font: Avenir Black, sans-serif;}
#fbuilder .slots div{border:0px}
#fbuilder .slots div a{background:#9B378B;color:#ffff}

/* ceci */
elemento {
  display: flex;
  align-items: center; /* Centra verticalmente */
  justify-content: center; /* Centra horizontalmente */
}
#fbuilder .fform {
  text-align: center; /* Esto centra el texto en todos los elementos dentro de .fform */
}

#fbuilder .fform span {
  font-size: 16px;
  font-family: 'Avenir Black', sans-serif;
}

/* no sé qué es */

#fbuilder .ui-datepicker {
    height: auto;
    margin: 5px 0;
    padding: 0px;
    font: 9pt Avenir Black, sans-serif;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}

/* Asegurarse de que el botón de envío esté centrado */
#fbuilder .pbSubmit {
  display: block; /* Asegura que el botón sea un bloque, centrado por defecto */
  margin: 20px auto; /* Asegura que esté centrado */
}



/* lo hace responsivo */

#fbuilder .ui-datepicker-inline { max-width:none !important; }