@charset "utf-8";
/* CSS Document */
/* Sitio web One Page - Larry Anderson Velasquez Laparra */
/* Paleta: amarillo #FFC107, turquesa #00C4C8, morado #5B1A8C */

@font-face {
	font-family: "Source Sans Pro";
	src: url("../fuentes/source-sans-pro-regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Source Sans Pro";
	src: url("../fuentes/source-sans-pro-bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
}

body {
	font-family: "Source Sans Pro", source-sans-pro, "Segoe UI", sans-serif;
	padding-top: 70px;
	color: #3D0E68;
}

.navbar-morado {
	background-color: #5B1A8C;
}

.bg-amarillo {
	background-color: #FFC107;
	color: #3D0E68;
}

.bg-turquesa {
	background-color: #00C4C8;
	color: #ffffff;
}

.bg-morado {
	background-color: #5B1A8C;
	color: #ffffff;
}

.jumbotron {
	background-color: #FFC107;
	color: #3D0E68;
	margin-bottom: 0;
}

.jumbotron label,
.jumbotron h1,
.jumbotron .lead {
	color: #3D0E68;
}

.container {
	padding-top: 40px;
	padding-bottom: 40px;
}

.card {
	margin-bottom: 20px;
	border: 0;
}

.card-title {
	font-size: 22px;
	color: #5B1A8C;
}

.btn-primary {
	background-color: #5B1A8C;
	border-color: #5B1A8C;
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: #3D0E68;
	border-color: #3D0E68;
}

.btn-turquesa {
	background-color: #00C4C8;
	border-color: #00C4C8;
	color: #ffffff;
}

.btn-turquesa:hover {
	background-color: #00a8ac;
	border-color: #00a8ac;
	color: #ffffff;
}

.btn-amarillo {
	background-color: #FFC107;
	border-color: #FFC107;
	color: #3D0E68;
	font-weight: 700;
}

.btn-amarillo:hover {
	background-color: #e0a800;
	border-color: #e0a800;
	color: #3D0E68;
}

.carousel-item {
	min-height: 180px;
	padding-top: 20px;
	padding-bottom: 40px;
}

.carousel-indicators li {
	width: 12px;
	height: 12px;
	margin-right: 6px;
	margin-left: 6px;
	border-radius: 50%;
}

h2, h3, h5 {
	font-weight: 700;
}

.paso {
	background-color: #FFC107;
	color: #5B1A8C;
	width: 48px;
	height: 48px;
	line-height: 48px;
	border-radius: 50%;
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
}

@media (max-width: 650px) {
	.jumbotron h1 {
		font-size: 28px;
	}
}

@media (min-width: 2000px) {
	.container {
		max-width: 1600px;
	}
}