.okd-fotos{display: flex;width: 100%;aspect-ratio: 1 / 1;overflow-x: auto;overflow-y: hidden;scroll-snap-type: x mandatory;scrollbar-width: none;-webkit-overflow-scrolling: touch;}.okd-fotos::-webkit-scrollbar{display: none;}.okd-fotos__cuadro{flex: 0 0 100%;width: 100%;height: 100%;scroll-snap-align: center;scroll-snap-stop: always;display: flex;align-items: center;justify-content: center;}.okd-fotos__cuadro picture{display: block;width: 100%;height: 100%;}.card-item .okd-fotos__cuadro img{width: 100%;height: 100%;max-width: 100%;max-height: 100%;object-fit: contain;display: block;-webkit-user-drag: none;user-select: none;}.okd-fotos__puntos{position: absolute;left: 50%;bottom: 6px;transform: translateX(-50%);z-index: 2;display: flex;gap: 4px;padding: 3px 6px;border-radius: 999px;background: rgba(255,255,255,0.85);pointer-events: none;}.okd-fotos__puntos span{width: 5px;height: 5px;border-radius: 50%;background: #c4c4c4;transition: background-color 0.15s ease,transform 0.15s ease;}.okd-fotos__puntos span.activo{background: #333;transform: scale(1.25);}.okd-fotos__flecha{display: none;}@media (hover: hover) and (pointer: fine){.okd-fotos__flecha{position: absolute;top: 50%;z-index: 3;display: flex;align-items: center;justify-content: center;width: 28px;height: 28px;margin-top: -14px;padding: 0;border: 1px solid rgba(15,23,42,0.08);border-radius: 50%;background: rgba(255,255,255,0.95);color: #333;box-shadow: 0 1px 4px rgba(0,0,0,0.18);cursor: pointer;opacity: 0;transition: opacity 0.15s ease;}.okd-fotos__flecha--prev{left: 6px;}.okd-fotos__flecha--next{right: 6px;}.okd-fotos-caja:hover .okd-fotos__flecha,.okd-fotos__flecha:focus-visible{opacity: 1;}}.okd-fotos__puntos[hidden],.okd-fotos__flecha[hidden]{display: none !important;}@media (prefers-reduced-motion: reduce){.okd-fotos__puntos span,.okd-fotos__flecha{transition: none;}}