/*
#####################################################
##	Estilos Generales
#####################################################
*/


/**** FUENTES ****/

@font-face {
	font-family: Gotham;
	src:url(../fonts/Gotham-Book.otf) format("truetype");
	font-weight:300;
	font-style:normal
}
@font-face {
	font-family: Gotham-bold;
	src:url(../fonts/Gotham-Bold.otf) format("truetype");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family: Gotham-black;
	src:url(../fonts/GothamBlack.otf) format("truetype");
	font-weight:400;
	font-style:normal
}



body {
	background: var(--white);
	color: var(--body);
	font-family: Gotham;
}

.main {
	max-width: 700px;
	margin: 0 auto;
}
@media screen and (min-width: 700px) {
	.main {
		border: 2px solid #E0E0E0;
		border-radius: 16px;
		overflow: hidden;
	}
}

button:focus {
	outline: none;
}

h1,h2 {
	font-family: Gotham-black;
}

.Gotham_black {
	font-family: Gotham-black;
}
.Gotham_bold {
	font-family: Gotham-bold;
}

a {
	transition: all .6s ease;
	color: var(--body);
}

/*** Página predeterminada ***/

.contenedor-pagina--predeterminada p {
	display: block;
	width: 100%;
}


/*** Inputs Generales ***/

input:focus {
	outline: none;
}

input[type=submit] {
	cursor: pointer;
}

input[type=submit]:disabled {
	opacity: .8;
}

input[type=checkbox] {
	border: 1px solid #ACACB7;
    width: 15px;
    height: 15px;
	border-radius: 4px;
	position: relative;
}

input[type=checkbox]:checked:after {
	content: "";
    display: block;
    width: 7px;
    height: 14px;
    border: solid var(--primary);
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    bottom: 8px;
	left: 6px;
	top: -4px;
}

input[type=radio] {
	border: 1px solid #A2A2A2;
    width: 15px;
    height: 15px;
	border-radius: 50%;
	position: relative;
}

input[type=radio]:checked:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: var(--primary);
	position: absolute;
}

/*
#####################################################
##	FIN Estilos Generales
#####################################################
*/


/*
#####################################################
##	START TARJET CONTENEDOR
#####################################################
*/

.contenedor_background__tarjeta {
	padding-bottom: 6em;
}
.contenedor_tajeta {
	margin-top: -70px;
	border-radius: 50px 50px 0 0;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.contenedor_tajeta::-webkit-scrollbar {
	display: none;
}

.contenedor_tajeta_imagen {
	width: 81px;
	height: 81px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	border: 2px solid var(--primary);
}
.tajeta_imagen {
	position: absolute;
}

.border_top__icons {
	height: 1px;
	background-color: #E0E0E0;
	width: 100vw;
	position: absolute;
	left: 0;
	top: 0;
	margin-left: -15px;
}

.contenedor_icon {
	background-color: #F3F3F3;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	width: 55px;
	height: 55px;
}

.contenedor_icon img {
	width: 40%;
	height: auto;
}

/* Color iconos: #3D3D3D */
.contenedor_icon_rss {
	background-color: #F3F3F3;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	margin: 0 .5rem;
}

.contenedor_icon_rss img {
	width: 100%;
	height: auto;
}

/*
#####################################################
##	END TARJET CONTENEDOR
#####################################################
*/