/*
|--------------------------------------------------------------------------
| Tipografía
|--------------------------------------------------------------------------
|
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap');


/*
|--------------------------------------------------------------------------
| General
|--------------------------------------------------------------------------
|
*/

body,html,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
a, a.btn, .btn{font-family: 'Open Sans', sans-serif!important}

/*
|--------------------------------------------------------------------------
| Cabecera
|--------------------------------------------------------------------------
|
*/

#menu{font-weight: 400}
.logo{max-width: 200px}
.navbar-dark .navbar-nav .nav-link{color: rgba(255,255,255,.75)}
.navbar-dark .navbar-nav .nav-link:hover{color: rgba(255,255,255,1)}
#cabecera{
	position:relative;
	height:100vh;	min-height:700px;
	background:url(/assets/img/shards/agency-landing/welcome-cover.jpg) no-repeat center center;	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	overflow: hidden;
}
#cabecera:before{
	content:'';
	position:absolute;	top:0;	left:0;	right:0;	bottom:0;	opacity:.8;
	z-index:0;
	background:#007bff
}
#cabecera h1{font-size: 4em;	font-weight: 400}
#cabecera p{font-size: 1.2em}
#menu .navbar-toggler{border-color: rgba(255,255,255,.6)}
#menu .navbar-toggler-icon{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}


/*
|--------------------------------------------------------------------------
| Paquetes
|--------------------------------------------------------------------------
|
*/

#planes{
	padding: 0 20px 100px;
	font-family: 'Open Sans', sans-serif;
	border-bottom: 1px solid #eaebed;
	background: #f9fafc
}

#planes .cabecera {
	min-height: 400px;
	margin: 0 -20px -210px;	padding: 40px 20px 220px;
	text-align: center;
	background: #238dff;
	background: -moz-linear-gradient(top, #238dff  0%, #007bff 100%);
	background: -webkit-linear-gradient(top, #238dff  0%,#007bff 100%);
	background: linear-gradient(to bottom, #238dff  0%,#007bff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#238dff ', endColorstr='#4394f4',GradientType=0 );
}

#planes .section-title{
	color: #fff;
	z-index: 2
}
#planes .section-title::after{background: #fff}

/* Días de prueba */
#planes .prueba {
	margin-top: 40px;
	color: #fff;	font-weight: unset;
}

.contenedor {
	margin: 0 auto;
	padding: 50px 0 0;
	max-width: 960px;
	width: 100%;
}

.panel {
	background-color: #fff;
	border-radius: 10px;
	padding: 15px 25px;
	position: relative;
	width: 100%;
	z-index: 10;
}

.pricing-table {
	box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.08), 0px 20px 31px 3px rgba(0, 0, 0, 0.09), 0px 8px 20px 7px rgba(0, 0, 0, 0.02);
	display: flex;
	flex-direction: column;
}

@media (min-width: 900px) {
	.pricing-table {
		flex-direction: row;
	}
}

.pricing-table * {
	text-align: center;
	text-transform: none;
}

.pricing-plan {
	border-bottom: 1px solid #e1f1ff;
	padding: 25px;
}

.pricing-plan .descuento{font-weight: 400}
.pricing-plan .descuento b{color: #016FF9;	font-weight: 700}

.pricing-plan:last-child {
	border-bottom: none;
}

@media (min-width: 900px) {
	.pricing-plan {
		border-bottom: none;
		border-right: 1px solid #e1f1ff;
		flex-basis: 100%;
		padding: 25px 50px;
	}

	.pricing-plan:last-child {
		border-right: none;
	}
}

.pricing-img {
	margin-bottom: 25px;
	max-width: 100%;
}

.pricing-header {
	font-size: 1.4em;	color: #888;	font-weight: 600;	letter-spacing: 1px
}

.pricing-features {
	list-style: none;
	margin: 50px 0 25px;	padding: 0;
	color: #016FF9;	font-weight: 400;	letter-spacing: 1px
}

.pricing-features-item {
	border-top: 1px solid #e1f1ff;
	font-size: .8em;
	line-height: 1.5;
	padding: 15px 0;
}
.pricing-features-item b{font-weight: 700}
.pricing-features-item s{color: #C9E1FF}

.pricing-features-item:last-child {
	border-bottom: 1px solid #e1f1ff;
}

.pricing-price {
	color: #016FF9;
	display: block;
	font-size: 32px;
	font-weight: 700;
}

.pricing-price small{font-size: 70%;	text-transform: lowercase}
.pricing-price small.minimo{display: block;	font-size: 35%;	font-weight: 400}

.pricing-button {
	border: 1px solid #9dd1ff;
	border-radius: 10px;
	color: #348EFE;
	display: inline-block;
	margin: 25px 0;
	padding: 15px 35px;
	text-decoration: none;
	transition: all 150ms ease-in-out;
}

.pricing-button:hover,
.pricing-button:focus {
	text-decoration: none;
	background-color: #e1f1ff;
}

.pricing-button.is-featured {
	background-color: #48aaff;
	color: #fff;
}

.pricing-button.is-featured:hover,
.pricing-button.is-featured:active {
	background-color: #269aff;
}


/*
|--------------------------------------------------------------------------
| Responsivo
|--------------------------------------------------------------------------
|
*/
.side-body{
		background: #f00
	}
@media (min-width:576px){
	.side-body{
		background: #f00
	}
}
@media (min-width:768px){

}
@media (min-width:992px){

}
@media (min-width:1200px){

}