.asc-departments {
  --dept-accent: #70dde4;
  position: relative;
  width: 100%;
  min-height: 588px;
  box-sizing: border-box;
  padding: clamp(20px, 2.4vw, 28px);
  overflow: hidden;
  border: 1px solid rgba(151, 208, 228, .31);
  border-radius: 27px;
  background: linear-gradient(145deg, #102f49 0%, #0b2238 66%, #081c30 100%);
  box-shadow: 0 25px 65px rgba(0, 13, 28, .31), inset 0 1px rgba(255, 255, 255, .1);
  color: #ecf9fc;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}
.asc-departments[data-department="tax"] { --dept-accent: #ffae78; }
.asc-departments[data-department="people"] { --dept-accent: #b7aaff; }
.asc-departments[data-department="finance"] { --dept-accent: #89e7b9; }
.asc-departments::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(rgba(173, 224, 238, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(173, 224, 238, .04) 1px, transparent 1px);
  background-size: 29px 29px;
  mask-image: linear-gradient(to bottom, #000, transparent 75%);
}
.asc-departments *, .asc-departments *::before, .asc-departments *::after, .asc-opening-offer *, .asc-opening-offer *::before, .asc-opening-offer *::after { box-sizing: border-box; }
.asc-departments__top, .asc-departments__bottom { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.asc-departments__top { color: #d8f3f7; font-size: 10px; font-weight: 900; letter-spacing: .14em; white-space: nowrap; }
.asc-departments__top i { margin: 0 5px; color: #ff985f; font-style: normal; }
.asc-departments__top span:last-child { color: #8eb8c9; font-size: 9px; }
.asc-departments__tabs { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; margin-top: 26px; padding: 5px; border: 1px solid rgba(164, 214, 232, .2); border-radius: 13px; background: rgba(4, 21, 37, .66); }
.asc-departments__tabs button { min-width: 0; min-height: 39px; padding: 8px 5px; border: 0; border-radius: 9px; background: transparent; color: #b4ced9; cursor: pointer; font: inherit; font-size: 11px; font-weight: 800; text-align: center; }
.asc-departments__tabs button:hover { color: #fff; background: rgba(143, 205, 228, .1); }
.asc-departments__tabs button.is-active { background: #e9f7fb; color: #0a3349; box-shadow: 0 3px 10px rgba(0, 10, 24, .21); }
.asc-departments__tabs button:focus-visible, .asc-departments__bottom a:focus-visible, .asc-opening-offer a:focus-visible { outline: 2px solid #ffac77; outline-offset: 2px; }
.asc-departments__page { position: relative; min-height: 390px; margin-top: 13px; padding: clamp(19px, 2.2vw, 27px); overflow: hidden; border-radius: 18px; background: linear-gradient(153deg, #fafdff, #eaf3f8 80%); box-shadow: 0 15px 31px rgba(1, 13, 31, .25); color: #173049; }
.asc-departments__page::after { content: ""; position: absolute; top: -50px; right: -25px; width: 190px; height: 190px; border: 1px solid rgba(42, 99, 128, .1); border-radius: 50%; box-shadow: 0 0 0 25px rgba(42, 99, 128, .03), 0 0 0 55px rgba(42, 99, 128, .025); pointer-events: none; }
.asc-departments__page-head { position: relative; z-index: 1; display: flex; align-items: center; gap: 13px; }
.asc-departments__icon { width: 51px; height: 51px; flex: none; display: grid; place-items: center; border-radius: 14px; background: #123d53; color: var(--dept-accent); font-size: 28px; font-weight: 500; }
.asc-departments__page-head small { display: block; color: #647f92; font-size: 9px; font-weight: 900; letter-spacing: .15em; }
.asc-departments__page-head h2 { margin: 2px 0 0; color: #0e2a42; font-size: clamp(25px, 2.5vw, 34px); font-weight: 850; line-height: 1.05; letter-spacing: -.045em; }
.asc-departments__page-mark { margin-left: auto; color: rgba(17, 75, 105, .16); font-size: 23px; font-weight: 900; letter-spacing: -.05em; }
.asc-departments__lede { position: relative; z-index: 1; max-width: 390px; min-height: 50px; margin: 20px 0 18px; color: #3b576c; font-size: 14px; line-height: 1.5; }
.asc-hero p.asc-departments__lede:not(.asc-kicker) { color: #3b576c; font-size: 14px; line-height: 1.5; }
.asc-departments__deliveries { position: relative; z-index: 1; }
.asc-departments__deliveries > span, .asc-departments__takeaway > span { display: block; color: #4d6c7e; font-size: 9px; font-weight: 900; letter-spacing: .17em; }
.asc-departments__deliveries ul { display: grid; grid-template-columns: 1fr; gap: 7px; margin: 10px 0 18px; padding: 0; list-style: none; }
.asc-departments__deliveries li { display: flex; align-items: center; gap: 9px; min-height: 28px; color: #163b51; font-size: 12px; font-weight: 750; }
.asc-departments__deliveries li::before { content: "✓"; width: 18px; height: 18px; flex: none; display: grid; place-items: center; border-radius: 5px; background: #d8f3f5; color: #116374; font-size: 11px; font-weight: 900; }
.asc-departments__takeaway { position: relative; z-index: 1; display: grid; gap: 5px; padding: 13px 15px; border-left: 3px solid var(--dept-accent); border-radius: 0 10px 10px 0; background: #dcebf2; }
.asc-departments__takeaway strong { color: #173b50; font-size: 12px; font-weight: 700; line-height: 1.35; }
.asc-departments__bottom { margin-top: 16px; }
.asc-departments__bottom > span { color: #97b8c6; font-size: 9px; font-weight: 800; letter-spacing: .09em; }
.asc-departments__bottom a { color: #d8faff; font-size: 10px; font-weight: 850; text-decoration: none; white-space: nowrap; }
.asc-departments__bottom a:hover { color: #fff; text-decoration: underline; }
.asc-departments__bottom a span { color: #ffac72; }
.asc-hero, .asc-opening-offer-band { background: linear-gradient(90deg, #102b46 0%, #0c3448 100%); }
.asc-hero::before, .asc-opening-offer-band::before { background-image: linear-gradient(#85dce514 1px, transparent 1px), linear-gradient(90deg, #85dce514 1px, transparent 1px); background-size: 52px 52px; background-attachment: fixed; mask-image: none; opacity: 1; }
.asc-opening-offer-band { position: relative; isolation: isolate; padding: clamp(28px, 4vw, 48px) 20px clamp(28px, 4vw, 48px); overflow: hidden; background: linear-gradient(90deg, #102b46 0%, #0c3448 100%); }
.entry-content > .asc-opening-offer-band { width: 100% !important; max-width: none !important; margin: 0 !important; }
.entry-content > .asc-opening-offer-band + #quem-somos { margin-block-start: 0 !important; }
.asc-opening-offer-band::before { content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none; background-image: linear-gradient(#85dce514 1px, transparent 1px), linear-gradient(90deg, #85dce514 1px, transparent 1px); background-size: 52px 52px; }
.asc-opening-offer { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 28px; max-width: 1180px; margin: 0 auto; padding: clamp(27px, 3.3vw, 43px); overflow: hidden; border: 1px solid #fdb583; border-radius: 23px; background: linear-gradient(112deg, #fff5e9 0%, #ffe5d2 62%, #ffd4b8 100%); color: #173049; box-shadow: 0 22px 55px rgba(0, 9, 21, .24); }
.asc-opening-offer::before { content: ""; position: absolute; width: 270px; height: 270px; right: 5%; top: -155px; border: 1px solid rgba(254, 120, 50, .2); border-radius: 50%; box-shadow: 0 0 0 27px rgba(254, 120, 50, .06), 0 0 0 59px rgba(254, 120, 50, .045); pointer-events: none; }
.asc-opening-offer > div, .asc-opening-offer > a { position: relative; }
.asc-opening-offer > div > span { color: #c4571c; font-size: 10px; font-weight: 900; letter-spacing: .16em; }
.asc-opening-offer h2 { margin: 6px 0; color: #162f43; font-size: clamp(26px, 3.1vw, 39px); line-height: 1.08; letter-spacing: -.05em; }
.asc-opening-offer p { margin: 0; max-width: 570px; color: #455c6a; font-size: clamp(14px, 1.45vw, 17px); line-height: 1.45; }
.asc-opening-offer > a { flex: none; display: inline-flex; align-items: center; gap: 13px; padding: 15px 19px; border-radius: 12px; background: #132d43; color: #fff; font-size: 12px; font-weight: 850; text-decoration: none; box-shadow: 0 10px 25px rgba(17, 45, 67, .19); }
.asc-opening-offer > a:hover { background: #25465b; color: #fff; text-decoration: none; }
.asc-opening-offer > a span { color: #ffb07a; font-size: 17px; }
@media (max-width: 600px) { .asc-departments { min-height: 0; padding: 19px; border-radius: 22px; } .asc-departments__top { font-size: 9px; } .asc-departments__top span:last-child { display: none; } .asc-departments__tabs { margin-top: 20px; } .asc-departments__tabs button { font-size: 10px; } .asc-departments__page { min-height: 0; padding: 20px; } .asc-departments__lede { min-height: 0; } .asc-departments__bottom { align-items: flex-start; } .asc-departments__bottom > span { max-width: 135px; line-height: 1.4; } .asc-opening-offer-band { padding: 22px 18px 32px; } .asc-opening-offer { display: grid; gap: 20px; padding: 26px; } .asc-opening-offer > a { justify-content: space-between; width: 100%; } }