/* Estilo: Define a aparência dos elementos identificados por "site-page-auth". */
/* GUIA DO ARQUIVO: Define cores, tamanhos, espaçamentos e apresentação visual de auth. */
.site-page-auth .site-main{background:linear-gradient(135deg,#f4f5f9 0%,#fbf8ef 100%)}
/* Estilo: Define a aparência dos elementos identificados por "auth-shell". */
.auth-shell{padding:64px 0 76px}/* Estilo: Define a aparência dos elementos identificados por "auth-layout". */ .auth-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,.75fr);gap:64px;align-items:center;max-width:1120px}/* Estilo: Define a aparência dos elementos identificados por "auth-intro". */ .auth-intro{padding:24px 0}/* Estilo: Define a aparência dos elementos identificados por "auth-kicker". */ .auth-kicker{display:inline-flex;padding:7px 11px;border-radius:999px;background:#ede5d0;color:#8a6519;font-weight:800;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}/* Estilo: Define a aparência dos elementos identificados por "auth-intro". */ .auth-intro h1{max-width:620px;margin:18px 0 16px;color:var(--site-navy);font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.03;letter-spacing:-.055em}/* Estilo: Define a aparência dos elementos identificados por "auth-intro". */ .auth-intro>p{max-width:590px;color:var(--site-muted);font-size:1.06rem}/* Estilo: Define a aparência dos elementos identificados por "auth-benefits". */ .auth-benefits{display:grid;gap:11px;padding:0;margin:28px 0;list-style:none;color:#35405a}/* Estilo: Define a aparência dos elementos identificados por "auth-benefits". */ .auth-benefits i{margin-right:9px;color:#9d7621}/* Estilo: Define a aparência dos elementos identificados por "auth-back-link". */ .auth-back-link{display:inline-flex;align-items:center;gap:8px;color:var(--site-blue);font-weight:750}/* Estilo: Controla a aparência de cartões de informações. */ .auth-card{background:#fff;border:1px solid #e4e6ed;border-radius:24px;box-shadow:0 28px 70px rgba(28,39,83,.12);padding:12px}/* Estilo: Define a aparência dos elementos identificados por "auth-tabs". */ .auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;background:#f2f4f8;border-radius:14px}/* Estilo: Define a aparência dos elementos identificados por "auth-tab". */ .auth-tab{border:0;border-radius:10px;padding:11px 14px;background:transparent;color:#6b7282;font-weight:800}/* Estilo: Define a aparência dos elementos identificados por "auth-tab.active". */ .auth-tab.active{background:#fff;color:var(--site-navy);box-shadow:0 4px 14px rgba(26,37,76,.08)}/* Estilo: Define a aparência dos elementos identificados por "auth-panel". */ .auth-panel{display:none;padding:28px 24px 24px}/* Estilo: Define a aparência dos elementos identificados por "auth-panel.active". */ .auth-panel.active{display:block}/* Estilo: Define a aparência dos elementos identificados por "auth-heading". */ .auth-heading span{color:#8b6b28;font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;font-weight:850}/* Estilo: Define a aparência dos elementos identificados por "auth-heading". */ .auth-heading h2{margin:4px 0 23px;color:var(--site-navy);font-size:1.65rem}/* Estilo: Controla a aparência de campos de formulário. */ .auth-form{display:grid;gap:17px}/* Estilo: Define a aparência dos elementos identificados por "auth-field". */ .auth-field{display:grid;gap:7px;color:#394158;font-weight:750;font-size:.88rem}/* Estilo: Define a aparência dos elementos identificados por "auth-field". */ .auth-field small{font-weight:500;color:var(--site-muted)}/* Estilo: Controla a aparência de campos preenchidos. */ .auth-input-wrap{position:relative;display:flex;align-items:center}/* Estilo: Controla a aparência de campos preenchidos. */ .auth-input-wrap>i{position:absolute;left:14px;color:#7d8496}/* Estilo: Controla a aparência de campos preenchidos. */ .auth-input-wrap input{width:100%;height:48px;padding:0 46px 0 42px;border:1px solid #dce0e9;border-radius:12px;outline:none;background:#fff;color:#222b41}/* Estilo: Controla a aparência de campos preenchidos. */ .auth-input-wrap input:focus{border-color:#7485bd;box-shadow:0 0 0 4px rgba(53,70,132,.1)}/* Estilo: Define a aparência dos elementos identificados por "password-toggle". */ .password-toggle{position:absolute;right:8px;width:36px;height:36px;border:0;border-radius:9px;background:transparent;color:#727b91}/* Estilo: Define a aparência dos elementos identificados por "password-toggle". */ .password-toggle:hover{background:#f1f3f8}/* Estilo: Controla a aparência de campos de formulário. */ .auth-form-row{display:flex;justify-content:flex-end;margin-top:-4px}/* Estilo: Controla a aparência de campos de formulário. */ .auth-form-row a{font-size:.87rem;font-weight:750;color:var(--site-blue)}/* Estilo: Define a aparência dos elementos identificados por "auth-submit". */ .auth-submit{height:49px;font-size:.96rem}/* Estilo: Controla a aparência de cartões de informações. */ .auth-card .alert{border-radius:12px;font-size:.88rem}/* Estilo: Define a aparência dos elementos identificados por "site-page-auth". */ .site-page-auth .site-footer{margin-top:0}
/* Estilo: Ajusta a aparência em diferentes tamanhos de tela (celular, tablet ou computador). */
@media(max-width:900px){.auth-layout{grid-template-columns:1fr;gap:28px}.auth-intro{text-align:center;padding-bottom:0}.auth-intro>p,.auth-intro h1{margin-left:auto;margin-right:auto}.auth-benefits{max-width:500px;margin-left:auto;margin-right:auto;text-align:left}.auth-back-link{justify-content:center}.auth-card{width:min(560px,100%);margin:auto}}
/* Estilo: Ajusta a aparência em diferentes tamanhos de tela (celular, tablet ou computador). */
@media(max-width:520px){.auth-shell{padding:28px 0 46px}.auth-intro h1{font-size:2.35rem}.auth-layout{gap:20px}.auth-card{border-radius:18px;padding:8px}.auth-panel{padding:23px 16px 17px}}