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

html, body {
	width: 100vw;
	height: 100%;
	overflow-x: hidden;
}

body {
	margin: 0;
	font-family: Fira Sans, Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
}

body > div {
	width: 100%;
	height: 100%;
}


img {
	max-width: 100%;
}

ul {
	padding: 0;
	margin: 0;
}


h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0.5em 0;
	font-weight: 400;
	line-height: 1.2;
}

h1 {
	font-size: 2em;
}

* {
	box-sizing: border-box;
}

a {
	color: inherit;
}

code {
	font-family: menlo, inconsolata, monospace;
	font-size: calc(1em - 2px);
	color: #555;
	background-color: #f0f0f0;
	padding: 0.2em 0.4em;
	border-radius: 2px;
}



@media (min-width: 400px) {
	body {
		font-size: 16px;
	}
}

.ancho_maximo {
	max-width: 62.5rem;
	margin: 0 auto;

}


button:focus,
button:active {
	outline: none !important;
	border: none !important;
}

.Boton {
	background-color: #72A6AA;
	padding-left: 3rem;
	border: none;
	padding: 0.5rem 1rem;
}

.Boton.Redondo {
	border-radius: 0.75rem;
}

.Boton.Regresar {
	padding-left: 3rem;
}




/*
Tipografías
*/


/* Texto Chico */
:root {

	--TextoChico--font-size: 0.75rem;
	--TextoChico--line-height: 1.5;
	--TextoMediano--font-size: 1rem;
	--TextoMediano--line-height: 1.5;
	
}

/*.Control  .left {
	left: 1vw;
	color: bisque;
}

.Control  .right {
	left: 1vw;
	color: bisque;
}
*/

.carousel .left  {
	position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    z-index: 50;
    margin-top: -20px;
    border: none;
	background-color: transparent;
	color: rgb(207, 207, 207);
}

.carousel .right  {
	position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    z-index: 50;
    margin-top: -20px;
    border: none;
	background-color: transparent;
	color: rgb(207, 207, 207);
}


.carousel button.left {
	left: 0;
}

.carousel button.right {
	right: 0;
}

.carousel ul {
	display: none !important;
}