/* Estilos originales recuperados del widget SiteOrigin de la portada */

		.iconos-pie{
			/*visibility: hidden;*/
			position:absolute;
			/*top:10px;*/
			text-align: center;
			width: 100%;
		}

		.jeroglificos{
			border:0;
			margin:0;
			margin-top:-120px;
			padding:0;
			width:100%;
			/*height:100%;*/
			height: 700px !important;
		  background: linear-gradient(rgba(0, 0, 0, 1),rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.4)), url('/piramide/wp-content/uploads/2018/07/jeroglifico.jpg');
			/*background: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.2));*/
			background-attachment: fixed;
      background-size: cover;
			background-repeat:no-repeat;
    	background-position: center center;
			-webkit-backface-visibility: hidden;
    	-webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
    	clip-path: polygon(100% 0,0 0, 0 580px, 100% 100%);
 		}
		
		.piramide{
			border:0;
			padding:0;
			padding-top:80px;
			padding-bottom: 120px;
			margin-top:-120px;
			width:100%;
			height:100%;
			/*height:800px;*/
		  /*background-image:url(\\'/wp-content/uploads/2018/07/piramide.jpg\\');  rgba(34,98,186,0)*/
			background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.4)), url('/piramide/wp-content/uploads/2018/07/piramide4.jpg');
      background-size: auto 120%;
			/*background-size: cover;*/
			background-repeat:no-repeat;
      background-position: center center !important;
		}
		
		.piramide .subtitulo{
			margin-top:20px;
			color: lightgoldenrodyellow;
			background: -webkit-linear-gradient(#FFF65C 45%, #9A8000 75%);
  		-webkit-background-clip: text;
  		-webkit-text-fill-color: transparent;
			/*text-shadow: 2px 2px 1px rgba(0,0,0,1);*/
		}
		
		.piramide center {
			margin-left: 50px;
			margin-right: 50px;
			color: lightskyblue;
			text-shadow: 2px 2px 1px rgba(0,0,0,1);
			margin-top:-10px;
			font-size: 28px;
		}
		
		.bgimg-1 {
    	width: 100%;
    	min-height: 550px;
    	background: black;
    	margin-top:-120px;
			position: relative;
  		background-attachment: fixed;
  		background-position: right;
  		background-repeat: no-repeat;
  		background-size: cover;
			background-image: url('/piramide/wp-content/uploads/2018/07/faraon5.jpg');
			-webkit-backface-visibility: hidden;
    	-webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
    	clip-path: polygon(100% 0,0 90px, 0 500px, 100% 100%);
    	/*margin-top: -10px;*/
		}
		
		/*
		.tripadvisor{
			background: url(/piramide/wp-content/uploads/2020/08/tcwinner2020.gif) no-repeat;
	    background-size: 175px 175px;
			position:fixed;
			top: 120px;
			right: 20px;
			width: 175px;
			height: 175px;
			z-index: 99;
			display: flex;
			align-items: center;
			filter: drop-shadow(8px 8px 10px black);
		}
		*/
	
		.cityescapes{
			background: url(/piramide/wp-content/uploads/2021/02/pegatina-ce.png) no-repeat;
	    background-size: 175px 175px;
			position:absolute;
			top: 20px;
			right: 350px;
			width: 175px;
			height: 175px;
			z-index: 99;
			display: flex;
			align-items: center;
			filter: drop-shadow(2px 2px 3px black);
		}
	
	/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
    .bgimg-1 {
        background-attachment: scroll;
    }

	}

	.cont1{
			margin-top:30px;
		  margin-bottom:30px;
			/*padding-right: 50px;*/
			width:40%;
			/*width: 100%;*/
			min-height:100px;
			align-items: center;
  	}
		
		.cont-img{
			float:left;
			margin-right:20px;
			margin-top:-10px;
			border-radius:50%;
			-webkit-transition: -webkit-transform .8s ease-in-out;
			-ms-transition: -ms-transform .8s ease-in-out;
			transition: transform .8s ease-in-out;
		}
		
		@media only screen and (max-width: 980px) {
			.TitFaraon{
				left: 20% !important;
			}
			
			.TitAventura {
				left: 0 !important;
			}
			
			.cont1{
				margin-left:10px !important;
				width: 100%;
			}
	
			.golden-base{
				font-size: 28px;
			}
			
			.cont-img{
				height:75px;
				width: 75px;
				margin-top:0;
			}
		}
		
		
		@media only screen and (max-width: 480px) {
			.capa_que_es{
				/*width: 450px !important;
				left:0 !important;*/
			}
			
			.flip-container {
				/*margin-left: 0 !important;
				margin-bottom: 20px;*/
			}
			
			.flip-container, .front, .front2, .front3, .front4, .back {
				width: 130px !important;
				height: 150px !important;
			}
			
			.front, .front2, .front3, .front4 {
				background-size: 100px !important;
			}
			
			.front .name, .front2 .name, .front3 .name, .front4 .name {
				font-size: 18px !important;
				top:100px !important;
				padding: 0 !important;
				line-height: 18px !important;
			}

			.back p {
				font-size: 18px !important;
				padding: 0 !important;
				line-height: 18px !important;
			}
			
			.footer-branding{
				display: none;
			}
			
			#colophon{
				height:70px;
				background-color: #3a2723 !important;
				text-align: center !important;
			}
			
			.go-top{
				bottom:30px !important;	
			}
			
			.legal{
				font-size:10px !important;
				bottom:0 !important;
				left:0 !important;
				right:0 !important;
				top:55px !important;
				text-align: center !important;
			}
			
			table, th, td {
				border:0 !important;
			}
			
			.piramide {
				line-height: 20px;
			}
			
			.que-es {
				padding-top:35px;
				line-height: 24px;
			}

			.piramide .subtitulo, .que-es .subtitulo {
				font-size: 22px;
			}		
			
			.piramide center, .que-es center {
				margin-left: 5px !important;
				margin-right: 5px !important;
				font-size: 20px;
				margin-top:0;
			}
			
			.iconos-pie{
				display: block !important;
				visibility: visible;
				padding-top:5px;
			}
			
			.TitFaraon{
				left: calc(100% - 225px) !important;
				width: 200px !important;
				top: 350px !important;
			}
			
			.TitAventura {
				left: 25px !important;
				width: 300px !important;
				top: 440px !important;
			}
			
			.TitTexto,.TitTexto p{
				font-size: 30px !important;
				padding-top:20px !important;
				padding-left:0 !important;
				margin:10px;
				text-align: center;
			}
			
			.TitTexto p{
				margin-top:-30px;
				font-size: 30px !important;
				text-shadow: 2px 2px 5px rgba(0,0,0,0.5) !important;
			}
			
			.box{
				top: 25px !important;
				left: calc(50% - 96px) !important;
			}
			
			.recuadro{
				width: 95% !important;
				margin-left:auto;
				margin-right:auto;
				line-height: 30px;
			}
			
			.pie{
			  margin-bottom:68px !important;
			}
			
			/*
			.tripadvisor{
			  background-size: 75px 75px !important;
				top: 150px !important;
				right: 5px !important;
				width: 75px !important;
				height: 75px !important;
				filter: drop-shadow(2px 2px 3px black) !important;
			}
			*/
			
			.cityescapes{
			  background-size: 100px 100px !important;
				top: 300px !important;
				left: 5px !important;
				width: 100px !important;
				height: 100px !important;
				/*filter: drop-shadow(2px 2px 3px black) !important;*/
			}
		}
		
		.cont-img:hover {
			transform:rotate(360deg);
			-ms-transform:rotate(360deg);
			-webkit-transform:rotate(360deg);
		}

		.golden-base {
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			font-weight:bold;
			-webkit-margin-before: 0.3em; 
			-webkit-margin-after: 0.2em;
		}

		.golden3 {
			background-image: -webkit-linear-gradient(#FFF65C 45%, #9A8000 75%);
			text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.09),
				-1px -1px 0 rgba(255, 220, 0, 0.670),
				2px 2px 2px rgba(0, 0, 0, 0.5);
		}
		
		.titulo-piramide {
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			font-weight:bold;
			-webkit-margin-before: 0.3em; 
			-webkit-margin-after: 0.2em;
			background-image: -webkit-linear-gradient(#FFF65C 45%, #9A8000 75%);
			text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.09),
				-1px -1px 0 rgba(255, 220, 0, 0.970),
				1px 1px 1px rgba(0, 0, 0, 1);
		}
		
		.tono:hover{
			-webkit-animation: hue 3s infinite;
			animation: hue 3s infinite;
		}
		
		@-webkit-keyframes hue {
			0% {
			 -webkit-filter: hue-rotate(0deg);
			}
			100% {
			 -webkit-filter: hue-rotate(360deg);
			}
		}

