html {
	overflow-x: hidden;
}


.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeOut {
	fromn {
		opacity: 1;
	}

	100% {
		opacity: 0;
		display: none;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		display: none;
	}
}

.boton-fade-in {
	animation: fadeIn 1s ease-in-out;
	/* Animación de fade-in con duración de 1 segundo */
}

.border-right {
	border-right: 1px solid #becdda;
}

img {
	user-drag: none;
	-webkit-user-drag: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	cursor: auto;
}

.negrita-azul{
	color: #0b5583
}

.img-arco {
	animation: fadeIn 1s ease-in-out;
  display: flex;
  width: 15%;
  
}
@media (max-width: 1500px) {
  .img-arco {
	display:none
	
  }}

.img_facturacion {
margin-top: -25px;
  width: 75%;
  
}
@media (max-width: 800px) {
  .img_facturacion {
	margin-top: -20px;
	width: 80%;
  }}



.div_inicio{
margin-top: 150px;

}

@media (max-width: 767px) {

  .div_inicio {
	margin-top: 5px;
	margin-left: 5px;
margin-right: 5px;
  }}

@media (max-width: 375px) {

.div_inicio {
	margin-top: 5px;
	margin-left: -10px;
margin-right: 10px;
  }}

  @media (max-width: 320px) {
.div_inicio {
	margin-top: 5px;
	margin-left: -30px;
margin-right: 10px;
  }}


.div_tarifas {
	background-image: url('../images/landingpage/tarifa_background.png');
	background-size: 80%;
	background-position: center;
	background-repeat: no-repeat;
	height: 70vh;
	position: relative;
}

.tarifas_info {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 10px;
	color: white;
	font-size: 18px;
	padding-left: 70px;
	padding-top: 50px;
}

/*
.div_sms{
	background-image: url('../images/landingpage/sms_background.png');
	background-size: 70%;
	background-position: center;
	background-repeat: no-repeat;
	height: 40vh;
	position: relative;
}

.sms_info {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 10px;
	color: white;
	font-size:18px;
	padding-top:30px;
	padding-left:80px;
}*/

.container-padding {
	margin-left: 175px;
	margin-right: 175px;
}

.boton-probar {
	border-radius: 30px;
	background-color: #e9e8e9 !important;
	color: #303235 !important;
	margin-left: 50px;
}

.boton-pwa {
	border-radius: 30px;
	color: #303235 !important;
	margin-left: 70px;
	margin-top: 20px;
}

.boton-acceder {
	margin-top: 0px;
	margin-left: 10px;
}

.boton_suscribir {
	margin: 30px;
}

.iconos-caracteristicas {
	height: fit-content;
}

.imagen-colegio img {
	cursor: pointer !important;
}
.div_pregunta{
	margin-top: 50px
}

@media only screen and (max-width: 1603px) {
	.nav-link {
		font-size: 14px;
	}
}

@media only screen and (max-width: 1540px) {
	.nav-link {
		font-size: 13.5px;
	}
}

@media only screen and (max-width: 1500px) {
	.nav-link {
		font-size: 13px;
	}

	.nav-item {
		margin-left: 25px !important;
	}
}

@media only screen and (max-width: 1360px) {
	.container-padding {
		margin-left: 100px;
		margin-right: 100px;
	}
}

@media only screen and (max-width: 1332px) {
	.nav-link {
		font-size: 12.5px;
	}

	.nav-item {
		margin-left: 20px !important;
	}
}

@media only screen and (max-width: 1236px) {
	.nav-link {
		font-size: 12px;
	}

	.nav-item {
		margin-left: 15px !important;
	}
}

@media only screen and (max-width: 1199px) {
	.tarifas_info {
		padding-left: 50px;
	}

	.boton-probar {
		margin-left: 50px;
	}

	.div_tarifas {
		background-size: 105%;
	}

	.div-navbar {
		width: 100%;
	}
}

@media only screen and (max-width: 1169px) {
	.container-padding {
		margin-left: 60px;
		margin-right: 60px;
	}
}

