/* CIE - Base compartida */
:root {
  --cie-primary: #071e41;
  --cie-primary-dark: #03152f;
  --cie-secondary: #005ea8;
  --cie-accent: #72cf37;
  --cie-govco: #0943B5;
  --cie-text: #243447;
  --cie-muted: #566573;
  --cie-border: #d9e2ea;
  --cie-container-width: 1200px;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 112px;
}

body {
  margin: 0;
  color: var(--cie-text);
  background: #ffffff;
}

#s4-workspace,
#s4-bodyContainer,
#cie-content {
  width: 100%;
  min-width: 0;
}

#s4-workspace {
  overflow-x: hidden;
}

#s4-bodyContainer {
  padding-bottom: 0;
}

.cie-container {
  width: calc(100% - 40px);
  max-width: var(--cie-container-width);
  margin-right: auto;
  margin-left: auto;
}

.cie-skip-link {
  position: fixed;
  z-index: 10000;
  top: 8px;
  left: 8px;
  padding: 10px 14px;
  color: var(--cie-primary-dark) !important;
  background: #ffffff;
  border: 2px solid var(--cie-primary);
  transform: translateY(-180%);
}

.cie-skip-link:focus {
  transform: translateY(0);
}

.cie-header-wrapper,
.cie-govco-footer,
.cie-main-navigation,
.cie-govco-topbar,
.cie-site-header {
  box-sizing: border-box;
  font-family: "Montserrat", "Segoe UI", Arial, sans-serif;
}

.cie-header-wrapper *,
.cie-govco-footer * {
  box-sizing: border-box;
}

@media screen and (max-width: 640px) {
  html {
    scroll-padding-top: 100px;
  }
}