/* InnMail · TELA DE ENTRADA clara (maquete aprovada 27/10/2026, "Opcao A clara").
   Carregar DEPOIS de style.css. So atua com body.ces-login (a caixa de entrada nao muda).
   Agnostico: a cor/logo/titulo da casa vem do mapa _TC no script.js (var --tc-acc no #V-Login). */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600&family=Inter:wght@400;500;600&display=swap');

:root body.ces-login{background:#F6F2EA!important;color:#2B3648}
:root body.ces-login #ces-bg,:root body.ces-login #ces-particles,:root body.ces-login .ces-chain,:root body.ces-login .ces-dial{display:none!important}
:root body.ces-login #rl-content{background:#F6F2EA!important}
:root body.ces-login #rl-left,:root body.ces-login #rl-right,:root body.ces-login #rl-top{display:none!important}

/* ---- casca: #V-Login vira a pagina inteira em 2 colunas ---- */
:root body.ces-login #V-Login.LoginView{
  position:fixed!important;z-index:20!important;top:0!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;translate:none!important;animation:none!important;
  width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;
  display:grid!important;grid-template-columns:1.05fr 1fr;grid-template-rows:minmax(100dvh,auto);
  background:#F6F2EA!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;overflow-x:hidden!important;overflow-y:auto!important;
  color:#2B3648;font:15px/1.5 Inter,system-ui,sans-serif;color-scheme:light;-webkit-font-smoothing:antialiased}
:root body.ces-login #V-Login.LoginView *{font-family:Inter,system-ui,sans-serif;box-sizing:border-box}
:root body.ces-login #V-Login.LoginView .descWrapper,:root body.ces-login #V-Login.LoginView .ces-brand{display:none!important}

/* ---- painel editorial (esquerda) ---- */
:root body.ces-login #V-Login .ces-ed{grid-column:1;position:relative;padding:64px 72px 40px;display:flex;flex-direction:column;background:#EFE9DD;overflow:hidden;min-width:0}
:root body.ces-login #V-Login .ces-ed-topo{position:absolute;inset:0;width:100%;height:100%;opacity:.55;pointer-events:none}
:root body.ces-login #V-Login .ces-ed-marca{display:flex;align-items:center;gap:14px;position:relative}
:root body.ces-login #V-Login .ces-ed-logo{width:auto;max-width:100%;display:block}
:root body.ces-login #V-Login .ces-ed-wm{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:600;color:#16202E;letter-spacing:.04em;line-height:1}
:root body.ces-login #V-Login .ces-ed-wm span{display:block;margin-top:4px;font:500 15px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#56657A}
:root body.ces-login #V-Login .ces-ed-prod{margin-top:10px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#56657A;position:relative}
:root body.ces-login #V-Login .ces-ed-prod b{color:#735620;font-weight:600}
:root body.ces-login #V-Login .ces-ed-h1{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:54px;line-height:1.06;color:#16202E;margin:72px 0 22px;position:relative;max-width:560px;text-align:left}
:root body.ces-login #V-Login .ces-ed-h1 em{color:#735620;font-style:italic;font-weight:500;font-family:'Cormorant Garamond',Georgia,serif}
:root body.ces-login #V-Login .ces-ed-lead{font-size:17px;color:#2B3648;max-width:500px;position:relative;margin:0}
:root body.ces-login #V-Login .ces-ed ul{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:14px;position:relative}
:root body.ces-login #V-Login .ces-ed li{display:flex;gap:14px;align-items:center;font-size:15px;color:#16202E;font-weight:500;margin:0;padding:0}
:root body.ces-login #V-Login .ces-ed li i{width:34px;height:34px;border-radius:10px;border:1px solid #E3DBCB;background:#fff;display:grid;place-items:center;flex:none}
:root body.ces-login #V-Login .ces-ed li svg{width:17px;height:17px;stroke:#735620;fill:none;stroke-width:1.7}
:root body.ces-login #V-Login .ces-ed-pe{margin-top:auto;padding-top:40px;position:relative;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#56657A}

/* ---- cartao de entrada (direita) ---- */
:root body.ces-login #V-Login .ces-lado{grid-column:2;display:grid;place-items:center;padding:40px 24px;min-width:0}
:root body.ces-login #V-Login .ces-card{width:100%;max-width:440px;background:#fff;border:1px solid #E3DBCB;border-radius:22px;padding:40px 38px 30px;box-shadow:0 30px 60px -30px rgba(22,32,46,.25)}
:root body.ces-login #V-Login .ces-card form{margin:0;padding:0;background:none;border:0;box-shadow:none;width:auto}
:root body.ces-login #V-Login .ces-h1{font-family:Inter,sans-serif;text-align:left;margin:0;color:#16202E;font-size:inherit;font-weight:400;line-height:1.2}
:root body.ces-login #V-Login .ces-kick{display:block;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#735620;font-weight:600}
:root body.ces-login #V-Login .ces-greet{display:block;font-family:'Cormorant Garamond',serif;font-weight:600;font-size:34px;color:#16202E;margin:8px 0 4px;line-height:1.15}
:root body.ces-login #V-Login .ces-sub{text-align:left;color:#56657A;font-size:15px;margin:0 0 24px}
:root body.ces-login #V-Login .alert{margin:0 0 14px;padding:10px 14px;border-radius:10px;background:#FBEAE6;border:1px solid #E8C2BA;color:#8A2A1C;font-size:14px;text-shadow:none}
:root body.ces-login #V-Login .alert[hidden]{display:none!important}
:root body.ces-login #V-Login .alert a.close{float:right;color:#8A2A1C;text-decoration:none;margin-left:8px}

:root body.ces-login #V-Login .controls{position:relative;display:block;margin:14px 0 0;padding:0;background:none;border:0}
:root body.ces-login #V-Login .controls > .fontastic{display:none!important}
:root body.ces-login #V-Login .controls:has(input[name=Email])::before,:root body.ces-login #V-Login .controls:has(input[name=Password])::before{display:block;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#56657A;margin:0 0 6px}
:root body.ces-login #V-Login .controls:has(input[name=Email])::before{content:'E-mail'}
:root body.ces-login #V-Login .controls:has(input[name=Password])::before{content:'Senha'}
:root body.ces-login #V-Login input:not([type=checkbox]){
  width:100%!important;height:50px!important;margin:0!important;padding:0 14px 0 44px!important;border-radius:12px!important;
  border:1px solid #E3DBCB!important;background-color:#FBF9F4!important;background-repeat:no-repeat!important;background-position:14px center!important;background-size:18px 18px!important;
  color:#16202E!important;font-size:16px!important;box-shadow:none!important;outline:0!important}
:root body.ces-login #V-Login input[name=Email]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2356657A' stroke-width='1.7'%3E%3Cpath d='M3 6h18v12H3z'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E")!important;padding-right:calc(var(--tc-sfx,14ch) + 26px)!important}
:root body.ces-login #V-Login input[name=Password]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2356657A' stroke-width='1.7'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")!important;padding-right:48px!important}
:root body.ces-login #V-Login input::placeholder{color:#56657A!important;opacity:1}
:root body.ces-login #V-Login input:not([type=checkbox]):focus{border-color:var(--tc-acc,#0D2438)!important;box-shadow:0 0 0 3px var(--tc-soft,#E4EAF1)!important;background-color:#FBF9F4!important}
:root body.ces-login #V-Login input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px #FBF9F4 inset!important;-webkit-text-fill-color:#16202E!important}
:root body.ces-login #V-Login .ces-login-suffix{position:absolute;right:14px;left:auto;top:auto;bottom:25px;transform:translateY(50%);color:#56657A;font-size:14px;font-weight:400;opacity:1;white-space:nowrap;pointer-events:none}
:root body.ces-login #V-Login .ces-eye{position:absolute;right:8px;bottom:8px;width:34px;height:34px;border:0;background:none;border-radius:8px;cursor:pointer;display:grid;place-items:center;padding:0}
:root body.ces-login #V-Login .ces-eye svg{width:20px;height:20px;stroke:#56657A;fill:none;stroke-width:1.7}
:root body.ces-login #V-Login .ces-eye:focus-visible{outline:2px solid var(--tc-acc,#0D2438)}

:root body.ces-login #V-Login .ces-row{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 18px;font-size:14px}
:root body.ces-login #V-Login .ces-row .e-checkbox,:root body.ces-login #V-Login .ces-row .e-checkbox span{display:flex;align-items:center;gap:8px;color:#2B3648!important;font-size:14px;cursor:pointer;text-shadow:none}
:root body.ces-login #V-Login .ces-row .e-checkbox i{font-size:20px;line-height:1;color:var(--tc-acc,#0D2438);font-style:normal}
:root body.ces-login #V-Login .ces-row .language-buttons,:root body.ces-login #V-Login .language-buttons{display:none}
:root body.ces-login #V-Login .ces-row .language-button{font-size:18px;color:#56657A}
:root body.ces-login #V-Login .ces-forgot{margin:0;text-align:right;order:3}
:root body.ces-login #V-Login .ces-forgot:has(.ces-forgot-box){order:5;flex-basis:100%;text-align:left}
:root body.ces-login #V-Login .ces-forgot-link{color:var(--tc-acc,#0D2438);font-size:14px;font-weight:600;border:0;text-decoration:none;padding:0;white-space:nowrap}
:root body.ces-login #V-Login .ces-forgot-link:hover{text-decoration:underline}

:root body.ces-login #V-Login .buttonLogin,:root body.ces-login #V-Login button[type=submit]{
  display:flex!important;align-items:center;justify-content:center;width:100%!important;height:52px!important;margin:0!important;border-radius:12px!important;border:0!important;
  background:var(--tc-acc,#0D2438)!important;color:#fff!important;font:600 16px Inter,sans-serif!important;text-transform:none!important;box-shadow:none!important;text-shadow:none!important;letter-spacing:0;cursor:pointer}
:root body.ces-login #V-Login .buttonLogin:hover{filter:brightness(1.18)}
:root body.ces-login #V-Login .buttonLogin:focus-visible,:root body.ces-login #V-Login .ces-m:focus-visible{outline:2px solid var(--tc-acc,#0D2438);outline-offset:2px}

:root body.ces-login #V-Login .ces-sep{display:flex;align-items:center;gap:12px;color:#56657A;font:400 13px Inter,sans-serif;letter-spacing:0;text-transform:none;margin:18px 0}
:root body.ces-login #V-Login .ces-sep::before,:root body.ces-login #V-Login .ces-sep::after{content:'';flex:1;height:1px;background:#E3DBCB}
:root body.ces-login #V-Login .ces-methods{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;margin:0;justify-content:stretch}
:root body.ces-login #V-Login .ces-m{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;width:auto;min-width:0;height:46px;padding:0 6px;border-radius:12px;border:1px solid #E3DBCB;background:#fff;color:#16202E;cursor:pointer;
  -webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;transform:none;transition:background .15s,border-color .15s;grid-column:span 3;white-space:nowrap;position:relative}
:root body.ces-login #V-Login .ces-m:hover:not([disabled]){background:#FBF9F4;border-color:#cfc4ad;transform:none;box-shadow:none;color:#16202E}
:root body.ces-login #V-Login .ces-m span{font:500 14px Inter,sans-serif;letter-spacing:0;color:inherit;white-space:nowrap}
:root body.ces-login #V-Login .ces-m small{font:500 13px Inter,sans-serif;color:#56657A;white-space:nowrap}
:root body.ces-login #V-Login .ces-m svg{width:18px;height:18px;flex:none}
:root body.ces-login #V-Login .ces-m svg[stroke]{stroke:currentColor}
:root body.ces-login #V-Login .ces-m[data-m^=Apple] svg{fill:currentColor}
:root body.ces-login #V-Login .ces-m:nth-child(-n+3){grid-column:span 4;height:54px}
:root body.ces-login #V-Login .ces-m:nth-child(-n+3) span{font-size:15.5px;font-weight:600}
/* 12/11/2026 (CVO): grade fechada. Linha 1 = Google | InnC ID (destaque) | Apple; linha 2 = 4 pecas iguais, icone sobre o nome. Sem botao solto. */
:root body.ces-login #V-Login .ces-m:nth-child(n+4){flex-direction:column;gap:5px;height:62px;padding:0 2px}
:root body.ces-login #V-Login .ces-m:nth-child(n+4) span{font-size:12.5px;font-weight:500;color:#2B3648}
:root body.ces-login #V-Login .ces-m.ces-m-innc{background:linear-gradient(160deg,#164536 0%,#0E2E27 100%);border:1px solid #C9A55A;color:#fff;box-shadow:0 6px 18px rgba(14,46,39,.22),inset 0 1px 0 rgba(255,255,255,.08)}
:root body.ces-login #V-Login .ces-m.ces-m-innc:hover:not([disabled]){background:linear-gradient(160deg,#1B5241 0%,#123a30 100%);border-color:#D9B66A;color:#fff;box-shadow:0 8px 22px rgba(14,46,39,.3)}
:root body.ces-login #V-Login .ces-m.ces-m-innc svg{stroke:#D9B66A!important;width:20px;height:20px}
:root body.ces-login #V-Login .ces-m.ces-m-innc span{color:#fff;letter-spacing:.01em}
:root body.ces-login #V-Login .ces-methods:has(.ces-m-innc[style*="none"]) .ces-m:nth-child(-n+3){grid-column:span 6}
:root body.ces-login #V-Login .ces-m[data-m^=Apple] small{position:absolute;top:-9px;right:8px;padding:1px 7px;border-radius:99px;background:#F6F2EA;border:1px solid #E3DBCB;font:600 10.5px Inter,sans-serif;letter-spacing:.02em;color:#7A6A4A;text-transform:lowercase}
:root body.ces-login #V-Login .ces-m[disabled]{color:#56657A;background:#FBF9F4;border-style:dashed;cursor:not-allowed;opacity:1}

:root body.ces-login #V-Login .ces-notice{margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--tc-soft,#E4EAF1);border:1px solid #E3DBCB;color:#16202E;font-size:14px;text-align:left}
:root body.ces-login #V-Login .ces-notice a{color:var(--tc-acc,#0D2438);font-weight:600}
:root body.ces-login #V-Login .ces-forgot-box{display:flex;flex-wrap:wrap;gap:8px;justify-content:stretch;margin-top:6px}
:root body.ces-login #V-Login .ces-forgot-box input{flex:1 1 160px;min-width:0;height:44px!important;padding:0 12px!important;background-image:none!important;font-size:16px!important}
:root body.ces-login #V-Login .ces-fg-send{height:44px;padding:0 16px;border-radius:10px;border:0;background:var(--tc-acc,#0D2438);color:#fff;font:600 14px Inter,sans-serif;cursor:pointer}
:root body.ces-login #V-Login .ces-fg-send[disabled]{opacity:.6;cursor:default}
:root body.ces-login #V-Login .ces-fg-msg{flex-basis:100%;font-size:13px;color:#56657A;text-align:left;margin-top:2px}
:root body.ces-login #V-Login .ces-fg-msg.ok{color:#1D5E3E}
:root body.ces-login #V-Login .ces-tls{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;padding-top:16px;border-top:1px solid #E3DBCB;font:400 13px Inter,sans-serif;color:#56657A;opacity:1;text-align:center}
:root body.ces-login #V-Login .ces-tls svg{width:15px;height:15px;stroke:#56657A;fill:none;stroke-width:1.8;flex:none}
:root body.ces-login #V-Login .ces-legal{margin:12px auto 0;max-width:none;text-align:center;font-size:13px;line-height:1.45;color:#56657A}
:root body.ces-login #V-Login .ces-legal a{color:var(--tc-acc,#0D2438);text-decoration:underline;border:0}

/* ---- celular: uma coluna, painel resumido em cima ---- */
@media (max-width:600px){
 :root body.ces-login #V-Login.LoginView{grid-template-columns:1fr;grid-template-rows:max-content max-content;align-content:start}
 :root body.ces-login #V-Login .ces-ed{grid-column:1;padding:28px 22px 26px}
 :root body.ces-login #V-Login .ces-ed-h1{font-size:36px;margin:26px 0 10px}
 :root body.ces-login #V-Login .ces-ed-lead{font-size:15px}
 :root body.ces-login #V-Login .ces-ed ul,:root body.ces-login #V-Login .ces-ed-pe{display:none}
 :root body.ces-login #V-Login .ces-lado{grid-column:1;padding:0 16px 28px;background:#EFE9DD;place-items:start center}
 :root body.ces-login #V-Login .ces-card{padding:28px 22px 22px;border-radius:20px}
 :root body.ces-login #V-Login .ces-greet{font-size:30px}
 :root body.ces-login #V-Login .ces-row{gap:6px 8px}
 :root body.ces-login #V-Login .ces-m{gap:5px;padding:0 4px}
 :root body.ces-login #V-Login .ces-m svg{width:16px;height:16px}
 :root body.ces-login #V-Login .ces-m:nth-child(-n+3){gap:6px}
 :root body.ces-login #V-Login .ces-m:nth-child(-n+3) span{font-size:14.5px}
 :root body.ces-login #V-Login .ces-methods{gap:8px}
}

/* 12/11/2026: no celular o botao Celular (QR) some (caixa-gmail.css); a linha 2 vira 3 pecas iguais, sem vaga */
@media (max-width:640px){:root body.ces-login #V-Login .ces-m:nth-child(n+4){grid-column:span 4}}
:root body.ces-login #V-Login .ces-methods{padding-top:10px}

/* 28/10/2026 2o fator: campo do codigo escondido ate o servidor pedir */
#V-Login .ces-2fa:not(.ces-2fa-on){display:none!important}