@charset "utf-8";
/* CSS Document */

.w_precios {
	position: relative;
	display: -ms-grid;
	display: grid;
	background: #f5f5f5;
	width: 100%;
	    grid-template-areas:
		"tit_prec tit_prec tit_prec tit_prec tit_prec tit_prec"
		"null1_prec null1_prec but1_prec but2_prec null2_prec null2_prec"
		"anual_prec anual_prec anual_prec anual_prec anual_prec anual_prec"
		"null3_prec an_per an_bas an_int an_prem null4_prec"
		"contr_prec contr_prec contr_prec contr_prec contr_prec contr_prec"
		"formpago formpago formpago formpago formpago formpago";
	-ms-grid-columns: 10% 1fr 1fr 1fr 1fr 10%;
	grid-template-columns: 10% 1fr 1fr 1fr 1fr 10%;
}

.tit_prec {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	-ms-grid-column-span: 6;
	position: relative;
	grid-area: tit_prec;
	font-weight: 300 !important;
	color: #565656 !important;
	text-align: center;
	padding: 5% 0% 0% 0%;
}

.tit_prec h1 {
	color:#000000;
	line-height: 20px;
}

.tit_prec p {
	font-size: 16px;
	line-height: 17px;
}

.null1_prec {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	position: relative;
	grid-area: null1_prec;
}

.but1_prec {
	-ms-grid-row: 2;
	-ms-grid-column: 3;
	position: relative;
	grid-area: but1_prec;
	width: 183px;
	top: 35%;
	left: 25%;
}

.p_anual {
	position: relative;
	grid-area: cont5;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	background: #E95F64;
	border-radius: 3px;
	padding: 10px 45px 10px 45px;
	cursor: pointer;
}

.p_anual:hover {
	background: #E44E4A;
	opacity: 1;
	-webkit-box-shadow: 0px -3px 20px -10px #000000;
	        box-shadow: 0px -3px 20px -10px #000000;
}

.p_mensual {
	position: relative;
	grid-area: cont5;
	color: #666666;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	background: #d7d7d7;
	border-radius: 3px;
	padding: 10px 45px 10px 45px;
	cursor: pointer;
}

.p_mensual:hover {
	background: #666666;
	color: #ffffff;
	opacity: 1;
	-webkit-box-shadow: 0px -3px 20px -10px #000000;
	        box-shadow: 0px -3px 20px -10px #000000;
}

.but2_prec {
	-ms-grid-row: 2;
	-ms-grid-column: 4;
	position: relative;
	grid-area: but2_prec;
	width: 183px;
	left: 25%;
	top: 35%;
}

.null2_prec {
	-ms-grid-row: 2;
	-ms-grid-column: 5;
	-ms-grid-column-span: 2;
	position: relative;
	grid-area: null2_prec;
}

.anual_prec {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	-ms-grid-column-span: 6;
	position: relative;
	grid-area: anual_prec;
}

.anual_prec h1 {
	color: #E95F64;
	text-align: center;
	font-size: 20px;
	line-height: 20px;
}

.anual_prec a, p {
	color: #565656;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
}

.anual_prec p:hover {
	letter-spacing: 1px;
}

.p_super {
	position: relative;
	grid-area: cont5;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	background: #0099ff;
	border-radius: 3px;
	padding: 10px 45px 10px 45px;
	cursor: pointer;
}

.p_super:hover {
	background: #3364CC;
	color: #ffffff;
	opacity: 1;
	-webkit-box-shadow: 0px -3px 20px -10px #000000;
	        box-shadow: 0px -3px 20px -10px #000000;
}

.null3_prec {
	-ms-grid-row: 4;
	-ms-grid-column: 1;
	position: relative;
	grid-area: null3_prec;
}

.an_per {
	-ms-grid-row: 4;
	-ms-grid-column: 2;
	position: relative;
	grid-area: an_per;
	background: #ffffff;
	margin: 5%;
	-webkit-box-shadow: 0px -3px 20px -10px #000000;
	        box-shadow: 0px -3px 20px -10px #000000;
}

.sw_an_per {
	position: relative;
	display: -ms-grid;
	display: grid;
	    grid-template-areas:
		"per_lin"
		"per_tit"
		"per_prec"
		"per_ben"
		"per_plus"
		"per_desc";
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;
}

