/* ----------------------------------------------------------------

Añade aquí todo tu CSS personalizado para crear nuevos estilos o sobrescribir los estilos predeterminados del tema para gestionar mejor las actualizaciones.

-----------------------------------------------------------------*/

		/* card9 */
		.block-card-9 .grid-inner .btn-hover {
			opacity: 0;
			display: block;
			transition: opacity .3s ease, transform .3s .1s ease;
			margin-top: 15px;
			position: absolute;
			transform: translateY(0);
		}
		.block-card-9 .grid-inner:hover .btn-hover {
			opacity: 1;
			transform: translateY(-5px);
		}

		.block-card-9 .grid-inner .grid-image {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-size: cover;
			background-position: center center;
		}

		.block-card-9 .grid-inner:hover .grid-image {
			-webkit-animation: kenburns 20s ease-out both;
	        animation: kenburns 20s ease-out both;
		}

		.block-card-9 .grid-inner .grid-icon,
		.block-card-9 .grid-inner .grid-content {
			transition: transform .3s ease;
		}

		.block-card-9 .grid-inner:hover .grid-content { transform: translateY(-45px); }
		.block-card-9 .grid-inner:hover .grid-icon { transform: translateY(-5px); }

		@-webkit-keyframes kenburns {
		  0% {
		    -webkit-transform: scale(1) translate(0, 0);
		            transform: scale(1) translate(0, 0);
		    -webkit-transform-origin: 84% 84%;
		            transform-origin: 84% 84%;
		  }
		  100% {
		    -webkit-transform: scale(1.25) translate(20px, 15px);
		            transform: scale(1.25) translate(20px, 15px);
		    -webkit-transform-origin: right bottom;
		            transform-origin: right bottom;
		  }
		}
		@keyframes kenburns {
		  0% {
		    -webkit-transform: scale(1) translate(0, 0);
		            transform: scale(1) translate(0, 0);
		    -webkit-transform-origin: 84% 84%;
		            transform-origin: 84% 84%;
		  }
		  100% {
		    -webkit-transform: scale(1.25) translate(20px, 15px);
		            transform: scale(1.25) translate(20px, 15px);
		    -webkit-transform-origin: right bottom;
		            transform-origin: right bottom;
		  }
		}

		.bg-overlay-bg {
			opacity: 1;
			transition: opacity 0.4s ease;
		}

		.grid-inner:hover .bg-overlay-bg {
			opacity: 0;
		}

		.bg-overlay-content h4,
		.bg-overlay-content h5 {
			transition: color 0.4s ease, text-shadow 0.4s ease;
			color: #fff;
			text-shadow: 1px 1px 4px rgba(0,0,0,0.3); /* sombra ligera */
		}

		.grid-inner:hover .bg-overlay-content h4,
		.grid-inner:hover .bg-overlay-content h5 {
			color: #fff; 
			text-shadow: 2px 2px 6px rgba(0,0,0,0.9); /* más fuerte */
		}

		.grid-inner:hover .bg-overlay-content img {
			filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.9));
			transition: filter 0.4s ease;
		}

		/* --- estilos del lightbox --- */
		.lightbox{
		display: none;
		position: fixed;
		inset: 0;
		background: rgba(0,0,0,0.85);
		justify-content: center;
		align-items: center;
		z-index: 9999;
		}
		.lightbox.open{ display: flex; }
		.lightbox img{
		max-width: 90%;
		max-height: 85%;
		border-radius: 8px;
		box-shadow: 0 10px 40px rgba(0,0,0,0.6);
		}
		.lb-close, .lb-prev, .lb-next{
		position: absolute;
		background: transparent;
		border: none;
		color: white;
		font-size: 36px;
		cursor: pointer;
		padding: 8px;
		line-height: 1;
		}
		.lb-close{ top: 18px; right: 26px; }
		.lb-prev{ left: 18px; top: 50%; transform: translateY(-50%); }
		.lb-next{ right: 18px; top: 50%; transform: translateY(-50%); }

		/* card9 */

		/* crypto */
		.logo {
			max-width: 100%;
			height: auto;
			display: block;
		}

		@media (max-width: 576px) {
			.logo {
				max-width: 250px;
			}
		}

		@media (min-width: 577px) and (max-width: 1199px) {
			.logo {
				max-width: 400px;
			}
		}

		@media (min-width: 1200px) {
			.logo {
				max-width: 600px;
			}
		}

		.scroll-detect {
			min-height: 100vh;
		}

		@media (max-width: 767px) {
			.scroll-detect {
				min-height: 85vh; /* en celulares más compacto */
			}
		}
		/* crypto */


		/* faq */
		@media (max-width: 992px) {
			.blocks-faqs-3 .sticky-section { position: relative !important; }
		}

		.blocks-faqs-3 .faqs .toggle {
			background-color: var(--cnvs-contrast-0);
			border-radius: 3px;
			box-shadow: 0 2px 3px rgba(0, 0, 0, 0.085);
		}

		.blocks-faqs-3 .faqs .toggle-header {
			padding: 15px 20px;
			margin: 0;
		}

		.blocks-faqs-3 .faqs .toggle-content {
		    border-top: 1px solid var(--cnvs-contrast-100);
		    padding: 20px 25px;
		}
		/* faq */