#container { display:none; } ç
body.loaded #container { display:block; }
a,button { cursor: url('../estilos/iconos/clic.png'), auto;}

@font-face {
	font-family:FF-MercuryTextG1-SemiboldItalic;
	src:url("../fonts/Mercury Text G1 Semibold Italic.ttf");
	font-weight:bold;
	font-style:italic;
}

@font-face {
	font-family:FF-GothamMedium;
	src:url("../fonts/Gotham-Medium.ttf"),
		url("../fonts/Gotham-Medium.otf") format("opentype");
}

@font-face {
	font-family:FF-MercuryTextG1-Bold;
	src:url("../fonts/Mercury Text G1 Bold.ttf");
	font-weight:bold;
}

@font-face {
	font-family:FF-MercuryTextG1-Semibold;
	src:url("../fonts/Mercury Text G1 Semibold Regular.otf");
	font-weight:bold;
}

@font-face {
	font-family:FF-GothamBook;
	src:url("../fonts/Gotham-Book.ttf"),
		url("../fonts/Gotham-Book.otf") format("opentype");
}

@font-face {
	font-family:FF-MercuryTextG1-Italic;
	src:url("../fonts/Mercury Text G1 Italic.otf");
	font-style:italic;
}

@font-face {
	font-family:FF-MercuryTextG1-Roman;
	src:url("../fonts/Mercury Text G1 Roman.otf");
}

@font-face {
	font-family:FF-GothamLight;
	src:url("../fonts/GothamLight.ttf");
}

@font-face {
	font-family:FF-GothamBold;
	src:url("../fonts/Gotham-Bold.ttf"),
		url("../fonts/Gotham-Bold.otf") format("opentype");
	font-weight:bold;
}


span.boton-texto, span.mercury-semibold {
	font-family: FF-MercuryTextG1-Semibold,"Mercury Text G1 Semibold";
}

#container { display:none; } body.loaded #container { display:block; }

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; padding: 0px 0px;}
/*linea 464*/
#colorbox{
	border-radius:0px;
    box-shadow:0 0 0px 0px;
}
#colorbox, #cboxContent, .cboxIframe
{
	background: #ffffff00;
}
iframe html {padding: 50px;}
/*linea 450*/
#cboxOverlay { 
	background-color: #fff !important;
	opacity: 0.98 !important;
}
/* #cboxContent{ overflow:hidden; border: 1px solid #76bc21;} */

/* #cboxClose{position:absolute; top:0px; right:0px; display:block; background:url('../estilos/iconos/cerrar.svg') no-repeat top center; text-indent:-9999px;width: 60px; height: 12px; background-size: cover; margin: 20px;} */
#cboxClose {
	background: none;
}

#cboxClose::before {
	position: absolute;
	top: 20px;
	right: 0px;
	display: block;
	content: "cerrar";
	width: 100px;
	height: 32px;
	background-size: cover;
	margin: 20px;
	color: #000;
	font-size: 12pt;
	font-family: FF-GothamBold !important;
	text-indent: 0;
}
#cboxClose:hover::before {
	color: #76bc21;
	background-color: #fff;
	border-radius: 30px;
	height: 20px;
	padding-top: 5px;
	top: 15px;
	width: 75px;
	right: 12px;
} 

#cboxTopCenter {height: 0px;}

.turn-page-gutter {display: none !important;}
#view-toggle, #viewer_progress_bar {display: none;}

#cboxLoadingGraphic {
	background: url(../estilos/menu/logo.svg) no-repeat center center;
	background-size: 300px;
	border: none;
	opacity: 0.1;
	transition: fadeIn 0.5s ease;
  }

/* scrollbar */

					/* Tamaño del scroll */
					*::-webkit-scrollbar {
						width: 20px;
					}
				
					/* Estilos barra (thumb) de scroll */
					::-webkit-scrollbar-thumb {
						background: #000;
						border: 8px solid transparent;
						background-clip: content-box;
						border-radius: 20px;
					}
				
					*::-webkit-scrollbar-thumb:active {
						background-color: #000;
					}
				
					::-webkit-scrollbar-track {
						background: #c1f97e;
						border: 9px solid transparent;
						background-clip: padding-box;
					}
				
					*::-webkit-scrollbar-thumb:hover {
						background: #000;
						border: 8px solid transparent;
						background-clip: content-box;
						border-radius: 20px;
						/* box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); */
					}
				
					*::-webkit-scrollbar-track:hover,
					*::-webkit-scrollbar-track:active {
						background: #c1f97e;
						border: 9px solid transparent;
						background-clip: padding-box;
					}
				
					::-webkit-scrollbar-button:start:decrement,
					::-webkit-scrollbar-button:end:increment {
						display: block;
					}
				
					/* Turn off the down area up on top, and up area on bottom */
					::-webkit-scrollbar-button:start:increment,
					::-webkit-scrollbar-button:end:decrement {
						display: none;
					}
				
					
					/* Place The scroll down button at the bottom */
					::-webkit-scrollbar-button:end:increment {
						background-image: url('iconos/down-negro.svg');
					}
					
					/* Place The scroll up button at the up */
					::-webkit-scrollbar-button:start:decrement {
						background-image: url('iconos/up-negro.svg');
					}

					nav#page-nav > button {
						display:block; position:fixed;
						left:0;
						top:50%;
						width:2rem;
						height:2rem;
						margin:-34px 1rem 0 1rem; /*.5 height*/
						text-align:center;
						outline:0;
						background:url('iconos/arrows-slider-new.svg') no-repeat;
						will-change:transform;
					  z-index: 9999;
					}


					p .texto-titular-verde{
						animation: reveal-right-mascara 1s  forwards;
					}

/* ANIMACIONES GRAFICOS */


.caja-zoom {
	animation: reveal-left 1s ease-in-out forwards;
	animation-delay: 1s;
}
.box-iframe {
	animation: mostrar-down 1s ease-in-out forwards;
	/* animation-delay: 1.5s; */
}
@keyframes reveal-left {
	0% {
	  clip-path: inset(0 100% 0 0);
	  opacity: 1;
	}
	100% {
	  clip-path: inset(0 0 0 0);
	  opacity: 1;
	}
  }
  @keyframes reveal-up {
	0% {
	  clip-path: inset(0 0 100% 0);
	  opacity: 1;
	}
	100% {
	  clip-path: inset(0 0 0 0);
	  opacity: 1;
	}
  }
  @keyframes mostrar-down {
	0% {
	  clip-path: inset(0 0 100% 0);
	  opacity: 1;
	}
	100% {
	  clip-path: inset(0 0 0 0);
	  opacity: 1;
	}
  }

img.base {
	display: block;
	animation: reveal 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;
}

img.datos {
	display: block;
	animation: reveal 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;
	animation-delay: 2s;
}

img.grafico {
	display: block;
	animation: reveal 4.5s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;
	animation-delay: 2s;
}

img.destacado {
	display: block;
	animation: reveal-down 4.5s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;
	animation-delay: 2s;
}




  h1 {
	margin: 0;
	text-align: center;
	font-size: 200px;
	overflow: hidden;
	line-height: 1;
  }
  h1 span {
	display: block;
	animation: reveal 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;
  }

  #cboxLoadedContent {
	overflow: hidden!important;
	background: #ffffff00;

  }
  span.verde {
    font-family: FF-GothamBook!important,"Gotham Book"  }
 
 .fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
 }

 
 .fadeInLeft {
 -webkit-animation-name: fadeInLeft;
 animation-name: fadeInLeft;
 } 

 .rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn;
 }

