/* --- 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 --- */
/* --- CORRECCIÓN MENÚ MÓVIL BLOGGER (ESTILO NEOTOKYO) --- */
/* 1. Fondo del menú desplegable principal */
.mobile-index-contents {
background-color: #050505 !important; /* Fondo casi negro */
border-right: 2px solid #ffaa00 !important; /* Borde naranja tecnológico */
}
/* 2. Color de los enlaces (ítems del menú) */
.mobile-index-contents a,
.mobile-index-contents .PageList a {
color: #ffaa00 !important; /* Texto Naranja */
font-family: 'Share Tech Mono', monospace !important;
font-size: 16px !important;
text-transform: uppercase !important;
border-bottom: 1px dashed #333 !important; /* Separadores sutiles */
}
/* 3. Submenús (El problema específico que mencionas) */
.mobile-index-contents .sub-menu-container,
.mobile-index-contents ul ul,
.mobile-index-contents .dropdown {
background-color: #111 !important; /* Fondo ligeramente más claro para submenú */
color: #00ffff !important; /* Texto Cian para diferenciar subniveles */
}
/* 4. Enlaces dentro de submenús */
.mobile-index-contents ul ul a,
.mobile-index-contents .sub-menu-container a {
color: #00ffff !important; /* Cian */
}
/* 5. Botón de cerrar (X) y flechas */
.mobile-index-contents .close-mobile-menu,
.mobile-index-contents .svg-icon {
fill: #ff4400 !important; /* Iconos en Rojo/Naranja */
color: #ff4400 !important;
}
/* 6. Arreglo para el "Hamburger Icon" (las 3 rayitas) si no se ven */
.mobile-menu-toggle-icon .svg-icon,
.hamburger-menu-icon {
fill: #ffaa00 !important;
}
/* --- FIN CORRECCIÓN --- */
0 Comments