/* --- MENÚ HAMBURGUESA ADMIN --- */
.mobile-menu {
  display: none;
    position: fixed;
    top: 0;
    left: 50%; /* Start off-screen */
    width: 50vw;
    max-width: 350px;
    height: 55vh;
    background: transparent !important;
    z-index: 800;
    padding: 40px 0 10px 0;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    transition: right 0.3s ease-in-out;
    overflow-y: auto;
    flex-direction: column;
}
.mobile-menu.show {
  display: block !important;
}
@media (max-width: 992px) {
    .main-nav-modern {
        display: none;
    }
    .mobile-menu-button {
        display: inline-flex !important;
    }
   
}

.mobile-menu a {
  color: #222;
  font-size: 1.1rem;
  padding: 10px 24px;
  text-decoration: none;
  border-bottom: 1px solid #eee;
  display: block;
}
.mobile-menu a:last-child {
  border-bottom: none;
}
.mobile-menu .form-control {
  margin-bottom: 10px;
}
.mobile-menu .btn {
  width: 100%;
}
.mobile-menu .newsletter-form {
  padding: 10px 20px;
}
/* --- FIN MENÚ HAMBURGUESA --- */

/* --- BOTONES FLOTANTES ACCESIBILIDAD Y ACCIÓN --- */
.accessibility-tools, .action-tools {
    position: fixed !important;
    top: auto !important;
    transform: none !important;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 15px;
    background-color: transparent;
    z-index: 9999 !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    will-change: auto !important;
}

@media (max-width: 767.98px) {
    body.red-header-page .accessibility-tools,
    body.red-header-page .action-tools {
        position: fixed !important;
        transform: none !important;
        flex-direction: column !important;
        padding: 6px 8px !important;
        gap: 2px !important;
        border-radius: 999px !important;
        background: transparent !important;
        backdrop-filter: none !important;
        z-index: 9999 !important;
    }
    body.red-header-page .accessibility-tools { left: 6px !important; bottom: 100px !important; top: auto !important; }
    body.red-header-page .action-tools { right: 6px !important; left: auto !important; bottom: 50px !important; top: auto !important; }
    body.red-header-page .reading-tool-btn { width: 40px !important; height: 40px !important; font-size: 18px !important; padding: 6px !important; color: #000 !important; background: transparent !important; border: none !important; }
}

.accessibility-tools {
    left: 20px;
    bottom: 100px;
}

.action-tools {
    right: 20px;
    bottom: 50px;
}

.reading-tool-btn {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #333;
    cursor: pointer;
    padding: 8px;
    border-radius: 50%;
    transition: background-color 0.3s, color 0.3s;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.reading-tool-btn:focus, .reading-tool-btn:hover {
    background: #e0e0e0;
    color: #111;
    outline: none;
}
/* --- FIN BOTONES FLOTANTES --- */