#hero{
	position: relative;
	margin-bottom: 180px;
}
#hero img{
	width: 100%;
}
#hero .textos{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}
#hero .textos h1{
	color: white;
	text-align: center;
}
#hero .textos b{
	font-weight: 900;
	font-size: 5.375rem;
	line-height: 0.93em;
	color: #000000;
	text-shadow: 7px 7px 0 #FFFFFF,  -7px -7px 0 #FFFFFF,  -7px 7px 0 #FFFFFF,  7px -7px 0 #FFFFFF;
	display: block;
}
#creencias img.estrella-azul {
	position: absolute;
	top: 1rem;
	left: 5rem;
}

#creencias img.estrella-verde {
	position: absolute;
	bottom: 0rem;
	right: 2rem;
}

section#creencias {
	position: relative;
}
#creencias picture {
	margin-left: 1em;
	display: block;
}
#creencias picture.medallon-1 {
	transform: translateX(10%);
	transition: .3s cubic-bezier(0.586, 0.056, 0.34, 1.702) .2s;
}
#creencias picture.medallon-2 {
	transform: translateX(-10%);
	transition: .3s cubic-bezier(0.586, 0.056, 0.34, 1.702) .2s;
}
#creencias.seen picture.medallon-1, #creencias.seen picture.medallon-2 {
	transform: none;
}
#creencias p.quote{
	font-family: Rokkitt;
	font-size: 1.667rem;
	line-height: 1em; 
	padding-left: .5em;
	padding-right: .5em;
	margin-top: 3em;
}

section#grid {
	margin-top: 6.5rem;
	margin-bottom: 6.75em;
}
#grid .ficha{
	width: calc(50% - 5px);
	margin-left: 5px;
	margin-bottom: 10px;
	border-radius: 30px;
	color: white;
	transition: .3s cubic-bezier(0.586, 0.056, 0.34, 1.702);
	transform: translateY(-10%) rotate(-5deg);
	opacity: 0;
}
#grid .ficha:nth-child(2){
	transition: .3s cubic-bezier(0.586, 0.056, 0.34, 1.702) .2s;
}
#grid .ficha:nth-child(4){
	transition: .3s cubic-bezier(0.586, 0.056, 0.34, 1.702) .2s;
}
#grid .ficha.seen{
	transform: none;
	opacity: 1;
}
#grid .ficha:nth-child(odd){
	margin-left: 0px;
	margin-right: 5px;
}
#grid .ficha img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 30px;
}
#grid .ficha.texto-1{
	padding-left: 3.875rem;
	padding-right: 3.875rem;
	background: #E8704C;
}
#grid .ficha.texto-2{
	padding-left: 3.875em;
	padding-right: 3.875em;
	background: #A180E8;
}
#grid .ficha.texto-1 p {
	margin-bottom: 0px;
}
#cta{
	background: #F8F8F8;
	margin-top: 14.7rem;
	position: relative;
}
#cta .ficha{
	border-radius: 20px;
	background: linear-gradient(0deg, #FDA700 0%, #FED47C 100%);
	color: white;
	padding-left: 4.75rem;
	padding-right: 4.75rem;
	padding-top: 4.55rem;
	padding-bottom: 4.55rem;
	margin-bottom: -1.25rem;
	position: relative;
	overflow: hidden;
	transform: translateY(-8rem);
}
#cta .ficha .cara-feliz {
	position: absolute;
	z-index: 0;
	right: 4.75rem;
	top: 90%;
	height: 60%
}
#cta .ficha.seen .cara-feliz {
	transition: 2s linear;
	top: 12%;
}
#cta .ficha .elemento{
	width: 50%;
	z-index: 1;
}
#cta .ficha .textos{
	font-size: 1.67em;
	line-height: 1.1em;
	padding-right: .5em;
	font-family: Rokkitt;
}
#cta .ficha h4{
	padding-left: 2em;
	padding-right: 2em;
}
#cta .ficha .btn-negro{
	display: inline-flex;
	margin-top: 1em;
	transition: .3s cubic-bezier(0.586, 0.056, 0.34, 1.702) .2s;
	transform: translateY(-20%) scale(.9);
	opacity: 0;
}
#cta .ficha.seen .btn-negro{
	opacity: 1;
	transform: none;
}
#cta img.estrella-morada {
	position: absolute;
	bottom: 9rem;
	left: 5rem;
}
#cta .quote{
	color: #000;
	text-align: center;
	font-family: Rokkitt;
	font-size: 1.67rem;
	font-weight: 400;
	line-height: 115%;
	margin-bottom: 0px;
}

section#postulate {
	padding-top: 7.25rem;
	padding-bottom: 8.5rem;
	background: #F8F8F8;
	position: relative;
}
#postulate img.estrella-azul {
	position: absolute;
	top: 4rem;
	left: 14rem;
}

