@media (max-width: 700px) {
img, video, iframe { max-width: 100%; }
.movil-scroll { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; }
input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea { font-size: 16px !important; }
.top-header { padding: 10px 12px !important; gap: 8px 10px; flex-wrap: wrap; }
.top-header h1, .top-header h2 { font-size: 1.05rem !important; }
.top-header button, .top-header .btn, .top-header a { white-space: nowrap; }
.ribbon { padding: 0 6px !important; flex-wrap: nowrap !important; overflow-x: auto; overflow-y: hidden;
-webkit-overflow-scrolling: touch; scrollbar-width: none; gap: 0 !important; justify-content: flex-start !important; }
.ribbon::-webkit-scrollbar { display: none; }
.ribbon .nav-left, .ribbon .nav-right { display: flex; flex-wrap: nowrap !important; flex: none; align-items: center; }
.nav-item { position: static !important; white-space: nowrap; flex: none; padding: 10px 12px !important; font-size: 0.85rem !important; }
.nav-item:hover .dropdown { display: none; }
.nav-item.abierto .dropdown { display: block !important; }
.ribbon .dropdown { position: fixed !important; left: 8px !important; right: 8px !important; min-width: 0 !important;
max-height: 60vh; overflow-y: auto; z-index: 3000; margin-top: 0 !important; }
.ribbon .dropdown-item { padding: 14px 16px !important; white-space: normal; }
}