@charset "UTF-8";


/* Base Principal */

	* {
	  font-family: 'Lato', sans-serif;
	  letter-spacing: 0.025em;
	  border: 0px;
	}

	* ::-moz-selection {
	  background-color: #a0a0a0;
	  color: #ffffff;
	}

	* ::selection {
	  background-color: #a0a0a0;
	  color: #ffffff;
	}

	body, html {
	  width: 100%;
	  height: 100%;
	  margin: 0px;
	  background-color: #FFFFFF;
	  font-size: 14px;
	  font-weight: 400;
	  line-height: 18px;
	  color: #a0a0a0;
	}

	ul {
	  margin: 0;
	  padding: 0;
	}

	ul li {
	  list-style: none;
	}

/* Encabezados, Párrafos, Hipervínculos */

	h1, h2, h3, h4, h5, h6 {
	  font-family: 'Poppins', sans-serif;
	  margin: 0px;
	  padding: 0px;
	  font-weight: 600;
	}

	h1 {
	  font-size: 35px;
	  line-height: 50px;
	  color: #434343;
	}

	h2 {
	  font-size: 32px;
	  line-height: 38px;
	  color: #434343;
	}

	h3 {
	  font-size: 23px;
	  line-height: 27px;
	  color: #606060;
	}

	h4 {
	  font-size: 18px;
	  line-height: 25px;
	  color: #606060;
	}

	h5 {
	  font-size: 15px;
	  line-height: 20px;
	  color: #606060;
	}

	h6 {
	  font-size: 15px;
	  line-height: 20px;
	  color: #01a2dc;
	}

	p, span {
	  font-family: 'Lato', sans-serif;
	  margin: 0px;
	  padding: 0px;
	}

	p {
	  font-size: 14px;
	  font-weight: 400;
	}

	a {
	  color: #01a2dc;
	  font-weight: 600;
	  text-decoration: none;
	  -webkit-transition: all .3s ease-in-out;
	  -o-transition: all .3s ease-in-out;
	  transition: all .3s ease-in-out;
	  cursor: pointer;
	}

	a:hover {
	  -webkit-transition: all .3s ease-in-out;
	  -o-transition: all .3s ease-in-out;
	  transition: all .3s ease-in-out;
	}

	hr {
	  width: 100%;
	  height: 1px;
	  background-color: #f2f2f2;
	  margin: 2px 0;
	}

	br {
	  height: 15px;
	}

	.bold {
	  font-weight: 600;
	}

	.linea {
	    width: 60px;
	    height: 5px;
	    background-color: #a0a0a0;
	    margin-top: 5px;
	    border-radius: 50px;
	}


/* Seccion General */

	.sec-gral {
	  position: relative;
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
	  -ms-flex-align: center;
	  align-items: center;
	  -webkit-box-pack: center;
	  -webkit-justify-content: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	}

	.sec-gral .cont-gral {
	  width: 100%;
	  height: auto;
	  min-height: 300px;
	  max-width: 1200px;
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: center;
	  -webkit-justify-content: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
	  -ms-flex-align: center;
	  align-items: center;
	}

