.banners{position: relative;width: calc(100% - 2 * var(--gutter));max-width: var(--container);margin-inline: auto;margin-top: var(--space-4);border-radius: var(--radius-xl);overflow: hidden;background: var(--surface-sunk);border: 1px solid var(--border);box-shadow: var(--shadow-sm)}.banners[hidden]{display: none}.bn-vista{overflow: hidden;aspect-ratio: var(--bn-ratio,1 / 1);transition: aspect-ratio var(--dur-slow) var(--ease-out);touch-action: pan-y}@media (min-width: 768px){.bn-vista{aspect-ratio: var(--bn-ratio,16 / 5)}}.bn-pista{display: flex;height: 100%;margin: 0;padding: 0;list-style: none;transition: transform var(--dur-slow) var(--ease-out);will-change: transform}.bn-pista.arrastrando{transition: none}.bn-slide{flex: 0 0 100%;min-width: 0;height: 100%;position: relative}.bn-slide a,.bn-slide .bn-cuadro{display: block;width: 100%;height: 100%;color: inherit}.bn-slide picture,.bn-slide img,.bn-slide video{display: block;width: 100%;height: 100%;object-fit: cover;user-select: none;-webkit-user-drag: none}.bn-slide video{position: absolute;inset: 0;background: transparent}.bn-slide a:focus-visible{outline: 3px solid var(--focus);outline-offset: -6px}.bn-flecha{position: absolute;top: 50%;transform: translateY(-50%);width: var(--touch);height: var(--touch);display: inline-flex;align-items: center;justify-content: center;border: 0;border-radius: 50%;background: rgba(255,255,255,.92);color: var(--text);box-shadow: var(--shadow-md);cursor: pointer;transition: background var(--dur-fast)}.bn-flecha:hover{background: #fff}.bn-flecha:focus-visible,.bn-punto:focus-visible,.bn-pausa:focus-visible{outline: 3px solid var(--focus);outline-offset: 2px}.bn-flecha svg{width: 22px;height: 22px}.bn-prev{left: var(--space-3)}.bn-sig{right: var(--space-3)}.bn-barra{position: absolute;left: 0;right: 0;bottom: var(--space-3);display: flex;justify-content: center;align-items: center;gap: var(--space-2);pointer-events: none}.bn-barra>*{pointer-events: auto}.bn-puntos{display: flex;gap: 2px;padding: 2px var(--space-2);background: rgba(0,0,0,.38);border-radius: var(--radius-pill)}.bn-punto{width: 24px;height: 24px;padding: 0;border: 0;background: none;cursor: pointer;display: inline-flex;align-items: center;justify-content: center}.bn-punto::before{content: "";width: 10px;height: 10px;border-radius: 50%;background: rgba(255,255,255,.6);transition: width var(--dur-base) var(--ease-out),background var(--dur-fast)}.bn-punto[aria-current="true"]::before{width: 22px;border-radius: var(--radius-pill);background: #fff}.bn-pausa{width: 28px;height: 28px;padding: 0;border: 0;border-radius: 50%;background: rgba(0,0,0,.38);color: #fff;display: inline-flex;align-items: center;justify-content: center;cursor: pointer}.bn-pausa svg{width: 14px;height: 14px}.bn-solo-lector{position: absolute;width: 1px;height: 1px;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}@media (max-width: 600px){.banners{border-radius: var(--radius-lg)}.bn-flecha{display: none}.bn-barra{bottom: var(--space-2)}}@media (prefers-reduced-motion: reduce){.bn-pista,.bn-vista,.bn-punto::before{transition: none}}