/* botones cuadros  */
 			.indice-capitulos:hover,
			.cuadro-boton-texto-big:hover {
				color: #76bc21;
			}
			.cuadro-boton-texto::before,
			.cuadro-boton-texto-verde::before,
			.cuadro-boton-texto-big::before {
				content: "";
				display: block;
				background: url("../../recursos/estilos/iconos/flecha-blanco.svg") no-repeat;
				width: 12px;
				height: 22px;
				float: left;
				margin: 0 -16px 0 0;
				background-size: cover;
				position: relative;
				left: -30px;
				top: -3px;
				animation: fadeindice 2s infinite;
			}
			.cuadro-boton-texto-numero::before {
				content: "";
				display: block;
				background: url("../../recursos/estilos/iconos/flecha-blanco.svg") no-repeat;
				width: 12px;
				height: 22px;
				float: left;
				margin: 0 -30px 0 0;
				background-size: cover;
				position: relative;
				left: -40px;
				top: -3px;
				animation: fadeindice 2s infinite;
			}
			.cuadro-boton-texto:hover,
			.cuadro-boton-texto-numero:hover {
				color: #fff;
			}
			.nota-pop {
				animation: reveal-left 1s ease-in-out forwards;
				animation-delay: 4s;
			}

			._1-1-1-1-numero {
				width: 83px;
				animation: reveal-left 1s ease-in-out forwards;
			}
			.presentacion-1-1-titular {
				animation: reveal-left 1s ease-in-out forwards;
				border-top: 0px!important;
				border-bottom: solid 8px #75bb21;
				padding-bottom: 12px;
   				 max-width: 250px;
			}

			p._1-1-1-numero {
				padding-bottom: 5px;
				width: 20px;
				animation: reveal-left 1s ease-in-out forwards;
			}
			p.anexo {
				animation: reveal-left 1s ease-in-out forwards;
				border-top: 0px;
				border-bottom: 8px solid #eb7a1f;
				width: 350px;
				padding-bottom: 15px;

			}
			.nota-popup, .nota-popup-blanco {
				animation: reveal-left 1s ease-in-out forwards;
				animation-delay: 3s;
			}

			.nota-popup::after {
				content: "";
				display: block;
				background: url("../../recursos/estilos/iconos/flecha-verde.svg") no-repeat;
				width: 18px;
				height: 32px;
				float: right;
				margin: 0 -16px 0 0;
				background-size: cover;
				position: relative;
				left: -42px;
				top: 11px;
				animation: fadeindice  3s infinite;
			}

			.nota-popup-blanco::after {
				content: "";
				display: block;
				background: url("../../recursos/estilos/iconos/flecha-blanco.svg") no-repeat;
				width: 18px;
				height: 32px;
				float: right;
				margin: 0 -16px 0 0;
				background-size: cover;
				position: relative;
				left: -42px;
				top: 11px;
				animation: fadeindice  3s infinite;
			}
/* sintesis */

			.sintesis {
				border-top: 5px solid #4c4c4c;
				margin: 11px 0px 6px 30px;
				animation-duration: 1s;
				animation-name: slidein;
			  }

			  .sintesis-url {
				border-top: 5px solid #4c4c4c;
				margin: 11px 0px 6px 30px;
				opacity: 0;
				transition: opacity 1s;
				animation-duration: 1s;
				animation-name: slidein;
				transform: translateX(0); /* O ajusta según la necesidad */
			  }
		  

			p.sintesis {
				margin-top: 11px;
			}

			p.leermas-txt-sintesis-5-lineas::before {
				content: "";
				display: block;
				background: url("botones/destacados.jpg") no-repeat;
				width: 250px;
				height: 150px;
				float: right;
				margin: 0 -16px 0 40;
				background-size: cover;
				position: relative;
				z-index: -1;
			}

			p.leermas-txt-sintesis-2-lineas::before {
				content: "";
				display: block;
				background: url("botones/destacados.jpg") no-repeat;
				width: 250px;
				height: 60px;
				float: right;
				margin: 0 -16px 0 40;
				background-size: cover;
				position: relative;
				z-index: -1;
			}

			.sintesis-gris-div {
				border-top: 5px solid #4c4c4c;
				margin-top: 10px;
				animation-duration: 1s;
				animation-name: slidein;
			}

			div.sintesis-blanco {
				border-top: 5px solid #fff;
				margin: 11px 0px 6px 30px;	
				animation-duration: 1s;
				animation-name: slidein;
			}

			p.sintesis-gris, p.sintesis-blanco {
				margin-top: 11px;
			}

			.add-sintesis-2p::before {
				content: "";
				width: 236px;
				height: 70px;
				float: right;
			}
			.add-sintesis-2v::before {
				content: "";
				width: 236px;
				height: 90px;
				float: right;
			}

			.add-sintesis-1p-left::before {
				content: "";
				width: 236px;
				height: 70px;
				float: left;
			}
			.add-sintesis-1p::before {
				content: "";
				width: 236px;
				height: 70px;
				float: right;
			}

			.add-sintesis-2p-left::before {
				content: "";
				width: 236px;
				height: 90px;
				float: left;
			}
			.add-sintesis-3p::before {
				content: "";
				width: 236px;
				height: 110px;
				float: right;
			}
			.add-sintesis-3v::before {
				content: "";
				width: 236px;
				height: 120px;
				float: right;
			}
			.add-sintesis-3p-left::before {
				content: "";
				width: 236px;
				height: 120px;
				float: left;
			}

			.add-sintesis-4p::before {
				content: "";
				width: 236px;
				height: 120px;
				float: right;
			}
			.add-sintesis-4::before {
				content: "";
				width: 236px;
				height: 150px;
				float: right;
			}
			.add-sintesis-4p-left::before {
				content: "";
				width: 236px;
				height: 120px;
				float: left;
			}
			.add-sintesis-5p::before {
				content: "";
				width: 236px;
				height: 190px;
				float: right;
			}
			.add-sintesis-5::before {
				content: "";
				width: 236px;
				height: 190px;
				float: right;
			}
			.add-sintesis-6p::before {
				content: "";
				width: 236px;
				height: 190px;
				float: right;
			}
			.add-sintesis-5p-left::before {
				content: "";
				width: 236px;
				height: 170px;
				float: left;
			}
			.add-sintesis-6p-left::before {
				content: "";
				width: 236px;
				height: 190px;
				float: left;
			}


			.add-sintesis-7p::before {
				content: "";
				width: 236px;
				height: 220px;
				float: right;
			}
			.add-sintesis-7p-left::before {
				content: "";
				width: 236px;
				height: 220px;
				float: left;
			}
			.add-sintesis-8p::before {
				content: "";
				width: 236px;
				height: 220px;
				float: right;
			}
			.add-sintesis-9p::before {
				content: "";
				width: 236px;
				height: 260px;
				float: right;
			}



.cita-d
			
/* texto general */