.box {
  position:relative;
	left: 390px;
	top: 70px;
	font-size: 30px;
	font-weight:600;
	vertical-align: middle;
	background: rgba(0,0,0,0.35);
  color: lime;
  display: inline-block;
  height: 60px;
  line-height: 60px;
  text-align: center;
  transition: 1s;
  padding: 0 20px;
  cursor: pointer;
  border: 3px solid lime;
  -webkit-transition:0.5s;
	border-radius: 10px;
	/*transition: background .5s ease-in-out;*/
}

.box:hover {
	-webkit-transition: 1s;
	border: 2px solid lime;
	background: gold;
  color: red;
	text-shadow: 1px 1px 0 yellow;
}

.box::before, .box::after {
  width: 103%;
  height:108%;
  z-index: 3;
  content:'';
  position: absolute;
  top:-2px;
  left:-2px;
  box-sizing: border-box;
  -webkit-transform: scale(0);
  transition: 1s;
	border-radius: 10px;
}
		
		.foo::before {
		border-bottom: 4px solid #8c8508;
    border-left: 4px solid #fff989;
  -webkit-transform-origin: 0 100%;
}

.foo::after {
		border-top: 4px solid #fff989; /*#eadf10;*/
    border-right: 4px solid #8c8508;
  -webkit-transform-origin: 100% 0%;
}
		
		.box:hover::after, .box:hover::before {
  -webkit-transform: scale(1);
}
		
		.recuadro{
			margin: 140px auto 70px auto;
			/*margin-bottom: 100px;*/
			width: 555px;
			/*margin-left:auto;
			margin-right:auto;*/
			padding: 20px;
			background-color: rgba(226,210,186,.5);
			border-radius: 25px 8px;
			box-shadow: 5px 5px 25px rgba(0,0,0,.5);
			color: darkred;
		}

		.pie{
			position: absolute;
			bottom:0;
			margin-bottom:30px;
      background-size: auto 100% !important;
			background-repeat:no-repeat;
    	background-position: center bottom;
 		}
		
	.contenedor:hover .cont-img {
		transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
	}
		
		
		
		

