/* Login/register screens. Scoped under .mc-auth. */

.mc-auth {
    --mc-azul: #C41E3A;
    --mc-azul-escuro: #9E1730;
    --mc-laranja: #FF6B35;
    --mc-laranja-escuro: #E85520;
    --mc-ink: #201A1D;
    --mc-texto: #1F2933;
    --mc-texto-suave: #52606D;
    --mc-borda: #E4E7EB;
    --mc-fundo-suave: #F5F7FA;
    --mc-raio: 16px;
    --mc-raio-sm: 10px;
    --mc-raio-pill: 999px;
    --mc-fonte: 'Open Sans', 'Segoe UI', Roboto, Arial, sans-serif;
    font-family: var(--mc-fonte);
    color: var(--mc-texto);
    display: block;
    width: 100%;
}
.mc-auth *, .mc-auth *::before, .mc-auth *::after { box-sizing: border-box; }

/* layout: brand panel | login card */
.mc-auth-grid {
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    background: #fff;
    border: 1px solid var(--mc-borda);
    border-radius: var(--mc-raio);
    overflow: hidden;
    box-shadow: 0 14px 44px rgba(16, 35, 63, .14);
    max-width: 940px;
    margin: 6px auto 20px;
}
@media (max-width: 860px) {
    .mc-auth-grid { grid-template-columns: 1fr; max-width: 460px; }
    .mc-auth-brand { display: none; }
}

/* brand panel (left, gradient) */
.mc-auth-brand {
    background: linear-gradient(150deg, var(--mc-ink) 0%, #3A2730 55%, var(--mc-azul-escuro) 100%);
    color: #fff;
    padding: 42px 38px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.mc-auth-logo { font-size: 27px; font-weight: 800; letter-spacing: -.5px; line-height: 1; color: #EE5A70; }
.mc-auth-logo span { color: #fff; }
.mc-auth-eyebrow {
    font-size: 11.5px; letter-spacing: .9px; text-transform: uppercase;
    color: rgba(255, 255, 255, .7); margin-top: 4px;
}
.mc-auth-phrase { font-size: 22px; font-weight: 700; line-height: 1.3; margin: 24px 0 22px; }
.mc-auth-benefits { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 13px; }
.mc-auth-benefits li { display: flex; align-items: center; gap: 12px; font-size: 14.5px; color: rgba(255, 255, 255, .92); }
.mc-auth-benefits i {
    width: 34px; height: 34px; border-radius: 10px; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    background: rgba(255, 255, 255, .12); color: #fff; font-size: 15px;
}

/* login card (right) */
.mc-auth-card { padding: 40px 36px; display: flex; flex-direction: column; justify-content: center; }
.mc-auth-title { font-size: 24px; font-weight: 800; color: var(--mc-ink); margin: 0 0 4px; }
.mc-auth-sub { font-size: 14px; color: var(--mc-texto-suave); margin: 0 0 22px; }

.mc-auth .form-control {
    height: 46px; width: 100%; border-radius: var(--mc-raio-sm);
    border: 1px solid var(--mc-borda); padding: 0 14px; font-size: 14.5px;
    box-shadow: none; background: #fff; color: var(--mc-texto);
}
.mc-auth .form-control:focus {
    border-color: var(--mc-azul); box-shadow: 0 0 0 3px rgba(196, 30, 58, .15); outline: none;
}
.mc-auth-field { margin-bottom: 14px; }
.mc-auth .text-danger { display: block; font-size: 12.5px; margin-top: 4px; }

/* field grid (register): 2 or 3 columns */
.mc-auth-row { display: grid; gap: 12px; margin-bottom: 14px; }
.mc-auth-row.cols-2 { grid-template-columns: 1fr 1fr; }
.mc-auth-row.cols-3 { grid-template-columns: 1fr 1fr 1fr; }
@media (max-width: 560px) {
    .mc-auth-row.cols-2, .mc-auth-row.cols-3 { grid-template-columns: 1fr; }
}
.mc-auth-grid-wide { max-width: 1040px; }

/* buttons */
.mc-auth-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    width: 100%; height: 46px; border-radius: var(--mc-raio-pill);
    font-size: 14.5px; font-weight: 700; border: 1px solid transparent;
    cursor: pointer; text-decoration: none; transition: background .15s, border-color .15s, color .15s;
}
.mc-auth-btn-primary { background: var(--mc-azul); color: #fff; }
.mc-auth-btn-primary:hover, .mc-auth-btn-primary:focus { background: var(--mc-azul-escuro); color: #fff; text-decoration: none; }
.mc-auth-btn-ghost { background: #fff; color: var(--mc-ink); border-color: var(--mc-borda); }
.mc-auth-btn-ghost:hover, .mc-auth-btn-ghost:focus { border-color: var(--mc-azul); color: var(--mc-azul-escuro); text-decoration: none; }
.mc-auth-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 4px; }

/* recaptcha / alert / links / whatsapp */
.mc-auth-recaptcha { display: flex; justify-content: center; margin: 16px 0; }
.mc-auth-alert {
    background: #FEF6E7; border: 1px solid #F3DCA6; color: #7A5320;
    padding: 10px 14px; border-radius: var(--mc-raio-sm); font-size: 13.5px; margin-bottom: 18px;
}
.mc-auth-links { display: flex; flex-wrap: wrap; gap: 8px 16px; justify-content: center; margin-top: 18px; }
.mc-auth-links a { font-size: 13px; color: var(--mc-texto-suave); text-decoration: none; }
.mc-auth-links a:hover { color: var(--mc-azul-escuro); text-decoration: underline; }
.mc-auth-wa {
    display: inline-flex; align-items: center; gap: 8px; justify-content: center;
    margin: 16px auto 0; color: #16A34A; font-size: 13px; font-weight: 600; text-decoration: none;
}
.mc-auth-wa:hover { color: #128C3E; text-decoration: none; }
.mc-auth-wa i { font-size: 20px; }