/* Institucional 360 · Whitehall footer CTA premium
   Scoped only to the Register Your Complaint widget. */
body .main-footer .widget-section .register-widget .inner-box,
body footer.main-footer .widget-section .register-widget .inner-box {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  padding: 30px 26px 28px !important;
  border: 1px solid rgba(112, 222, 226, .22) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(106, 221, 224, .22) 0, rgba(106, 221, 224, 0) 34%),
    linear-gradient(145deg, #073e49 0%, #075c68 48%, #087b84 100%) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08) !important;
  transform: translateZ(0);
}

body .main-footer .widget-section .register-widget .inner-box::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  z-index: 0;
  background: linear-gradient(90deg, #51d7e2 0%, #28b8c4 56%, #d2ad3e 100%);
}

body .main-footer .widget-section .register-widget .inner-box::after {
  content: "";
  position: absolute;
  width: 170px;
  height: 170px;
  right: -78px;
  bottom: -92px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 50%;
  box-shadow: 0 0 0 24px rgba(255,255,255,.025), 0 0 0 52px rgba(255,255,255,.018);
  pointer-events: none;
  z-index: 0;
}

body .main-footer .widget-section .register-widget .inner-box > * {
  position: relative;
  z-index: 1;
}

body .main-footer .widget-section .register-widget .inner-box .upper {
  display: grid !important;
  grid-template-columns: 62px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 16px !important;
  min-height: 62px !important;
  padding: 0 !important;
  margin: 0 0 17px !important;
}

body .main-footer .widget-section .register-widget .inner-box .upper .icon-box {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 58px !important;
  height: 58px !important;
  line-height: 58px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.97) !important;
  color: #08606b !important;
  font-size: 28px !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.17) !important;
}

body .main-footer .widget-section .register-widget .inner-box .upper h4 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 21px !important;
  line-height: 1.22 !important;
  letter-spacing: -.015em !important;
  font-weight: 800 !important;
  text-transform: none !important;
}

body .main-footer .widget-section .register-widget .inner-box p {
  margin: 0 0 22px !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  font-weight: 400 !important;
}

body .main-footer .widget-section .register-widget .inner-box > a {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 50px !important;
  padding: 12px 18px !important;
  border: 1px solid rgba(255,255,255,.92) !important;
  border-radius: 11px !important;
  background: #fff !important;
  color: #064b56 !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.13) !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease !important;
}

body .main-footer .widget-section .register-widget .inner-box > a::after {
  content: "→";
  margin-left: 10px;
  font-size: 17px;
  line-height: 1;
  transform: translateX(0);
  transition: transform .22s ease;
}

body .main-footer .widget-section .register-widget .inner-box > a:hover,
body .main-footer .widget-section .register-widget .inner-box > a:focus {
  background: #d7b54a !important;
  border-color: #d7b54a !important;
  color: #082f36 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.19) !important;
  outline: none !important;
}

body .main-footer .widget-section .register-widget .inner-box > a:hover::after,
body .main-footer .widget-section .register-widget .inner-box > a:focus::after {
  transform: translateX(4px);
}

@media (max-width: 767px) {
  body .main-footer .widget-section .register-widget .inner-box,
  body footer.main-footer .widget-section .register-widget .inner-box {
    padding: 24px 20px 22px !important;
    border-radius: 14px !important;
  }
  body .main-footer .widget-section .register-widget .inner-box .upper {
    grid-template-columns: 54px minmax(0,1fr) !important;
    gap: 13px !important;
  }
  body .main-footer .widget-section .register-widget .inner-box .upper .icon-box {
    width: 52px !important;
    height: 52px !important;
    line-height: 52px !important;
    font-size: 25px !important;
  }
  body .main-footer .widget-section .register-widget .inner-box .upper h4 {
    font-size: 19px !important;
  }
}