/* Card 1057256 — botão "Modo cliente" (página da solução e catálogo). Prefixo .mc-*.
   Estado ativo identificado por TEXTO e por aria-pressed, além da cor (§6 do card). */
.mc-acoes { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 8px 10px; }

.mc-botao { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 18px;
    border-radius: 10px; border: 1.5px solid #c9d3e3; background: #fff; color: #16215b;
    font: 700 14px/1.2 "Open Sans", system-ui, sans-serif; cursor: pointer; }
.mc-botao:hover { border-color: #0f766e; }
.mc-botao:focus-visible { outline: 2px solid #0f766e; outline-offset: 2px; }
.mc-botao--ativo { background: #16215b; border-color: #16215b; color: #fff; }
.mc-botao--ativo:hover { background: #0f1a4a; border-color: #0f1a4a; }

.mc-aviso { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px;
    background: #e6f4f1; color: #0b5c55; font: 700 12px/1.2 "Open Sans", system-ui, sans-serif; }
.mc-aviso::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }

/* No hero da solução (fundo escuro), o botão segue o .sd-btn-hero. */
.sd-hero__acoes .mc-botao { border-color: rgba(255,255,255,.45); background: rgba(255,255,255,.12); color: #fff; }
.sd-hero__acoes .mc-botao:hover { background: rgba(255,255,255,.22); }
.sd-hero__acoes .mc-botao:focus-visible { outline-color: #fff; }
.sd-hero__acoes .mc-botao--ativo { background: #fff; border-color: #fff; color: #16215b; }
.sd-hero__acoes .mc-aviso { background: rgba(255,255,255,.92); color: #0b5c55; }

/* Estados de mensagem da página (sem conteúdo / erro). */
.mc-mensagem { margin: 20px 0; padding: 16px 18px; border-radius: 10px; border: 1.5px solid #c9d3e3;
    background: #fff; color: #16215b; }
.mc-mensagem p { margin: 0 0 12px; }
.mc-mensagem__acoes { display: flex; flex-wrap: wrap; gap: 10px; }