@font-face {
	font-family: 'biro_script_plusus';
	src: url('fonts/biroscriptusplus-regular-webfont.woff2') format('woff2'),
		 url('fonts/biroscriptusplus-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'sofia_prolight';
	src: url('fonts/mostardesign_-_sofia_pro_light-webfont.woff2') format('woff2'),
		 url('fonts/mostardesign_-_sofia_pro_light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
* {
	margin:0;
	padding:0;
}
#portada {
	min-height:100vh;
	text-align:center;
	padding:3%;
	box-sizing:border-box;
	background: url('img/portada.jpg') center center no-repeat;
	background-size:cover;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items: center;
	position:relative;
}
#portada > img {
	max-width:50%;
}
#hastag {
	color:#fff;
    font-family: 'sofia_prolight';
	font-size:1.2rem;
	max-width:80%;
	display:block;
	margin-left:4%;
	max-width:50%;
}
#logo {
	max-width:30%;
}
.logoshead {
	margin:15px 0;
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
}
.logoshead img {
	max-width:40%;
}
#popup {
	display:none;
}
#historias {
	width:90%;
	max-width:1400px;
	display:flex;
	align-items:center;
}
#marco {
	overflow:hidden;
	flex-grow:1;
	margin:1%;
}
#carro {
	display:flex;
	width:1000%;
	justify-content:flex-start;
}
#carro > div {
	width:1.228%;
	padding-top:1.228%;
	margin:0.1%;
	position:relative;
	overflow:hidden;
	border-radius:15%;
	border:1px solid #fff;
	box-sizing:border-box;
}
#carro > div:empty {
	border:none;
}
#carro > div img {
	width:100%;
	object-fit: cover;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
