.examples-page.svelte-1s1pej0{padding:2rem 1rem;max-width:1200px;margin:0 auto}.page-header.svelte-1s1pej0{text-align:center;margin-bottom:2.5rem}.page-title.svelte-1s1pej0{font-family:var(--font-family-display);font-size:2.5rem;color:var(--color-loteria-black);letter-spacing:.1em;margin-bottom:.5rem}.page-subtitle.svelte-1s1pej0{font-family:var(--font-family-body);font-size:1.1rem;color:var(--color-loteria-black);opacity:.7}.card-grid.svelte-1s1pej0{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.card-item.svelte-1s1pej0{aspect-ratio:2/3;border-radius:8px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;padding:0;background:none;border:none}.card-item.svelte-1s1pej0:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #0003}.card-item.svelte-1s1pej0:focus{outline:3px solid var(--color-loteria-red, #dc2626);outline-offset:2px}.card-image.svelte-1s1pej0{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border:3px solid var(--color-loteria-black);border-radius:8px}@media(max-width:900px){.card-grid.svelte-1s1pej0{grid-template-columns:repeat(3,1fr);gap:1.25rem}.page-title.svelte-1s1pej0{font-size:2.25rem}}@media(max-width:600px){.card-grid.svelte-1s1pej0{grid-template-columns:repeat(2,1fr);gap:1rem}.page-title.svelte-1s1pej0{font-size:2rem}.page-subtitle.svelte-1s1pej0{font-size:1rem}}.cta-top.svelte-1s1pej0{margin-top:1.5rem}.cta-section.svelte-1s1pej0{text-align:center;margin-top:3rem;padding:2rem 0}.cta-heading.svelte-1s1pej0{font-family:var(--font-family-display);font-size:1.75rem;color:var(--color-loteria-black);margin-bottom:1rem}@media(max-width:600px){.cta-heading.svelte-1s1pej0{font-size:1.5rem}}.lightbox-overlay.svelte-1s1pej0{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.lightbox-content.svelte-1s1pej0{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}.lightbox-close.svelte-1s1pej0{position:fixed;top:1rem;right:1rem;background:#ffffff1a;border:none;color:#fff;padding:.75rem;border-radius:50%;cursor:pointer;transition:background .2s ease;z-index:1001}.lightbox-close.svelte-1s1pej0:hover{background:#fff3}.lightbox-close.svelte-1s1pej0:focus{outline:2px solid white;outline-offset:2px}.lightbox-nav.svelte-1s1pej0{position:absolute;background:#ffffff1a;border:none;color:#fff;padding:1rem;border-radius:50%;cursor:pointer;transition:background .2s ease;z-index:1001}.lightbox-nav.svelte-1s1pej0:hover{background:#fff3}.lightbox-nav.svelte-1s1pej0:focus{outline:2px solid white;outline-offset:2px}.lightbox-prev.svelte-1s1pej0{left:1rem}.lightbox-next.svelte-1s1pej0{right:1rem}.lightbox-card.svelte-1s1pej0{display:flex;flex-direction:column;align-items:center;max-height:85vh}.lightbox-image.svelte-1s1pej0{max-height:75vh;max-width:min(90vw,500px);width:auto;height:auto;-o-object-fit:contain;object-fit:contain;border:4px solid white;border-radius:8px;box-shadow:0 8px 32px #00000080}.lightbox-card-name.svelte-1s1pej0{font-family:var(--font-family-display);font-size:1.5rem;color:#fff;margin-top:1rem;letter-spacing:.05em;text-shadow:0 2px 4px rgba(0,0,0,.5)}.lightbox-counter.svelte-1s1pej0{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:.875rem}@media(max-width:600px){.lightbox-nav.svelte-1s1pej0{padding:.75rem}.lightbox-prev.svelte-1s1pej0{left:.5rem}.lightbox-next.svelte-1s1pej0{right:.5rem}.lightbox-card-name.svelte-1s1pej0{font-size:1.25rem}.lightbox-image.svelte-1s1pej0{max-width:85vw}}