/*
Theme Name: TTRANSFERIQUIQUE
Theme URI: https://www.transferiquique.cl
Description: Trasladoa  aeropuerto
Tags: transferiquique taxis aeropuerto
Author: Pedro Alfaro Morgado
Author URI: https://transferiquique.cl
*/

@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@100;400;600;700;800;900&display=swap');
:root{
	--primary : #0053a9;
	--secondary:#00afdc;
	--yellow: #ffc000;
	--gray: #778591;
	--bco:#fafafa;
	--negro: #2d312f;
	--font:'Encode Sans', sans-serif;
	--box-shadow-gray: 0px 15px 51px rgba(0, 0, 0, 0.20);

} 
*{
	margin: 0;
	padding: 0;
	font-size: 16px;
	box-sizing: border-box;
	text-decoration: none;
}

body{
	font-family: var(--font);
	color: var(--negro);
}

hr{
	border: 1px solid #00b3aa;
}
.container{
	width: 100%;
	max-width: 970px;
}
.header{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 200;
}
.header-sec{
	background: var(--celeste);
	box-shadow: var(--box-shadow-gray);
}
/*barra de navegacion*/
.navbar{
	padding: 0rem 3rem;
	background: var(--bco);
	position: relative;
	z-index: 1000;
	box-shadow: var(--box-shadow-gray);
}
.navbar-collapse{
	align-items: center;
	justify-content: space-between;
}

.carousel{
	max-height: 34rem;
	overflow: hidden;
	z-index: 0;
	box-shadow: var(--box-shadow-gray);
}
.carousel-inner img{
  object-fit: scale-down ;
  width:100%;
  height:100%;
}
h1{
	font-family: var(--font);
	font-weight: bold;
	font-size: 1.8rem;
	color: var(--primary);
}
h2{
	font-size: 1.5rem;
	font-family: var(--fuente2);
	color: var(--primary);
	font-weight: bold;
}
h3{
	font-size: 1.2rem;
	padding: 0;
	text-decoration: none;
	color: var(--primary);
	font-family: var(--font);
}

a{
	color: var(--primary);
	text-decoration: none;
}

.logo{
	width:12rem ;
}

.user-icon{
	width: 30px;
	border-radius: 50%;
	cursor: pointer;
}
nav ul li{
	display: inline-block;
	list-style: none;
	margin-right: 8px;
}

nav ul li a{
	text-decoration: none;
	font-size: 16px;
	font-weight: ;
	padding: 5px 2px;
}

nav ul li a:hover{
	color: var(--secondary);
}

.actividad img{
	width: 100%;
}

.destacados{
	position: relative;

	z-index: 300;
}

.destacados img{
	width: 100%;
	height: 207px;
	overflow: hidden;
}


.prox-partido{
	border: 1px solid var(--secondary);
	border-radius: 16px;
	padding: 8px;
	position: relative;
	z-index: 400;
}
.prox-partido-body{
	display: flex;
	justify-items: center;
	align-items: center;
}
.prox-partido-equipos{
	width: 30%;
	height: 100px;
	overflow: hidden;
}
.prox-partido-vs{
	width: 40%;
	height: 100px;
}
.prox-partido h2{
	color: var(--primary);
}
.prox-partido p{
	font-size: 0.9rem;
	line-height: 1.3rem;
	padding-top: 16px;
}
.bi-people-fill{
	font-size: 6rem;
	color: #00afdc;
}
.bi-airplane-fill{
	font-size: 6rem;
	color: #ff6200;
}
.bi-person-fill{
	font-size: 6rem;
	color: #90c800;
}
.price{
	color: #009800;
	font-size: 2rem;
	font-weight: bold;
	border: 1px solid green;
	padding: ;
}
p small{
	color: var(--secondary);
}
.autos{
	border: 1rem solid var(--bco);
	margin: 1rem 0;
}
.navbar-toggler{
	color: var(--bco);
}
.bi-plus-lg{
	font-size: 1.5rem;
}
.nav-link{
	color: var(--primary);
}
.nav-link:focus, .nav-link:hover {
    color: var(--gray);
}
.card-service{
	
	position: relative;
	margin: 16px 0 4rem 0;
	vertical-align: top;
}
.title-service{
	position: absolute;
	bottom: -64px;
	padding: 0 16px;
	text-align: center;
	width: 100%;
}
.link-primary{
	color: var(--gray);
	padding: 0 16px;
}
.nos-home{
	margin: 4rem 0;
}

@media (min-width: 576px) { ... }


@media (min-width: 768px) { ... }


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


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


@media (min-width: 1400px) { ... }

@media screen and (max-width: 767px){
	h1{
		font-family: var(--font);
		font-weight: bold;
			color: var(--priamry);
		font-size: 1.9rem;
	}
	h2{
		font-size: 1.3rem;
		font-family: var(--fuente2);
			color: var(--priamry);
		font-weight: bold;
	}
	h3{
		font-size: 28px;
		padding: 0 16px;
		text-decoration: none;
		font-weight: bold;
			color: var(--priamry);
	}
	.navbar-brand {
		display: none;
	}
	.navbar-nav{
		background: #var(--celeste);
    	padding: 2rem 0;
    	border-radius: 0rem 0rem 2rem 0rem;
    	margin-top: 1rem;
	}
	.logo{
		color: var(--primary);
		font-family: var(--monse);
		font-size: 3.2rem;
		font-weight: 900 ;
		font-style: italic;
	}
	.navbar-toggler:focus {
	    text-decoration: none;
	    outline: 0;
	     box-shadow: 0 0 0 0; 
		}
	.hero-principal{
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 35% 10%;
	}
	.navbar{
		padding: 0;
		padding-top: 1rem;
	}
/*	.container{
		width: 100%;
	}*/
	.carousel{
		box-shadow: var(--box-shadow-gray);
		margin: 0rem 0rem 1rem auto;
		width: 100%;
	}
	.carousel-inner img {
   object-fit:cover; 
    /*  width: 100%;*/
    height: 50vh;
}

}