/* Seccion Gracias */

	.sec-gracias {
		position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.sec-gracias .gr-fondo {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		background-color: #1C1C1C;
	}

	.sec-gracias .gr-fondo img {
		width: 100%;
		height: auto;
		opacity: .6;
	}

	.sec-gracias .gr-img {
		position: absolute;
		width: 100%;
		height: auto;
		top: 30px;
		z-index: 1;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.sec-gracias .gr-text {
		position: relative;
		width: 100%;
		height: auto;
		z-index: 1;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 50px 140px;
	}

	.sec-gracias .gr-text h1 {
		color: #fff;
		max-width: 800px;
		font-size: 58px;
		line-height: 64px;
		font-weight: 600;
		letter-spacing: -0.1px;
	}

	.sec-gracias .gr-text p {
		font-size: 16px;
		color: #fff;
	}

	.sec-gracias .gr-text .social {
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.sec-gracias .gr-text .social img {
		width: 40px;
		height: auto;
		padding: 5px 8px;
		padding-left: 0;
		-webkit-filter: opacity(1);
		filter: opacity(1);
		-webkit-transition: all .4s ease-in-out;
		-o-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
	}

	.sec-gracias .gr-text .social img:hover {
		-webkit-filter: opacity(0.8);
		filter: opacity(0.8);
		-webkit-transition: all .4s ease-in-out;
		-o-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
	}

	.sec-gracias .gr-text .phone {
		height: auto;
		max-height: 15px;
		margin: 20px 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.sec-gracias .gr-text .phone h1 {
		margin: 0;
		padding: 0;
		font-size: 16px;
	}

	.sec-gracias .gr-text .phone p {
		margin: 0;
		padding: 0;
		margin-left: 10px;
		font-size: 14px;
	}


/* Inputs General */

	* :focus {
		outline: none;
		-webkit-box-shadow: 0 0 0px #FFF;
		box-shadow: 0 0 0px #FFF;
	}

	input, select {
		padding: 0;
		margin: 0;
	}

	select {
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		appearance: none;
		outline: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		/* border: 0 !important; */
		background: transparent;
		background-image: url('/fanbag/img/simbolos/svg/flecha-down.svg');
		background-repeat: no-repeat;
		background-position: center right;
		background-size: 12px;

		border-radius: 0px;

		min-width: 30px;
	}

	input[type*='date'] {
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		appearance: none;
		outline: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		/* border: 0 !important; */
		background: transparent;
		/* background-image: url('/fanbag/img/simbolos/svg/flecha-down.svg'); */
		background-repeat: no-repeat;
		background-position: center right;
		background-size: 12px;

		border-radius: 0px;
	}

	input::-webkit-input-placeholder {
		font-family: 'Poppins', sans-serif;
		color: #CDD3D6;
		font-size: 14px;
	}

	input:-ms-input-placeholder {
		font-family: 'Poppins', sans-serif;
		color: #CDD3D6;
		font-size: 14px;
	}

	input::placeholder {
		font-family: 'Poppins', sans-serif;
		color: #CDD3D6;
		font-size: 14px;
	}

	label {
		font-family: 'Poppins', sans-serif;
		font-size: 12px;
		font-weight: 400;
		color: #606060;
		text-align: left;
	}

	form {
		width: 100%;
	}

/* Inputs Material */

	.inputMaterial {
	  position: relative;
	  width: 100%;
	  height: auto;
	  background-color: #ffffff;
	  margin-top: 20px;
	  margin-bottom: 15px;
	}

	.inputMaterial .row-input {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	}

	.inputMaterial .row-input-normal {
	  display: inline;
	}

	.inputMaterial > input, .inputMaterial .row-input > input {
	  font-size: 16px;
	  padding: 0px;
	  padding-bottom: 4px;
	  display: block;
	  width: 100%;

	  border: none;
	  border-bottom: 1px solid #a0a0a0;
	}

	.inputMaterial .row-input input {
	  max-width: 50px;
	}

	.inputMaterial .row-input-normal input {
	  max-width: none;
	}

	.inputMaterial > select, .inputMaterial .row-input > select {
	  font-size: 16px;
	  padding: 0px;
	  padding-bottom: 4px;
	  padding-right: 20px;
	  display: block;
	  width: 100%;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;

	  margin-left: 0px;

	  border: none;
	  background-color: #fff;
	  border-bottom: 1px solid #a0a0a0;
	}

	.inputMaterial .selectCantidad > select {
	  width: auto;
	  min-width: 40px;
	  margin-right: 5px;

	  border: 0;
	}

	.selectCantidad {
	  border-bottom: 1px solid #a0a0a0;
	}

	.inputMaterial .selectCantidad .padd-left {
	  margin-left: 5px;
	}

	.inputMaterial > .lineaInferior {
	  border-bottom: 1px solid #a0a0a0;
	}

	.inputMaterial > textarea {
	  font-family: 'Poppins', sans-serif;

	  font-size: 16px;
	  padding: 0px;
	  padding-bottom: 4px;
	  display: block;
	  width: 100%;

	  border: none;
	  border-bottom: 1px solid #a0a0a0;
	}

	.inputMaterial > textarea::-webkit-input-placeholder {
	  color: #a0a0a0;
	}

	.inputMaterial > textarea:-ms-input-placeholder {
	  color: #a0a0a0;
	}

	.inputMaterial > textarea::placeholder {
	  color: #a0a0a0;
	}

	.inputMaterial > label[class*="labelTextarea"] {
	  font-family: 'Poppins', sans-serif;
	  font-size: 14px;
	  font-weight: 400;
	  color: #a0a0a0;
	  text-align: left;

	  position: absolute;
	  left: 1px;
	  top: 4px;
	  pointer-events: none;
	}

	.inputMaterial > textarea:focus ~ label[class*="labelTextarea"] {
	  top: -16px;
	  font-size: 12px;
	  color: #01a2dc;
	}

	.inputMaterial > textarea ~ label[class*="labelTextarea"] {
	/*   top: -16px;
	  font-size: 12px;
	  color: #606060; */
	}

	.inputMaterial > input[class*="error"], .inputMaterial .row-input > input[class*="error"] {
	  border-bottom: 1px solid #F1474C;

	  -o-transition: 0.2s ease all;

	  transition: 0.2s ease all;
	  -moz-transition: 0.2s ease all;
	  -webkit-transition: 0.2s ease all;
	}

	.inputMaterial > input:focus, .inputMaterial .row-input > input:focus {
	  outline: none;
	  font-size: 16px;
	  padding: 0px;
	  padding-bottom: 4px;
	  display: block;
	  width: 100%;

	  border: none;
	  border-bottom: 1px solid #a0a0a0;
	}

	.inputMaterial > input:disabled, .inputMaterial .row-input > input:disabled, .inputMaterial > select:disabled {
	  outline: none;
	  font-size: 16px;
	  padding: 0px;
	  padding-bottom: 4px;
	  display: block;
	  width: 100%;

	  border: none;
	  color: rgba(0, 0, 0, 0.4);
	  background-color: #fff;
	}

	.inputMaterial > select:disabled {
	  background: none;
	}

	.inputMaterial > label, .inputMaterial .row-input > label {
	  font-family: 'Poppins', sans-serif;
	  font-size: 14px;
	  font-weight: 400;
	  color: #606060;
	  text-align: left;

	  position: absolute;
	  left: 1px;
	  top: 12px;
	  pointer-events: none;

	  -o-transition: 0.2s ease all;

	  transition: 0.2s ease all;
	  -moz-transition: 0.2s ease all;
	  -webkit-transition: 0.2s ease all;
	}

	.inputMaterial > label[class*="labelInput"], .inputMaterial .row-input > label[class*="labelInput"] {
	  font-family: 'Poppins', sans-serif;
	  font-size: 14px;
	  font-weight: 400;
	  color: #a0a0a0;
	  text-align: left;
	  background-color: #fff;
	  width: 100%;

	  position: absolute;
	  left: 1px;
	  top: 2px;
	  pointer-events: none;

	  -o-transition: 0.2s ease all;

	  transition: 0.2s ease all;
	  -moz-transition: 0.2s ease all;
	  -webkit-transition: 0.2s ease all;
	}

	.labelCantidad > label[class*="labelInput"] {
	  top: -16px;
	  font-size: 12px;
	  color: #606060;
	}

	.inputMaterial > input:disabled ~ label[class*="labelInput"], .inputMaterial > textarea:disabled ~ label[class*="labelInput"] {
	  /* top: -16px; */
	  font-size: 12px;
	  color: #a0a0a0;
	}

	.labelCantidad .selectCantidad > select:focus ~ label[class*="labelInput"] {
	  color: #01a2dc;
	}

	.inputMaterial > label[class*="error"], .inputMaterial .row-input > label[class*="error"] {
	  font-family: 'Poppins', sans-serif;
	  font-size: 11px;
	  font-weight: 400;
	  color: #f1474c;
	  text-align: left;

	  position: absolute;
	  left: 1px;
	  top: 26px;
	  pointer-events: none;

	  -o-transition: 0.2s ease all;

	  transition: 0.2s ease all;
	  -moz-transition: 0.2s ease all;
	  -webkit-transition: 0.2s ease all;
	}

	.inputMaterial > input[type="date"], .inputMaterial .row-input > input[type="date"] {
		padding-bottom: 0px;
	}

	.inputMaterial > input:focus ~ label[class*="labelInput"],
	.inputMaterial > input:valid ~ label[class*="labelInput"],
	.inputMaterial > input:disabled ~ label[class*="labelInput"]
	{
	  top: -16px;
	  font-size: 12px;
	  color: #01a2dc;
	}

	.inputMaterial > input[type="date"]:disabled ~ label[class*="labelInput"],
	.inputMaterial > input[type="email"]:disabled ~ label[class*="labelInput"],
	.inputMaterial > input[type="text"]:disabled ~ label[class*="labelInput"],
	.inputMaterial > input[type="password"]:disabled ~ label[class*="labelInput"],
	.inputMaterial > input[type="tel"]:disabled ~ label[class*="labelInput"],
	.inputMaterial > select:disabled ~ label[class*="labelInput"]
	{
	  top: -16px;
	  font-size: 12px;
	  color: #606060;
	}

	.inputMaterial .row-input > input:focus ~ label[class*="labelInput"],
	.inputMaterial .row-input > input:valid ~ label[class*="labelInput"],
	.inputMaterial .row-input > input:disabled ~ label[class*="labelInput"],
	.inputMaterial .row-input > input[type="date"]:disabled ~ label[class*="labelInput"]
	{
	  top: -16px;
	  font-size: 12px;
	  color: #01a2dc;
	}

	.inputMaterial > select:focus ~ label[class*="labelInput"],
	.inputMaterial > select ~ label[class*="labelInput"] {
	  top: -16px;
	  font-size: 12px;
	  color: #01a2dc;
	}

	.inputMaterial > input:valid ~ label[class*="labelInput"] {
	  /* top: -16px; */
	  font-size: 12px;
	  color: #606060;
	}

	.inputMaterial .row-input > select:focus ~ label[class*="labelInput"],
	.inputMaterial .row-input > select ~ label[class*="labelInput"] {
	  top: -16px;
	  font-size: 12px;
	  color: #01a2dc;
	}

	.inputMaterial > select:valid ~ label[class*="labelInput"], .inputMaterial .row-input > select:valid ~ label[class*="labelInput"] {
	  /* top: -16px; */
	  font-size: 12px;
	  color: #606060;
	}

	.inputMaterial > textarea:valid ~ label[class*="labelTextarea"]
	{
	  top: -16px;
	  font-size: 12px;
	  color: #606060;
	}

	.inputMaterial > .bar, .inputMaterial .row-input > .bar {
	  position: relative;
	  display: block;
	  width: 100%;
	}

	.inputMaterial > .bar:before, .inputMaterial > .bar:after, .inputMaterial .row-input > .bar:before, .inputMaterial .row-input > .bar:after {
	  content: '';
	  height: 2px;
	  width: 0;
	  bottom: 0px;
	  position: absolute;
	  background: #01a2dc;
	  -o-transition: 0.2s ease all;
	  transition: 0.2s ease all;
	  -moz-transition: 0.2s ease all;
	  -webkit-transition: 0.2s ease all;
	}

	.inputMaterial > .bar:before, .inputMaterial .row-input > .bar:before {
	  left: 50%;
	}

	.inputMaterial > .bar:after, .inputMaterial .row-input > .bar:after {
	  right: 50%;
	}

	.inputMaterial > input:focus ~ .bar:before, .inputMaterial > input:focus ~ .bar:after {
	  width: 50%;
	}

	.inputMaterial .row-input > input:focus ~ .bar:before, .inputMaterial .row-input > input:focus ~ .bar:after {
	  width: 50%;
	}

/* Botones */

	button {
	  margin: 4px 0;
	  background-color: #ffffff;
	  padding: 0px;
	}

	.btn-primario {
	  top: 0px;
	  font-family: 'Poppins', sans-serif;
	  font-size: 12px;
	  font-weight: 600;
	  color: #ffffff;
	  cursor: pointer;
	  /* min-width: 100px; */
	  padding: 10px 25px;
	  border-radius: 50px;

	  -webkit-box-shadow: none;

	  box-shadow: none;
	  text-align: center;

	  background: -webkit-linear-gradient(40deg, #00acd2 0%, #0265de 100%);
	  background: -o-linear-gradient(40deg, #00acd2 0%, #0265de 100%);
	  background: -webkit-linear-gradient(320deg, #00acd2 0%, #0265de 100%);
	  background: -o-linear-gradient(320deg, #00acd2 0%, #0265de 100%);
	  background: linear-gradient(130deg, #00acd2 0%, #0265de 100%);
	  opacity: 1;

	  -webkit-transition: all .2s ease-out;
	  -o-transition: all .2s ease-out;
	  transition: all .2s ease-out;
	}

	.btn-primario:hover {
	  opacity: 1;
	  -webkit-box-shadow: 0px 10px 30px -5px rgba(0,0,0,0.15);
	  box-shadow: 0px 10px 30px -5px rgba(0,0,0,0.15);
	  -webkit-filter: brightness(1.05);
	  filter: brightness(1.05);
	  -webkit-transition: all .2s ease-out;
	  -o-transition: all .2s ease-out;
	  transition: all .2s ease-out;
	}

	.btn-primario:active {
	  background: -webkit-linear-gradient(40deg, #0265de 0%, #0265de 100%);
	  background: -o-linear-gradient(40deg, #0265de 0%, #0265de 100%);
	  background: -webkit-linear-gradient(320deg, #0265de 0%, #0265de 100%);
	  background: -o-linear-gradient(320deg, #0265de 0%, #0265de 100%);
	  background: linear-gradient(130deg, #0265de 0%, #0265de 100%);
	  opacity: 1;
	  -webkit-box-shadow: none;
	  box-shadow: none;
	  -webkit-transition: all .2s ease-out;
	  -o-transition: all .2s ease-out;
	  transition: all .2s ease-out;
	}

	.btn-primario:focus {
	  -webkit-box-shadow: none;
	  box-shadow: none;
	  -webkit-transition: all .2s ease-out;
	  -o-transition: all .2s ease-out;
	  transition: all .2s ease-out;
	}

	.btn-secundario-invert {
	  font-family: 'Poppins', sans-serif;
	  font-size: 12px;
	  font-weight: 600;
	  color: #01a2dc;
	  cursor: pointer;
	  padding: 10px 25px;
	  border-radius: 50px;
	  -webkit-box-shadow: none;
	  box-shadow: none;
		text-align: center;

		background-color: #fff;
		background: linear-gradient(130deg, #fff 0%, #fff 100%);
		border: 2px solid #FFF;

	  opacity: 1;

	  -webkit-transition: all .3s ease-out;
	  -o-transition: all .3s ease-out;
	  transition: all .3s ease-out;
	}

	.btn-secundario-invert:hover,.btn-secundario-invert:focus {
	  color: #01a2dc;

	  background-color: #FFF;
		background: linear-gradient(130deg, #fff 0%, #fff 100%);

	  -webkit-transition: all .3s ease;
	  -o-transition: all .3s ease;
	  transition: all .3s ease;
	}

	.btn-vermas {
		font-family: 'Poppins', sans-serif;
		font-size: 12px;
		font-weight: 600;
		color: #a0a0a0;
		cursor: pointer;
		padding: 8px 16px;
		border-radius: 50px;
		-webkit-box-shadow: none;
		box-shadow: none;
		text-align: center;

		background-color: transparent;
		border: 2px solid #a0a0a0;

		opacity: 1;

		-webkit-transition: all .3s ease-out;
		-o-transition: all .3s ease-out;
		transition: all .3s ease-out;

		display: -webkit-box;

		display: -webkit-flex;

		display: -ms-flexbox;

		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	 .btn-vermas:hover {
		/* color: #FFF; */
		/* border: 2px solid transparent; */

		/* background-color: #a0a0a0; */
		opacity: .6;

		-webkit-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
	}

/* On Offs */

	.regaloamedida-home .desktop {
		display: flex;
	}

	.regaloamedida-home .mobile {
		display: none;
	}

	.onmobile {
		display: none;
	}

	.offmobile {
		display: flex;
	}