#cboxContent{ overflow:hidden; border: 1px solid #76bc21;}

/* #colorbox, #cboxContent, .cboxIframe
{
	background: #76bc21;
} */
#cboxOverlay { 
	background-color: #fff !important;
	opacity: 0.9 !important;
	position: fixed;
}
a { cursor: url('../estilos/iconos/clic.png'), auto;}
p.Ladillo-4, p.Ladillo-3 {
	font-weight: bold;
}


/* botones cuadros  */
.indice-capitulos:hover,
.cuadro-boton-texto-big:hover {
	color: #fff;
}
.cuadro-boton-texto::before,
.cuadro-boton-texto-verde::before,
.cuadro-boton-texto-big::before {
	content: "";
	display: block;
	background: url("../imagenes/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("../imagenes/flecha-blanco.svg") no-repeat;
	width: 12px;
	height: 22px;
	float: left;
	margin: 0 -16px 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;
}
.medium-pop::after {
	content: "";
	display: block;
	background: url("../../recursos/estilos/iconos/flecha-verde.svg") no-repeat;
	width: 12px;
	height: 22px;
	float: right;
	margin: 0 -16px 0 0;
	background-size: cover;
	position: relative;
	left: -30px;
	top: -3px;
	animation: fadeindice  2s infinite;
}
._1-1-1-1-numero {
	width: 70px;
	animation: reveal-left 1s ease-in-out forwards;
}

.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 10px 5px 10px;
			}		

			.cuadro-sub-boton-off,
			.cuadro-sub-boton
			{
				background: #76bc21;
				border: 3px solid #fff;
				border-radius: 50px;
				color: #fff!important;
				padding: 5px 10px 5px 10px;
			}		
			.Cuadros_-_cuadro-sub-boton-on{
				background: #fff;
				border: 3px solid #fff;
				border-radius: 50px;
				color: #76bc21!important;
				padding: 5px 10px 5px 10px;
			}		
			.cuadro-sub-boton-off:hover {
				background: #c1f97e;
				border: 3px solid #c1f97e;
				border-radius: 50px;
				color: #76bc21!important;
				padding: 5px 10px 5px 10px;
				font-family: FF-GothamBold,"Gotham Bold";
			}
			.estado-cerrar:hover {
				color: #76bc21;
			}

			/* 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('../imagenes/down-negro.svg');
					}
					
					/* Place The scroll up button at the up */
					::-webkit-scrollbar-button:start:decrement {
						background-image: url('../imagenes/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;
					}

					@-webkit-keyframes fadeindice {
						0% {
						   opacity: 0;
						   -webkit-transform: translateX(-10px);
						}
						100% {
						   opacity: 1;
						   -webkit-transform: translateX(0);
						}
					 }

					 .grafico-1-up  {
						clip-path: inset(0 0 0 0);
						animation: reveal-up 2s ease-in-out forwards;
						animation-delay: 1s;
					  }
					  .grafico-1-down  {
						clip-path: inset(0 0 0 0);
						animation: reveal-down-mascara 2s ease-in-out forwards;
						animation-delay: 1s;
					  }
					  .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: 3s;
					  }
					  
					  .grafico-2-left {
						clip-path: inset(0 0 0 0);
						animation: reveal-left 5s ease-in-out forwards;
						animation-delay: 3s;
					  }
					  .grafico-1-left {
						clip-path: inset(0 0 0 0);
						animation: reveal-left 5s ease-in-out forwards;
						animation-delay: 1s;
					  }
					  
					  
					  @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(100% 0 0 0);
						  opacity: 1;
						}
						100% {
						  clip-path: inset(0 0 0 0);
						  opacity: 1;
						}
					  }
					  @keyframes reveal-down-mascara {
						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;
					}

					.texto-mas-recuadro::before {
						content: "";
						display: block;
						background: url("../estilos/iconos/plus.svg") no-repeat;
						width: 30px;
						height: 30px;
						float: left;
						margin: 0px -40px 0 0;
						background-size: cover;
						position: relative;
						left: -60px;
					}
					.texto-menos-recuadro::before {
						content: "";
						display: block;
						background: url("../estilos/iconos/menos.svg") no-repeat;
						width: 30px;
						height: 30px;
						float: left;
						margin: 0px -40px 0 0;
						background-size: cover;
						position: relative;
						left: -60px;
					}