/* Ajustes 2026: en pantallas mayores a 1680px el banner conserva su tamaño
   y los costados toman el mismo color de fondo de la sección de beneficios */
.w-banner-fondo {
	background-color: #fffee8;
}

/* Animación de entrada de los beneficios: suben desde abajo al aparecer en pantalla.
   La clase js-anim solo se agrega si el navegador soporta la animación, así que sin
   JavaScript (o con "reducir movimiento" activo) los beneficios se ven normalmente. */
.js-anim .w-beneficios > .col-xs-3 {
	opacity: 0;
	transform: translateY(60px);
	transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.js-anim .w-beneficios > .col-xs-3.visible {
	opacity: 1;
	transform: translateY(0);
}
.js-anim .w-beneficios > .col-xs-3:nth-child(2) { transition-delay: 0.08s; }
.js-anim .w-beneficios > .col-xs-3:nth-child(3) { transition-delay: 0.16s; }
.js-anim .w-beneficios > .col-xs-3:nth-child(4) { transition-delay: 0.24s; }