body, p {
	letter-spacing: -0.0015em!important;
	/* letter-spacing: -0.005em!important; */
	
}


  /* botones  */

  .boton-p {
	-webkit-animation:fadeInLeft 1s ease ;
    animation:fadeInLeft 1s ease ;
	margin-left: 50px;
	margin-top: 50px;
	color: #fff!important;
  }

  p.boton-pdf {
	background: #76bc21;
	border: 2px solid #76bc21;
	height: 30px;
	border-radius: 30px;
	padding-top: 15px;
	color: #fff;
}
p.boton-pdf:hover {
	border: 2px solid #76bc21;
	background: #fff;
	height: 30px;
	border-radius: 30px;
	padding-top: 15px;
	color: #76bc21;
}



  .boton-p a:after{
	content: "";
    display: block;
    background: url("botones/boton-mas-negro.svg") no-repeat;
    width: 35px;
    height: 35px;
    float: right;
	right: 50px;
    background-size: cover;
	position: absolute;
	bottom: 15px;
	-webkit-animation:rollIn 1s ease ;
    animation:rollIn 1s ease ;
  }

  .boton-p a:hover::after {
    background: url("botones/boton-mas-hover.svg") no-repeat;
	-webkit-animation:escalar 1s ease ;
    animation:escalar 1s ease ;
	transform: scale(1.3);
 }

 .boton-p a:before{
	content: "";
    display: block;
    background: url("botones/boton-base.svg") no-repeat;
    width: 440px!important;
    height: 97px!important;
    float: left;
	left: -26px;
    background-size: cover;
	position: absolute;
	margin-top: 7px;
	-webkit-animation:fadeInRight 1s ease ;
    animation:fadeInRight 1s ease ;
	z-index: -1;
  } 

  /* boton 2 líneas  */

  .boton-p-2-lineas {
	-webkit-animation:fadeInLeft 1s ease ;
    animation:fadeInLeft 1s ease ;
	margin: 60px 0 75px 60px;
	color: #fff!important;

  }

 .boton-p-2-lineas a:after{
	content: "";
    display: block;
    background: url("botones/boton-mas-negro.svg") no-repeat;
    width: 35px;
    height: 35px;
    float: right;
	right: 75px;
	top: 0px;
    background-size: cover;
	position: absolute;
	/* bottom: 15px; */
	-webkit-animation:rollIn 1s ease ;
    animation:rollIn 1s ease ;
	z-index: 2;
  }

  .boton-p-2-lineas a:hover::after {
	
    background: url("botones/boton-mas-hover.svg") no-repeat;
	-webkit-animation:escalar 1s ease ;
    animation:escalar 1s ease ;
	transform: scale(1.3);
 }
  .boton-p-2-lineas a:before{
	content: "";
    display: block;
    background: url("botones/boton-base.svg") no-repeat;
    width: 440px!important;
    height: 97px!important;
    float: left;
	left: -40px;
    background-size: cover;
	position: absolute;
	top: -30px;
	-webkit-animation:fadeInRight 1s ease ;
    animation:fadeInRight 1s ease ;
	z-index: -1;
  } 


   /* boton 2 líneas  MOVIL */

   .boton-p-mv-2-lineas {
	-webkit-animation:fadeInLeft 1s ease ;
    animation:fadeInLeft 1s ease ;
	margin-left: 45px;
	margin-top: 100px;
	color: #fff!important;
  }

 .boton-p-mv-2-lineas a:after{
	content: "";
    display: block;
    background: url("botones/boton-mas-negro.svg") no-repeat;
    width: 60px;
    height: 60px;
    float: right;
	right: 50px;
	top: 25px;
    background-size: cover;
	position: absolute;
	/* bottom: 15px; */
	-webkit-animation:rollIn 1s ease ;
    animation:rollIn 1s ease ;
	z-index: 2;
  }

  .boton-p-mv-2-lineas a:hover::after {
    background: url("botones/boton-mas-hover.svg") no-repeat;  
	-webkit-animation:escalar 1s ease ;
    animation:escalar 1s ease ;
	transform: scale(1.3);
 }
  .boton-p-mv-2-lineas a:before{
	content: "";
    display: block;
    background: url("botones/boton-base.svg") no-repeat;
    width: 750px!important;
    height: 170px!important;
    float: left;
	left: -40px;
    background-size: cover;
	position: absolute;
	top: -30px;
	-webkit-animation:fadeInRight 1s ease ;
    animation:fadeInRight 1s ease ;
	z-index: -1;
  } 