#postulate img.estrella-roja {
	position: absolute;
	top: 7.5rem;
	right: 5rem;
}
#postulate h2{
	text-transform: uppercase;
}
#postulate ul.marcas{
	list-style: none;
	padding: 0px;
	margin: 0px;
	margin-top: 5rem;
	margin-bottom: 4rem;
}
#postulate ul.marcas li{
	padding-left: 1em;
	padding-right: 1em;
	color: #FFF;
	font-family: Rokkitt;
	font-size: 1.67em;
	font-weight: 700;
	line-height: 1.575em;
	border-radius: 1em;
	cursor: pointer;
}
#postulate ul.marcas li.selected{
	box-shadow: 0px 4px 4px 0px rgba(255, 191, 67, 0.50);
}
#postulate ul.marcas li.arbys{
	background: #D51D29;
}
#postulate ul.marcas li.dominos{
	background: #085173;
}
#postulate ul.marcas li.sushiitto{
	background: #5C3769;
}
#postulate .form{
	background: #085173;
	border-radius: 30px;
	padding-top: 80px;
	padding-left: 90px;
	padding-right: 90px;
	padding-bottom: 15px;
}
#postulate .form[data-marca="arbys"]{
	background: #D51D29;
}
#postulate .form[data-marca="sushiitto"]{
	background: #5C3769;
}

#postulate .form input{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 1.75rem;
}
#postulate .form .invalid-feedback {
	transform: translateY(-100%);
}
#postulate .form input#form-cv-text{
	cursor: pointer;
}
#postulate .form input#form-cv{
	display: none;
}
#postulate .form .btn-amarillo{
	margin-top: 1.75rem;
	margin-bottom: 1.75rem;
}
footer {
	margin-top: 0px;
}
/* Large & medium */
@media only screen and (max-width: 1200px) and (min-width: 768px) {
	#creencias img {
		max-width: 22vw;
	}
}
/* Medium */
@media only screen and (max-width: 992px) and (min-width: 768px) {
	#creencias img.estrella-verde {
		bottom: -4rem;
	}
	#postulate img.estrella-roja {
		width: 3rem;
	}
	#grid .ficha.texto-1 {
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
	
	#grid .ficha.texto-2 {
		padding: 0rem 2.5rem;
	}
	#cta .ficha h4 {
		padding: 0em 1em;
	}
	#postulate h2{
		font-size: 2.3rem;
	}
}
/* Small & X-small */
@media only screen and (max-width: 768px) {
	#hero {
		margin-bottom: 3rem;
	}
	#creencias img.estrella-azul {
		width: 3rem;
	}
	#creencias img.estrella-verde {
		width: 2rem;
	}
	#creencias img {
		height: 291px;
		margin-bottom: 2.5rem;
	}
	#creencias h4 {
		font-size: 1.889em;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	#creencias p.quote {
		margin-top: 1em;
	}
	
	
	section#grid {
		margin-top: 3rem;
		margin-bottom: 2rem;
	}
	
	#grid .ficha {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		font-size: 0.889em;
		height: 16em;
	}
	
	#grid .ficha.texto-1 {
		padding: 1.83rem;
	}
	
	#grid .ficha.texto-2 {
		padding: 1.83rem;
	}
	#cta{
		background: unset;
	}
	#cta .ficha {
		width: 100vw;
		margin-left: -20px;
		border-radius: 0px;
		padding: 2.333rem;
		margin-bottom: 2.5em;
	}
	
	#cta .ficha .textos {
		font-size: 1.389rem;
		margin-bottom: 1.5em;
	}
	
	#cta .ficha .elemento {
		width: 100%;
		padding: 0px;
	}
	#cta .ficha h4 {
		padding: 0px;
		font-size: 1.889rem;
	}
	
	#cta .ficha .btn-negro {
		width: 100%;
		margin-top: 2em;
		margin-bottom: 2em;
	}
	section#postulate {
		padding-top: 3em;
	}
	#postulate{
		position: relative;
		background: unset;
	}
	#postulate h2 {
		font-size: 1.889rem;
	}
	#postulate img.estrella-azul {
		left: 4em;
		top: 2rem;
		max-width: 2rem;
	}
	
	#postulate img.estrella-roja {
		right: 2rem;
		max-width: 2.7rem;
	}
	#postulate ul.marcas li {
		width: 50%;
		margin-left: 25%;
		margin-bottom: 1em;
	}
	#postulate .ficha-form{
		transition: .2s ease-in-out;
		background: rgba(244, 249, 252, 0.7);
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100vw;
		max-height: 0px;
		overflow: hidden;
	}
	#postulate .ficha-form.shown{
		max-height: 100vh;
		overflow-y: auto;
	}
	#postulate .ficha-form .form{
		border-radius: 14px;
		padding-left: 1em;
		padding-right: 1em;
	}
	#postulate .form input {
		line-height: 2.2em;
	}
	#postulate .form .btn-amarillo {
		display: inline;
	}
}