@media only screen and (max-width: 1129px) and (min-width: 768px) {
	.boton-acceder {
		margin-top: 10px;
	}
}

@media only screen and (max-width: 1065px) {
	.nav-item {
		margin-left: 10px !important;
	}
}

@media only screen and (max-width: 1010px) {
	.nav-link {
		font-size: 11px;
	}
}

@media only screen and (max-width: 992px) {
	.border-right {
		border: 0px;
	}

	.div_tarifas {
		background-size: 108%;
		height: 60vh;
	}

	.tarifas_info {
		padding-left: 50px;
		font-size: 15.5px;
	}

	/*.div_sms {
		background-size: 100%;
		height: 40vh;
	}

	.sms_info {
		padding-left: 50px;
		font-size: 16px;
	}*/

	.boton-probar {
		margin-left: 40px;
	}

	.div-colegio {
		padding-left: 30px;
		padding-right: 30px;
	}

	.boton_suscribir {
		margin-top: 0px;
	}
}

@media only screen and (max-width: 767px) {
	.container-padding {
		margin-left: 50px;
		margin-right: 50px;
	}

	.video-pwa {
		margin-top: 10px;
	}

	.div_tarifas {
		height: 55vh;
	}

	.img-detalles {
		width: 25% !important;
	}

	.tarifas_info {
		padding-top: 130px;
		padding-left: 50px;
		line-height: 1.2;
		font-size: 13.5px;
	}

	.boton-probar {
		margin-top: 60px !important;
		margin-left: 20px !important;
	}


	/*.div_sms {
		height: 30vh;
	}

	.sms_info {
		padding-left: 70px;
	}*/

	.boton_suscribir {
		margin-top: 30px;
	}

	.div-caracteristicas {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
}

@media only screen and (max-width: 600px) {
	.boton-enviar {
		margin-bottom: 40px !important;
	}

	.div_tarifas {
		margin-left: 30px !important;
	}
}

@media only screen and (max-width: 544px) {
	.box-process {
		padding-right: 0px !important;
	}

	.div_tarifas {
		background-size: 110%;
		background-position: left;
		margin-left: 0px !important;
	}

	.img-detalles {
		width: 25% !important;
	}

	.tarifas_info {
		padding-top: 130px;
		padding-left: 70px;
		font-size: 13px;
	}

	/*.sms_info {
		font-size: 14px;
		padding-left: 50px;
		padding-top: 20px;
	}*/

	.iconos-caracteristicas {
		padding-left: 0px !important;
	}
}

@media only screen and (max-width: 492px) {
	.tarifas_info {
		padding-top: 110px;
		padding-left: 65px;
		font-size: 12.5px;
	}
}

@media only screen and (max-width: 467px) {
	.tarifas_info {
		padding-top: 115px;
		padding-left: 40px;
		font-size: 11px;
	}

	.lista_tarifas {
		padding-left: 10px;
	}

	/*
	.sms_info {
		font-size: 12px;
	}
*/
	.boton-pwa {
		margin-left: 50px;
	}
}

@media only screen and (max-width: 375px) {
	.div_tarifas {
		height: 30vh;
	}

	.tarifas_info {
		font-size: 10px;
		padding-left: 20px;
	}

	.lista_tarifas {
		padding-left: 30px;
	}
	.div_pregunta{
	margin-top: 100px
}

	/*
	.div_sms {
		height: 20vh;
	}

	.sms_info {
		font-size: 10px;
	}
*/
	.boton-pwa {
		margin-left: 30px;
	}
}

@media only screen and (max-width: 320px) {
	.div_tarifas {
		height: 30vh;
	}

	.tarifas_info {
		font-size: 8px;
		padding-left: 10px;
	}

	.lista_tarifas {
		padding-left: 40px;
	}

	/*
	.sms_info {
		font-size: 9.5px;
		line-height: 0.9;
	}
*/
	.boton-pwa {
		margin-left: 10px;
	}
}