/* botones gif */
	
			p.botones_-_boton-cuadro, 
			p.boton-cuadro, 
			p.botones_-_boton-grafico, 
			p.botones_-_boton-mas,
			p.boton-cuadro-naranja
			     {
					border-top: none;
					padding-left: 0;
					padding: 25px 0px;
					margin: 0;
					animation: mostrar-botones 1s forwards;
					animation-delay: 1s;
					font-family: FF-GothamMedium!important;

				}
				.boton-popup, .boton-popup-graficos, .lupa {
					animation: mostrar-botones 1s forwards;
					animation-delay: 1s;
				}
			
				p.boton-grafico
				{
				   border-top: none;
				   padding-left: 0;
				   padding: 25px 0px;
				   margin: 0 0 0 90px;
				   animation: mostrar-botones 1s forwards;
				   animation-delay: 1s;
				   font-family: FF-GothamMedium!important;
				}

				p.boton-cuadro-3p,
				p.boton-grafico-listado,
				p.boton-grafico-3p,
				p.boton-grafico-4p,
				p.boton-cuadro-4p,
				p.boton-cuadro-6p   {
						border-top: none;
						padding: 15px 0px;
						margin: 0 0 0 90px;
						animation: mostrar-botones 1s forwards;
						animation-delay: 1s;
						font-family: FF-GothamMedium!important;
					}	
				
				.botones_-_boton-cuadro a::after,
				.boton-cuadro a::after  {
					content: "";
					display: block;
					background: url("../estilos/botones/ico-cuadro.gif") no-repeat;
					width: 60px;
					height: 60px;
					float: left;
					background-size: cover;
					position: relative;
					bottom: 42px;
					background-color: #76bc21;
					border: 5px solid #76bc21;
					border-radius: 50px;
					margin-right: 20px;
				}
				.boton-cuadro-naranja a::after  {
					content: "";
					display: block;
					background: url("../estilos/botones/ico-cuadro.gif") no-repeat;
					width: 60px;
					height: 60px;
					float: left;
					background-size: cover;
					position: relative;
					bottom: 42px;
					background-color: #eb7a1f;
					border: 5px solid #eb7a1f;
					border-radius: 50px;
					margin-right: 20px;
				}
				
				.botones_-_boton-cuadro a::before,
				.boton-cuadro a::before,
				.botones_-_boton-grafico a::before 
				  {
					content: "";
					width: 60px;
					height: 60px;
					float: left;
					background-size: cover;
					position: relative;
					bottom: 20px;
					background-color: #76bc21;
					border:5px solid #76bc21;
					border-radius: 50px;
					margin-right: -70px;
					animation: circle-animation 2s forwards infinite;
					animation-delay: 3s;
				}

				.boton-cuadro-naranja a::before
				  {
					content: "";
					width: 60px;
					height: 60px;
					float: left;
					background-size: cover;
					position: relative;
					bottom: 20px;
					background-color: #eb7a1f;
					border:5px solid #eb7a1f;
					border-radius: 50px;
					margin-right: -70px;
					animation: circle-animation 2s forwards infinite;
					animation-delay: 3s;
				}

				/* boton 3 lineas  */

				.boton-cuadro-3p a::after  {
					content: "";
					display: block;
					background: url("../estilos/botones/ico-cuadro.gif") no-repeat;
					width: 60px;
					height: 60px;
					float: left;
					background-size: cover;
					position: relative;
					bottom: 49px;
					background-color: #76bc21;
					border: 5px solid #76bc21;
					border-radius: 50px;
					margin-left: -90px;
				}

				.boton-cuadro-4p a::after  {
					content: "";
					display: block;
					background: url("../estilos/botones/ico-cuadro.gif") no-repeat;
					width: 60px;
					height: 60px;
					float: left;
					background-size: cover;
					position: relative;
					bottom: 60px;
					background-color: #76bc21;
					border: 5px solid #76bc21;
					border-radius: 50px;
					margin-left: -90px;
				}
				.boton-cuadro-6p a::after  {
					content: "";
					display: block;
					background: url("../estilos/botones/ico-cuadro.gif") no-repeat;
					width: 60px;
					height: 60px;
					float: left;
					background-size: cover;
					position: relative;
					bottom: 113px;
					background-color: #76bc21;
					border: 5px solid #76bc21;
					border-radius: 50px;
					margin-left: -90px;
				}

				.boton-cuadro-3p a::before,
				.boton-grafico-3p a::before,
				.boton-grafico-4p a::before

				 {
					content: "";
					width: 60px;
					height: 60px;
					float: left;
					background-size: cover;
					position: relative;
					bottom: 5px;
					background-color: #76bc21;
					border:5px solid #76bc21;
					border-radius: 50px;
					margin-left: -90px;
					animation: circle-animation 2s forwards infinite;
					animation-delay: 3s;
				}

				.boton-cuadro-4p a::before

				 {
					content: "";
					width: 60px;
					height: 60px;
					float: left;
					background-size: cover;
					position: relative;
					bottom:-4px;
					background-color: #76bc21;
					border:5px solid #76bc21;
					border-radius: 50px;
					margin-left: -90px;
					animation: circle-animation 2s forwards infinite;
					animation-delay: 3s;

				}
				
				.boton-grafico-3p a::after  {
					content: "";
					display: block;
					background: url("../estilos/botones/ico-grafico.gif") no-repeat;
					width: 60px;
					height: 60px;
					float: left;
					background-size: cover;
					position: relative;
					bottom: 49px;
					background-color: #76bc21;
					border: 5px solid #76bc21;
					border-radius: 50px;
					margin-left: -90px;
				}
				.boton-grafico-4p a::before
				{
				   content: "";
				   width: 60px;
				   height: 60px;
				   float: left;
				   background-size: cover;
				   position: relative;
				   bottom: 5px;
				   background-color: #76bc21;
				   border:5px solid #76bc21;
				   border-radius: 70px;
				   margin-left: -90px;
				   animation: circle-animation 2s forwards infinite;
				   animation-delay: 3s;

			   }
			   
			   .boton-grafico-4p a::after  {
				   content: "";
				   display: block;
				   background: url("../estilos/botones/ico-grafico.gif") no-repeat;
				   width: 60px;
				   height: 60px;
				   float: left;
				   background-size: cover;
				   position: relative;
				   bottom: 70px;
				   background-color: #76bc21;
				   border: 5px solid #76bc21;
				   border-radius: 50px;
				   margin-left: -90px;
			   }
				
			   .boton-cuadro-6p a::before
				{
				   content: "";
				   width: 60px;
				   height: 60px;
				   float: left;
				   background-size: cover;
				   position: relative;
				   bottom: 5px;
				   background-color: #76bc21;
				   border:5px solid #76bc21;
				   border-radius: 50px;
				   margin-left: -90px;
				   animation: circle-animation 2s forwards infinite;
				   animation-delay: 3s;

			   }

				/* fin boton 3 lineas  */
				p.boton-continuar-leyendo,
				p.boton-continuar-leyendo-naranja {
					margin-top: 0;
					margin-bottom: 0;
				}
				.botones_-_boton-cuadro a span,
				.boton-cuadro a span {
					margin-left: 90px;
				}
				.capitulo-bold-verde::after {
					content: "";
					display: inline-block;
					width: 20px;
					height: 10px;
					background-size: cover;
					position: relative;
					background-color: #fff;
				}

				.botones_-_boton-grafico a::after
				 {
					content: "";
					display: block;
					background: url("../estilos/botones/ico-grafico.gif") no-repeat;
					width: 60px;
					height: 60px;
					background-size: cover;
					position: relative;
					bottom: 42px;
					background-color: #76bc21;
					border: 5px solid #76bc21;
					border-radius: 50px;
					margin-right: 20px;
				}

				.boton-grafico a::after,
				.boton-grafico-listado a::after  {
					content: "";
					display: block;
					background: url("../estilos/botones/ico-grafico.gif") no-repeat;
					width: 60px;
					height: 60px;
					float: left;
					background-size: cover;
					position: relative;
					bottom: 35px;
					background-color: #76bc21;
					border: 5px solid #76bc21;
					border-radius: 50px;
					margin-left: -90px;
				}

				.boton-grafico a::before,
				.boton-grafico-listado a::before
				 {
					content: "";
					width: 60px;
					height: 60px;
					float: left;
					background-size: cover;
					position: relative;
					bottom: 13px;
					background-color: #76bc21;
					border:5px solid #76bc21;
					border-radius: 50px;
					margin-left: -90px;
					animation: circle-animation 2s forwards infinite;
					animation-delay: 3s;
				}
				.boton-popup::before, .boton-popup-graficos::before
				 {
					content: "";
					width: 50px;
					height: 50px;
					float: left;
					background-size: cover;
					position: relative;
					background-color: #76bc21;
					border:5px solid #76bc21;
					border-radius: 50px;
					animation: circle-animation 2s forwards infinite;
					animation-delay: 3s;
				}
				.boton-popup-blanco::before, .boton-popup-graficos-blanco::before
				 {
					content: "";
					width: 50px;
					height: 50px;
					float: left;
					background-size: cover;
					position: relative;
					background-color: #fff;
					border:5px solid #fff;
					border-radius: 50px;
					animation: circle-animation 2s forwards infinite;
					animation-delay: 3s;
				}
				.boton-popup-graficos::before
				 {
					content: "";
					width: 50px;
					height: 50px;
					float: left;
					background-size: cover;
					position: relative;
					background-color: #76bc21;
					border:5px solid #76bc21;
					border-radius: 50px;
					animation: circle-animation 2s forwards infinite;
					animation-delay: 3s;
				}


				.boton-popup::after  {
					content: "";
					display: block;
					background: url("../estilos/botones/ico-cuadro.gif") no-repeat;
					width: 55px;
					height: 55px;
					float: left;
					background-size: cover;
					position: relative;
					bottom: 58px;
					left: 2px;
				}
				.boton-popup-blanco::after  {
					content: "";
					display: block;
					background: url("../estilos/botones/ico-cuadro-negro.gif") no-repeat;
					width: 55px;
					height: 55px;
					float: left;
					background-size: cover;
					position: relative;
					bottom: 58px;
					left: 2px;
				}

				.boton-popup-graficos::after  {
					content: "";
					display: block;
					background: url("../estilos/botones/ico-grafico.gif") no-repeat;
					width: 55px;
					height: 55px;
					float: left;
					background-size: cover;
					position: relative;
					bottom: 58px;
					left: 2px;
				}
				.boton-popup-graficos-blanco::after  {
					content: "";
					display: block;
					background: url("../estilos/botones/ico-grafico-negro.gif") no-repeat;
					width: 55px;
					height: 55px;
					float: left;
					background-size: cover;
					position: relative;
					bottom: 58px;
					left: 2px;
				}

				.lupa::after  {
					content: "";
					display: block;
					background: url("../estilos/iconos/zoom.svg") no-repeat;
					width: 40px;
					height: 40px;
					float: left;
					background-size: cover;
					position: relative;
					bottom: -10px;
					left: 10px;
				}
				.lupa:hover{
					transform: scale(1.1);
				}
				.lupa svg{
					display: none;
				}

				.lupa svg{
					display: none;
				}


				.boton-popup:hover::after  {
					content: "";
					display: block;
					background: url("../estilos/botones/ico-cuadro.gif") no-repeat;
					width: 56px;
					height: 56px;
					float: left;
					background-size: cover;
					position: relative;
					bottom: 60px;
					left: 0px;
					background-color: #76bc21;
					border-radius: 50%;
					border: 2px solid #76bc21;
				}
				.boton-popup-graficos:hover::after   {
					content: "";
					display: block;
					background: url("../estilos/botones/ico-grafico.gif") no-repeat;
					width: 56px;
					height: 56px;
					float: left;
					background-size: cover;
					position: relative;
					bottom: 60px;
					left: 0px;
					background-color: #76bc21;
					border-radius: 50%;
					border: 2px solid #76bc21;
				}
				.boton-popup

					.boton-texto:hover, .texto-boton:hover {
						background: #76bc213c;
						border-radius: 20px;
					}
					.boton-mas:hover,
					.boton-mas-naranja:hover,
					.boton-mas-naranja-2p:hover,
					.boton-mas-naranja-3p:hover,
					.boton-mas-blanco-3p:hover,
					.boton-mas-blanco-2p:hover,
					.boton-mas-blanco:hover {
						color: #000!important;
					}
	
					.boton-cuadro:hover, 
					.boton-grafico:hover,
					.boton-grafico-3p:hover,
					.boton-grafico-listado:hover,
					.botones_-_boton-cuadro:hover,
					.boton-cuadro-3p:hover,
					.boton-cuadro-4p:hover,
					p.boton-cuadro-6p :hover,
					p.boton-grafico-4p:hover {
						color: #76bc21 !important;
					}
					ul.boton-cuadro > li::before {
						content: none;
					}
					p.boton-estados-numeros {
						bottom: 12px;
						color:#fff!important;
					}
					p.boton-estados-numeros:hover {
						bottom: 12px;
						color:#eb7a1f!important;
					}
					p.boton-estados-numeros::before {
						content: "";
						width: 20px;
						height: 20px;
						display: inline;
						float: left;
						background-size: cover;
						position: relative;
						background-color: #eb7a1f;
						border:5px solid #eb7a1f;
						border-radius: 50px;
						top: 24px;
						z-index: -1;
					}

					p.boton-estados-numeros:hover::before {
						content: "";
						width: 27px;
						height: 27px;
						display: inline;
						float: left;
						background-size: cover;
						position: relative;
						background-color: #fff;
						border:2px solid #eb7a1f;
						border-radius: 50px;
						top: 24px;
						z-index: -1;
					}
	
					/* boton del mas */
					.boton-mas a::before
					{
					content: "";
					display: block;
					background: url("botones/mas.gif") no-repeat;
					width: 100px;
					height: 100px;
					float: left;
					background-size: cover;
					position: relative;
					bottom: 30px;
					margin-bottom: -25px!important;
					}
				
					p.boton-mas-naranja,
					p.boton-mas-blanco
					{
							border-top: none;
							padding-left: 0;
							padding: 14px 0px;
							margin: 30px 0px 30px 69px;
							animation: mostrar-botones 1s forwards;
							animation-delay: 1s;
						}  
					p.boton-mas-naranja-2p,
					p.boton-mas-blanco-2p
					{
							border-top: none;
							padding-left: 0;
							padding: 14px 0px;
							margin: 8px 0px 8px 69px;
							animation: mostrar-botones 1s forwards;
							animation-delay: 1s;
						}
						p.boton-mas-naranja-3p,
						p.boton-mas-blanco-3p
						{
							   border-top: none;
							   padding-left: 0;
							   padding: 8px 0px;
							   margin: 8px 0px 8px 69px;
							   animation: mostrar-botones 1s forwards;
							   animation-delay: 1s;
						   }
						   
						
					.boton-mas-naranja a::before {
						content: "";
						width: 50px;
						height: 50px;
						float: left;
						background-size: cover;
						position: relative;
						bottom: 20px;
						background-color: #eb7a1f;
						border:5px solid #eb7a1f;
						border-radius: 50px;
						margin-left: -70px;
						animation: circle-animation 2s forwards infinite;
						animation-delay: 3s;
					}

					.boton-mas-naranja a::after  {
						content: "";
						display: block;
						background: url("../estilos/iconos/plus.svg") no-repeat;
						width: 50px;
						height: 50px;
						float: left;
						background-size: cover;
						position: relative;
						bottom: 20px;
						background-color: #eb7a1f;
						border: 5px solid #eb7a1f;
						border-radius: 50px;
						margin-left: -70px;
						animation: spin 2s forwards;
						animation-delay: 3s;
					}

					.boton-mas-blanco a::before {
						content: "";
						width: 50px;
						height: 50px;
						float: left;
						background-size: cover;
						position: relative;
						bottom: 20px;
						background-color: #fff;
						border:5px solid #fff;
						border-radius: 50px;
						margin-left: -70px;
						animation: circle-animation 2s forwards infinite;
						animation-delay: 3s;
					}

					.boton-mas-blanco a::after  {
						content: "";
						display: block;
						background: url("../estilos/iconos/plus-negro.svg") no-repeat;
						width: 50px;
						height: 50px;
						float: left;
						background-size: cover;
						position: relative;
						bottom: 20px;
						background-color: #fff;
						border: 5px solid #fff;
						border-radius: 50px;
						margin-left: -70px;
						animation: spin 2s forwards;
						animation-delay: 3s;
					}

					.boton-mas-naranja-2p a::before {
						content: "";
						width: 50px;
						height: 50px;
						float: left;
						background-size: cover;
						position: relative;
						bottom: 10px;
						background-color: #eb7a1f;
						border:5px solid #eb7a1f;
						border-radius: 50px;
						margin-left: -70px;
						animation: circle-animation 2s forwards infinite;
						animation-delay: 3s;
					}

					.boton-mas-naranja-2p a::after  {
						content: "";
						display: block;
						background: url("../estilos/iconos/plus.svg") no-repeat;
						width: 50px;
						height: 50px;
						float: left;
						background-size: cover;
						position: relative;
						bottom: 32px;
						background-color: #eb7a1f;
						border: 5px solid #eb7a1f;
						border-radius: 50px;
						margin-left: -70px;
						animation: spin 2s forwards;
						animation-delay: 3s;
					}
					.boton-mas-blanco-2p a::before {
						content: "";
						width: 50px;
						height: 50px;
						float: left;
						background-size: cover;
						position: relative;
						bottom: 10px;
						background-color: #fff;
						border:5px solid #fff;
						border-radius: 50px;
						margin-left: -70px;
						animation: circle-animation 2s forwards infinite;
						animation-delay: 3s;
					}

					.boton-mas-blanco-2p a::after  {
						content: "";
						display: block;
						background: url("../estilos/iconos/plus-verde.svg") no-repeat;
						width: 50px;
						height: 50px;
						float: left;
						background-size: cover;
						position: relative;
						bottom: 32px;
						background-color: #fff;
						border: 5px solid #fff;
						border-radius: 50px;
						margin-left: -70px;
						animation: spin 2s forwards;
						animation-delay: 3s;
					}
					.boton-mas-naranja-3p a::before {
						content: "";
						width: 50px;
						height: 50px;
						float: left;
						background-size: cover;
						position: relative;
						background-color: #eb7a1f;
						border:5px solid #eb7a1f;
						border-radius: 50px;
						margin-left: -70px;
						animation: circle-animation 2s forwards infinite;
						animation-delay: 3s;
					}

					.boton-mas-naranja-3p a::after  {
						content: "";
						display: block;
						background: url("../estilos/iconos/plus.svg") no-repeat;
						width: 50px;
						height: 50px;
						float: left;
						background-size: cover;
						position: relative;
						bottom: 43px;
						background-color: #eb7a1f;
						border: 5px solid #eb7a1f;
						border-radius: 50px;
						margin-left: -70px;
						animation: spin 2s forwards;
						animation-delay: 3s;
					}
					.boton-mas-blanco-3p a::before {
						content: "";
						width: 50px;
						height: 50px;
						float: left;
						background-size: cover;
						position: relative;
						background-color: #fff;
						border:5px solid #fff;
						border-radius: 50px;
						margin-left: -70px;
						animation: circle-animation 2s forwards infinite;
						animation-delay: 3s;
					}

					.boton-mas-blanco-3p a::after  {
						content: "";
						display: block;
						background: url("../estilos/iconos/plus-verde.svg") no-repeat;
						width: 50px;
						height: 50px;
						float: left;
						background-size: cover;
						position: relative;
						bottom: 43px;
						background-color: #fff;
						border: 5px solid #fff;
						border-radius: 50px;
						margin-left: -70px;
						animation: spin 2s forwards;
						animation-delay: 3s;
					}
				
				/* boton del mas */
				.botones_-_boton-mas a::before {
					content: "";
					display: block;
					background: url("../estilos/botones/mas.gif") no-repeat;
					width: 100px;
					height: 100px;
					float: left;
					background-size: cover;
					position: relative;
					bottom: 30px;
				}

				@keyframes spin {
					0% {
					  transform: rotate(0deg);
					}
					100% {
					  transform: rotate(360deg);
					}
				  }

				@keyframes circle-animation {
					0% {
					  transform: scale(1) translateZ(0);
					  opacity: 1;
					}
					100% {
					  transform: scale(1.4) translateZ(0);
					  opacity: 0;
					}
				  }
				  @keyframes continuar-leyendo {
					0% {
					  transform: scaleY(1) scaleX(1) translateZ(0);
					  opacity: 1;
					}
					100% {
					  transform: scaleY(1.4) scaleX(1.1) translateZ(0);
					  opacity: 0;
					}
				  }

				  @keyframes mostrar-botones {
					0% {
					  opacity: 0;
					}
					100% {
					  opacity: 1;
					}
				  }
				  
  