.sw_an_per p,
.sw_an_bas p,
.sw_an_int p,
.sw_an_prem p {
	font-size: 16px;
	line-height: 17px;
	color: #000000;
}

.sw_an_per h1,
.sw_an_bas h1,
.sw_an_int h1,
.sw_an_prem h1 {
	font-size: 24px;
	line-height: 24px;
}

.sw_an_bas {
	position: relative;
	display: -ms-grid;
	display: grid;
	    grid-template-areas:
		"bas_lin"
		"bas_tit"
		"bas_prec"
		"bas_ben"
		"bas_plus"
		"bas_desc";
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;
}

.sw_an_int {
	position: relative;
	display: -ms-grid;
	display: grid;
	    grid-template-areas:
		"int_lin"
		"int_tit"
		"int_prec"
		"int_ben"
		"int_plus"
		"int_desc";
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;
}

.sw_an_prem {
	position: relative;
	display: -ms-grid;
	display: grid;
	    grid-template-areas:
		"prem_lin"
		"prem_tit"
		"prem_prec"
		"prem_ben"
		"prem_plus"
		"prem_desc";
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;
}


.per_lin {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	position: relative;
	grid-area: per_lin;
	height: 10px;
	background: rgb(0,153,255);
	background: -webkit-linear-gradient(90deg, rgba(0,153,255,1) 0%, rgba(51,153,153,1) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(0,153,255,1)), to(rgba(51,153,153,1)));
	background: -webkit-linear-gradient(left, rgba(0,153,255,1) 0%, rgba(51,153,153,1) 100%);
	background: -o-linear-gradient(left, rgba(0,153,255,1) 0%, rgba(51,153,153,1) 100%);
	background: linear-gradient(90deg, rgba(0,153,255,1) 0%, rgba(51,153,153,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0099ff",endColorstr="#339999",GradientType=1);
}

.per_tit {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	position: relative;
	grid-area: per_tit;
	color: #0099ff;
}

.per_prec {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	position: relative;
	grid-area: per_prec;
}

.per_ben {
	-ms-grid-row: 4;
	-ms-grid-column: 1;
	position: relative;
	grid-area: per_ben;
}

.per_plus {
	-ms-grid-row: 5;
	-ms-grid-column: 1;
	position: relative;
	grid-area: per_plus;
}

.per_desc {
	-ms-grid-row: 6;
	-ms-grid-column: 1;
	position: relative;
	grid-area: per_desc;
}



.an_bas {
	-ms-grid-row: 4;
	-ms-grid-column: 3;
	position: relative;
	grid-area: an_bas;
	background: #ffffff;
	margin: 5%;
	-webkit-box-shadow: 0px -3px 20px -10px #000000;
	        box-shadow: 0px -3px 20px -10px #000000;
}

.bas_lin {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	position: relative;
	grid-area: bas_lin;
	height: 10px;
	background: rgb(51,153,153);
	background: -webkit-linear-gradient(90deg, rgba(51,153,153,1) 0%, rgba(130,97,170,1) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(51,153,153,1)), to(rgba(130,97,170,1)));
	background: -webkit-linear-gradient(left, rgba(51,153,153,1) 0%, rgba(130,97,170,1) 100%);
	background: -o-linear-gradient(left, rgba(51,153,153,1) 0%, rgba(130,97,170,1) 100%);
	background: linear-gradient(90deg, rgba(51,153,153,1) 0%, rgba(130,97,170,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#339999",endColorstr="#8261aa",GradientType=1); }

.bas_tit {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	position: relative;
	grid-area: bas_tit;
	color: #339999;
}

.bas_prec {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	position: relative;
	grid-area: bas_prec;
}

.bas_ben {
	-ms-grid-row: 4;
	-ms-grid-column: 1;
	position: relative;
	grid-area: bas_ben;
}

.bas_plus {
	-ms-grid-row: 5;
	-ms-grid-column: 1;
	position: relative;
	grid-area: bas_plus;
	background: #339999;
}

.bas_plus h1 {
	font-size: 20px;
	line-height: 20px;
	color: #ffffff;
}

.bas_desc {
	-ms-grid-row: 6;
	-ms-grid-column: 1;
	position: relative;
	grid-area: bas_desc;
	margin: 2%;
}

.an_int {
	-ms-grid-row: 4;
	-ms-grid-column: 4;
	position: relative;
	grid-area: an_int;
	background: #ffffff;
	margin: 5%;
	-webkit-box-shadow: 0px -3px 20px -10px #000000;
	        box-shadow: 0px -3px 20px -10px #000000;
}

.int_lin {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	position: relative;
	grid-area: int_lin;
	height: 10px;
	background: rgb(130,97,170);
	background: -webkit-linear-gradient(90deg, rgba(130,97,170,1) 0%, rgba(224,101,98,1) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(130,97,170,1)), to(rgba(224,101,98,1)));
	background: -webkit-linear-gradient(left, rgba(130,97,170,1) 0%, rgba(224,101,98,1) 100%);
	background: -o-linear-gradient(left, rgba(130,97,170,1) 0%, rgba(224,101,98,1) 100%);
	background: linear-gradient(90deg, rgba(130,97,170,1) 0%, rgba(224,101,98,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8261aa",endColorstr="#e06562",GradientType=1);
}

.int_tit {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	position: relative;
	grid-area: int_tit;
	color: #6B3B83;
}

.int_prec {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	position: relative;
	grid-area: int_prec;
}

.int_ben {
	-ms-grid-row: 4;
	-ms-grid-column: 1;
	position: relative;
	grid-area: int_ben;
}

.int_plus {
	-ms-grid-row: 5;
	-ms-grid-column: 1;
	position: relative;
	grid-area: int_plus;
	background: #6B3B83;
}

.int_plus h1 {
	font-size: 20px;
	line-height: 20px;
	color: #ffffff;
}

.int_desc {
	-ms-grid-row: 6;
	-ms-grid-column: 1;
	position: relative;
	grid-area: int_desc;
	margin: 2%;
}


.an_prem {
	-ms-grid-row: 4;
	-ms-grid-column: 5;
	position: relative;
	grid-area: an_prem;
	background: #ffffff;
	margin: 5%;
	-webkit-box-shadow: 0px -3px 20px -10px #000000;
	        box-shadow: 0px -3px 20px -10px #000000;
}

.an_per:hover,
.an_bas:hover,
.an_int:hover,
.an_prem:hover {
	-webkit-box-shadow: 0px -3px 40px -20px #000000;
	        box-shadow: 0px -3px 40px -20px #000000;
	top: -2%;
}

.prem_lin {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	position: relative;
	grid-area: prem_lin;
	height: 10px;
	background: rgb(224,101,98);
	background: -webkit-linear-gradient(90deg, rgba(224,101,98,1) 0%, rgba(253,141,30,1) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(224,101,98,1)), to(rgba(253,141,30,1)));
	background: -webkit-linear-gradient(left, rgba(224,101,98,1) 0%, rgba(253,141,30,1) 100%);
	background: -o-linear-gradient(left, rgba(224,101,98,1) 0%, rgba(253,141,30,1) 100%);
	background: linear-gradient(90deg, rgba(224,101,98,1) 0%, rgba(253,141,30,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e06562",endColorstr="#fd8d1e",GradientType=1);
}

.prem_tit {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	position: relative;
	grid-area: prem_tit;
	color: #FD8D1E;
}

.prem_prec {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	position: relative;
	grid-area: prem_prec;
}

.prem_ben {
	-ms-grid-row: 4;
	-ms-grid-column: 1;
	position: relative;
	grid-area: prem_ben;
}

.prem_plus {
	-ms-grid-row: 5;
	-ms-grid-column: 1;
	position: relative;
	grid-area: prem_plus;
	background: #FD8D1E;
}

.prem_plus h1 {
	font-size: 20px;
	line-height: 20px;
	color: #ffffff;
}

.prem_desc {
	-ms-grid-row: 6;
	-ms-grid-column: 1;
	position: relative;
	grid-area: prem_desc;
	margin: 2%;
}

.null4_prec {
	-ms-grid-row: 4;
	-ms-grid-column: 6;
	position: relative;
	grid-area: null4_prec;
}

.contr_prec {
	-ms-grid-row: 5;
	-ms-grid-column: 1;
	-ms-grid-column-span: 6;
	position: relative;
	grid-area: contr_prec;
	width: 183px;
	top: 50%;
	left: 50%;
	margin-left: -91.5px;
}

.formpago {
	-ms-grid-row: 6;
	-ms-grid-column: 1;
	-ms-grid-column-span: 6;
	position: relative;
	grid-area: formpago;
	background: url("../assets/formaago.png") no-repeat center;
	background-size: contain;
	width: 100%;
	height: 70px;
	margin: 2% 2% 2% 0%;
}



/*Responsivo*/

@media only screen and (max-width:1440px) {

}

@media only screen and (max-width:1350px) {
	.tit_prec {
		top: 0%;
		padding: 12% 0% 3% 0%;
	}
	.but1_prec {
		top: 0%;
	}
	.but2_prec {
		top: 0%;
	}
	.w_precios {
		    grid-template-areas:
			"tit_prec tit_prec tit_prec tit_prec"
			"null1_prec but1_prec but2_prec null2_prec"
			"anual_prec anual_prec anual_prec anual_prec"
			"null3_prec an_per an_bas null4_prec"
			"null3_prec an_int an_prem null4_prec"
			"contr_prec contr_prec contr_prec contr_prec"
			"formpago formpago formpago formpago";
		-ms-grid-columns: 15% 1fr 1fr 15%;
		grid-template-columns: 15% 1fr 1fr 15%;
		height: auto;
	}
	.formpago {
		height: 90px;
	}
	.tit_prec {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 4;
	}
	.null1_prec {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	.but1_prec {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.but2_prec {
		-ms-grid-row: 2;
		-ms-grid-column: 3;
	}
	.null2_prec {
		-ms-grid-row: 2;
		-ms-grid-column: 4;
		-ms-grid-column-span: 1;
	}
	.anual_prec {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
		-ms-grid-column-span: 4;
	}
	.null3_prec {
		-ms-grid-row: 4;
		-ms-grid-row-span: 2;
		-ms-grid-column: 1;
	}
	.an_per {
		-ms-grid-row: 4;
		-ms-grid-column: 2;
	}
	.an_bas {
		-ms-grid-row: 4;
		-ms-grid-column: 3;
	}
	.an_int {
		-ms-grid-row: 5;
		-ms-grid-column: 2;
	}
	.an_prem {
		-ms-grid-row: 5;
		-ms-grid-column: 3;
	}
	.null4_prec {
		-ms-grid-row: 4;
		-ms-grid-row-span: 2;
		-ms-grid-column: 4;
	}
	.contr_prec {
		-ms-grid-row: 6;
		-ms-grid-column: 1;
		-ms-grid-column-span: 4;
	}
	.formpago {
		-ms-grid-row: 7;
		-ms-grid-column: 1;
		-ms-grid-column-span: 4;
	}
}
@media only screen and (max-width:645px) {
	.tit_prec {
		top: 0%;
		padding: 25% 2% 3% 2%;
	}
	.but1_prec {
		width: 150px;
		left: 50%;
		margin-left: -75px;
	}
	.but2_prec {
		width: 150px;
		right: 50%;
		margin-right: -75px;
	}
	.p_anual {
		padding: 10px 20px 10px 20px;
	}
	.p_mensual {
		padding: 10px 20px 10px 20px;
	}
	.w_precios {
		    grid-template-areas:
			"tit_prec tit_prec"
			"but1_prec but2_prec"
			"anual_prec anual_prec"
			"an_per an_per"
			"an_bas an_bas"
			"an_int an_int"
			"an_prem an_prem"
			"contr_prec contr_prec"
			"formpago formpago";
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
	}
	.null1_prec {
		display: none;
	}
	.null2_prec {
		display: none;
	}
	.null3_prec {
		display: none;
	}
	.null4_prec {
		display: none;
	}
	.tit_prec {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
	}
	.but1_prec {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	.but2_prec {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.anual_prec {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
	}
	.an_per {
		-ms-grid-row: 4;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
	}
	.an_bas {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
	}
	.an_int {
		-ms-grid-row: 6;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
	}
	.an_prem {
		-ms-grid-row: 7;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
	}
	.contr_prec {
		-ms-grid-row: 8;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
	}
	.formpago {
		-ms-grid-row: 9;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
	}
}