body .asw-container .asw-widget .asw-menu-btn {
    background: #0c1d71e0 !important;
    background: linear-gradient(96deg, #0c1d71e0, #0c1d71e0) !important;
    outline-color: #0c1d71e0 !important;
    border-color: white !important; /* Mantenemos el borde blanco interno */
}

body .asw-menu-btn {
	left: auto !important;
    right: 20px !important;
}
body .asw-menu {
	left: auto !important;
    right: 0px !important;
}

/* Efecto Hover del botón */
body .asw-container .asw-widget .asw-menu-btn:hover {
    transform: scale(1.05) !important;
}

/* --- 2. Cabecera del Menú (Fondo rojo original) --- */
body .asw-menu .asw-menu-header {
    background-color: #0c1d71e0 !important;
}

/* Iconos de la cabecera (Reset y Cerrar) */
body .asw-menu .asw-menu-header svg {
    fill: #0c1d71e0 !important;
}

/* --- 3. Botones internos seleccionados (Check y Bordes) --- */
/* Borde al pasar el mouse o seleccionado */
body .asw-menu .asw-menu-content .asw-btn:hover,
body .asw-menu .asw-menu-content .asw-btn.asw-selected {
    border-color: #0c1d71e0 !important;
}

/* Icono y texto cuando está seleccionado */
body .asw-menu .asw-menu-content .asw-btn.asw-selected svg,
body .asw-menu .asw-menu-content .asw-btn.asw-selected span {
    fill: #0c1d71e0 !important;
    color: #0c1d71e0 !important;
}

/* El círculo pequeño de confirmación (tick) */
body .asw-menu .asw-menu-content .asw-btn.asw-selected::after {
    background-color: #0c1d71e0 !important;
}

/* Botones de tamaño de fuente (+ / -) */
body .asw-menu .asw-adjust-font .asw-minus:hover,
body .asw-menu .asw-adjust-font .asw-plus:hover {
    border-color: #0c1d71e0 !important;
}

/* --- 4. Pie de página y Botón Reset grande --- */
body .asw-menu .asw-menu-reset-footer-btn {
    background: #0c1d71e0 !important;
}

body .asw-menu .asw-footer a:hover,
body .asw-menu .asw-footer a:hover span {
    color: #0c1d71e0 !important;
}