/* boton continuar leyendo */
				  .Citas, .citas-ddd, .citas-ddd-2, .citas-d, .cita-3, .cita-1 {
					animation: mostrar-botones 1s forwards;
					animation-delay: 1s;

				  }

				.marco-light {
					animation: reveal-left-mascara 1s forwards;
					animation-delay: 0.5s;
					padding-top: 4px;
					top: -2px;
				}

				p.boton-continuar-leyendo, 
				p.boton-continuar-leyendo-naranja {
				padding-top: 30px;
				padding-bottom: 30px;
				border-top: none;
				padding-left: 0px;
				animation: mostrar-botones 1s forwards;
				animation-delay: 1s;
				}

				.boton-continuar-leyendo a{
					background-color:#76bc21;
					color: #fff !important;
					border-radius: 40px;
					padding: 20px 40px;

				}
				.boton-continuar-leyendo-naranja a{
					background-color:#eb7a1f;
					color: #fff !important;
					border-radius: 40px;
					padding: 20px 40px;
				}

				.boton-continuar-leyendo a:hover {
					background-color:#fff;
					border: 1px solid #76bc21;
					color: #76bc21 !important;
				}
				.boton-continuar-leyendo-naranja a:hover {
					background-color:#fff;
					border: 1px solid #eb7a1f;
					color: #eb7a1f !important;
				}

				.boton-continuar-leyendo::before {
					content: "";
					width: 246px;
					height: 54px;
					float: left;
					background-size: cover;
					position: relative;
					bottom: 13px;
					background-color: #76bc21;
					/* border:5px solid #76bc21; */
					border-radius: 50px;
					margin-left: -310px;
					left: 310px;
					top:-17px;
					z-index: -1;
					animation: continuar-leyendo 2s forwards infinite;
					animation-delay: 3s;
				}

				.boton-continuar-leyendo-naranja::before{
					content: "";
					width: 246px;
					height: 54px;
					float: left;
					background-size: cover;
					position: relative;
					bottom: 13px;
					background-color: #eb7a1f;
					border-radius: 50px;
					margin-left: -310px;
					left: 310px;
					top:-17px;
					z-index: -1;
					animation: continuar-leyendo 2s forwards infinite;
					animation-delay: 3s;
				}

				p {
					animation: mostrar-botones 0.5s forwards;
					animation-delay: 0.2s;
				}
				.cubierta-1 {
					animation: fadeInLeft 1s forwards;
					animation-delay: 0.4s;				}
					.cubierta-2 {
						animation: fadeInLeft 1s forwards;
						animation-delay: 0.6s;				}

						.cubierta-3 {
							animation: fadeInLeft 1s forwards;
							animation-delay: 0.8s;				}

							.cubierta-4 {
								animation: fadeInLeft 1s forwards;
								animation-delay: 1s;				}
			

