/* ANCAR V5.7.2 - stylesheet dedicado do login
   Arquivo com nome versionado para evitar cache de CSS entre deploys. */
/* ANCAR V5.7 - login institucional homologado */
.login-v56{
  display:grid;
  grid-template-columns:minmax(0,1.48fr) minmax(430px,.96fr);
  min-height:100svh;
  background:#f7f7f6;
  color:#17191d;
  isolation:isolate;
}
.login-v56-hero{
  position:relative;
  min-width:0;
  overflow:hidden;
  background-image:url('/images/ancar-login-mall.jpg');
  background-size:cover;
  background-position:center 54%;
}
.login-v56-hero-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(9,12,16,.93) 0%,rgba(10,13,17,.78) 44%,rgba(12,14,17,.30) 100%),
    linear-gradient(0deg,rgba(7,9,12,.86) 0%,rgba(7,9,12,.08) 56%,rgba(7,9,12,.28) 100%);
}
.login-v56-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 12% 22%,rgba(201,0,22,.16),transparent 28%);
  pointer-events:none;
}
.login-v56-hero-content{
  position:relative;
  z-index:2;
  height:100%;
  min-height:100svh;
  display:flex;
  flex-direction:column;
  padding:clamp(28px,4.1vw,64px) clamp(34px,5.2vw,82px) clamp(28px,3.5vw,48px);
}
.login-v56-hero-header{
  display:flex;
  align-items:center;
  gap:18px;
}
.login-v56-symbol{
  width:40px;
  height:44px;
  object-fit:contain;
  filter:drop-shadow(0 7px 18px rgba(202,0,21,.25));
}
.login-v56-kicker{
  color:#e11d2e;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.16em;
}
.login-v56-copy{
  width:min(100%,720px);
  margin:auto 0 24px;
  padding-top:24px;
}
.login-v56-copy h1{
  margin:0;
  color:#fff;
  font-size:clamp(42px,4.4vw,72px);
  line-height:1.015;
  letter-spacing:-.047em;
  font-weight:650;
  text-wrap:balance;
}
.login-v56-copy h1 em{
  color:#e11d2e;
  font-style:normal;
  font-weight:720;
}
.login-v56-accent-line{
  display:block;
  width:56px;
  height:3px;
  margin:24px 0 20px;
  border-radius:999px;
  background:#df1227;
  box-shadow:0 0 22px rgba(223,18,39,.26);
}
.login-v56-copy p{
  width:min(100%,540px);
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:14px;
  line-height:1.66;
}
.login-v56-insights{
  position:absolute;
  z-index:2;
  top:clamp(96px,13vh,154px);
  right:clamp(26px,3vw,52px);
  width:246px;
  display:grid;
  gap:12px;
}
.login-v56-insight{
  padding:15px 16px 14px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(22,22,24,.62),rgba(12,13,15,.40));
  box-shadow:0 18px 40px rgba(0,0,0,.18);
  backdrop-filter:blur(12px);
}
.login-v56-insight>span{
  display:block;
  color:rgba(255,255,255,.53);
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.11em;
}
.login-v56-insight>strong{
  display:block;
  margin-top:5px;
  color:#fff;
  font-size:15px;
  font-weight:650;
}
.login-v56-insight>small{
  display:block;
  margin-top:8px;
  color:rgba(255,255,255,.48);
  font-size:8px;
  line-height:1.4;
}
.login-v56-bars{
  height:28px;
  margin-top:10px;
  display:flex;
  align-items:flex-end;
  gap:5px;
}
.login-v56-bars i{
  width:14px;
  border-radius:3px 3px 1px 1px;
  background:linear-gradient(180deg,#e51b2c,#9e0918);
  opacity:.92;
}
.login-v56-bars i:nth-child(1){height:28%}.login-v56-bars i:nth-child(2){height:52%}.login-v56-bars i:nth-child(3){height:46%}.login-v56-bars i:nth-child(4){height:76%}.login-v56-bars i:nth-child(5){height:92%}
.login-v56-ring{
  width:40px;
  height:40px;
  margin-top:9px;
  border-radius:50%;
  background:conic-gradient(#d60b21 0 74%,rgba(255,255,255,.16) 74% 100%);
  display:grid;
  place-items:center;
}
.login-v56-ring i{
  width:24px;
  height:24px;
  border-radius:50%;
  background:rgba(18,18,20,.96);
}
.login-v56-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:auto;
}
.login-v56-feature{
  min-width:0;
  min-height:108px;
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:15px 14px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  background:rgba(12,13,15,.48);
  box-shadow:0 16px 40px rgba(0,0,0,.16);
  backdrop-filter:blur(12px);
}
.login-v56-feature-icon{
  width:34px;
  height:34px;
  flex:none;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#c70b20;
  color:#fff;
}
.login-v56-feature-icon svg{width:16px;height:16px}
.login-v56-feature b{
  display:block;
  color:#fff;
  font-size:11px;
  font-weight:700;
}
.login-v56-feature small{
  display:block;
  margin-top:5px;
  color:rgba(255,255,255,.58);
  font-size:8px;
  line-height:1.45;
}
.login-v56-access{
  position:relative;
  min-width:0;
  min-height:100svh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:38px clamp(32px,4.4vw,76px);
  overflow:hidden;
  background:linear-gradient(155deg,#ffffff 0%,#f7f7f6 100%);
}
.login-v56-access:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 76% 15%,rgba(189,13,32,.055),transparent 25%);
  pointer-events:none;
}
.login-v56-access-decoration{
  position:absolute;
  width:340px;
  height:340px;
  border:1px solid rgba(190,10,31,.07);
  border-radius:46% 54% 60% 40%;
  pointer-events:none;
}
.login-v56-access-decoration:after{
  content:"";
  position:absolute;
  inset:38px;
  border:1px solid rgba(190,10,31,.05);
  border-radius:inherit;
}
.login-v56-access-decoration-top{top:-238px;right:-130px;transform:rotate(31deg)}
.login-v56-access-decoration-bottom{bottom:-248px;right:-174px;transform:rotate(-24deg)}
.login-v56-access-shell{
  position:relative;
  z-index:2;
  width:min(100%,490px);
}
.login-v56-card{
  width:100%;
  padding:40px 42px 32px;
  border:1px solid #e3e4e5;
  border-radius:24px;
  background:rgba(255,255,255,.94);
  box-shadow:0 22px 58px rgba(27,28,31,.11),0 4px 15px rgba(27,28,31,.04);
}
.login-v56-brand-block{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding-bottom:26px;
  border-bottom:1px solid #ededed;
}
.login-v56-brand{
  width:178px;
  height:auto;
  object-fit:contain;
}
.login-v56-brand-block span{
  margin-top:9px;
  color:#67696e;
  font-size:11px;
  letter-spacing:.035em;
}
.login-v56-heading{
  text-align:center;
  margin:25px 0 27px;
}
.login-v56-heading h2{
  margin:0;
  color:#191b20;
  font-size:22px;
  line-height:1.15;
  letter-spacing:-.025em;
}
.login-v56-heading p{
  width:min(100%,380px);
  margin:9px auto 0;
  color:#73757a;
  font-size:11px;
  line-height:1.55;
}
.login-v56-field{
  display:block;
  margin:17px 0;
}
.login-v56-field>span{
  display:block;
  margin-bottom:8px;
  color:#34363b;
  font-size:10px;
  font-weight:700;
}
.login-v56-field>div{
  height:52px;
  display:flex;
  align-items:center;
  gap:1px;
  padding:0 13px;
  border:1px solid #d9dbde;
  border-radius:10px;
  background:#fff;
  box-shadow:0 3px 8px rgba(24,25,29,.025);
  transition:border-color .2s,box-shadow .2s;
}
.login-v56-field>div:focus-within{
  border-color:#c70b20;
  box-shadow:0 0 0 4px rgba(199,11,32,.07);
}
.login-v56-field svg{
  width:17px;
  color:#8b8d92;
  flex:none;
}
.login-v56-field input{
  height:48px;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding-left:10px;
  color:#25272b;
  font-size:12px;
}
.login-v56-field input::placeholder{color:#a1a3a8}
.login-v56-eye{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#8a8c91;
}
.login-v56-eye:hover{background:#f5f5f5;color:#3d3f44}
.login-v56-error{margin:10px 0 0}
.login-v56-submit{
  width:100%;
  height:52px;
  margin-top:20px;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:12px;
  border-radius:9px!important;
  background:linear-gradient(180deg,#ce0b21,#b9091c)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:700!important;
  box-shadow:0 12px 28px rgba(190,9,29,.20);
  transition:transform .2s,filter .2s,box-shadow .2s;
}
.login-v56-submit:hover{
  transform:translateY(-1px);
  filter:brightness(1.03);
  box-shadow:0 15px 32px rgba(190,9,29,.24);
}
.login-v56-submit svg{width:18px}
.login-v56-security{
  margin-top:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#77797e;
  font-size:9px;
}
.login-v56-security svg{width:15px;color:#8b8d91}
.login-v56-security i{font-style:normal;color:#b2b3b7;margin:0 2px}
.login-v56-footer{
  margin-top:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  color:#94969a;
  font-size:8px;
}
.login-v56-footer b{
  color:#7d7f84;
  font-weight:600;
  white-space:nowrap;
}
@media(max-width:1320px){
  .login-v56{grid-template-columns:minmax(0,1.25fr) minmax(420px,.9fr)}
  .login-v56-hero-content{padding-left:42px;padding-right:42px}
  .login-v56-copy{width:520px}
  .login-v56-copy h1{font-size:48px}
  .login-v56-insights{width:210px;right:30px}
  .login-v56-feature{min-height:100px;padding:13px 12px}
}
@media(max-height:800px) and (min-width:901px){
  .login-v56-hero-content{padding-top:24px;padding-bottom:22px}
  .login-v56-symbol{width:32px;height:35px}
  .login-v56-copy{margin-bottom:18px;padding-top:12px}
  .login-v56-copy h1{font-size:40px}
  .login-v56-accent-line{margin:16px 0 14px}
  .login-v56-copy p{font-size:11px;line-height:1.5;width:440px}
  .login-v56-insights{top:72px;width:196px}
  .login-v56-insight{padding:11px 12px}
  .login-v56-feature{min-height:83px;padding:10px}
  .login-v56-feature-icon{width:29px;height:29px}
  .login-v56-feature small{font-size:7px}
  .login-v56-access{padding-top:24px;padding-bottom:24px}
  .login-v56-card{padding:28px 34px 24px}
  .login-v56-brand-block{padding-bottom:18px}
  .login-v56-brand{width:154px}
  .login-v56-heading{margin:17px 0 18px}
  .login-v56-heading h2{font-size:19px}
  .login-v56-field{margin:12px 0}
  .login-v56-field>div{height:47px}
  .login-v56-submit{height:47px;margin-top:14px}
  .login-v56-security{margin-top:12px}
  .login-v56-footer{margin-top:10px}
}
@media(max-width:1080px) and (min-width:901px){
  .login-v56{grid-template-columns:minmax(0,1fr) minmax(410px,.92fr)}
  .login-v56-insights{display:none}
  .login-v56-feature-grid{grid-template-columns:1fr}
  .login-v56-feature:nth-child(2),.login-v56-feature:nth-child(3){display:none}
  .login-v56-feature{max-width:360px;min-height:0}
}
@media(max-width:900px){
  .login-v56{display:block;background:#f7f7f6}
  .login-v56-hero{display:none}
  .login-v56-access{min-height:100svh;padding:28px 20px}
  .login-v56-access-shell{width:min(100%,500px)}
}
@media(max-width:520px){
  .login-v56-access{padding:18px 14px}
  .login-v56-card{padding:30px 22px 24px;border-radius:20px}
  .login-v56-brand{width:154px}
  .login-v56-heading{margin:22px 0 24px}
  .login-v56-heading h2{font-size:20px}
  .login-v56-heading p{font-size:10px}
  .login-v56-field>div{height:50px}
  .login-v56-submit{height:50px}
  .login-v56-footer{justify-content:center;flex-wrap:wrap;text-align:center}
}