*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;width:100%;touch-action:pan-y}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;height:auto;display:flex;flex-direction:column;align-items:center;gap:15px;padding:15px 0 20px;overflow-x:hidden;overflow-y:auto;width:100%;position:relative;background:var(--site-bg, #4e7262)}.device-screen{width:100%;max-width:none;min-width:200px;min-height:400px;height:auto;max-height:none;background:linear-gradient(180deg,#0a0a0f,#1a1a2e);border-radius:40px;box-shadow:0 20px 60px #00000080;padding:12px 8px;display:flex;flex-direction:column;position:relative;overflow:visible}html:not([data-theme=dark]) .device-screen{background:linear-gradient(180deg,#3a5a4b,#2c463a);box-shadow:0 20px 60px #14282073}.barra-status{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:14px;font-weight:600;padding:10px;margin-bottom:20px;min-width:fit-content;width:100%;box-sizing:border-box}:root{--lang-btn-bg: rgba(255,255,255,.2);--lang-btn-border: rgba(255,255,255,.3);--lang-btn-hover: rgba(255,255,255,.3)}.horario{color:#ff8c00;font-family:Courier New,Consolas,monospace;font-size:16px;font-weight:700;letter-spacing:2px;white-space:nowrap;flex-shrink:0;text-shadow:0 0 5px rgba(255,140,0,.8),0 0 10px rgba(255,140,0,.6),0 0 15px rgba(255,140,0,.4)}.data{color:#fff;font-family:Courier New,Consolas,monospace;font-size:14px;font-weight:600;letter-spacing:1px;white-space:nowrap;flex-shrink:0;text-shadow:0 0 3px rgba(255,255,255,.5),0 0 6px rgba(255,255,255,.3)}.sync-indicator{display:inline-flex;align-items:center;justify-content:center;color:#ff8c00;margin-left:8px;opacity:.3;animation:syncFade 1.5s ease-in-out infinite;flex-shrink:0}.sync-indicator svg{width:16px;height:16px;filter:drop-shadow(0 0 3px rgba(255,140,0,.8));animation:syncRotate 2s linear infinite}@keyframes syncFade{0%,to{opacity:.3}50%{opacity:1}}@keyframes syncRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-screen{flex:1 1 auto;padding:20px 8px;overflow:visible;min-height:0;height:auto}.apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));justify-content:space-evenly;justify-items:center;align-items:start;gap:15px;padding:20px 0;flex:0 1 auto;min-width:0;width:100%}@media(max-width:480px){.apps-grid{grid-template-columns:repeat(2,1fr);gap:15px}}@media(min-width:768px){.apps-description-section{padding:0 20px}.apps-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}.app-icon{display:flex;flex-direction:column;align-items:center;text-decoration:none;cursor:pointer;transition:transform .2s ease}.app-icon:hover{transform:scale(1.1)}.app-icon:active{transform:scale(.95)}.app-icon.is-unlocked{animation:secretAppReveal .5s ease}@keyframes secretAppReveal{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.icon{width:60px;height:60px;margin-bottom:8px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000004d;transition:box-shadow .2s ease}.app-icon:hover .icon{box-shadow:0 6px 20px #4caf5080}.icon svg{width:100%;height:100%;display:block}.icon svg .version-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:8px;font-weight:500;fill:#ffffffd9;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));pointer-events:none;-webkit-user-select:none;user-select:none}@media(min-width:768px){.icon svg .version-text{font-size:9px}}.app-name{color:#fff;font-size:11px;text-align:center;max-width:100px;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media(min-width:768px){.icon{width:80px;height:80px}.app-name{font-size:11px;max-width:120px}}.dock{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;padding:15px 10px;margin:10px 0 0;display:flex;justify-content:center;align-items:center;min-height:70px;flex:0 0 auto;min-width:0;width:100%;overflow:hidden}.dock-trigger{appearance:none;background:transparent;border:0;color:inherit;cursor:default;display:flex;align-items:center;justify-content:center;margin:0;min-width:0;padding:0;touch-action:manipulation}.dock-trigger,.dock-trigger *{cursor:default}.dock-trigger:focus-visible{outline:2px solid rgba(0,255,136,.8);outline-offset:4px;border-radius:20px}.dock-marquee-viewport{display:block;max-width:100%;overflow:hidden}.dock-marquee-track{display:flex;align-items:center;min-width:0;width:max-content;will-change:transform}.dock-brand{flex:0 0 auto}.dock-spacer{flex:0 0 auto;width:0;pointer-events:none}.dock-visitors-chip{display:flex;align-items:center;gap:14px;flex:0 0 auto;min-width:0;white-space:nowrap}.dock-visitors-label{font-family:Courier New,monospace;font-size:16px;font-weight:700;letter-spacing:2px;color:#fffffff2;text-shadow:0 0 8px rgba(255,140,0,.28)}.dock-visitors-value{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;height:auto;line-height:1;flex:0 0 auto}.dock[data-easter-state=locked] .dock-trigger{width:auto}.dock[data-easter-state=locked] .dock-marquee-track{transform:none;transition:none}.dock[data-easter-state=locked] .dock-spacer,.dock[data-easter-state=locked] .dock-visitors-chip,.dock[data-easter-state=locked] .dock-brand-secondary{display:none}.dock[data-easter-state=running] .dock-trigger,.dock[data-easter-state=running] .dock-marquee-viewport{width:100%}.dock[data-easter-state=running] .dock-spacer,.dock[data-easter-state=running] .dock-visitors-chip,.dock[data-easter-state=running] .dock-brand-secondary{display:flex}.logo-container{display:flex;align-items:center;gap:12px;animation:fadeIn 1s ease;min-width:fit-content;white-space:nowrap}.logo-icon{width:32px;height:32px;color:#0f8;filter:drop-shadow(0 0 8px rgba(0,255,136,.5));animation:pulse 2s ease-in-out infinite}.logo-text{font-family:Courier New,monospace;font-size:16px;font-weight:700;letter-spacing:2px;color:#fffffff2;text-transform:uppercase;text-shadow:0 0 10px rgba(0,255,136,.3)}.logo-highlight{color:#0f8;font-weight:900;text-shadow:0 0 8px rgba(0,255,136,.5);animation:pulseText 2s ease-in-out infinite}@keyframes pulseText{0%,to{text-shadow:0 0 8px rgba(0,255,136,.5)}50%{text-shadow:0 0 12px rgba(0,255,136,.8)}}@keyframes pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(0,255,136,.5))}50%{transform:scale(1.05);filter:drop-shadow(0 0 12px rgba(0,255,136,.8))}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.dock-visitors-chip{gap:10px}.dock-visitors-label{font-size:14px;letter-spacing:1.4px}}.home-screen::-webkit-scrollbar{width:6px}.home-screen::-webkit-scrollbar-track{background:transparent}.home-screen::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.home-screen::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-icon{animation:fadeInUp .5s ease}.apps-description-section{width:100%;max-width:none;margin:40px auto 20px;padding:0}.section-title{color:#fff;font-size:2rem;font-weight:700;text-align:center;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.section-subtitle{color:#ffffffe6;font-size:1.1rem;text-align:center;margin-bottom:30px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.apps-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:30px}.app-card{background:#6a9580!important;border-radius:12px;padding:24px;box-shadow:0 6px 18px #00000040;border:1px solid rgba(0,0,0,.12);transition:transform .2s ease,box-shadow .2s ease}.app-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #00000059}.app-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.app-icon-large{width:60px;height:60px;flex-shrink:0}.app-card-header>a{text-decoration:none;display:inline-block;transition:transform .2s ease;position:relative}.app-card-header>a:hover{transform:scale(1.05)}.app-card-header>a:active{transform:scale(.95)}.app-card-header h3{margin:0;font-size:1.4rem;color:#fff}.app-card-header h3 a{color:#ffd54f;text-decoration:none;transition:color .2s ease}.app-card-header h3 a:hover{color:#ffb300;text-decoration:underline}.app-description{color:#fffffff2;font-size:1rem;line-height:1.6;margin-bottom:16px}html[data-theme=dark] .app-card{background:#3a5947!important;border-color:#ffffff26;box-shadow:0 10px 24px #0006}html[data-theme=dark] .app-card:hover{box-shadow:0 14px 30px #00000080}.app-link{display:inline-block;color:#ffd54f;font-weight:600;text-decoration:none;transition:color .2s ease}.app-link:hover{color:#ffb300;text-decoration:underline}@media(max-width:480px){.apps-list{grid-template-columns:1fr;gap:20px}}@media(min-width:768px){.apps-description-section{padding:0 20px}.section-title{font-size:2.5rem}.section-subtitle{font-size:1.2rem}.apps-list{gap:24px}}