.hero-bg{background:linear-gradient(135deg,#0f172a 0,#1e40af 50%,#0369a1 100%)}.hero-text{text-shadow:2px 2px 4px rgba(0,0,0,.5)}.gallery-item img{transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.gallery-item:hover img{transform:scale(1.02);box-shadow:0 15px 30px rgba(0,0,0,.15)}.gallery-item .img-wrapper{position:relative;border-radius:.75rem;overflow:hidden;cursor:pointer}.gallery-hint{display:none;text-align:center;font-size:.85rem;color:#6b7280;margin-top:.5rem}@media (max-width:767px){.gallery-item .img-wrapper.is-mobile-screenshot{max-height:280px}.gallery-item .img-wrapper.is-mobile-screenshot::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,#fff);pointer-events:none}.gallery-hint{display:block}}html.dark .gallery-item .img-wrapper.is-mobile-screenshot::after{background:linear-gradient(to bottom,transparent,#0f172a)}html.dark .gallery-hint{color:#94a3b8}.dark-toggle{background:0 0;border:2px solid #d1d5db;border-radius:9999px;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:border-color .3s,background .3s}.dark-toggle:hover{border-color:#3b82f6;background:rgba(59,130,246,.1)}.dark-toggle svg{width:20px;height:20px}.dark-toggle .icon-sun{display:none}.dark-toggle .icon-moon{display:block;color:#6b7280}html.dark .dark-toggle{border-color:#4b5563}html.dark .dark-toggle:hover{border-color:#60a5fa;background:rgba(96,165,250,.1)}html.dark .dark-toggle .icon-sun{display:block;color:#fbbf24}html.dark .dark-toggle .icon-moon{display:none}html.dark nav{background:#1e293b;box-shadow:0 1px 3px rgba(0,0,0,.4)}html.dark nav .text-gray-600{color:#94a3b8}html.dark nav .text-gray-600:hover{color:#60a5fa}html.dark nav .text-blue-600{color:#60a5fa}html.dark nav .font-bold{color:#60a5fa}html.dark #galeria{background:#0f172a}html.dark #galeria h2{color:#f1f5f9}html.dark #galeria .text-gray-600,html.dark #galeria p.text-gray-600{color:#94a3b8}html.dark #galeria h3{color:#e2e8f0}html.dark .gallery-item:hover img{box-shadow:0 15px 30px rgba(0,0,0,.4)}html.dark #multi-dispositivo{background:#0f172a}html.dark #multi-dispositivo h2{color:#f1f5f9}html.dark #multi-dispositivo .text-gray-600,html.dark #multi-dispositivo p.text-gray-600{color:#94a3b8}html.dark .device-frame{border-color:#475569;background:#1e293b}html.dark #beneficios{background:#1e293b}html.dark #beneficios h2{color:#f1f5f9}html.dark #beneficios .text-gray-700{color:#cbd5e1}html.dark #beneficios .font-semibold{color:#e2e8f0}.device-frame{border:3px solid #cbd5e1;border-radius:12px;overflow:hidden;background:#f8fafc;box-shadow:0 4px 12px rgba(0,0,0,.1)}.device-frame img{display:block}.desktop-frame{border-radius:8px;max-width:100%}.tablet-frame{border-radius:14px;max-width:220px}.mobile-frame{border-radius:18px;max-width:130px;border-width:4px}.lightbox-overlay{display:none;position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.85);align-items:center;justify-content:center;padding:2rem}.lightbox-overlay.active{display:flex}.lightbox-overlay img{max-width:90vw;max-height:85vh;border-radius:12px;box-shadow:0 25px 50px rgba(0,0,0,.5)}.lightbox-close{position:absolute;top:1rem;right:1.5rem;background:rgba(255,255,255,.15);border:none;color:#fff;font-size:2rem;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;line-height:1}.lightbox-close:hover{background:rgba(255,255,255,.25)}