/* --- INICIO OPTIMIZACIÓN MÓVIL NEOTOKYO --- */ @media (max-width: 768px) { /* 1. Evitar desbordamiento horizontal */ body, html { overflow-x: hidden; width: 100%; } /* 2. Contenedores fluidos */ .container, .header, .nt-artist-profile, .nt-neural-interface, .nt-data-node { max-width: 100% !important; width: 100% !important; margin: 10px 0 !important; padding: 15px !important; border-left: none !important; border-right: none !important; border-radius: 0 !important; /* Bordes rectos ahorran espacio en móvil */ } /* 3. Textos legibles */ body, p, div { font-size: 14px !important; /* Aumentar base para lectura */ } h1 { font-size: 24px !important; } h2 { font-size: 20px !important; } /* 4. Tablas y Grids a Columna Única */ .entity-meta, .stats-grid, .component-list, .control-panel { grid-template-columns: 1fr !important; /* Todo a una sola columna */ gap: 10px !important; } /* 5. Ajustes de Widgets específicos */ .nt-artist-profile iframe { height: 300px !important; /* Altura cómoda para Spotify/YouTube */ } /* Ocultar elementos decorativos pesados en móvil si es necesario */ .scanline-overlay { display: none; } } /* --- FIN OPTIMIZACIÓN --- */
0 Comments