.reportes-layout{min-height:calc(100dvh - var(--nav-height,72px));flex-direction:column;display:flex}.reportes{background:#faf5ee;flex-direction:column;flex:1;gap:clamp(12px,1.5vw,20px);padding:clamp(16px,2vw,32px) clamp(8px,2vw,24px) clamp(12px,1.5vw,24px);display:flex}.reportes__tabs{justify-content:center;gap:8px;display:flex}.reportes__viewer{flex:1;min-height:0;position:relative}.reportes__page{cursor:zoom-in;background:0 0;border:none;border-radius:4px;width:100%;height:100%;min-height:clamp(400px,74vh,860px);position:relative;overflow:hidden}.reportes__img{object-position:center center;object-fit:contain!important}.reportes__skeleton-wrap{z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;container-type:size}.reportes__skeleton{aspect-ratio:2550/1650;background:linear-gradient(90deg,#ece6da 0%,#f5efe4 40%,#faf5ee 50%,#f5efe4 60%,#ece6da 100%) 0 0/200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite reportes-shimmer}@container not (max-aspect-ratio:2550/1650){.reportes__skeleton{width:auto;height:100%}}@container (max-aspect-ratio:2550/1650){.reportes__skeleton{width:100%;height:auto}}@keyframes reportes-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.reportes__zoom-hint{color:#fff;opacity:0;pointer-events:none;background:#00000073;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .18s;display:flex;position:absolute;bottom:12px;right:12px}.reportes__page:hover .reportes__zoom-hint{opacity:1}.reportes__arrow{z-index:2;color:#1f5b6d;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#faf5eecc;border:2px solid #1f5b6d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;line-height:1;transition:background .15s,color .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.reportes__arrow--prev{left:20px}.reportes__arrow--next{right:20px}@media (min-width:768px){.reportes__arrow--prev{left:60px}.reportes__arrow--next{right:60px}}.reportes__arrow:hover:not(:disabled){color:#fff;background:#1f5b6d}.reportes__arrow:disabled{opacity:.3;cursor:default}.reportes__footer{flex-direction:column;align-items:center;gap:10px;display:flex}.reportes__counter{color:#666;letter-spacing:.05em;font-size:13px}.reportes__dots{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.reportes__dot{cursor:pointer;background:#ccc;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .15s,transform .15s}.reportes__dot:hover{background:#1f5b6d;transform:scale(1.25)}.reportes__dot--active{background:#e8641a;transform:scale(1.3)}.reportes__modal{z-index:999;background:#000000e0;justify-content:center;align-items:center;animation:.18s reportes-modal-in;display:flex;position:fixed;inset:0}@keyframes reportes-modal-in{0%{opacity:0}to{opacity:1}}.reportes__modal-close{color:#fff;cursor:pointer;z-index:2;background:0 0;border:2px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;line-height:1;transition:border-color .15s,background .15s;display:flex;position:absolute;top:20px;right:24px}.reportes__modal-close:hover{background:#ffffff26;border-color:#fff}.reportes__modal-content{border-radius:4px;width:min(92vw,147.2vh);height:min(88vh,57.5vw);position:relative}.reportes__modal-zoom{transform-origin:50%;will-change:transform;-webkit-user-select:none;user-select:none;touch-action:none;position:absolute;inset:0}.reportes__modal-img{pointer-events:none;object-fit:contain!important}.reportes__arrow--modal{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border-color:#ffffff80}.reportes__arrow--modal:hover:not(:disabled){color:#fff;background:#fff3;border-color:#fff}