.pqrsd-page {
  --pqrsd-green: #087052;
  --pqrsd-navy: #12385e;
  background: linear-gradient(180deg, #f5fafb, #fff);
  color: var(--pqrsd-navy);
}
.pqrsd-hero {
  position: relative;
  padding: 1.25rem 0 2rem;
  color: #fff;
  background: linear-gradient(105deg, #074e5a, #087052 70%, #249864);
  overflow: hidden;
}
.pqrsd-hero::after {
  content: "";
  position: absolute;
  width: 20rem;
  height: 12rem;
  right: -7rem;
  bottom: -8rem;
  border-radius: 50%;
  border: 2rem solid rgba(165, 218, 101, .3);
  pointer-events: none;
}
.pqrsd-hero .breadcrumb a, .pqrsd-hero .breadcrumb-item,
.pqrsd-hero .breadcrumb-item + .breadcrumb-item::before { color: #fff; }
.pqrsd-hero h1 { font-size: clamp(1.65rem, 3vw, 2.5rem); font-weight: 800; max-width: 48rem; }
.pqrsd-hero p { font-size: .9rem; }
.pqrsd-eyebrow { text-transform: uppercase; letter-spacing: .08em; font-weight: 700; opacity: .85; }
.pqrsd-hero-message { display: flex; align-items: center; gap: 1.25rem; padding: 1.75rem; border-radius: 3rem 1rem; background: rgba(0, 47, 40, .28); }
.pqrsd-hero-message > i { font-size: 4rem; line-height: 1; }
.pqrsd-panel { background: #fff; border-radius: .9rem; border: 1px solid #e6eef2; box-shadow: 0 6px 22px rgba(18, 56, 94, .06); overflow: hidden; }
.pqrsd-panel-heading { display: flex; align-items: center; gap: 1rem; padding-bottom: 1.25rem; margin-bottom: 1.25rem; border-bottom: 3px solid #d8ebe4; }
.pqrsd-heading-icon { display: grid; place-items: center; flex-shrink: 0; width: 3.5rem; height: 3.5rem; border-radius: 50%; color: #fff; background: linear-gradient(135deg, #084d55, #14865e); font-size: 1.8rem; }
.pqrsd-page .form-label { font-size: .85rem; font-weight: 500; }
.pqrsd-page .form-control, .pqrsd-page .form-select { border-color: #cddbe7; min-height: 2.75rem; }
.pqrsd-page .form-control:focus, .pqrsd-page .form-select:focus { border-color: #087052; box-shadow: 0 0 0 .2rem rgba(8, 112, 82, .18); }
#form-pqrsd .form-control[aria-invalid="true"], #form-pqrsd .form-select[aria-invalid="true"] { border-color: #b02a37; }
#form-pqrsd .form-check-input[aria-invalid="true"] { border-color: #b02a37; outline: 1px solid #b02a37; }
.pqrsd-page [hidden] { display: none !important; }
.pqrsd-steps { display: flex; gap: 1rem; list-style: none; padding: 0; margin-bottom: 1.5rem; font-size: .8rem; }
.pqrsd-steps li { flex: 1; color: #56677a; border-bottom: 2px solid #e0e8ec; padding-bottom: .7rem; }
.pqrsd-steps li[aria-current] { color: #087052; font-weight: 700; border-color: #087052; }
.pqrsd-steps span { display: inline-grid; place-items: center; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: #e8f2ee; margin-right: .3rem; }
.pqrsd-privacy, .pqrsd-sustainability { display: flex; gap: .9rem; padding: 1rem; border-radius: .75rem; background: #edf7f2; color: #145946; }
.pqrsd-privacy > i, .pqrsd-sustainability > i { font-size: 1.6rem; }
.pqrsd-privacy p, .pqrsd-sustainability p { color: #466377; }
.pqrsd-form-actions { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .75rem; }
.pqrsd-primary { color: #fff; background: #087052; border-color: #087052; }
.pqrsd-primary:hover, .pqrsd-primary:focus-visible { color: #fff; background: #05543e; border-color: #05543e; }
.pqrsd-sidebar-title { margin: 0; padding: 1rem; font-size: 1rem; font-weight: 700; color: #fff; background: linear-gradient(100deg, #084f55, #158660); }
.pqrsd-sidebar-title-blue { background: linear-gradient(100deg, #075eae, #0988b6); }
.pqrsd-channels { list-style: none; padding: 0 1rem; margin: 0; }
.pqrsd-channels li { display: flex; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid #e6eef2; font-size: .85rem; }
.pqrsd-channels li:last-child { border: 0; }
.pqrsd-channels li > i { font-size: 1.4rem; }
.pqrsd-channels li > div { min-width: 0; overflow-wrap: anywhere; }
.pqrsd-channels p { margin: .2rem 0 0; color: #4d6074; }
.pqrsd-page a:focus-visible, .pqrsd-page button:focus-visible { outline: 3px solid #cb9313; outline-offset: 3px; }
@media (max-width: 575.98px) {
  .pqrsd-hero-message { padding: 1rem; }
  .pqrsd-hero-message > i { font-size: 2.5rem; }
  .pqrsd-heading-icon { width: 2.75rem; height: 2.75rem; font-size: 1.4rem; }
  .pqrsd-form-actions > .btn, .pqrsd-form-actions > div { width: 100%; }
  .pqrsd-form-actions > div .btn { flex: 1; }
}