/* 0.47.6 · barras horizontales en escritorio con mouse: flechas discretas, cursor y bordes difuminados según la posición. */
.ctc-hs-flecha{display:none}
@media (hover:hover) and (pointer:fine){
	.ctc-hs-on{cursor:grab}
	.ctc-hs-on.ctc-hs-arrastre{cursor:grabbing;user-select:none;-webkit-user-select:none}
	.ctc-hs-on.ctc-hs-arrastre a{pointer-events:none}
	.ctc-hs-host{position:relative}
	.ctc-hs-flecha{position:absolute;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;margin:0;border:1px solid #d5d9e3;border-radius:50%;background:#fff;color:#1428a0;box-shadow:0 1px 4px rgba(20,40,160,.18);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .15s ease,background-color .15s ease}
	.ctc-hs-flecha svg{width:14px;height:14px;display:block}
	.ctc-hs-flecha:hover{background:#eef0fa}
	.ctc-hs-flecha:focus-visible{outline:2px solid #1428a0;outline-offset:2px}
	.ctc-hs-flecha.is-visible{opacity:1;pointer-events:auto}
	/* difuminado: derecha si hay más a la derecha; izquierda si ya se desplazó; ninguno en los extremos */
	body .ctc-hs-on.ctc-hs-izq.ctc-hs-der{-webkit-mask-image:linear-gradient(to right,transparent,#000 22px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(to right,transparent,#000 22px,#000 calc(100% - 22px),transparent)}
	body .ctc-hs-on.ctc-hs-izq:not(.ctc-hs-der){-webkit-mask-image:linear-gradient(to right,transparent,#000 22px);mask-image:linear-gradient(to right,transparent,#000 22px)}
	body .ctc-hs-on:not(.ctc-hs-izq):not(.ctc-hs-der){-webkit-mask-image:none;mask-image:none}
}