/* Mega menu - Área do Cliente (desktop hover) */
.area-cliente-dropdown{position:relative;}
.area-cliente-trigger{display:inline-flex;align-items:center;justify-content:center;line-height:1;}
.area-cliente-trigger img{display:block;max-height:36px;height:auto;width:auto;}

.area-cliente-megamenu{
  position:absolute;
  top:calc(100% + 10px);
  right:-10px;
  width:min(520px, 92vw);
  background:#ffffff;
  border:1px solid rgba(0,0,0,0.10);
  border-radius:14px;
  box-shadow:0 14px 30px rgba(0,0,0,0.22);
  padding:12px;
  opacity:0;
  transform:translateY(10px);
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
  z-index:9999;
}

.area-cliente-megamenu::before{
  content:"";
  position:absolute;
  top:-8px;
  right:40px;
  width:16px;height:16px;
  background:#ffffff;
  transform:rotate(45deg);
  border-left:1px solid rgba(0,0,0,0.10);
  border-top:1px solid rgba(0,0,0,0.10);
}

/* "ponte" de hover: evita que o menu suma ao mover o mouse do botão para o dropdown */
.area-cliente-megamenu::after{
  content:"";
  position:absolute;
  left:0;
  top:-18px;
  width:100%;
  height:18px;
  background:transparent;
}
.area-cliente-dropdown:hover .area-cliente-megamenu,
.area-cliente-dropdown:focus-within .area-cliente-megamenu{
  opacity:1;
  transform:translateY(0);
  visibility:visible;
  pointer-events:auto;
}

.ac-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

.ac-card{
  display:flex;
  flex-direction:row;
  align-items:flex-start;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  background:#ffffff;
  border:1px solid rgba(0,0,0,0.10);
  text-decoration:none;
  transition:transform .16s ease, border-color .16s ease, background .16s ease;
  min-height:68px;
}
.ac-card:hover{
  transform:translateY(-1px);
  background:#f5f8ff;
  border-color:#007dc3;
}

.ac-icon{
  width:34px;height:34px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,125,195,0.10);
  border:1px solid rgba(0,125,195,0.18);
  flex:0 0 auto;
  margin-top:2px;
}
.ac-icon i{font-size:14px;color:#007dc3;}

.ac-text{display:flex;flex-direction:column;gap:3px;min-width:0;}
.ac-title{
  margin:0;
  font-size:14px;
  font-weight:700;
  color:#0b2f66;
  line-height:1.15;
}
.ac-desc{
  margin:0;
  font-size:12px;
  color:rgba(0,0,0,0.65);
  line-height:1.25;
}


.area-cliente-dropdown:hover .area-cliente-trigger,
.area-cliente-dropdown:focus-within .area-cliente-trigger{
  filter:brightness(1.05);
}

/* Mobile submenu inside the responsive menu */
.mobile-area-cliente .mobile-area-submenu{
  overflow:hidden;
  max-height:0;
  transition:max-height .22s ease;
  margin-top:8px;
}
.mobile-area-cliente.open .mobile-area-submenu{max-height:1200px;}

.mobile-area-cliente-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.mobile-area-cliente-toggle .chev{
  transition:transform .18s ease;
}
.mobile-area-cliente.open .mobile-area-cliente-toggle .chev{
  transform:rotate(180deg);
}

.mobile-area-submenu .ac-card{padding:10px 12px;border-radius:12px;min-height:auto;}
.mobile-area-submenu .ac-title{font-size:14px;}
.mobile-area-submenu .ac-desc{font-size:12px;}

@media (max-width: 520px){
  .area-cliente-megamenu{right:-6px;padding:14px;}
  .ac-grid{grid-template-columns:1fr;}
}