:root{--vinho:#680d1d;--vinho-2:#3f0710;--vinho-3:#210306;--dourado:#cba653;--dourado-claro:#ead69f;--creme:#f3ede4;--creme-2:#ebe2d7;--grafite:#1e1d21;--texto:#2a2521;--suave:#786d64;--borda:#ddd2c4;--fundo:#f6f1e9;--branco:#fff}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;background:var(--fundo);font-family:Poppins,Arial,sans-serif;color:var(--texto);-webkit-font-smoothing:antialiased}
button,input{font:inherit}
button{cursor:pointer}
a{text-decoration:none}
.entrada--split{min-height:100vh;display:grid;grid-template-columns:minmax(690px,1.15fr) minmax(440px,.85fr);background:#fff}
.entrada__visual{position:relative;display:flex;flex-direction:column;min-height:100vh;padding:24px 34px 18px;background:#f8f4ee;border-right:1px solid rgba(62,42,22,.08);overflow:hidden}
.entrada__visual::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 16%,rgba(203,166,83,.12),transparent 22%),linear-gradient(rgba(104,13,29,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(104,13,29,.032) 1px,transparent 1px);background-size:auto,58px 58px,58px 58px;pointer-events:none}
.entrada__visual>*{position:relative;z-index:2}
.entrada__visual-topo{display:flex;align-items:center;justify-content:flex-start}
.entrada__marcas{display:flex;align-items:center;gap:13px}
.entrada__marcas>img:first-child{width:104px;max-height:64px;object-fit:contain}
.entrada__marcas>span{width:1px;height:38px;background:#dbcdbd}
.entrada__marcas>img:nth-child(3){width:52px;height:52px;object-fit:contain}
.entrada__marcas strong{display:block;font-size:17px;line-height:1.1}
.entrada__marcas small{display:block;margin-top:3px;color:var(--vinho);font-size:9px;font-weight:800;letter-spacing:.65px;text-transform:uppercase}
.entrada__visual-conteudo{display:flex;flex:1;flex-direction:column;justify-content:center;gap:16px;padding:14px 0 12px}
.entrada__apresentacao--horizontal{max-width:920px}
.entrada__selo{display:inline-flex;align-items:center;min-height:29px;padding:0 12px;border:1px solid rgba(203,166,83,.35);border-radius:999px;background:rgba(255,255,255,.68);color:var(--vinho);font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
.entrada__apresentacao h1{max-width:980px;margin:12px 0 0;font-size:clamp(34px,3.6vw,58px);line-height:1.02;letter-spacing:-2.4px}
.entrada__arte{width:min(100%,930px);aspect-ratio:16/8.8;margin:0;border:1px solid rgba(104,13,29,.1);border-radius:26px;background:#efe5d8;box-shadow:0 24px 60px rgba(58,34,19,.13);overflow:hidden}
.entrada__arte img{width:100%;height:100%;display:block;object-fit:cover}
.entrada__descricao{max-width:900px}
.entrada__descricao p{margin:0;color:#5f554d;font-size:14px;line-height:1.62}
.entrada__painel{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:28px 42px;background:#fff;overflow:hidden;isolation:isolate}
.entrada__painel::before{content:"";position:absolute;width:620px;height:620px;right:-255px;top:50%;background:url('/assets/img/logo_garagem.png') center/contain no-repeat;opacity:.055;transform:translateY(-50%) rotate(-16deg);filter:grayscale(.12) sepia(.22) saturate(1.35) drop-shadow(0 0 34px rgba(203,166,83,.16));pointer-events:none;z-index:0}
.entrada__painel::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 24%,rgba(203,166,83,.09),transparent 30%);pointer-events:none;z-index:0}
.acesso--clean{position:relative;z-index:1;width:min(100%,500px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.acesso__marcas--mobile{display:none}
.acesso__cabecalho--left{text-align:left}
.acesso__cabecalho h2{margin:0;font-size:36px;line-height:1.08;letter-spacing:-1.2px}
.acesso__cabecalho p{margin:8px 0 0;color:var(--suave);font-size:14px}
.acesso__formulario{margin-top:24px}
.acesso__formulario>label{display:block;margin-top:14px}
.acesso__formulario>label>span{display:block;margin-bottom:7px;font-size:13px;font-weight:700}
.acesso__formulario input[type="text"],.acesso__formulario input[type="password"]{width:100%;height:54px;padding:0 16px;border:1px solid var(--borda);border-radius:15px;outline:none;background:#fbf8f3;color:var(--texto);font-size:15px;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}
.acesso__formulario input:hover,.acesso__formulario input:focus{border-color:var(--dourado);background:#fffaf0;box-shadow:0 0 0 4px rgba(203,166,83,.12)}
.acesso__senha{position:relative}
.acesso__senha input{padding-right:88px}
.acesso__senha button{position:absolute;top:50%;right:8px;width:42px;height:38px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:10px;background:#efe5d7;color:var(--vinho);transform:translateY(-50%);transition:.2s}
.acesso__senha button:hover{background:#ead9b9}
.icone-olho{position:relative;width:21px;height:14px;display:block;border:2px solid currentColor;border-radius:50% 0 50% 0;transform:rotate(45deg)}
.icone-olho::before{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:currentColor;transform:translate(-50%,-50%)}
.icone-olho::after{content:"";position:absolute;left:50%;top:50%;width:26px;height:2px;border-radius:2px;background:currentColor;box-shadow:0 0 0 2px #efe5d7;transform:translate(-50%,-50%) rotate(0deg)}
.acesso__senha button.senha-visivel .icone-olho::after{display:none}
.acesso__senha button:hover .icone-olho::after{box-shadow:0 0 0 2px #ead9b9}

.acesso__opcoes{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}
.acesso__lembrar{display:flex;align-items:center;gap:8px;color:#685f57;font-size:12px}
.acesso__lembrar input{width:17px;height:17px;accent-color:var(--vinho)}
.acesso__opcoes>a{color:var(--vinho);font-size:12px;font-weight:750}
.acesso__entrar,.acesso__criar{width:100%;height:54px;display:flex;align-items:center;justify-content:center;border-radius:15px;font-size:14px;font-weight:850;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.acesso__entrar{margin-top:18px;border:0;background:linear-gradient(135deg,var(--vinho),var(--vinho-2));color:#fff;box-shadow:0 14px 28px rgba(104,13,29,.18)}
.acesso__entrar:hover{transform:translateY(-1px);box-shadow:0 18px 36px rgba(104,13,29,.22)}
.acesso__criar{border:1px solid rgba(203,166,83,.55);background:linear-gradient(135deg,#fff6de,#f2deb0);color:#382302}
.acesso__criar:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(203,166,83,.15)}
.acesso__divisor{position:relative;margin:18px 0;text-align:center}
.acesso__divisor::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#e8ded2}
.acesso__divisor span{position:relative;padding:0 11px;background:#fff;color:#9a8e84;font-size:10px}
.acesso__links{display:flex;justify-content:center;gap:16px;margin-top:20px}
.acesso__links a{color:#81756c;font-size:10px;font-weight:600}
@media(max-width:1180px){.entrada--split{grid-template-columns:1fr}.entrada__visual{min-height:auto;padding:22px 22px 16px}.entrada__visual-conteudo{padding:16px 0 8px}.entrada__arte{aspect-ratio:16/9}.entrada__painel{min-height:auto;padding:30px 18px 34px}.acesso__marcas--mobile{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:16px}.acesso__marcas--mobile img:first-child{width:92px;max-height:56px;object-fit:contain}.acesso__marcas--mobile span{width:1px;height:34px;background:#e5d9cb}.acesso__marcas--mobile img:last-child{width:46px;height:46px;object-fit:contain}}
@media(max-width:700px){.entrada__visual{display:none}.entrada--split{display:block;min-height:100vh;background:linear-gradient(180deg,#fff,#f7f1e8)}.entrada__painel{min-height:100vh;align-items:flex-start;padding:18px 16px 24px}.acesso--clean{width:min(100%,430px);margin:0 auto}.acesso__marcas--mobile{justify-content:center;margin:0 0 10px}.acesso__cabecalho--left{text-align:center}.acesso__cabecalho h2{font-size:30px}.acesso__cabecalho p{font-size:14px}.acesso__formulario{margin-top:18px}.acesso__formulario>label{margin-top:12px}.acesso__formulario input[type="text"],.acesso__formulario input[type="password"],.acesso__entrar,.acesso__criar{height:54px;border-radius:15px}.acesso__links{margin-top:16px;flex-wrap:wrap}.acesso__institucional{margin-top:14px;padding-top:12px}}
@media(max-width:430px){.entrada__painel{padding:16px 12px}.acesso__cabecalho h2{font-size:28px}.acesso__opcoes{align-items:flex-start;flex-direction:column;gap:10px}.acesso__opcoes>a{align-self:flex-end}}


.acesso__institucional{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding-top:14px;border-top:1px solid #e8ded2;color:#80746b;font-size:10px;line-height:1.45}
.acesso__institucional span{max-width:310px}
.acesso__institucional strong{flex:0 0 auto;color:var(--vinho);font-weight:800}
@media(max-width:700px){.acesso__institucional{align-items:center;flex-direction:column;gap:3px;text-align:center}.acesso__institucional span{max-width:none}}

@media(max-width:430px){
.acesso__marcas--mobile img:first-child{width:84px;max-height:50px}
.acesso__marcas--mobile img:last-child{width:42px;height:42px}
.acesso__marcas--mobile span{height:30px}
}


@media(max-width:1180px){.entrada__painel::before{width:560px;height:560px;right:-235px;opacity:.05}}
@media(max-width:700px){.entrada__painel::before{width:470px;height:470px;right:-205px;top:190px;opacity:.045;transform:translateY(-50%) rotate(-14deg)}.entrada__painel::after{background:radial-gradient(circle at 92% 10%,rgba(203,166,83,.08),transparent 34%)}}
@media(max-width:430px){.entrada__painel::before{width:410px;height:410px;right:-190px;top:170px;opacity:.042}}

@media(max-width:700px){
html,body{min-height:0!important}
.entrada--split{min-height:0!important}
.entrada__painel{display:block!important;min-height:0!important;height:auto!important;padding:8px 14px 24px!important}
.acesso--clean{width:min(100%,430px)!important;margin:0 auto!important;padding:0!important}
.acesso__marcas--mobile{margin:0 0 8px!important;padding:0!important}
.acesso__cabecalho{margin-top:0!important}
}
@media(max-width:430px){
.entrada__painel{padding-top:4px!important}
.acesso__marcas--mobile{margin-bottom:6px!important}
}


@media(max-width:700px){
html,body{background:#fff!important}
.entrada--split{background:#fff!important}
.entrada__painel{background:#fff!important}
}

@media(max-width:700px){
html{background:#fff!important}
body{min-height:100svh!important;background:#fff!important}
.entrada--split{min-height:100svh!important;background:#fff!important}
.entrada__painel{min-height:100svh!important;background:#fff!important}
.acesso--clean{background:#fff!important}
}