/* BOTONES INDICE */

			button.indice-boton-capitulo::before {
				content: "";
				display: block;
				background: url("iconos/flecha.gif") no-repeat;
				width: 40px;
				height: 20px;
				float: left;
				background-size: cover;
				position: absolute;
				margin-left: -50px;
				top: 0px;
				image-rendering: optimizeQuality;

			}
			button.indice-boton-capitulo:hover, button.indice-boton:hover {
				animation: zoom-in 0.5s ease-out ;

			}

			button.indice-boton:hover::before {
				content: "";
				display: block;
				background: url("iconos/mas.svg") no-repeat;
				width: 18px;
				height: 18px;
				float: left;
				background-size: cover;
				position: absolute;
				margin-left: 10px;
				top: 0px;
			}

			.indice-caja p:hover::before {
				content: "";
				display: block;
				background: url("iconos/ir.svg") no-repeat;
				width: 20px;
				height: 20px;
				float: left;
				background-size: cover;
				position: relative;
				top: 0px;
				margin-left: -60px;
			}
			p.indice-capitulo-fin {
				margin-bottom: 40px;
			}
			p.indice-light-capitulos-sin {
				margin-top: 40px;
			}
			.indice-dd:hover, .indice-ddd:hover, .indice-capitulo:hover {
				color: #76bc21;
			}


