@charset "UTF-8";
@font-face{
	font-family: "Barlow";
	src: url("./ttf/BarlowRegular.ttf");
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family: "Barlow";
	src: url("./ttf/BarlowBold.ttf");
	font-weight:bold;
	font-style:normal;
}
@font-face{
	font-family: "Barlow";
	src: url("./ttf/BarlowBoldItalic.ttf");
	font-weight:bold;
	font-style:italic;
}
@keyframes tit-aparece{
	from,70%{
		opacity:0;
	}
	to{
		opacity:1;
	}
}
body{
	margin:0; border:none; padding:0;
	font-family:"Barlow",Arial,sans-serif;
}
#cab,#cabindex{
	position:relative;
	z-index:2;
	display:block;
	width:100%;
	background-image:url("/img/fondo1.png");
	background-size:cover;
	background-position:center center;
	text-align:center;
	line-height:0;
	box-shadow:0 0 2px rgba(0,0,0,0.4);
	padding-top:50px;
	height:130px;
}
#cabindex{
	background-position:top center;
	box-shadow:0 0 5px rgba(0,0,0,0.6);
	height:700px;
	box-sizing:border-box;
}
#cabcnt{
	width:1200px;
	height:70px;
	margin:auto;
	text-align:left;
}
#cabcnt-iz{
	display:inline-block;
	width:30%;
	padding:10px 10px;
	box-sizing:border-box;
	vertical-align:top;
}
#cabcnt-logo{
	display:inline-block;
	width:238px;
	height:50px;
}
#cabcnt-dr{
	display:inline-block;
	width:70%;
	height:70px;
	margin:auto;
	text-align:right;
	line-height:normal;
	vertical-align:top;
	color:#FFF;
}
.cabcnt-dr-a,.cabcnt-dr-a:link,.cabcnt-dr-a:visited{
	display:inline-block;
	text-decoration:none;
	vertical-align:top;
	height:20px;
	font-size:16px;
	padding:25px 15px;
	color:#FFF;
}
.cabcnt-dr-a:hover{
	background:rgba(64,64,64,0.6);
}
#cabtxt{
	width:1200px;
	margin:auto;
	text-align:left;
	line-height:normal;
	margin-top:130px;
	color:rgba(255,255,255,0.9);
	font-family:"Barlow",Arial,sans-serif;
	font-weight:bold;
	font-style:italic;
	text-shadow:rgba(0,0,0,0.8) 0 0 4px;
}
#cabtxtcab{
	font-size:72px;
	animation:tit-aparece 0.7s;
}
#cabtxtbaj{
	font-size:46px;
	animation:tit-aparece 1.4s;
}
#cabtxtrot{
	font-size:24px;
	margin-top:15px;
	animation:tit-aparece 1.8s;
}
#cabtxtrrsscnt{
	margin-top:20px;
	animation:tit-aparece 1.8s;
}
#cab-menu-btn{
	display:none;
}
.cabtxtrrss{
	display:inline-block;
	width:40px; height:40px;
	background-image:url("/img/instagramlogo1.svg");
	background-position:center center;
	background-size:cover;
	border-radius:20px;
	margin-right:20px;
}
.cabtxtrrss.tikt{ background-image:url("/img/tiktoklogo1.svg"); }
.cabtxtrrss.face{ background-image:url("/img/facebooklogo1.svg"); }
.reprod-cont{
	display:inline-block;
	width:150px;
	height:44px;
	border-radius:22px;
	background-color:rgb(255,102,0);
	margin:13px;
	margin-right:0;
	vertical-align:top;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
	cursor:pointer;
	transition:background-color 0.2s;
}
.reprod-cont-ico{
	display:inline-block;
	width:18px;
	height:18px;
	margin:3px;
	background-image:url("/img/playico.svg");
	background-position:center center;
	background-size:cover;
	vertical-align:middle;
}
.reprod-cont.play{
	background-color:#1b7653;
}
.reprod-cont.play .reprod-cont-ico{
	background-image:url("/img/pausaico.svg");
}
.reprod-cont.load{
	background-color:#888;
}
.reprod-cont.load .reprod-cont-ico{
	background-image:url("/img/loadingico.svg");
}
.reprod-cont-txt{
	display:inline-block;
	margin-left:5px;
	vertical-align:middle;
	padding-bottom:4px;
	font-weight:bold;
}
#audioSrc{
	display: none !important;
}
#cont{
	display:block;
	width:100%;
	background-color:#F9F9F9;
	text-align:center;
	line-height:0;
}
#contcntpag{
	display:inline-block;
	width:1200px;
	margin:30px auto 50px;
	text-align:left;
}
#citacntini{
	width:100%;
	text-align:center;
	background-image:url("/img/fondo5.png");
	background-position:center center;
	background-size:cover;
	background-attachment:fixed;
}
#citacntinicnt,#patrcntinicnt,#rrsscntinicnt,#contactocntcnt{
	width:1200px;
	min-height:400px;
	margin:auto;
	line-height:normal;
}
#citacntiniicocnt{
	display:inline-block;
	width:400px; height:400px;
	vertical-align:top;
	text-align:center;
}
#citacntiniico{
	display:inline-block;
	width:250px;
	height:250px;
	margin:75px auto;
	background-image:url("/img/microfono.svg");
	background-position:center center;
	background-size:cover;
	border-radius:125px;
	opacity:0.6;
}
#citacntinitxt{
	display:inline-block;
	width:800px; height:400px;
	box-sizing:border-box;
	padding:125px 50px 125px 0;
	font-size:36px;
	text-align:right;
	vertical-align:top;
	font-weight:bold;
	font-style:italic;
	color:#333;
}
#patrcntini{
	width:100%;
	text-align:center;
	height:500px;
	background-image:url("/img/fondo4.png");
	background-position:center center;
	background-size:cover;
	box-shadow:0 0 5px rgba(0,0,0,0.6);
}
#patrcntinicnt{
	box-sizing:border-box;
	padding-top:110px;
}
#rrsscntini{
	position:relative;
	width:100%;
	text-align:center;
	height:700px;
	background-image:url("/img/fondo2.png");
	background-position:center center;
	background-size:cover;
	background-attachment:fixed;
	z-index:2;
	box-shadow:0 0 15px rgba(0,0,0,0.8) inset;
}
#rrsscntinicnt{
	padding-top:50px;
}
#rrsscntinihdr{
	width:100%;
	font-size:42px;
	font-weight:bold;
	font-style:italic;
	text-shadow:#000 0px 0px 8px, #000 0px 0px 4px;
	color:#FFF;
}
#rrsscntinicrp{
	width:1200px;
	position:reltive;
}
.rrss-ins{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:336px; height:420px;
	margin:70px 46px;
	padding:10px;
	background:#FFF;
	border-radius:10px;
	overflow:hidden;
	box-shadow:0 0 12px rgba(0,0,0,0.8), 0 0 4px rgba(0,0,0,0.5);
}
.rrss-ins blockquote{
	margin-top:0!important;
}
#contactocnt{
	position:relative;
	width:100%;
	text-align:center;
	height:700px;
	background-image:url("/img/fondo3.png");
	background-position:center center;
	background-size:cover;
	z-index:1;
	box-shadow:0 0 12px rgba(0,0,0,0.8);
}
#contactocnt a:link,#contactocnt a:visited{
	color:#AAA;
	text-decoration:none;
}
#contactocntizq,#contactocntder{
	display:inline-block;
	width:50%;
	vertical-align:middle;
	text-align:right;
	min-height:700px;
	box-sizing:border-box;
	padding:280px 20px 0;
	padding-left:100px;
	color:#FFF;
	font-size:20px;
}
#contactocntizqhdr{
	font-size:24px;
	font-weight:bold;
	margin-bottom:20px;
}
#contactocntder{
	padding:175px 20px 0;
	text-align:left;
}
.contactoinp,.contactobtn{
	width:400px;
	height:50px;
	box-sizing:border-box;
	padding:8px;
	font-family:"Barlow",Arial,sans-serif;
	font-size:16px;
	margin-bottom:10px;
	border:none;
	border-radius:5px;
	box-shadow:0 0 4px rgba(0,0,0,0.6);
}
.contactobtn{
	background-color:rgb(255,102,0);
	color:#FFF;
	text-align:center;
	font-weight:bold;
	transition:background-color 0.3s;
}
.contactobtn:hover{
	background-color:rgb(255,122,20);
	cursor:pointer;
}
#contacto-contadorcnt{
	width:400px;
	display:block;
	margin-bottom:20px;
	font-size: 20px;
	color:#FFF;
	text-align:center;
}
#contacto-contador{
	display:inline;
	color:#CCC;
}
#pie{
	position:relative;
	display:block;
	width:100%;
	height:150px;
	background-color:#222;
	text-align:center;
	line-height:normal;
	z-index:0;
	color:#FFF;
}
#piecnt{
	display:inline-block;
	width:1200px;
	margin:auto;
	margin-top:40px;
}
#pieder,#pieizq{
	display:inline-block;
	width:50%;
	text-align:right;
}
#pieder{
	text-align:left;
}
.pierrss{
	display:inline-block;
	width:25px; height:25px;
	background-image:url("/img/instagramlogo2.svg");
	background-position:center center;
	background-size:cover;
	margin-right:10px;
}
.pierrss.tikt{ background-image:url("/img/tiktoklogo2.svg"); }
.pierrss.face{ background-image:url("/img/facebooklogo1.svg"); }
#anuncios,#publ{
	display:block;
	width:1200px;
}
#anuncios:not(:first-child),#publ{
	margin-top:46px;
}
.anuncio{
	display:inline-block;
	width:336px;
	height:280px;
	margin-right:46px;
	background-color:#555;
}
.anuncio:first-child{
	margin-left:46px;
}
#contcntizq,#contcntder{
	display:inline-block;
	vertical-align:top;
	line-height:normal;
	min-height:500px;
	box-sizing:border-box;
}
#contcntizq{
	width:400px;
	padding:30px;
	font-size:28px;
	font-weight:bold;
	font-style:italic;
	text-align:right;
}
#contcntder{
	width:800px;
	padding:30px;
	font-size:18px;
	text-align:justify;
}
.contcntder-foto{
	width:200px;
	height:200px;
	margin:0 25px 25px 0;
	object-fit:cover;
	float:left;
}
.aparicion{
	opacity:0;
	transition:none;
	z-index:0;
}
.aparicion.x-izq{ transform:translateX(-300px); }
.aparicion.x-der{ transform:translateX(300px); }
.aparicion.y{ transform:translateY(150px); }
.aparicion.activo{
	transform:translateY(0);
	transform:translateX(0);
	transition:300ms all ease;
	opacity:1;
}
.aparicion.activo.x-izq,.aparicion.activo.x-der{
	transition:600ms all ease;
}