.fotos-container{background-color:var(--background);width:100%;min-height:100vh;color:var(--foreground);box-sizing:border-box;padding:8rem 4rem 4rem}.fotos-header{justify-content:space-between;align-items:flex-end;margin-bottom:5rem;padding-bottom:1rem;display:flex}.fotos-title{font-family:var(--font-thunder);color:var(--foreground);margin:0;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1}.fotos-counter-total{font-family:var(--font-sans),sans-serif;color:var(--foreground);text-transform:uppercase;font-size:.85rem;font-weight:600}.fotos-grid{grid-template-columns:repeat(5,1fr);gap:5rem;width:100%;max-width:1600px;margin:0 auto;display:grid}@media (max-width:1200px){.fotos-grid{grid-template-columns:repeat(4,1fr);gap:2rem}}@media (max-width:900px){.fotos-grid{grid-template-columns:repeat(3,1fr);gap:2rem 1.25rem}}@media (max-width:600px){.fotos-container{padding:9rem 2rem 3rem}.fotos-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem 1rem}.fotos-header{margin-bottom:2rem}}.fotos-card{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;display:flex}.fotos-card-frame{aspect-ratio:1;background-color:var(--background);width:100%;position:relative;overflow:hidden}.fotos-card-image{object-fit:cover;transition:transform .5s cubic-bezier(.25,1,.5,1)}.fotos-card-overlay{opacity:0;pointer-events:none;background-color:#00000086;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.fotos-card-action-btn{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans),sans-serif;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.4rem;font-size:.85rem;font-weight:600;transition:transform .35s cubic-bezier(.25,1,.5,1),background-color .2s;display:inline-flex;transform:scale(.9)translateY(6px)}@media (hover:hover) and (pointer:fine){.fotos-card:hover .fotos-card-image{transform:scale(1.06)}.fotos-card:hover .fotos-card-overlay{opacity:1}.fotos-card:hover .fotos-card-action-btn{transform:scale(1)translateY(0)}.fotos-card-action-btn:hover{background-color:var(--color-gray-primary);color:var(--foreground);transform:scale(.95)translateY(0)}}.fotos-card-action-btn svg{transition:transform .25s}.fotos-card-caption{justify-content:center;align-items:center;margin-top:1.5rem;display:flex}.fotos-card-number{font-family:var(--font-sans);color:var(--foreground);font-size:.8rem;font-weight:700;transition:color .2s}.fotos-loader-sentinel{justify-content:center;align-items:center;width:100%;padding:3rem 0;display:flex}.fotos-spinner{border:3px solid #0000001a;border-top-color:var(--foreground);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite fotos-spin}@keyframes fotos-spin{to{transform:rotate(360deg)}}.fotos-modal-backdrop{z-index:99999;background-color:var(--background);will-change:opacity;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.fotos-modal-content{will-change:transform,opacity;flex-direction:column;align-items:center;width:100%;max-width:1200px;max-height:92vh;display:flex;position:relative}.fotos-modal-header{width:100%;color:var(--foreground);justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.fotos-modal-info{font-family:var(--font-sans),monospace;color:var(--foreground);opacity:.8;font-size:.9rem;font-weight:600}.fotos-modal-actions{align-items:center;gap:1rem;display:flex}.fotos-download-btn{background-color:var(--foreground);min-height:2rem;color:var(--background);border:1px solid var(--foreground);font-family:var(--font-sans),sans-serif;cursor:pointer;will-change:transform;border-radius:999px;outline:none;justify-content:center;align-items:center;gap:.6rem;padding:.6rem 1.4rem;font-size:.9rem;font-weight:600;transition:transform .25s cubic-bezier(.25,1,.5,1),background-color .2s,color .2s;display:inline-flex}.fotos-download-btn:hover{background-color:var(--background);color:var(--foreground);transform:scale(.95)}.fotos-download-btn .button-text{font-family:var(--font-sans),sans-serif;white-space:nowrap;font-weight:600;line-height:1}.fotos-download-btn .icon{justify-content:center;align-items:center;display:flex}.fotos-close-btn{color:var(--foreground);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:all .2s;display:flex}.fotos-modal-stage{justify-content:center;align-items:center;width:100%;height:78vh;display:flex;position:relative}.fotos-modal-image-wrapper{width:100%;max-width:90vw;height:100%;max-height:78vh;position:relative}.fotos-modal-image{object-fit:contain!important}.fotos-modal-stage .day-nav-btn{z-index:10;background-color:var(--background);cursor:pointer;color:#4a4746;border:none;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;transition:background-color .3s,transform .2s,color .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.fotos-modal-stage .day-nav-btn:hover{background-color:var(--foreground);color:var(--background);transform:translateY(-50%)scale(1.08)}.fotos-modal-stage .day-nav-btn:active{transform:translateY(-50%)scale(.95)}.fotos-nav-prev{left:.5rem}.fotos-nav-next{right:.5rem}@media (max-width:768px){.fotos-nav-prev{left:0}.fotos-nav-next{right:0}.fotos-modal-stage .day-nav-btn{width:3.2rem;height:3.2rem}}