/* =========================
   INDEX - Selección sucursal
   ========================= */
.container-fluid{
	padding: 0px;
}
#index{
	padding-top:40px;
	padding-bottom:40px;
}

/* tarjeta sucursal */

#index .sucursal-card{
	transition:all .25s ease;
	border-radius:14px;
	cursor:pointer;
}

/* hover */

#index .sucursal-card:hover{
	transform:translateY(-6px);
	box-shadow:0 12px 28px rgba(0,0,0,0.12);
}

/* circulo interior */

#index .sucursal-circle{
	width:120px;
	height:120px;
	border-radius:50%;
	margin:auto;
	margin-bottom:20px;

	display:flex;
	align-items:center;
	justify-content:center;

	background:#fff;
	border:3px solid #e74f12;
}

/* icono */

#index .sucursal-circle i{
	font-size:38px;
	color:#e74f12;
}

/* titulo sucursal */

#index .sucursal-card h2{
	font-weight:700;
	letter-spacing:.5px;
	color:#333;
}

/* hover cambia color */

#index .sucursal-card:hover .sucursal-circle{
	background:#e74f12;
}

#index .sucursal-card:hover .sucursal-circle i{
	color:white;
}

/* responsive */

@media (max-width:768px){

	#index .sucursal-circle{
		width:100px;
		height:100px;
	}

	#index .sucursal-circle i{
		font-size:30px;
	}

}