@font-face {
	font-family: 'Futura';
	src: url(../letras/Futura.ttc)
}

@font-face {
    font-family: 'Source Sans 3', sans-serif;
    src: url(../letras/SourceSans3-VariableFont_wght.ttf);
}

*,
*::before,
*::after {
	box-sizing: border-box;
	/*para respetar el ancho de los selectores a pesar del padding o el tamaño del contenido. border-content, para respetar el ancho del contenido*/
	outline: none;
}

* {
    margin: 0;
    padding: 0;
}

:root {
	--ff-titles: 'Futura';
	--fs-title: 1.875rem;
	--fs--subtitle: 1.25rem;
	--fs-text: 1.25rem;
	--fw-bold: 700;
	--fw-semibold: 600;
	--ff-text: 'Source Sans 3', sans-serif;
	--clr-gold: #A88E58;
	--clr-accent: #A85887;
	--clr-gray: #6F6F6E;
	--clr-hero-layer: rgba(255, 255, 255, 0.85);
	--border-radius: 5px;
}

html {
    font-family: 'Source Sans 3', sans-serif;
}

h1,
h2,
h3,
ul {
	font-family: 'Futura';
}

ul,
li,
a {
	list-style: none;
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	font-style: italic;
	background-repeat: no-repeat;
	background-size: cover;
	shape-margin: 1rem;
}