.sample-sheet-viewer .sample-thumbnail{border-radius:7px;flex:none;width:64px;height:49px;display:block;position:relative;overflow:hidden}.sample-sheet-viewer .sample-thumbnail img{object-fit:cover;width:100%;height:100%}.sample-watermark{pointer-events:none;z-index:2;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-around;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.sample-watermark>span{font-family:var(--letra);letter-spacing:.07em;color:#1e276133;text-shadow:0 1px #ffffffa6;font-size:clamp(28px,6vw,75px);font-weight:900;line-height:1;display:block;transform:rotate(-24deg)}.sample-watermark-small>span{color:#1e27618c;letter-spacing:0;text-shadow:0 1px 1px #fff;font-size:12px}.electoral-pages .sample-preview{flex-direction:column;justify-content:space-between;align-items:stretch;gap:18px;min-width:0;display:flex}.sample-preview-heading{color:var(--texto-2);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.sample-preview-heading strong{background:var(--tinte-verde);color:var(--verde-texto);border-radius:6px;padding:3px 7px;display:inline-block}.sample-preview-sheet{perspective:1600px;width:100%}.sample-preview-sheet .sample-image{transition:transform .65s var(--suave);transform:rotateX(6deg)rotateY(-8deg)}.sample-preview-sheet:hover .sample-image{transform:none}.electoral-pages .sample-preview .sample-image img{box-shadow:none;border-radius:0;transition:opacity .2s;transform:none!important}.sample-image{isolation:isolate;aspect-ratio:1600/1236;background:#fff;border-radius:10px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 22px 48px #141a4533}.sample-image img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.sample-preview-sheet .sample-image img{cursor:zoom-in}.sample-image-loading img,.sample-image-error img{opacity:0}.sample-image-status{z-index:3;color:#1e2761;text-align:center;background:#f4f6fc;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;font-size:14px;display:flex;position:absolute;inset:0}.sample-image-status p{margin:0}.sample-image-status button{background:#fff;border:1px solid #7f8aa5;border-radius:10px;min-height:44px;padding:10px 14px;font-weight:750}.sample-loading-dot{border:3px solid #dce2ec;border-top-color:#1a884a;border-radius:50%;width:24px;height:24px;animation:1s linear infinite sample-image-load}@keyframes sample-image-load{to{transform:rotate(360deg)}}.sample-expand{border:1px solid var(--borde-campo);background:var(--tarjeta);min-height:44px;color:var(--titulo);border-radius:11px;justify-content:center;align-self:center;align-items:center;gap:9px;padding:10px 15px;font-size:13px;font-weight:800;transition:background .16s,box-shadow .16s;display:flex}.sample-expand svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.sample-expand:hover{background:var(--tarjeta-2);box-shadow:3px 3px 0 var(--sombra)}.sample-expand:active,.sample-control:active{transform:translateY(1px)}.sample-sheet-viewer button:focus-visible,.sample-viewer-dialog button:focus-visible,.sample-viewport:focus-visible{outline:3px solid var(--verde-texto);outline-offset:3px}.sample-viewer-dialog{background:var(--pagina);width:100%;max-width:none;height:100dvh;max-height:none;color:var(--texto);border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.sample-viewer-dialog::backdrop{background:#0b0f2e}.sample-viewer-layout{grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;min-height:0;display:grid}.sample-viewer-header{padding:16px max(20px,env(safe-area-inset-right)) 14px max(20px,env(safe-area-inset-left));background:var(--tarjeta);border-bottom:1px solid var(--borde);justify-content:space-between;align-items:center;gap:16px;display:flex}.sample-viewer-header>div{min-width:0}.sample-viewer-eyebrow{letter-spacing:.08em;color:var(--verde-texto);font-size:11px;font-weight:800}.sample-viewer-dialog .sample-viewer-header h2{letter-spacing:-.4px;color:var(--titulo);margin:4px 0 0;font-size:clamp(18px,2.4vw,25px);line-height:1.2}.sample-control{background:var(--tarjeta);border:1px solid var(--borde-campo);min-width:44px;min-height:44px;color:var(--titulo);border-radius:11px;flex:none;justify-content:center;align-items:center;gap:9px;padding:9px 14px;font-size:14px;font-weight:750;line-height:1.2;transition:background .15s;display:inline-flex}.sample-control:hover:not(:disabled){background:var(--tinte-verde)}.sample-control:disabled{opacity:.45;cursor:default;transform:none}.sample-close{gap:8px}.sample-close>span:first-child{font-size:27px;font-weight:500;line-height:20px}.sample-viewer-tools{padding:10px max(20px,env(safe-area-inset-right)) 10px max(20px,env(safe-area-inset-left));justify-content:space-between;align-items:center;gap:12px;display:flex}.sample-control-group{align-items:center;gap:6px;display:flex}.sample-control-group>.sample-control:not(.sample-fit){padding:6px;font-size:21px}.sample-zoom-value{text-align:center;min-width:64px;color:var(--titulo);font-variant-numeric:tabular-nums;font-size:13px;font-weight:750}.sample-viewer-count{color:var(--texto-2);white-space:nowrap;font-size:13px;font-weight:750}.sample-viewport{touch-action:none;background:radial-gradient(ellipse at center,var(--tarjeta-2),var(--pagina));overscroll-behavior:contain;min-width:0;min-height:0;position:relative;overflow:hidden;outline-offset:-4px!important}.sample-viewport-zoomed{cursor:grab}.sample-viewport-zoomed:active{cursor:grabbing}.sample-sheet-stage{transform-origin:50%;will-change:transform;position:absolute;top:50%;left:50%}.sample-sheet-stage .sample-image{border-radius:3px}.sample-sheet-stage .sample-watermark>span{font-size:clamp(30px,7vw,80px)}.sample-viewer-footer{padding:10px max(20px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:var(--tarjeta);border-top:1px solid var(--borde)}.sample-navigation{justify-content:space-between;align-items:center;gap:16px;display:flex}.sample-navigation p{text-align:center;max-width:560px;color:var(--texto-2);margin:0;font-size:12px;line-height:1.45}.sample-viewer-note{text-align:center;color:var(--texto-2);margin-top:8px;font-size:11px;display:block}@media (max-width:600px){.sample-viewer-header{padding-top:max(12px,env(safe-area-inset-top));gap:8px}.sample-viewer-header .sample-viewer-eyebrow{letter-spacing:.02em;font-size:9px}.sample-viewer-header .sample-close{width:44px;padding:6px}.sample-close>span:last-child{display:none}.sample-viewer-tools{gap:6px;padding:8px 12px}.sample-control-group{gap:3px}.sample-zoom-value{min-width:51px;font-size:12px}.sample-fit{padding-inline:9px;font-size:12px}.sample-viewer-count{font-size:11px}.sample-navigation{flex-wrap:wrap;gap:8px}.sample-navigation p{order:3;width:100%;font-size:11px}.sample-viewer-footer{padding-inline:12px}.sample-viewer-note{font-size:10px}.sample-preview-heading{gap:6px;font-size:10px}.sample-preview-sheet .sample-image{transform:none}}@media (prefers-reduced-motion:reduce){.sample-preview-sheet .sample-image,.sample-expand,.sample-control,.sample-image img{transition:none!important}.sample-loading-dot{border-color:#1a884a;animation:none}}@media (min-width:600px) and (max-height:500px){.sample-viewer-header{padding:4px max(12px,env(safe-area-inset-right)) 4px max(12px,env(safe-area-inset-left));gap:10px}.sample-viewer-header>div{flex:1;align-items:center;gap:12px;display:flex;overflow:hidden}.sample-viewer-eyebrow{letter-spacing:.02em;white-space:nowrap;flex:none;font-size:10px}.sample-viewer-dialog .sample-viewer-header h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;line-height:1.2;overflow:hidden}.sample-viewer-header .sample-close{padding:6px 10px}.sample-viewer-tools{padding:2px max(12px,env(safe-area-inset-right)) 2px max(12px,env(safe-area-inset-left))}.sample-viewer-footer{padding:4px max(12px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.sample-viewer-footer .sample-navigation p,.sample-viewer-footer .sample-viewer-note{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}
