/* Correos Guatemala public-site branding only. The class is never added on /panel routes. */
html.gt-public {
  --correos-navy: #002e6d;
  --correos-blue: #1976d2;
  --correos-cyan: #00aee6;
}

/* UPS brown becomes Correos Guatemala navy. */
html.gt-public .bg-\[\#351c15\] {
  background-color: var(--correos-navy) !important;
}

/* UPS gold becomes Correos Guatemala blue. */
html.gt-public .bg-\[\#ffc400\] {
  background-color: var(--correos-blue) !important;
}
html.gt-public .bg-\[\#ffc400\]\/20 {
  background-color: rgb(25 118 210 / 0.2) !important;
}
html.gt-public .border-\[\#ffc400\]\/50 {
  border-color: rgb(25 118 210 / 0.5) !important;
}
html.gt-public .text-\[\#ffc400\] {
  color: var(--correos-blue) !important;
}
html.gt-public .from-\[\#ffc400\],
html.gt-public .from-\[\#ffc40000\] {
  --tw-gradient-from: var(--correos-blue) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(25 118 210 / 0) var(--tw-gradient-to-position) !important;
}
html.gt-public .to-\[\#ffc400\] {
  --tw-gradient-to: var(--correos-blue) var(--tw-gradient-to-position) !important;
}

/* Existing public teal accents adopt the Correos Guatemala cyan/blue system. */
html.gt-public .bg-\[\#0A8080\] {
  background-color: var(--correos-blue) !important;
}
html.gt-public .border-\[\#0A8080\],
html.gt-public .hover\:border-\[\#0A8080\]:hover {
  border-color: var(--correos-blue) !important;
}
html.gt-public .text-\[\#0A8080\] {
  color: var(--correos-blue) !important;
}

/* Public loading indicators use Correos Guatemala blue. */
html.gt-public .animate-spin.text-\[\#ffc400\],
html.gt-public .animate-spin.text-\[\#0A8080\],
html.gt-public .animate-spin.text-\[\#4d148c\],
html.gt-public .animate-spin.text-\[\#000624\] {
  color: var(--correos-blue) !important;
}
html.gt-public .animate-spin.border-gray-900,
html.gt-public .animate-spin.border-b-2 {
  border-bottom-color: var(--correos-blue) !important;
}

/* Recreate the official Correos Guatemala header with its two separate website assets. */
html.gt-public main > header:has(.correos-guatemala-official-header) {
  width: 100% !important;
  height: 102px !important;
  min-height: 102px !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  background: #032b6a !important;
  background-color: #032b6a !important;
  overflow: hidden !important;
}
html.gt-public main > header:has(.correos-guatemala-official-header) > div {
  width: 100% !important;
  height: 102px !important;
  min-height: 102px !important;
  padding: 0 !important;
  margin: 0 !important;
}
html.gt-public .correos-guatemala-official-header {
  width: calc(100% - 48px) !important;
  max-width: none !important;
  height: 102px !important;
  margin: 0 24px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
}
html.gt-public .correos-guatemala-official-logo {
  display: block !important;
  flex: 0 0 auto !important;
  object-fit: contain !important;
}
html.gt-public .correos-guatemala-official-logo-left {
  width: 160px !important;
  height: 54px !important;
}
html.gt-public .correos-guatemala-official-logo-right {
  width: 190px !important;
  height: 64px !important;
}

/* Match the official Correos Guatemala copyright bar exactly. */
html.gt-public main > footer,
html.gt-public main > footer.bg-\[\#351c15\] {
  width: 100% !important;
  height: 110px !important;
  min-height: 110px !important;
  box-sizing: border-box !important;
  padding: 20px 60px !important;
  background: #00a8de !important;
  background-color: #00a8de !important;
  display: flex !important;
  align-items: center !important;
}
html.gt-public main > footer,
html.gt-public main > footer * {
  color: #ffffff !important;
}
html.gt-public main > footer p {
  color: #ffffff !important;
  margin: 0 !important;
}

/* Maintain accessible contrast after the UPS gold action color becomes Guatemala blue. */
html.gt-public button.bg-\[\#ffc400\] {
  color: #ffffff !important;
}
html.gt-public button.bg-\[\#ffc400\] .animate-spin {
  color: #ffffff !important;
}

@media (max-width: 1023px) {
  html.gt-public .correos-guatemala-official-header {
    width: calc(100% - 32px) !important;
    margin: 0 16px !important;
  }
  html.gt-public .correos-guatemala-official-logo-left {
    width: min(34vw, 160px) !important;
    height: auto !important;
  }
  html.gt-public .correos-guatemala-official-logo-right {
    width: min(39vw, 190px) !important;
    height: auto !important;
  }
  html.gt-public main > footer,
  html.gt-public main > footer.bg-\[\#351c15\] {
    padding: 20px 24px !important;
  }
}