/* PRESENTACIONES RESUMEN EJECUTIVO */
¡			
			/* boton del mas */
			/* p.presentacion-resumen-ejecutivo, p.presentacion-capitulos {
				overflow: visible;
			}

			p.presentacion-resumen-ejecutivo, p.presentacion-capitulos {
				padding-top: 25px;
				padding-bottom: 25px;
				margin-bottom: 0px !important;
				color: #fff;
			}
			p.presentacion-resumen-ejecutivo-2p,
			p.presentacion-resumen-ejecutivo-3p,
			p.presentacion-capitulos {
				padding-top: 25px;
				padding-bottom: 25px;
				margin-bottom: 0px !important;
				color: #fff;
			}
			p.presentacion-resumen-ejecutivo:hover,
			p.presentacion-resumen-ejecutivo-2p:hover,
			p.presentacion-resumen-ejecutivo-3p:hover,
			p.presentacion-capitulos   {
				color: #fff;
			} */

			.presentacion-resumen-ejecutivo a::after{
				content: "";
				display: block;
				background: url("iconos/indice-next.gif") no-repeat;
				width: 50px;
				height: 50px;
				float: right;
				background-size: cover;
				position: relative;
				bottom: 13px;
				margin-right: -55px!important;
				background-color: #eb7a1f;
				border-radius: 50px;
				overflow: visible;
				padding: 4px;
			}

			p.presentacion-capitulos::after{
				content: "";
				display: block;
				background: url("iconos/indice-next.gif") no-repeat;
				width: 50px;
				height: 50px;
				float: left;
				background-size: cover;
				position: relative;
				bottom: 23px;
				margin-left: -60px!important;
				background-color: #76bc21;
				border-radius: 50px;
				overflow: visible;
				padding: 4px;
			}

			p.presentacion-capitulos-2::after{
				content: "";
				display: block;
				background: url("iconos/indice-next.gif") no-repeat;
				width: 50px;
				height: 50px;
				float: left;
				background-size: cover;
				position: relative;
				bottom: 113px;
				margin-left: -90px!important;
				background-color: #76bc21;
				border-radius: 50px;
				overflow: visible;
				padding: 4px;
			}


			.presentacion-resumen-ejecutivo-2p::after {
				content: "";
				display: block;
				background: url("iconos/indice-next.gif") no-repeat;
				width: 50px;
				height: 50px;
				float: right;
				background-size: cover;
				position: relative;
				bottom: 33px;
				margin-right: -55px!important;
				background-color: #eb7a1f;
				border-radius: 50px;
				overflow: visible;
				padding: 4px;
			}
			.presentacion-resumen-ejecutivo-3p::after {
				content: "";
				display: block;
				background: url("iconos/indice-next.gif") no-repeat;
				width: 50px;
				height: 50px;
				float: right;
				background-size: cover;
				position: relative;
				bottom: 35px;
				margin-right: -55px!important;
				background-color: #eb7a1f;
				border-radius: 50px;
				overflow: visible;
				padding: 4px;
			}

				/* botones presentaciones azul */
				p.presentacion-boton-titular, p.presentacion-boton-subtitulo  {
					overflow: visible;
					animation: zoom-in 1s ease-in;
				}

				p.presentacion-boton-subtitulo {
					border-bottom: solid 1px #ffffff61;
					padding-bottom: 12px;
				}
				p.presentacion-boton-titular a::after {
					content: "";
					display: block;
					background: url("iconos/indice-next.gif") no-repeat;
					width: 40px;
					height: 40px;
					/* float: right; */
					background-size: cover;
					position: absolute;
					right: -45px;
					top: 15px;
					/* margin-right: -25px!important; */
					background-color: #6098dd;
					border-radius: 50px;
					overflow: visible;
					padding: 4px;
					image-rendering: optimizeQuality;

				}
				p.presentacion-boton-subtitulo a::after {
					content: "";
					display: block;
					background: url("iconos/indice-next.gif") no-repeat;
					width: 40px;
					height: 40px;
					background-size: cover;
					position: absolute;
					background-color: #6098dd;
					border-radius: 50px;
					padding: 4px;
					float: right;
					right: -45px;
					top:-7px;
					

				}

			
/* INDICES  */

				/* .indice-listado {
					animation: reveal-down-mascara 3s ease-in-out forwards;
					} */
				.presentacion-resumen-ejecutivo-2p,
				.presentacion-resumen-ejecutivo-3p {
					padding-top: 24px;
				}
				img.indice-lineas {
					animation: reveal-left-mascara 3s  forwards;
					animation-delay: 2s;					
				}

			.indice-lineas-verdes {
					animation: reveal-left-mascara 3s  forwards;
					animation-delay: 0.5s;					
				}

				div.indice-lineas {
					margin-top: 27px!important;
				}
				.indice-light-sin::before,
				.indice-medium-naranja::before,
				.indice-light-capitulos-sin::before {
					content: "";
					display: block;
					background: url("../estilos/iconos/flecha-negro.svg") no-repeat;
					width: 10px;
					height: 18px;
					float: left;
					margin: 0 -16px 0 0;
					background-size: cover;
					position: relative;
					left: -20px;
					animation: fadeindice  2s infinite;
				}
			.cuadro-sub-boton:hover,
			.Cuadros_-_cuadro-sub-boton-off, 
			.cuadro-sub-boton-on {
				background: #fff;
				border: 3px solid #fff;
				border-radius: 50px;
				color: #76bc21!important;
				padding: 5px 0px;
			}		

			.cuadro-sub-boton-off,
			.cuadro-sub-boton
			{
				background: #76bc21;
				border: 3px solid #fff;
				border-radius: 50px;
				color: #fff!important;
				padding: 5px 0px 5px 0px;
			}		
			.Cuadros_-_cuadro-sub-boton-on{
				background: #fff;
				border: 3px solid #fff;
				border-radius: 50px;
				color: #76bc21!important;
				padding: 5px 0px 5px 0px;
			}		
			.cuadro-sub-boton-off:hover {
				background: #c1f97e;
				border: 3px solid #c1f97e;
				border-radius: 50px;
				color: #76bc21!important;
				padding: 5px 0px 5px 0px;
				font-family: FF-GothamBold,"Gotham Bold";
			}
			.estado-cerrar:hover {
				color: #76bc21;
			}
			.estado-cerrar-verde:hover {
				color: #fff;
			}
			p.recuadro-listado {
				margin-left: 30px;
			}
			.recuadro-listado:before {
				content: "•";
				display: block;
				width: 16px;
				height: 16px;
				float: left;
				margin: 0 -16px 0 0;
				background-size: cover;
				position: relative;
				left: -30px;
				animation: escalar 3s ease-in-out forwards ;

			} 

			.indice-ddd-fff:hover, .indice-dd-fff:hover, .indice-d-fff:hover, .indice-capitulo-fff:hover,
			.indice-final-d:hover, .indice-final-dd:hover, .indice-final-ddd:hover,
			.indice-final-Add:hover, .indice-final-Ad:hover,
			.indices-capitulos:hover   {
				color: #000!important;
			}

			.indices {
				border-top: 0px!important;
				border-bottom: solid 8px #fff;
				animation: reveal-left 1s ease-in-out forwards;
			}

			.indices-capitulos::before {
				content: "";
				display: block;
				background: url("../../recursos/estilos/iconos/flecha-blanco.svg") no-repeat;
				width: 12px;
				height: 22px;
				float: left;
				margin: 0 -16px 0 0;
				background-size: cover;
				position: relative;
				left: -30px;
				top: -3px;
				animation: fadeindice 2s infinite;
			}
			
			