h1 {
	font-family: 'sofia_prolight';
	font-size:2rem;
	color:#fff;
	max-width:700px;				
	line-height:100%;
}
.caption {
	font-family: 'sofia_prolight';
	font-size:1.2rem;
	margin-top:.5rem;
	color:#fff;
	text-transform:uppercase;
}
h1, .caption {
	text-shadow: 0 0 5px #333, 0 0 10px #333, 0 0 7px #333;
	/*text-shadow: 0 0 15px #000, 0 0 20px #000, 0 0 25px #000, 0 0 17px #000, 0 0 10px #000, 0 0 5px #000, 0 0 12px #000;*/
}
#izq, #der {
	display:block;
	cursor:pointer;
	width:16px;
	height:29px;
	opacity:0;
	transition:0.4s opacity;
}
#izq {
	background:url('img/izq.png') center center no-repeat;
}
#der {
	background:url('img/der.png') center center no-repeat;
}
#izq.act, #der.act {
	opacity:1;
}
@media (max-width:600px) {
	#carro {
		width: 2333.33%;
	}
}
@media (max-width:1000px) {
	h1 {
		font-size: 1.6rem;
	}
	.caption {
		font-size: 1.1rem;
	}
}
#popup {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100vh;
}
#popup > div {
	padding:3%;
	width:100%;
	height:100vh;
	box-sizing:border-box;
	display:flex;
}
#popup > div > div {
	background:#fff;
	width:100%;
	position:relative;
	display: flex;
	align-items: center;
	justify-content:center;
	min-height:75vh;
}
.histpop {
	display:flex;
	align-items:center;
	justify-content: space-around;
}
.histpop img {
	width:100%;
	max-height:65vh;
	display:block;
	object-fit: cover;
	height:auto;
}
.histpop > div {				
	width:46%;
}
#cerrar {
	position:absolute;
	top:24px;
	right:24px;
	width:22px;
	height:22px;
	display:block;
	background: url('img/close.png?a') center center no-repeat;
	background-size: 100% 100%;
	cursor:pointer;
}
#anterior, #siguiente {
	position:absolute;
	bottom:10px;
	cursor:pointer;
	line-height:100%;
}
#anterior, #siguiente:after {
	content:'';
	width:10px;
	height:18px;
	display:block;				
}
#anterior {
	left:20px;
	background: url('img/izq-azul.png') center center no-repeat;				
}
#siguiente {
	font-family: 'sofia_prolight';	
	color:#202958;
	font-size:1rem;
	right:20px;
	display:flex;
	align-items:center;	
}
#siguiente:after {
	background: url('img/der-azul.png') center center no-repeat;
	margin-left:20px;				
}
.historia {
	font-family: 'sofia_prolight';	
	color:#202958;
	max-width:600px;
	text-align:center;
	margin:auto;
	font-size:1rem;
}
.firma {
	font-family: 'biro_script_plusus';	
	color:#202958;
	max-width:600px;
	text-align:center;
	margin:auto;
	margin-top:5%;				
	padding-top:5%;	
	border-top:1px solid #c0c0c0;
	font-size:2.5rem;
	line-height: 100%;
}
.hst {
	cursor:pointer;
}
#carrohistoria {
	width:100%;
	overflow:hidden;
}
#carrohistoria > div {
	width:300%;
}
#carrohistoria > div > div {
	display:flex;
	width:100%;
	margin-left:-33.33%;
}
#carrohistoria > div > div > div {
	display:flex;
	width:33.33%;
}
@media (max-width:1000px) {
	.historia {
		font-size: 1rem;
		max-height: 55vh;
		overflow: auto;
	}
	.firma {
		font-size: 1.5rem;
	}
	#cerrar {
		top: 10px;
		right: 10px;
	}
	#anterior, #siguiente {
		/*bottom:10px;*/
	}
}
@media (max-width:600px) {
	.histpop {
		flex-direction:column;
	}
	.histpop > div {
		width:90%;
		margin: 5% 0;
	}
	.historia {		
		max-height: 31vh;
		overflow: auto;
	}
}
.mediafoto {
	display:flex;
	max-width:1200px;
	margin:2% auto;
	align-items:center;
}
.mediafoto > div {
	width:50%;
}
.mediafoto img {
	border: 1px	solid #E9EDF6;
	border-width: 20px 20px 60px 20px;
	display:block;
	margin:-2% auto;
	max-width:70%;
	box-sizing:border-box;
}
.mediafoto .historia {
	max-width:500px;
	width:70%;
	margin:auto;
}
.firmacorta {
	font-family: 'biro_script_plusus';
	color: #202958;
	text-align: center;
	font-size: 2.5rem;
	max-width:500px;
	width:70%;
	margin:15px auto 5px auto;
	line-height: 100%;
}
.lugarcont {
	position:relative;
}
.lugarcont p {
	position:absolute;
	bottom:10px;
	left:10px;
	font-family: 'biro_script_plusus';
    color: #ffffff;
    font-size: 1.7rem;
    line-height: 100%;
}
@media (max-width:500px) {
	.mediafoto {
		flex-direction:column;
	}
	.mediafoto.inver {
		flex-direction:column-reverse;
	}
	.mediafoto > div {
		width:100%;
		margin:2% 0;
	}
	.mediafoto img {
		margin:auto;
	}
}
#form {
	min-height:100vh;
	padding:3%;
	box-sizing:border-box;
	background: url('img/portada.jpg') center center no-repeat;
	background-size:cover;
	display:flex;	
	font-family: 'sofia_prolight';
	color:#202958;
	font-size:1.5rem;	
	position:relative;	
}
#form > div {
	background:#F9F8F8;
	width:100%;
	padding:6%;
	box-sizing:border-box;
	position:relative;
	z-index:3;
}
/*
#form:before {
	content:'#EnfrentemosLaIrritación';
	position:absolute;
	bottom:1.5%;
	left:0;
	width:100%;
	text-align:center;
	z-index:1;
	font-family: 'sofia_prolight';
	font-size:1.5rem;
	color:#fff;
}
*/
#datos {
	display:flex;
	justify-content:space-between;
	margin:30px 0;
}
#datos div {
	width:20%;
	box-sizing:border-box;
}
#datos div.mini {
	width:9%;
}
#datos input {
	display:block;
	font-family: 'sofia_prolight';
	color:#000;
	font-size:1.2rem;
	border:none;
	border-bottom: 1px solid #7B7B7B;
	padding:0 5px;
	width:100%;
	background:none;
}
#form i {
	font-style:normal;
	color:#8F9093;
}
#hisform {
	display:flex;
	justify-content:space-between;
}
#hisform > div:first-child {
	width:71%;
}
#hisform > div:last-child {	
	width:26%;
}
label {
	font-size:1rem;	
}
#hisform label {	
	display:block;
    line-height: 120%;
    line-height: 120%;
}
#hisform textarea {			
	display:block;
	width:100%;
	height:104px;
	max-height:50vh;
	resize:none;
	background:url('img/renglon.png?b') top left repeat;
	font-family: 'sofia_prolight';
	color:#000;
	font-size:1.2rem;
	padding:0 5px;
	border:none;
	margin-top:3%;
}
.checkboxs {
	display:flex;
	justify-content:space-around;
	margin-bottom:30px;
	font-size:0.9rem;
}
#preview {
	display:block;
	max-height:40vh;
	object-fit: cover;
	width:100%;
	margin:auto;
	border:1px solid #7B7B7B;
	box-sizing:border-box;
}
.botones {
	text-align:center;
	margin-top:20px;
}
.botones a {
	display:inline-block;
	padding: 0px 20px 5px 20px;
	background:#BABABA;
	color:#fff;
	border-radius:100px;
	position:relative;				
}
.botones a input {
	position:absolute;				
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
}
.error {
	color:#AF1919;
	text-align:center;
}
.exito {
	font-size:2rem;
	text-align:center;
}
.bajext {
	text-align:center;
}
@media (max-width:1300px) {
	.botones a, #form, #datos input, #datos textarea {
		font-size:1.1rem;
	}
	.botones a:first-child {
		margin-bottom:15px;
	}
}
@media (max-width:1000px) {
	#datos div {
		width: 18%;
	}
	#datos div:last-child {
		width: 30%;
	}
	#hisform > div:first-child {
		width: 62%;
	}
	#hisform > div:last-child {
		width: 30%;
	}
}
@media (max-width:800px) {
	.botones a,#form, #datos input, #datos textarea {
		font-size:1rem;
	}
	.firmacorta {
		font-size:2rem;
	}
}
@media (max-width:600px) {
	#datos, #hisform {
		display:block;
	}
	#hisform > div:first-child, #hisform > div:last-child, #datos div, #datos div.mini, #datos div:last-child {
		width:100%;
		margin-bottom:15px;
	}
	#popup > div {
		padding:0;
	}
	.mediafoto p, .mediafoto .historia {
		margin:7% auto;
	}
	.checkboxs {
		display:block;
	}
}
.aviso {
	font-size:0.75rem;
	margin-top:15px;
	line-height:100%;
    color: #8F9093;
}
.aviso a {
	color: inherit;
}
#restanpalabras {
    font-family: 'sofia_prolight';
	color:#bd1c37;
	font-size:1rem;	
}