.capa_que_es {
			display: inline-block;
			margin: 0 auto;
		}
		
.flip-container {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;

	/*border: 1px solid #ccc;*/
	border: none !important;
	float:left;
	margin:0 20px 0 20px;
}

	.flip-container:hover .flipper,  
  .flip-container.hover .flipper {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}

.flip-container, .front, .front2, .front3, .front4, .back {
	width: 200px;
	height: 300px;
	margin-bottom: 50px;
}

.flipper {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;

	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;
  
  -o-transition: 0.6s;
	-o-transform-style: preserve-3d;

	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

.front, .front2, .front3, .front4, .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

.front {
	background: url(/piramide/wp-content/uploads/2018/08/Que_es13.png) 0 0 no-repeat;
  background-position: center top;
	filter: drop-shadow(1px 1px 1px #000);
	z-index: 2;
}
.front2 {
	background: url(/piramide/wp-content/uploads/2018/08/Que_es23.png) 0 0 no-repeat;
  background-position: center top;
	filter: drop-shadow(1px 1px 1px #000);
	z-index: 2;
}
.front3 {
	background: url(/piramide/wp-content/uploads/2018/08/Que_es33.png) 0 0 no-repeat;
  background-position: center top;
	filter: drop-shadow(1px 1px 1px #000);
	z-index: 2;
}
.front4 {
	background: url(/piramide/wp-content/uploads/2018/08/Que_es43.png) 0 0 no-repeat;
  background-position: center top;
	filter: drop-shadow(1px 1px 1px #000);
	z-index: 2;
}
.back {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
	transform: rotateY(180deg);

	/*background: #f8f8f8;*/
}

.front .name, .front2 .name, .front3 .name, .front4 .name {
	font-size: 25px;
	display: inline-block;
	background: rgba(33, 33, 33, 0.7);
	color: #f8f8f8;
  text-align: center;
	/*font-family: Macondo;*/
	padding: 5px 10px;
	border-radius: 5px;
	top: 200px;
	left: 15%;
	position: absolute;
	text-shadow: 0.1em 0.1em 0.05em #333;

	-webkit-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
	transform: rotate(-20deg);
}

.back p {
	font-size: 28px;
  position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	padding: 0 20px;
  /*font-family: Macondo;*/
  line-height: 30px;
}

		.jiterry span{
	color: transparent;
	text-shadow: 2px 2px 10px rgba(0,0,0,0.5);
	display:inline-block;
	animation-duration: 5s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
	animation-name: jitter;
}

@keyframes jitter{
	25%{transform:skewY(30deg) skewX(-10deg) scale(1.01);}
	50%{transform:skewY(8deg) skewX(-10deg) scale(0.80);}
	75%{transform:skewY(-20deg) skewX(15deg) scale(1.005);}
}
		
@media only screen and (max-width: 480px) {
		.jiterry span{
			text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
		}
}
		
@-webkit-keyframes tipsy {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
            transform: translateX(-50%) translateY(-50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(360deg);
            transform: translateX(-50%) translateY(-50%) rotate(360deg);
  }
}

@keyframes tipsy {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
            transform: translateX(-50%) translateY(-50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(360deg);
            transform: translateX(-50%) translateY(-50%) rotate(360deg);
  }
}

		.rotario {
  font-family: helvetica, arial, sans-serif;
	color: #fffbf1;
  text-shadow: 10px 10px 20px #2e2e31, 0 2px 10px #2e2e31;
  font-size: 25px;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: -1px;
  margin: 0;
  position: relative;
  top: 0;
  left: 50%;
	display: inline-block;
	vertical-align: middle;
	margin-top: -100px;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.rotario:before,
.rotario:after {
	font-family: helvetica, arial, sans-serif;
  content: '';
  padding: .9em .4em;
  position: absolute;
  left: 50%;
  width: 120%;
  top: 50%;
  display: block;
  border: 5px solid green;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
          transform: translateX(-50%) translateY(-50%) rotate(0deg);
  -webkit-animation: 10s infinite alternate ease-in-out tipsy;
          animation: 10s infinite alternate ease-in-out tipsy;
}

.rotario:before {
  border-color: #1b86e9 #1b86e9 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  z-index: -1;
}

.rotario:after {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #1b86e9 #1b86e9;
  box-shadow: 4px 4px 15px rgba(46, 46, 49, .6);
}
		
	

/* Fidelidad estática del clon */
html,body{overflow-x:hidden}
#page,.site-content,.content-wrapper,.content-area,.site-main,.entry-content{
  width:100%;max-width:none;margin:0;padding:0
}
.entry-content>p:empty{display:none}
.jeroglificos{position:relative}
.pie{position:relative;width:100%;line-height:0;margin-top:0!important;margin-bottom:-1px!important}
.pie img{display:block;width:100%;height:auto;margin:0}
.site-footer{position:relative;z-index:5;margin-top:0}
.footer-branding{position:relative;z-index:6}
@media (min-width:1025px){
  .jeroglificos,.bgimg-1{background-attachment:fixed}
}
@media (max-width:1024px){
  .jeroglificos,.bgimg-1{background-attachment:scroll}
}

/* Fidelidad 0.4 · portada realmente a ancho completo y pie unido */
.home #content,
.home #content-wrapper,
.home #primary,
.home #main,
.home #pl-2376,
.home #pg-2376-0,
.home .panel-row-style-for-2376-0,
.home .panel-grid-cell,
.home .entry-content{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
.home #content-wrapper.container{
  width:100%!important;
  max-width:none!important;
  padding-left:0!important;
  padding-right:0!important;
}
.home .panel-row-style-for-2376-0{
  padding-left:0!important;
  padding-right:0!important;
  padding-bottom:0!important;
}
.home .siteorigin-panels-stretch{
  left:0!important;
  right:auto!important;
  width:100%!important;
  max-width:none!important;
}
.home .pie{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}
.home .pie br{display:none!important}
.home .pie img{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
}
.home #content,
.home #content-wrapper,
.home #primary,
.home #main,
.home .panel-layout,
.home .panel-grid,
.home .panel-row-style,
.home .panel-grid-cell,
.home .so-panel{
  margin-bottom:0!important;
}
.home .site-footer{
  margin-top:0!important;
  border-top:0!important;
}
.home .footer-branding{margin-top:0!important}
