.cta_band {
    position: relative;
    width: 100%;
    height: 500px; /* Tu altura definida */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #f0f0f0;
    overflow: hidden;
	padding: 20px;
}

.cta_band::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    
    /* El visor donde se verá el mapa */
    width: 100%;
    max-width: 1200px; 
    height: 100%;
    
    background-image: url('../images/frontPage/world_map.svg');
    background-repeat: repeat-x;
    
    /* Ajustamos el tamaño manteniendo la proporción 1440/560 */
    /* El ancho es ~1286px para un alto de 500px */
    background-size: 1286px 500px; 
    
    /* Animación: se desplaza exactamente el ancho de una repetición */
    animation: rotateMap 30s linear infinite;
    
    /* Fading lateral más corto */
-webkit-mask-image: linear-gradient(
    to right, 
    transparent 0%, 
    black 5%,    /* El mapa ya es totalmente opaco al llegar al 5% del ancho */
    black 95%,   /* Empieza a desvanecerse recién en el 95% */
    transparent 100%
);
mask-image: linear-gradient(
    to right, 
    transparent 0%, 
    black 5%, 
    black 95%, 
    transparent 100%
);
    
    opacity: 0.5;
    pointer-events: none;
}

.cta_band > * {
    position: relative;
    z-index: 1;
}

@keyframes rotateMap {
    from {
        background-position: 0 0;
    }
    to {
        /* DEBE coincidir con el ancho de background-size para ser seamless */
        background-position: -1286px 0;
    }
}

.cta_band_title{
    text-align: center;
    margin: 0;
    font-size: 1.7rem;
    font-weight: 800;
	margin-bottom: 2rem;
}

.cta_band_button{
    color: #fff;
	text-decoration: none;
	width: 100%;
	height: 50px;
	max-width: 600px;
	background: var(--blue);
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 1.1rem;
	transition: transform 0.3s, box-shadow 0.3s;
}
@media (hover: hover) {
	.cta_band_button:hover {
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
		transform: translateY(-4px);
	}
}
@media (min-width: 700px) {
	.cta_band_title{
		font-size: 2.2rem;
		margin-bottom: 3rem;
	}
}