:root {
  --gutter-x: 1.5rem;
  --inline-margin-full: calc((100vw - var(--container-w)) * -1 / 2);
  --cl-white: #ffffff;
  --cl-black: #000000;
  --cl-gray: hsl(0, 0%, 70%);
  --cl-gray-light: hsl(0, 0%, 95%);
  --cl-gray-dark: hsl(0, 0%, 50%);
  --cl-blue-light: #009ee3;
  --cl-blue-dark: #0052a1;
  --cl-yellow: #fdc300;
  --container-w: 100%;
}
@media (min-width: 576px) {
  :root {
    --container-w: 540px;
  }
}
@media (min-width: 768px) {
  :root {
    --container-w: 720px;
  }
}
@media (min-width: 992px) {
  :root {
    --container-w: 960px;
  }
}
@media (min-width: 1200px) {
  :root {
    --container-w: 1140px;
    --inline-margin-full: calc((100vw - var(--container-w)) * -1 / 2 - (var(--gutter-x) / 2));
  }
}
@media (min-width: 1400px) {
  :root {
    --container-w: 1320px;
  }
}

.internal-content,
.internal-page,
.page-user-login .block-system {
  --banner-height: 20rem;
  --internal-padding: 3rem;
  --border-radius: 1rem;
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: var(--banner-height);
  background-color: var(--cl-white);
  padding: var(--internal-padding);
  border-radius: var(--border-radius);
  min-height: calc(var(--banner-height) * 3);
}
@media screen and (max-width: 1200px) {
  .internal-content,
  .internal-page,
  .page-user-login .block-system {
    --internal-padding: 1.5rem;
  }
  .internal-content .content-wrapper,
  .internal-page .content-wrapper,
  .page-user-login .block-system .content-wrapper {
    display: flex;
    flex-direction: column;
  }
}
.internal-content:before,
.internal-page:before,
.page-user-login .block-system:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: calc(var(--banner-height) * 2);
  z-index: -1;
  background-color: var(--cl-white);
  box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.15);
  border-radius: var(--border-radius);
}
.internal-content img,
.internal-page img,
.page-user-login .block-system img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.internal-page header h1 {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 2em;
}
@media screen and (max-width: 1200px) {
  .internal-page header h1 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
}

.internal-content header h1 {
  font-size: 2rem;
  color: var(--cl-blue-light);
}
@media screen and (max-width: 1200px) {
  .internal-content header h1 {
    font-size: 1.5rem;
  }
}
.internal-content header .published_at {
  font-size: 0.75rem;
  margin-bottom: 2rem;
}

.page-top-banner {
  margin-inline: var(--inline-margin-full);
  margin-top: calc(var(--banner-height) * -1);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: calc(var(--banner-height) * 2);
  background-color: var(--cl-gray-light);
  z-index: -2;
}
.page-top-banner * {
  height: 100%;
}

.paragraph--type--highlight {
  position: relative;
  display: flex;
  justify-content: center;
  font-family: "Aleo", serif;
  font-size: 2rem;
  font-style: italic;
  margin-block: 3rem;
}
@media screen and (max-width: 1200px) {
  .paragraph--type--highlight {
    font-size: 1.25rem;
  }
}
.paragraph--type--highlight::before, .paragraph--type--highlight::after {
  content: "";
  position: absolute;
  width: 30%;
  height: 0.1rem;
  background-color: var(--cl-blue-light);
}
@media screen and (max-width: 1200px) {
  .paragraph--type--highlight::before, .paragraph--type--highlight::after {
    width: 60%;
  }
}
.paragraph--type--highlight::before {
  top: 0;
}
.paragraph--type--highlight::after {
  bottom: 0;
}
.paragraph--type--highlight .text-formatted {
  text-align: center;
  width: 60%;
}
@media screen and (max-width: 1200px) {
  .paragraph--type--highlight .text-formatted {
    width: auto;
  }
}

.document-wrapper {
  display: flex;
  flex-direction: column;
  float: right;
  max-width: 30%;
  background-color: var(--cl-blue-light);
  color: var(--cl-white);
  margin: 0 0 2rem 2rem;
  padding: var(--internal-padding);
  border-radius: var(--border-radius);
}
@media screen and (max-width: 1200px) {
  .document-wrapper {
    float: none;
    max-width: initial;
    margin: 0 0 2rem 0;
    order: 1;
  }
}
.document-wrapper h2 {
  margin: 0;
}
.document-wrapper .technical-list {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.document-wrapper .technical-item {
  line-height: 1.5;
}
.document-wrapper .document-btn {
  display: flex;
  margin-right: auto;
  gap: 0.5rem;
  align-items: center;
  font-size: 1.2rem;
  font-weight: bold;
  color: var(--cl-blue-light);
  background-color: var(--cl-white);
  padding: 0.5rem 0.7rem;
  border-radius: 0.5em;
  text-decoration: none;
}
.document-wrapper .document-btn svg {
  display: flex;
  width: 1rem;
  height: 1rem;
}
.document-wrapper .document-btn span {
  display: flex;
  align-items: center;
  font-size: 0.9rem;
}
/*# sourceMappingURL=../maps/pages/internal_page.css.map */