/*! Vaporex Design · vx-band */

.vx-band.ticker{position:relative;z-index:1;overflow:hidden;background:var(--vx-blue)}
.vx-band .ticker__track{display:flex;width:max-content;animation:vx-tick 48s linear infinite}
.vx-band.ticker span{padding:16px 0;font-size:14px;color:#fff;white-space:nowrap;display:flex;align-items:center;font-weight:400}
.vx-band.ticker span::after{content:"";width:20px;height:10px;margin:0 30px;background:linear-gradient(var(--vx-sky),var(--vx-sky)) 0 0/2px 100% no-repeat,linear-gradient(var(--vx-sky),var(--vx-sky)) 6px 0/2px 100% no-repeat,linear-gradient(var(--vx-sky),var(--vx-sky)) 12px 0/2px 100% no-repeat;transform:skewX(var(--vx-skew))}
@media (prefers-reduced-motion:reduce){
  .vx-band .ticker__track{animation:none;flex-wrap:wrap;width:auto}
}
.vx-band.band{background:var(--vx-blue);color:#fff;margin-top:clamp(48px,6vw,80px)}
.vx-band .band__in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 32px;padding:16px 0;font-size:14px}
.vx-band .band__in span{display:flex;align-items:center;gap:10px}
.vx-band .band__in span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--vx-sky);box-shadow:0 0 0 3px rgba(110,193,228,.25)}
@media (max-width:860px){
  .vx-band .band__in{flex-direction:column;gap:8px}
}


/* ---- ajustes para WordPress/Elementor ---- */
/* La franja va siempre pegada al hero. */
.vx-band.band{margin-top:0}
/* En móvil (columna flex dentro del contenedor flex de Elementor) el ancho con min() y %
   inflaba la altura calculada; a este ancho equivale a ocupar todo menos los márgenes. */
@media (max-width:860px){.vx-band .band__in{width:auto;margin-inline:var(--vx-gutter)}}