:root {
	--blue: #3562e5;

	--fade: #F2F2F2;
	--white: #FFFFFF;
}

.gradient-text-blue h1 {
	background: #FFFFFF;
	background: linear-gradient(to right, #FFFFFF 50%, #0C58E1 70%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gradient-text-blue-mini h1 {
	background: #FFFFFF;
	background: linear-gradient(to right, #FFFFFF 50%, #0C58E1 56%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gradient-text-blue-invert h1 {
	background: #0C58E1;
	background: linear-gradient(to right, #0C58E1 50%, #FFFFFF 70%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.span-blue span {
	color: var(--blue);
}

.producto-fixed {
	transform: translate(0px, -800px) scale(0);
}

  /* Capa de flash global (ilumina toda la escena) */
  .flash {
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.8);
    opacity: 0;
    mix-blend-mode: screen;
    pointer-events: none;
  }
  @keyframes flashEffect {
    0% { opacity: 0; }
    10% { opacity: 1; }
    20% { opacity: 0.3; }
    40% { opacity: 0.9; }
    60% { opacity: 0; }
    100% { opacity: 0; }
  }


.visible-xs {
	display: none !important;
}

/* Medium & mobile devices (phone, tablets, 768px and less) */
@media screen and (max-width: 767px) {
	.visible-xs {
		display: block !important;
	}

	.hidden-xs {
		display: none !important;
	}
}

/* Mobile devices (tablet, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* XXL Extra large devices (HD-4K, 1400px and up) */
@media (min-width: 1400px) {
	
}