@media (max-width: 768px) and (orientation: landscape){.landscape-warning{position:fixed;top:0;left:0;right:0;background:linear-gradient(90deg,#ef4444,#dc2626);color:#fff;text-align:center;padding:8px;font-size:14px;z-index:9999;box-shadow:0 2px 10px #ef44444d}}@media (min-width: 1200px){.mobile-only-strict{display:none!important}.desktop-warning{display:flex!important}}.device-warning-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.device-warning-modal{background:#fff;border-radius:20px;padding:2rem;max-width:400px;margin:1rem;text-align:center;box-shadow:0 25px 50px #00000040;animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mobile-icon{font-size:4rem;margin-bottom:1rem;color:#4267b2}@media (max-width: 320px){.tiny-mobile-warning{background:#fbbf24;color:#92400e;padding:8px;text-align:center;font-size:12px}}@media (min-width: 768px) and (max-width: 1024px){.tablet-mode{background:#f3f4f6;padding:1rem}.tablet-mode:before{content:"📱 Modo Tablet Detectado";display:block;background:#3b82f6;color:#fff;padding:8px;border-radius:8px;margin-bottom:1rem;text-align:center;font-size:14px}}.protection-fade-in{animation:fadeInScale .5s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.device-detecting{background:linear-gradient(45deg,#f3f4f6,#e5e7eb);background-size:200% 200%;animation:gradientShift 2s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.show-on-mobile,.show-on-tablet{display:none}.show-on-desktop{display:block}@media (max-width: 768px){.show-on-mobile{display:block}.hide-on-mobile{display:none!important}}@media (min-width: 768px) and (max-width: 1024px){.show-on-tablet{display:block}.hide-on-tablet{display:none!important}}@media (min-width: 1024px){.show-on-desktop{display:block}.hide-on-desktop{display:none!important}}@media (display-mode: standalone){.pwa-only{display:block}}.pwa-only{display:none}