/* ANIMACIONES */
					
					p.presentacion-1-1-numero {
					border-top: none;
					border-bottom: solid 8px #75bb21;
					padding: 0px 10px 54px 0;
					margin-right: 280px;
					margin-bottom: 20px;
					margin-top: 25px!important;
					animation: fadeIn 1s ease-in-out forwards;
					}
			
					  
					.grafico-1-up  {
						clip-path: inset(0 100%, 100% 100%, 100% 100%, 0 100%);
						animation: reveal-up 2s ease-in-out forwards;
						animation-delay: 1.5s;
					  }
					  .grafico-1-down  {
						clip-path: inset(0 0 0 0);
						animation: reveal-down-mascara 2s ease-in-out forwards;
						animation-delay: 1.5s;
					  }
					  .grafico-2-down  {
						clip-path: inset(0 100%, 100% 100%, 100% 100%, 0 100%);
						animation: reveal-down-mascara 2s ease-in-out forwards;
						animation-delay: 2.5s;
					  }
					  
					  .grafico-2-left {
						clip-path: inset(0 0 0 0);
						animation: reveal-left 5s ease-in-out forwards;
						animation-delay: 2.5s;
					  }
					  .grafico-1-left {
						clip-path: inset(0 0 0 0);
						animation: reveal-left 5s ease-in-out forwards;
						animation-delay: 1.5s;
					  }
					  .grafico-1-right {
						clip-path: inset(0 0 0 0);
						animation: reveal-right 5s ease-in-out forwards;
						animation-delay: 1.5s;
					  }
					  @keyframes donut {
						0% {
							stroke-dasharray: 0, 100;
						}
						100% {
							stroke-dasharray: 17, 83;
						}
					}
					  
					  @keyframes reveal-left {
						0% {
						  clip-path: inset(0 100% 0 0);
						  opacity: 1;
						}
						100% {
						  clip-path: inset(0 0 0 0);
						  opacity: 1;
						}
					  }
					  @keyframes reveal-right {
						0% {
						  clip-path: inset(0 0 0 100%);
						  opacity: 1;
						}
						100% {
						  clip-path: inset(0 0 0 0);
						  opacity: 1;
						}
					  }
					  @keyframes reveal-up {
						0% {
						  clip-path: inset(100% 0 0 0);
						  opacity: 1;
						}
						100% {
						  clip-path: inset(0 0 0 0);
						  opacity: 1;
						}
					  }
					  @keyframes reveal-down {
						0% {
						  clip-path: inset(0 0 100% 0);
						  opacity: 1;
						}
						100% {
						  clip-path: inset(0 0 0 0);
						  opacity: 1;
						}
					  }


					img.imagen-zoom{
						animation: zoom-in-zoom-out 8s ease-out infinite;
					}
					/* div.entrar-derecha p{
						animation: fadeInRight 1s ease-out;				
					}

					div.entrar-izquierda p{
						animation: fadeInLeft 1s ease-out;				
					} */

					.fadeIn{
						animation: fadeIn 1s ease-out;
					}

					@keyframes reveal {
						0% {
						transform: translate(0,100%);
						}
						100% {
						transform: translate(0,0);
						}
					}

					@keyframes blur {
						0%,
						90% {
						  -webkit-filter: blur(0px);
						  -moz-filter: blur(0px);
						  -o-filter: blur(0px);
						  -ms-filter: blur(0px);
						}
						50% {
						  -webkit-filter: blur(50px);
						  -moz-filter: blur(50px);
						  -o-filter: blur(50px);
						  -ms-filter: blur(50px);
						}
					  }

					@keyframes fadeIn {
						0% {
							opacity: 0;
							-webkit-filter: blur(50px);
						  -moz-filter: blur(50px);
						  -o-filter: blur(50px);
						  -ms-filter: blur(50px);
							
						}
						100% {
							opacity: 1;
							-webkit-filter: blur(0px);
						  -moz-filter: blur(0px);
						  -o-filter: blur(0px);
						  -ms-filter: blur(0px);
						}
					}

					@keyframes reveal-down {
						0% {
						transform: translate(0,150%);
						}
						100% {
						transform: translate(0,0);
						}
					}

					@keyframes reveal-down-mascara {
							0% {
							clip-path: inset(0 0 100% 0);
							opacity: 1;
							}
					
							100% {
							clip-path: inset(0 0 0 0);
							opacity: 1;
							}
						}

						@keyframes reveal-left-mascara {
							0% {
							clip-path: inset(0 100% 0 0);
							opacity: 1;
							}
					
							100% {
							clip-path: inset(0 0 0 0);
							opacity: 1;
							}
						}

						@keyframes reveal-right-mascara {
							0% {
							clip-path: inset(0 0 0 100);
							opacity: 1;
							}
					
							100% {
							clip-path: inset(0 0 0 0);
							opacity: 1;
							}
						}

					@keyframes zoom-in {
						0% {
						transform: scale(1, 1);
						}
						100% {
						transform: scale(1.03, 1.03);
						}
					}

					@keyframes zoom-in-zoom-out {
						0% {
						  transform: scale(1, 1);
						}
						50% {
						  transform: scale(1.05, 1.05);
						}
						100% {
						  transform: scale(1, 1);
						}
					  }

					  

					@keyframes slidein {
						from {
						margin-left: 5%;
						/* width: 100% */
						}
					
						to {
						margin-left: 0%;
						/* width: 100%; */
						}
					}

					@-webkit-keyframes escalar {
						0% {
						   opacity: 0;
						   -webkit-transform: scale(1);
						}
						100% {
						   opacity: 1;
						   -webkit-transform: scale(1.3);
						}
					 }
					
					
					@-webkit-keyframes fadeInRight {
						0% {
						   opacity: 0;
						   -webkit-transform: translateX(150px);
						}
						100% {
						   opacity: 1;
						   -webkit-transform: translateX(0);
						}
					 }
					 
					
					 @-webkit-keyframes fadeInLeft {
						0% {
						   opacity: 0;
						   -webkit-transform: translateX(-150px);
						}
						100% {
						   opacity: 1;
						   -webkit-transform: translateX(0);
						}
					 }
					 @-webkit-keyframes fadeindice {
						0% {
						   opacity: 0;
						   -webkit-transform: translateX(-10px);
						}
						100% {
						   opacity: 1;
						   -webkit-transform: translateX(0);
						}
					 }
					
					 @-webkit-keyframes rollIn {
						0% { 
						   opacity: 0; 
						   -webkit-transform: translateX(-100%) rotate(-120deg); 
						}
						100% { 
						   opacity: 1; 
						   -webkit-transform: translateX(0px) rotate(0deg); 
						}
					 }


					 @keyframes reveal-up {
						0% {
						  clip-path: inset(100% 0 0 0);
						  opacity: 1;
						}
						100% {
						  clip-path: inset(0 0 0 0);
						  opacity: 1;
						}
					  }


 /* FONDOS */
					
					 .turn-page {
						box-shadow: none!important;
					 }
					 #slider, div.turn-page-wrapper {
						overflow: visible!important;
					 }
					 div.caja-zoom {
						overflow: hidden!important;
					 }

					 div.turn-page-wrapper[page="1"] div, .page[data-name="1"],
					 div.turn-page-wrapper[page="3"] div, .page[data-name="3"], 
					 div.turn-page-wrapper[page="5"] div,.page[data-name="5"],

					 div.turn-page-wrapper[page="11"] div,.page[data-name="11"],
					 div.turn-page-wrapper[page="13"] div,.page[data-name="13"], 
					 div.turn-page-wrapper[page="15"] div,.page[data-name="15"],
					 div.turn-page-wrapper[page="17"] div,.page[data-name="17"],
					 div.turn-page-wrapper[page="19"] div,.page[data-name="19"],
					 div.turn-page-wrapper[page="21"] div,.page[data-name="21"],
					 div.turn-page-wrapper[page="23"] div,.page[data-name="23"],
					 div.turn-page-wrapper[page="25"] div,.page[data-name="25"],
					 div.turn-page-wrapper[page="27"] div,.page[data-name="27"],
	
					 div.turn-page-wrapper[page="95"] div,.page[data-name="95"],
					 div.turn-page-wrapper[page="97"] div,.page[data-name="97"],

					 div.turn-page-wrapper[page="125"] div,.page[data-name="125"],
					 div.turn-page-wrapper[page="127"] div,.page[data-name="127"],
					 div.turn-page-wrapper[page="189"] div,.page[data-name="189"]
					 {
						overflow: visible!important;
						-webkit-backface-visibility: initial!important;
					 } 

					#item382167, 
					#item376329, /* pagina 16 */
					#item375741, /* pagina 16 */
					#item378025, /* pagina 16 */
					#item377971, /* pagina 23 */
					#item379044, /* pagina 23 */
					#item424783 /* pagina 125 */
					{
						overflow: auto!important;
					 }
					 div.turn-page-wrapper[page="26"] div,.page[data-name="26"],
					 div.turn-page-wrapper[page="96"] div,.page[data-name="96"],
					 div.turn-page-wrapper[page="126"] div,.page[data-name="126"]
					 {display: none;}
					 /* mobile styles */

.cierre {display: none;}					 
@media only screen and (max-width: 620px) { 
	
	html 
	{overflow-x: hidden;}

	body {
	  position: relative ;
	  overflow-x: hidden;
	}
	.cierre {display:block}
	#item318294, #item318321 {display: none;}

	#item426312 {width: 221px;}
}