/* TYPOGRAPHY */
/* FONT SIZES */
/* BRAND COLORS */ /* ----------- FLEXGRID CONFIG ----------- */
:root {
  --gutter-xs: 9.6px;
  --gutter-sm: 16px;
  --gutter: 32px;
  --gutter-lg: 48px;
  --gutter-xl: 83.744px;
}

/* --------- INPUT & BUTTON --------- */
:root {
  --separate-sm: 30px;
  --separate: 60px;
  --separate-lg: 97.08px;
}

/* -------- RESPONSIVE BREAKPOINTS -------- */
/* ----------- BREAKOUT ----------- */
/* ----------- UNITS ----------- */
.FiltroSelect-checkbox::after, .NavpanelMainMenu-item.hasChildren > .NavpanelMainMenu-link:after, .message::before, [data-icon]::before, .Glider--fullscreen .Glider-close::before, .Glider-arrow, .filedrop-label::before, .Details summary::before {
  font-family: "Icons", sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  white-space: nowrap !important;
  text-transform: initial !important;
  speak: none; /* Edge */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
}

/**
 * Utilidad para scroll horizontal de un contenedor flex, para que siempre haya 1 item que se vea por la mitad.
 * Crea varias media queries entre `$from` y `$to`, con un intervalo de `$item-width` pixels entre cada una.
 * En la propiedad `$prop` pone el ancho que debe tener cada item para que el último se vea por la mitad.
 * `$start` es la cantidad de items inicial que se deberían mostrar cuando la pantalla tiene `$from` pixels de ancho.
 */
/**
 * Genera un {@include responsive} para cada breakpoint
 * @param  $class       Selector
 * @param  $bps:        Lista de breakpoints {xl lg md sm xs}
 * @param  $standalone: Incluír versión sin breakpoint
 * @param  $strict:     Media queries entre tanto y tanto, en lugar de tanto para abajo
 * @param  $up:         [true|false] Crear version -up
 * @param  $down:       [true|false] Crear version -down
 */
html {
  box-sizing: border-box;
  scrollbar-gutter: stable;
  scroll-padding: 10px;
}
html.fixed-header {
  scroll-padding-top: calc(12px + var(--fixed-header-height-scrolled));
}

html {
  font-size: 62.5%;
}

body {
  background: var(--bg-color) !important;
  font-size: 1.8rem;
  font-family: Roboto, sans-serif;
  padding: 0;
  margin: 0;
  line-height: 1.4;
  min-width: 320px;
  box-sizing: border-box;
  overflow-x: hidden;
}

p {
  margin: 1.2em 0;
  line-height: 1.3;
  word-break: break-word;
}
p:first-child {
  margin-top: 0;
}
p:last-child {
  margin-bottom: 0;
}

a {
  text-decoration: none;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

.hr, .ezxmltext hr, hr:not([class]) {
  display: block;
  margin: 1.2em 0;
  border: none;
  border-bottom: 1px solid var(--separator-color);
}

input[type=checkbox], input[type=radio], input[type=range], progress {
  accent-color: var(--widget-accented-bg-color);
}

input[type=checkbox], input[type=radio] {
  width: 1.3em;
  height: 1.3em;
  transform: translateZ(0);
  will-change: transform;
}

/*input[type="file"] {
	width: 100%;
}*/
h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  line-height: 1.3;
  font-weight: normal;
  margin: 0;
}

script, input[type=hidden] {
  display: none !important;
}

input, button, textarea, select {
  font: inherit;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

figure {
  margin: unset;
}

::placeholder {
  color: inherit;
  opacity: 0.5;
}

.e {
  unicode-bidi: bidi-override;
  direction: rtl;
}

@font-face {
  font-family: "Icons";
  src: url("./../fonts/Icons.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* Agregar las fonts (solo las importantes) como preload en page_head.tpl */
@font-face {
  font-family: "Roboto";
  src: url("./../fonts/roboto-v32-latin-regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Roboto";
  src: url("./../fonts/roboto-v32-latin-700.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Roboto";
  src: url("./../fonts/roboto-v32-latin-italic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: fallback;
}
[data-handy-scroll] {
  overflow-x: auto;
}

.handy-scroll {
  bottom: var(--footer-float-height);
}

html body::before {
  all: unset;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000;
  pointer-events: none;
  padding: 1px 5px;
  background-color: #FFE20B;
  border: 1px solid #B19C00;
  color: #333;
  opacity: 0.5;
  font-size: 13px;
}
/*
@media (min-width: 75.063em) {
  html body::before {
    content: "> xl";
    content: "> xl"/"";
  }
}
@media (max-width: 75em) {
  html body::before {
    content: "xl";
    content: "xl"/"";
  }
}
@media (max-width: 64em) {
  html body::before {
    content: "lg";
    content: "lg"/"";
  }
}
@media (max-width: 48em) {
  html body::before {
    content: "md";
    content: "md"/"";
  }
}
@media (max-width: 35em) {
  html body::before {
    content: "sm";
    content: "sm"/"";
  }
}
@media (max-width: 26em) {
  html body::before {
    content: "xs";
    content: "xs"/"";
  }
}*/
body::before {
  content: "Estás utilizando un navegador antiguo. Para ver este sitio correctamente utiliza una versión moderna de Firefox, Chrome, Edge, o Safari";
  text-align: center;
  padding: 20px 20px;
  background-color: #fbff69;
  color: #000;
  font-size: 20px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  opacity: 1;
  border: none;
  z-index: 1000;
}

@supports (--foo: bar) {
  body::before {
    display: none;
  }
}
#debug {
  color: #000;
  white-space: break-spaces;
}
@media (prefers-color-scheme: dark) {
  #debug {
    filter: invert(1) hue-rotate(180deg) contrast(80%);
  }
}
@media print {
  #debug {
    display: none;
  }
}
@media (max-width: 64em) {
  #debug {
    display: none;
  }
}

#debug pre, .xdebug-var-dump {
  overflow-x: auto;
  scrollbar-width: thin;
  max-width: calc(100vw - 20px);
}

.dev-hide {
  display: none;
}

.user-cloak, .user-private {
  display: none !important;
}

.AlphabetPagination {
  margin-top: var(--gutter);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.AlphabetPagination > .btn {
  line-height: 1.1;
  margin: 0 1px;
}

.Avatar {
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #e6e6e6;
}
.Avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.badge {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  background-color: var(--bg-color-warning);
  font-size: 0.4em;
  border-radius: 999px;
  display: inline-block;
  line-height: 1.2em;
  width: 1.2em;
  font-weight: bold;
  font-family: Roboto, sans-serif;
}

.badge-wrapper {
  position: relative;
}

.BlockLoading {
  position: relative;
}
.BlockLoading-overlay {
  position: absolute;
  width: 100%;
  height: var(--overlay-height);
  top: var(--overlay-top, 0);
  bottom: var(--overlay-bottom, unset);
  z-index: 9998;
  opacity: 0;
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.BlockLoading-throbber {
  pointer-events: none;
  background: url("./../images/loading.svg") no-repeat center center;
  width: 100px;
  height: 100px;
}
.BlockLoading > * {
  transition: opacity 0.2s ease-in-out, filter 0.2s ease-in-out;
}
.BlockLoading.isImmediate > * {
  transition: unset;
}
.BlockLoading.isActive .BlockLoading-overlay {
  opacity: 1;
}
.BlockLoading.isActive > :not(.BlockLoading-overlay) {
  opacity: 0.5;
  filter: grayscale(20%);
  pointer-events: none;
}
@media (prefers-color-scheme: dark) {
  .BlockLoading.isActive > :not(.BlockLoading-overlay) {
    opacity: 0.2;
  }
}

.btn, .btnIcon {
  cursor: pointer;
  text-decoration: none;
  font-weight: normal;
  white-space: nowrap;
  background: none;
  border: solid transparent;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.btn:hover, .btnIcon:hover {
  text-decoration: none;
}

.btn {
  gap: 0.5em;
  box-sizing: border-box;
  max-width: 100%;
  min-width: 8em;
}

.btn--block {
  display: flex;
  width: 100%;
}

.btn-group {
  position: relative;
  display: inline-block;
}

/* BUTTON STATES */
.btn:disabled, .btn.isDisabled, .btnIcon:disabled, .isDisabled.btnIcon {
  pointer-events: none;
  opacity: 0.7;
}

/* BUTTON SIZES */
.btn {
  font-size: 1.5em;
  padding: 0.5em 1em;
  line-height: 1;
}
.btn--slim {
  padding: 0.1em 0.4em;
  min-width: unset;
}
.btn--thin {
  padding: 0.2em 0.8em;
  min-width: unset;
}
.btn--thick {
  padding: 0.75em 2em;
}
.btn--seamless {
  padding: 0;
  column-gap: 0.4em;
  min-width: unset;
}
.btn--xlarge {
  font-size: 1.98em;
}
.btn--large {
  font-size: 1.65em;
}
.btn--small {
  font-size: 1.26em;
}
.btn--mini {
  font-size: 1.05em;
}

.btnIcon {
  padding: unset;
  text-align: center;
}

.btnIcon {
  line-height: 2em;
  height: 2em;
  width: 2em;
}
.btnIcon--thin {
  height: 1.6em;
  width: 1.6em;
}
.btnIcon--seamless {
  height: 1.3em;
  width: 1.3em;
}

/* BUTTON SIZES */
.btnIcon {
  font-size: 1.5em;
}
.btnIcon--xlarge {
  font-size: 1.98em;
}
.btnIcon--large {
  font-size: 1.65em;
}
.btnIcon--small {
  font-size: 1.26em;
}
.btnIcon--mini {
  font-size: 1.05em;
}

.btnIcon--circle {
  border-radius: 50%;
}

.btn, .btnIcon {
  /*	&--primary-text-outline {
  		@include button-style-text-outline-variant($color: var(--link-color-text), $bordercolor: var(--text-color-quiet), $bgcolorHover: var(--btn-bg-primary));
  	}*/
}
.btn--link, .btnIcon--link {
  color: var(--link-color);
}
.btn--link:is(:hover, :focus, :active), .btnIcon--link:is(:hover, :focus, :active) {
  color: var(--link-color-hover);
}
.btn--default, .btnIcon--default {
  background-color: var(--btn-bg-default);
  border-color: var(--btn-bg-default);
  color: #fff;
}
.btn--default:is(:hover, :focus, :active), .btnIcon--default:is(:hover, :focus, :active) {
  background-color: var(--btn-bg-default-hover);
  border-color: var(--btn-bg-default-hover);
  color: #fff;
}
.btn--primary, .btnIcon--primary {
  background-color: var(--btn-bg-primary);
  border-color: var(--btn-bg-primary);
  color: #fff;
}
.btn--primary:is(:hover, :focus, :active), .btnIcon--primary:is(:hover, :focus, :active) {
  background-color: var(--btn-bg-primary-hover);
  border-color: var(--btn-bg-primary-hover);
  color: #fff;
}
.btn--secondary, .btnIcon--secondary {
  background-color: var(--btn-bg-secondary);
  border-color: var(--btn-bg-secondary);
  color: #fff;
}
.btn--secondary:is(:hover, :focus, :active), .btnIcon--secondary:is(:hover, :focus, :active) {
  background-color: var(--btn-bg-secondary-hover);
  border-color: var(--btn-bg-secondary-hover);
  color: #fff;
}
.btn--primary-outline, .btnIcon--primary-outline {
  border-color: var(--btn-fg-primary);
  color: var(--btn-fg-primary);
}
.btn--primary-outline:is(:hover, :focus, :active), .btnIcon--primary-outline:is(:hover, :focus, :active) {
  background-color: var(--btn-fg-primary);
  border-color: var(--btn-fg-primary);
  color: #fff;
}
.btn--default-ghost, .btnIcon--default-ghost {
  background-color: transparent;
  color: var(--btn-fg-default);
}
.btn--default-ghost:is(:hover, :focus, :active), .btnIcon--default-ghost:is(:hover, :focus, :active) {
  background-color: var(--btn-bg-default-hover);
  color: #fff;
}
.btn--primary-ghost, .btnIcon--primary-ghost {
  background-color: transparent;
  color: var(--btn-fg-primary);
}
.btn--primary-ghost:is(:hover, :focus, :active), .btnIcon--primary-ghost:is(:hover, :focus, :active) {
  background-color: var(--btn-bg-primary-hover);
  color: #fff;
}
.btn--danger-ghost, .btnIcon--danger-ghost {
  background-color: transparent;
  color: var(--btn-fg-danger);
}
.btn--danger-ghost:is(:hover, :focus, :active), .btnIcon--danger-ghost:is(:hover, :focus, :active) {
  background-color: var(--btn-bg-danger-hover);
  color: #fff;
}
.btn--text, .btnIcon--text {
  color: var(--link-color-text);
}
.btn--text:is(:hover, :focus, :active), .btnIcon--text:is(:hover, :focus, :active) {
  color: var(--btn-fg-primary);
}
.btn--default-text, .btnIcon--default-text {
  color: var(--btn-fg-default);
}
.btn--default-text:is(:hover, :focus, :active), .btnIcon--default-text:is(:hover, :focus, :active) {
  color: var(--btn-bg-default-hover);
}
.btn--primary-text, .btnIcon--primary-text {
  color: var(--btn-fg-primary);
}
.btn--primary-text:is(:hover, :focus, :active), .btnIcon--primary-text:is(:hover, :focus, :active) {
  color: var(--btn-bg-primary-hover);
}

.chip {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  border: 1px solid;
  border-color: var(--chip-border-color);
  color: var(--text-color);
  padding: 0.2em 0.7em;
  column-gap: 0.4em;
  background-color: unset;
}
.chip [data-icon] {
  font-size: 0.8em;
}
.chip:where(:any-link, button):hover {
  cursor: pointer;
  border-color: var(--chip-border-color-hover);
}
.chip--default {
  background-color: var(--chip-bg-default);
  border-color: var(--chip-bg-default);
  color: var(--chip-fg-default);
}

/* LABEL */
.choice {
  display: inline-flex;
  align-items: center;
}

.choice-text {
  margin-left: 0.6em;
}

/* CHOICE LIST */
.ChoiceList {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.6em;
  column-gap: 1.3em;
}
.ChoiceList--horizontal {
  flex-direction: row;
  flex-wrap: wrap;
}

.ul, .ezxmltext ul {
  margin: 1.2em 0 1.2em 1.2em;
  list-style: none;
  word-break: break-word;
}
.ul li, .ezxmltext ul li {
  margin-bottom: 0.3em;
  padding-left: 0.6em;
  position: relative;
  -webkit-column-break-inside: avoid; /* Chrome, Safari */
  page-break-inside: avoid; /* Theoretically FF 20+ */
  break-inside: avoid-column; /* IE 11 */
  break-inside: avoid;
}
.ul li::marker, .ezxmltext ul li::marker {
  content: "●";
  content: "\25CF"; /* Punto negro en Unicode */
  font-family: "Times New Roman", Arial;
  font-size: 1em;
  font-style: normal;
}

.object-right {
  margin: 0 0 10px 1.2em;
  float: right;
  max-width: 50%;
}
@media (max-width: 35em) {
  .object-right {
    float: none;
    max-width: unset;
    margin-left: 0;
  }
}

.object-left {
  margin: 0 1.2em 10px 0;
  float: left;
  max-width: 40%;
}
@media (max-width: 35em) {
  .object-left {
    float: none;
    max-width: unset;
    margin-right: 0;
  }
}

.object-center {
  margin-left: auto;
  margin-right: auto;
}

.Details summary {
  cursor: pointer;
  display: inline-block;
}
.Details summary::marker {
  display: none;
}
.Details summary::before {
  content: "chevron_thin_right";
  margin-right: 7px;
  display: inline-block;
  transition: transform 0.1s ease;
  font-size: 0.8em;
}
.Details[open] summary::before {
  transform: rotate(90deg);
}

@media (max-width: 48em) {
  .Details--disable\@md-down {
    display: contents;
  }
  .Details--disable\@md-down > summary {
    cursor: initial;
  }
  .Details--disable\@md-down > summary::before {
    display: none;
  }
  .Details--disable\@md-down.Details--hideSummary > summary {
    display: none;
  }
  .Details--disable\@md-down.Details--hideSummary > summary + * {
    margin-top: 0 !important;
  }
}
@media (min-width: 48.063em) {
  .Details--disable\@md-up {
    display: contents;
  }
  .Details--disable\@md-up > summary {
    cursor: initial;
  }
  .Details--disable\@md-up > summary::before {
    display: none;
  }
  .Details--disable\@md-up.Details--hideSummary > summary {
    display: none;
  }
  .Details--disable\@md-up.Details--hideSummary > summary + * {
    margin-top: 0 !important;
  }
}
/* XML BLOCK */
.ezxmltext h2, .ezxmltext h3, .ezxmltext h4, .ezxmltext h5, .ezxmltext h6 {
  margin-top: 0.96em;
  margin-bottom: 0.72em;
  line-height: 1.1;
  color: var(--text-color-accent);
}
.ezxmltext h2, .ezxmltext h3 {
  font-family: bebas-neue-pro, sans-serif;
  margin-top: 0.48em;
  margin-bottom: 0.36em;
  line-height: 1;
}
.ezxmltext h2 {
  font-size: 46px;
}
.ezxmltext h3 {
  font-size: 36px;
}
.ezxmltext h4 {
  font-size: 28px;
}
.ezxmltext h5 {
  font-size: 22px;
}
.ezxmltext h6 {
  font-size: 16px;
}
.ezxmltext :where(table) {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
@media (prefers-color-scheme: dark) {
  .ezxmltext img {
    filter: brightness(90%);
  }
}

/*.ezxmltext--small {
	p {
		margin: math.div($text-gutter,2) 0;
	}
	ul {
		margin: math.div($text-gutter,2) 0 math.div($text-gutter,2);
	}
}*/
.ezxmltext *:first-child {
  margin-top: 0 !important;
}
.ezxmltext *:last-child {
  margin-bottom: 0 !important;
}
@media (min-width: 35.063em) {
  .ezxmltext .object-left + * {
    margin-top: 0 !important;
  }
  .ezxmltext .object-right + * {
    margin-top: 0 !important;
  }
}

.ezxmltext .Multicolumn, .ezxmltext .Grid {
  margin-top: var(--gutter);
  margin-bottom: var(--gutter);
}
.ezxmltext .Grid > * {
  margin: 0;
}
.ezxmltext .Grid > *.object-center {
  justify-self: center;
}
.ezxmltext .video {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

/*************** ↓↓↓ Custom Tags ↓↓↓ *******************/
.ezxmltext-fototexto {
  margin-top: var(--gutter);
  margin-bottom: var(--gutter);
}
.ezxmltext-fototexto .ClassImageEmbed {
  margin: unset;
  float: unset;
  max-width: unset;
}
@media (min-width: 35.063em) {
  .ezxmltext-fototexto {
    display: grid;
    align-items: flex-start;
    column-gap: 1.2em;
  }
  .ezxmltext-fototexto .ClassImageEmbed ~ * {
    margin-top: unset;
  }
  .ezxmltext-fototexto .ClassImageEmbed {
    grid-row: span 99;
  }
  .ezxmltext-fototexto--left {
    grid-template-columns: fit-content(35%) 1fr;
  }
  .ezxmltext-fototexto--left .ClassImageEmbed {
    grid-column: 1;
  }
  .ezxmltext-fototexto--left .ClassImageEmbed ~ * {
    grid-column: 2;
  }
  .ezxmltext-fototexto--right {
    grid-template-columns: 1fr fit-content(35%);
  }
  .ezxmltext-fototexto--right .ClassImageEmbed {
    grid-column: 2;
  }
  .ezxmltext-fototexto--right .ClassImageEmbed ~ * {
    grid-column: 1;
  }
}

.Figure {
  box-sizing: border-box;
  display: table;
}
.Figure > a {
  display: block;
}
.Figure img {
  max-width: 100%;
  box-sizing: border-box;
  height: auto;
  display: block;
}

.Figure-caption {
  display: table-caption;
  caption-side: bottom;
  margin: 4px 10px;
  font-size: 0.85em;
  font-style: italic;
}
.Figure-caption *:first-child {
  margin-top: 0;
}
.Figure-caption *:last-child {
  margin-bottom: 0;
}

.filedrop {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
}
.filedrop-label {
  border: 2px dashed var(--widget-border-color);
  transition: border-color 0.3s, background-color 0.3s;
  border-radius: 1em;
  padding: 1em;
  cursor: pointer;
  text-align: center;
  width: 300px;
  max-width: 100%;
  box-sizing: border-box;
}
.filedrop-label::before {
  content: "upload";
  font-size: 3em;
}
.filedrop-label.isDragging {
  background-color: rgba(255, 255, 0, 0.2);
}
.filedrop-filename {
  margin: 0.4em 0 0.6em;
  font-size: 1.3em;
  line-height: 1.2;
}
.filedrop-maxsize, .filedrop-types {
  color: var(--text-color-quiet);
  font-size: 0.9em;
  line-height: 1.1;
}
.filedrop:focus-visible + .filedrop-label, .filedrop-label:hover {
  border-color: var(--widget-border-color-focused);
}
.filedrop-label {
  display: inline-block !important;
}

.FloatingLabel-label {
  position: absolute;
  margin: 0;
  line-height: 1.5;
  font-size: 1em;
  left: 1em;
  top: 0;
  border-top: var(--input-border-width) solid transparent;
  transition: all 0.2s ease;
  pointer-events: none;
  transform-origin: 0 0;
  color: var(--text-color);
  font-weight: bold;
}
:where(input, textarea).input:focus ~ .FloatingLabel-label, :where(input, textarea).input:not(:placeholder-shown) ~ .FloatingLabel-label, :where(input, textarea).input:not([placeholder=""]) ~ .FloatingLabel-label, .select[value]:not([value=""]):valid ~ .FloatingLabel-label {
  transform: var(--floating-label-transform);
}
.FloatingLabel--inside .input {
  padding-top: 1.53em;
  padding-bottom: 0.27em;
  padding-left: 1.1em;
  padding-right: 1.1em;
}
.FloatingLabel--inside .FloatingLabel-label {
  padding-top: 0.9em;
  left: 1.1em;
  --floating-label-transform: scale(.8) translateY(-.6em);
}
.FloatingLabel--outside .FloatingLabel-label {
  padding: 0 0.5em;
  margin-left: -0.5em;
  background-color: var(--widget-bg-color);
  transform: translateY(0.4em);
  --floating-label-transform: scale(.9) translateY(-50%);
}

/* VALIDATION ERRORS */
.Form .input:invalid, .Form .input-real:invalid {
  box-shadow: none;
}

.Form-control {
  position: relative;
}

.validation-tooltip {
  list-style: none;
  margin-top: 3px;
  color: #c64242;
  font-size: 0.9em;
}
.validation-tooltip li:before {
  content: "×";
  content: "\00D7";
  font-weight: bold;
  line-height: 1;
  margin-right: 0.3em;
}

.Form {
  margin: 0;
}
.Form, .Form-grid, .Form-group {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), 1fr);
  gap: var(--gutter-sm);
}
.Form > *, .Form-grid > *, .Form-group > * {
  min-width: 0;
}
.Form-row {
  margin: 0;
  padding: 0;
  border: none;
  display: block;
}
.Form-label {
  font-family: bebas-neue-pro, sans-serif;
  font-weight: bold;
  font-size: 1em;
  line-height: 1em;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 0.3em;
}
.Form-label--required:after {
  content: "*";
  content: "*"/"";
  display: inline-block;
  width: 0.9em;
  text-align: right;
}
.Form-label-optional {
  font-size: 0.85em;
  opacity: 0.6;
  font-style: italic;
}
.Form-group {
  border: none;
  margin: 0;
  padding: 0;
}
.Form-group-title {
  width: 100%;
  border-bottom: 1px solid;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  font-size: 1.5em;
  border-bottom-color: var(--widget-accented-bg-color);
  grid-column: 1/-1;
}
.Form-group-title:not(:first-child) {
  margin-top: var(--gutter);
}
.Form-group-subtitle {
  font-weight: bold;
  width: 100%;
  margin-bottom: 0.3em;
}
.Form-action {
  grid-column: 1/-1;
}

/* STATES */
.Form-row.isInvalid .Form-label {
  color: #c64242;
}

/* ------------------------------- LAYOUT COMPACT ------------------------------------ */
.Form--compact {
  display: flex;
  flex-wrap: wrap;
}
.Form--compact .Form-row {
  width: 14em;
}
.Form--compact .Form-action {
  margin-top: 1.3em;
}

/* ------------------------------- LAYOUT INLINE ------------------------------------ */
.Form--inline {
  display: flex;
  flex-wrap: wrap;
}
.Form--inline .Form-row {
  width: auto;
}
.Form--inline .Form-label {
  width: auto;
}
.Form--inline .Form-action {
  margin-top: 1.3em;
}
.Form--inline .input {
  width: auto;
}

/* HINTS */
.Form-hint {
  font-size: 0.9em;
  margin-top: 0.3em;
  color: var(--text-color-quiet);
}

.Glider {
  position: relative;
}
.Glider:not(.Glider.isReady) .Glider-glider .Glider-slide:not(:first-child) {
  display: none;
}
.Glider-main {
  position: relative;
}
.Glider-glider {
  display: flex;
  position: relative;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  /* hide scrollbar */
  scrollbar-width: none;
}
.Glider-glider::-webkit-scrollbar {
  height: 0 !important;
}
.Glider .glider-track {
  transform: translateZ(0);
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  align-items: center;
  z-index: 1;
}
.Glider-glider.snap {
  scroll-snap-type: x mandatory;
}
.Glider-glider.snap .Glider-slide {
  scroll-snap-align: start;
  scroll-snap-stop: always;
}
.Glider :where(.Glider-slide > img) {
  display: block;
}

/****** FADE *****/
.Glider--fade.isReady .glider-track {
  position: relative;
}
.Glider--fade.isReady .Glider-slide {
  position: sticky;
  left: 0;
  right: 0;
  top: 0;
  opacity: 0;
  transition: opacity 0.2s ease-in;
}
.Glider--fade.isReady .Glider-slide.active {
  opacity: 1;
  z-index: 1;
}

/****** BACKGROUNDS *****/
.Glider-bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: opacity 0.5s;
}

/****** LAZY LOAD *****/
.Glider-slide:not(:first-child):not(.activate-bg),
.Glider-slide:not(:first-child):not(.activate-bg) [style] {
  background-image: none !important;
}

.Glider-pager {
  user-select: none;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
}
.Glider-pager .glider-dot {
  background: none;
  border: 0;
  user-select: none;
  outline: none;
  display: block;
  cursor: pointer;
  padding: 5px;
  line-height: 0;
}
.Glider-pager .glider-dot:after {
  content: "";
  background-color: #ccc;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  display: inline-block;
}
.Glider-pager .glider-dot:hover:after,
.Glider-pager .glider-dot:focus:after,
.Glider-pager .glider-dot.active:after {
  background-color: var(--widget-accented-bg-color);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.Glider-thumbs {
  user-select: none;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  overflow-y: hidden;
  scrollbar-width: none;
}
.Glider-thumbs .glider-track {
  max-width: 100%;
  width: auto;
}
.Glider-thumbs img {
  filter: brightness(75%);
  cursor: pointer;
  transition: filter 0.2s;
}
.Glider-thumbs img:hover, .Glider-thumbs img:focus, .Glider-thumbs img.isActive {
  filter: brightness(100%);
}
.Glider-thumbs img.isActive {
  outline: 2px solid var(--widget-accented-bg-color);
  outline-offset: -2px;
}
.Glider-thumbs img + img {
  margin-left: 10px;
}

/**** ARROWS *****/
.Glider-arrow {
  background: none;
  border: none;
  padding: unset;
  position: absolute;
  cursor: pointer;
  z-index: 100;
}
.Glider-arrow:focus-visible {
  outline: 1px dotted black;
  outline-offset: -0.3em;
  opacity: 1 !important;
}
.Glider-prev.disabled, .Glider-next.disabled {
  opacity: 0.2;
  cursor: default;
}
.Glider-prev.isHidden, .Glider-next.isHidden {
  display: none;
}
.Glider-prev {
  left: 0;
}
.Glider-next {
  right: 0;
}

.Glider--carousel {
  /*
  	@include responsive(md){
  		--glider-disableAutofit: true;
  		@include breakout(); //
  	}
  */
}
@media (min-width: 48.063em) {
  .Glider--carousel .Glider-glider {
    margin-left: calc(var(--glider-carousel-gutter) * -1);
    margin-right: calc(var(--glider-carousel-gutter) * -1);
  }
}
.Glider--carousel .Glider-glider.snap {
  scroll-padding-left: var(--glider-carousel-gutter);
  scroll-padding-right: var(--glider-carousel-gutter);
}
.Glider--carousel .Glider-slide {
  margin-left: var(--glider-carousel-gutter);
  margin-right: var(--glider-carousel-gutter);
}
.Glider--carousel .Glider-arrow {
  width: 45px;
  font-size: 40px;
  color: #ddd;
  text-shadow: 0 0 5px black;
  top: 0;
  bottom: 0;
}
.Glider--carousel .Glider-arrow:not(.disabled):hover {
  color: var(--text-color-accented);
}
.Glider--carousel .Glider-prev {
  text-align: left;
}
@media (min-width: 75.063em) {
  .Glider--carousel .Glider-prev {
    left: -45px;
  }
}
@media (max-width: 75em) {
  .Glider--carousel .Glider-prev {
    left: 0;
  }
}
.Glider--carousel .Glider-prev:after {
  content: "chevron_left";
}
.Glider--carousel .Glider-next {
  text-align: right;
}
@media (min-width: 75.063em) {
  .Glider--carousel .Glider-next {
    right: -45px;
  }
}
@media (max-width: 75em) {
  .Glider--carousel .Glider-next {
    right: 0;
  }
}
.Glider--carousel .Glider-next:after {
  content: "chevron_right";
}

.Glider--hero .Glider-slide {
  width: 100%;
}
.Glider--hero .Glider-arrow {
  background-color: #eee;
  color: #555;
  box-shadow: 0 0 3px rgba(50, 50, 50, 0.5);
  font-size: 16px;
  width: 2.5em;
  height: 5em;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.2s;
}
.Glider--hero .Glider-arrow:not(.disabled):hover {
  background-color: #ddd;
  color: #002a54;
}
@media (max-width: 35em) {
  .Glider--hero .Glider-arrow {
    font-size: 9px;
  }
}
.Glider--hero:hover .Glider-arrow {
  opacity: 0.9;
}
.Glider--hero .Glider-prev {
  left: 0;
  border-radius: 0 5px 5px 0;
}
.Glider--hero .Glider-prev:after {
  content: "chevron_left";
}
.Glider--hero .Glider-next {
  right: 0;
  border-radius: 5px 0 0 5px;
}
.Glider--hero .Glider-next:after {
  content: "chevron_right";
}
.Glider--hero .Glider-pager {
  position: absolute;
  bottom: 4px;
  z-index: 1;
  left: 0;
  right: 0;
}

.Glider--fullscreen {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.85);
  height: 100vh;
  padding: 20px 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.Glider--fullscreen .Glider-main {
  flex: 1;
  min-height: 0;
}
.Glider--fullscreen .Glider-glider {
  height: 100%;
}
.Glider--fullscreen .Glider-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100% !important;
}
.Glider--fullscreen .Glider-slide > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.Glider--fullscreen .Glider-arrow {
  background-color: #333;
  color: #fff;
  box-shadow: 0 0 3px rgba(50, 50, 50, 0.5);
  font-size: 16px;
  width: 2.5em;
  height: 5em;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.2s;
}
.Glider--fullscreen .Glider-arrow:not(.disabled):hover {
  background-color: #ddd;
  color: #002a54;
}
@media (max-width: 35em) {
  .Glider--fullscreen .Glider-arrow {
    font-size: 9px;
  }
}
.Glider--fullscreen:hover .Glider-arrow {
  opacity: 0.9;
}
.Glider--fullscreen:hover .Glider-arrow.disabled {
  display: none;
}
.Glider--fullscreen .Glider-prev {
  left: 0;
  border-radius: 0 5px 5px 0;
}
.Glider--fullscreen .Glider-prev:after {
  content: "chevron_left";
}
.Glider--fullscreen .Glider-next {
  right: 0;
  border-radius: 5px 0 0 5px;
}
.Glider--fullscreen .Glider-next:after {
  content: "chevron_right";
}
.Glider--fullscreen .Glider-close {
  background: none;
  border: none;
  padding: unset;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  padding: 15px;
  z-index: 1;
  color: #fff;
}
.Glider--fullscreen .Glider-close::before {
  content: "cross";
}

.hs {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
  transform: scaleX(1);
  will-change: transform;
  /*  &-leftoverscroll {
      position: absolute;
      bottom: -5%;
      top: -5%;
      pointer-events: none;
      z-index: 1;
    }
    &-leftoverscroll {
      left: var(--offset-horizontal);
      width: 0;
      background: radial-gradient(farthest-side at 0 50%, rgba($brand-primary,.8) 55%, rgba(0,0,0,0) 100%);
    }*/
}
@media (max-width: 75em) {
  .hs {
    margin: 0 calc(var(--offset-horizontal) * -1);
    scrollbar-width: none;
    padding-inline: var(--offset-horizontal);
    scroll-padding-inline: var(--offset-horizontal);
  }
}
@media screen and (max-width: 75em) {
  .hs {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }
}
@media (max-width: 75em) {
  .hs::-webkit-scrollbar {
    height: 0 !important;
  }
}

/*.hs {
  &--shadow {
    overflow: hidden;
  }

  &-leftshadow, &-rightshadow {
    position: absolute;
    bottom: -10%;
    top: -10%;
    pointer-events: none;
    z-index: 1;
    width: 15px;
  }
  &-leftshadow {
    left: -99px;
    background: radial-gradient(farthest-side at 0 50%, rgba(50,50,50,.3), rgba(0,0,0,0));
  }
  &-rightshadow {
    right: -99px;
    background: radial-gradient(farthest-side at 100% 50%, rgba(50,50,50,.3), rgba(0,0,0,0));
  }
}*/
.hs--snap > * {
  scroll-snap-align: start;
}
.hs--snap > *:last-child {
  scroll-snap-align: end;
}

/* ICONS */
[data-icon] {
  font-style: normal;
  font-weight: normal;
}
[data-icon]::before {
  content: attr(data-icon);
  content: attr(data-icon)/"";
}

/* SIZES */
[data-icon]::before {
  font-size: 1.2em;
}

.icon--abs[data-icon] {
  font-size: 2.16rem;
}

.icon--mini {
  font-size: 0.924em;
}

.icon--small {
  font-size: 1.1088em;
}

.icon--large {
  font-size: 1.452em;
}

.icon--xlarge {
  font-size: 1.7424em;
}

.icon--xxlarge {
  font-size: 2.09088em;
}

.icon--abs-mini {
  font-size: 1.6632rem;
}

.icon--abs-small {
  font-size: 1.99584rem;
}

.icon--abs-large {
  font-size: 2.6136rem;
}

.icon--abs-xlarge {
  font-size: 3.13632rem;
}

.icon--abs-xxlarge {
  font-size: 3.763584rem;
}

/* INPUT GROUP */
.InputGroup {
  display: flex;
  box-sizing: border-box;
}
.InputGroup > :where(.input) {
  width: auto;
}
.InputGroup .input:focus, .InputGroup .input.hasError, .InputGroup .btn:focus, .InputGroup .btn.hasError {
  z-index: 1;
}
.InputGroup-text {
  line-height: 1.5;
  align-self: center;
}

.input, .input-real {
  box-sizing: border-box;
  display: inline-block;
  line-height: normal;
  color: inherit;
}

:where(.input, .input-real) {
  width: 100%;
}

.input-real {
  background-color: transparent;
  border: none;
  padding: 0;
}

.input-real::placeholder, .input::placeholder {
  color: var(--widget-placeholder-color);
  opacity: 1;
}

/* COLORS */
.input, .input-faux {
  border: var(--input-border-width) solid var(--widget-border-color);
  background-color: var(--widget-bg-color);
}
.input:focus-within, .input-faux:focus-within {
  border-color: var(--widget-border-color-focused);
}

.input--underline {
  background-color: transparent;
  border: none;
  border-bottom: solid var(--text-color);
}

/* STATES */
.input:focus, .input-real:focus {
  outline: none;
}

.input.hasError, .input-faux.hasError {
  border-color: #c64242;
}

.input:disabled,
.input[aria-disabled=true],
.input-real:disabled,
.input[readonly], .input-real[readonly],
.input-faux.isDisabled {
  pointer-events: none;
  opacity: 0.7;
}
@media (prefers-color-scheme: dark) {
  .input:disabled,
  .input[aria-disabled=true],
  .input-real:disabled,
  .input[readonly], .input-real[readonly],
  .input-faux.isDisabled {
    opacity: 0.3;
  }
}

/* SIZES */
.input, .input-faux {
  font-size: 1em;
  padding: 0.4em 1em;
}
.input--slim, .input-faux--slim {
  padding: 0.08em 0.3em;
}
.input--xlarge, .input-faux--xlarge {
  font-size: 1.32em;
}
.input--large, .input-faux--large {
  font-size: 1.1em;
}
.input--small, .input-faux--small {
  font-size: 0.84em;
}
.input--mini, .input-faux--mini {
  font-size: 0.7em;
}

.input, .input-real {
  line-height: 1.5;
}

.input--underline {
  padding: 0 0 0.2em 0;
}

/* LENGTHS */
.input, .input-real {
  width: 100%;
}
.input--auto, .input-real--auto {
  width: auto;
}
.input--medium, .input-real--medium {
  width: 12em;
}
.input--short, .input-real--short {
  width: 7em;
}
.input--xshort, .input-real--xshort {
  width: 4em;
  text-align: center;
}

select.input {
  text-overflow: ellipsis;
}

[data-lazy-load-iframe] {
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
[data-lazy-load-iframe][data-src] {
  opacity: 0;
}

.Marquee {
  overflow: hidden;
  white-space: nowrap;
}
.Marquee--reducedMotion {
  white-space: normal;
}

/* MESSAGES */
.message {
  position: relative;
  padding: 20px 22.5px 20px 15px;
  padding-left: 70px;
  margin: 1em auto;
  border-radius: 4px;
  width: max-content;
  max-width: min(800px, 100%);
  min-height: 80px;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
}
.message::before {
  position: absolute;
  left: 15px;
  font-size: 40px;
}
.message .message-title {
  margin-top: 0;
  line-height: 1.2;
  font-size: 1.2em;
  font-weight: bold;
}
.message > * {
  margin-top: 0;
  margin-bottom: 0;
}

.message--warning {
  background-color: var(--bg-color-warning);
}
.message--warning::before {
  content: "message_warning";
}

.message--error {
  background-color: var(--bg-color-danger);
}
.message--error::before {
  content: "message_error";
}

.message--info {
  background-color: var(--bg-color-info);
}
.message--info::before {
  content: "message_info";
}

.message--success {
  background-color: var(--bg-color-success);
}
.message--success::before {
  content: "message_success";
}

.Pagination {
  margin-top: var(--gutter-large);
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gutter);
}
.Pagination > * {
  white-space: nowrap;
}
.Pagination-prev, .Pagination-next {
  height: 1em;
  box-sizing: content-box;
}
.Pagination-prev[disabled], .Pagination-next[disabled] {
  visibility: hidden;
}

.Panel {
  max-width: 100%;
  box-sizing: border-box;
  /*&:not(:first-child) {
  	margin-top: 20px;
  }
  &:not(:last-child) {
  	margin-bottom: 20px;
  }*/
  /* SIZES */
}
.Panel--center {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 26.063em) {
  .Panel--border {
    border: 1px solid var(--panel-border-color);
    border-radius: 0.5em;
    padding: 1.5em 2em;
    background-color: var(--panel-bg-color);
    color: var(--panel-text-color);
    --offset-horizontal: calc(var(--content-padding) + 2em + 1px);
  }
}
.Panel--xlarge {
  width: 800px;
}
.Panel--large {
  width: 600px;
}
.Panel--medium {
  width: 450px;
}
.Panel--small {
  width: 350px;
}

.ReadMore {
  overflow: hidden;
  position: relative;
  transition: max-height 0.2s ease-in;
}
@media print {
  .ReadMore {
    overflow: unset;
    max-height: unset !important;
    height: unset !important;
  }
}
.ReadMore-overlay {
  appearance: none;
  width: 100%;
  border: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 60px;
  background: linear-gradient(to bottom, transparent 0%, var(--bg-color) 40px);
  cursor: pointer;
  font-size: 1.1em;
  line-height: 1;
  outline-offset: -1px;
  color: inherit;
}
@media print {
  .ReadMore-overlay {
    display: none;
  }
}

/* SELECT */
.select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-position: right 1em center;
  background-repeat: no-repeat;
  background-size: 8px auto;
  padding-right: calc(2em + 8px);
  min-width: 5.5em;
}
.select:not(select):focus-visible {
  outline: 1px dotted;
  outline-offset: -0.75em;
}
.select.isPlaceholderSelected:not(:focus), .select.hasPlaceholder > option:first-child {
  color: var(--widget-placeholder-color);
}

.spinner {
  display: inline-flex;
  width: auto;
}
.spinner-number {
  -webkit-appearance: textfield;
  moz-appearance: textfield;
  appearance: textfield;
  text-align: center;
}
.spinner-number::-webkit-inner-spin-button, .spinner-number::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.spinner-down, .spinner-up {
  padding-left: 0;
  padding-right: 0;
  width: 3ch;
}

.StepProgress {
  display: flex;
  padding: 0;
  margin: var(--gutter) 0;
}
@media (max-width: 35em) {
  .StepProgress {
    flex-direction: column;
  }
}
.StepProgress-step {
  flex: 1;
  display: flex;
  flex-direction: column;
  text-align: center;
}
@media (max-width: 35em) {
  .StepProgress-step {
    flex-direction: row;
  }
}
.StepProgress-step:first-child .StepProgress-step-track::before {
  display: none;
}
.StepProgress-step:last-child .StepProgress-step-track::after {
  display: none;
}
.StepProgress-step-track {
  position: relative;
  overflow: hidden;
}
@media (max-width: 35em) {
  .StepProgress-step-track {
    display: flex;
    min-height: 70px;
  }
}
.StepProgress-step-track::before, .StepProgress-step-track::after {
  content: "";
  position: absolute;
  box-shadow: 0 0 4px rgba(50, 50, 50, 0.2);
  background-color: #eee;
}
@media (min-width: 35.063em) {
  .StepProgress-step-track::before, .StepProgress-step-track::after {
    height: 6px;
    width: 50%;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 35em) {
  .StepProgress-step-track::before, .StepProgress-step-track::after {
    height: 50%;
    width: 6px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 35.063em) {
  .StepProgress-step-track::before {
    left: -1px;
  }
  .StepProgress-step-track::after {
    right: -1px;
  }
}
@media (max-width: 35em) {
  .StepProgress-step-track::before {
    top: 0;
  }
  .StepProgress-step-track::after {
    bottom: 0;
  }
}
.StepProgress-step.isDone .StepProgress-step-track::before, .StepProgress-step.isCurrent .StepProgress-step-track::before, .StepProgress-step.isDone .StepProgress-step-track::after {
  background-color: var(--widget-accented-bg-color);
}
.StepProgress-step-bullet {
  position: relative;
  z-index: 1;
  background-color: #eee;
  font-size: 0.8em;
  width: 3em;
  height: 3em;
  line-height: 3em;
  border: 3px solid #fff;
  box-shadow: 0 0 4px rgba(50, 50, 50, 0.7);
  border-radius: 50%;
  margin: 5px auto;
  text-align: center;
}
@media (max-width: 35em) {
  .StepProgress-step-bullet {
    margin: auto 5px;
  }
}
.StepProgress-step.isDone .StepProgress-step-bullet {
  background-color: var(--widget-accented-bg-color);
  color: #fff;
}
.StepProgress-step-text {
  text-align: center;
}
@media (max-width: 35em) {
  .StepProgress-step-text {
    align-self: center;
    text-align: left;
  }
}
.StepProgress-step-label {
  margin: 0 var(--gutter-sm);
}
.StepProgress-step-details {
  margin: 0 var(--gutter-sm);
  font-size: 0.8em;
  color: var(--text-color-quiet);
}

.Switch {
  cursor: pointer;
  display: inline-block;
  position: relative;
}

.Switch-switch {
  display: inline-block;
  background: var(--widget-bg-color-grey);
  border-radius: 999px;
  width: 2.52em;
  height: 1.4em;
  position: relative;
  vertical-align: middle;
  transition: background 0.1s;
}
.Switch:hover .Switch-switch {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.Switch-switch:before {
  content: "";
  display: block;
  background: linear-gradient(to bottom, #fff 0%, #eee 100%);
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  width: 0.98em;
  height: 0.98em;
  position: absolute;
  top: 0.21em;
  left: 0.21em;
  transition: left 0.1s;
}
.Switch:hover .Switch-switch:before {
  background: linear-gradient(to bottom, #fff 0%, #fff 100%);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4);
}
.Switch-checkbox:checked + .Switch-switch {
  background: var(--widget-accented-bg-color);
}
.Switch-checkbox:checked + .Switch-switch:before {
  left: 1.33em;
}
.Switch-checkbox:focus-visible + .Switch-switch {
  outline: 1px dotted;
}

.Switch-checkbox {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.Table {
  display: table;
  border-spacing: 0;
}
.Table--horizontal {
  margin-left: -1.5em;
  margin-right: -1.5em;
}
.Table--expanded {
  width: calc(100% + 1.8em);
}
.Table--expanded .tight {
  width: 1%;
}
.Table--fixed {
  table-layout: fixed;
}
.Table-tr {
  display: table-row;
}
.Table th, .Table .Table-th,
.Table td, .Table .Table-td {
  display: table-cell;
  vertical-align: middle;
  padding: 0.5em 0.9em;
}
.Table--horizontal th, .Table--horizontal .Table-th,
.Table--horizontal td, .Table--horizontal .Table-td {
  padding: 0.3em 1.5em;
}
.Table--align-top th, .Table--align-top .Table-th,
.Table--align-top td, .Table--align-top .Table-td {
  vertical-align: top;
}
.Table th, .Table .Table-th {
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 1px solid;
}
.Table--horizontal th, .Table--horizontal .Table-th {
  border: none;
  border-right: 1px solid;
  text-align: right;
}
.Table--lined tr + tr td, .Table--lined .Table-tr + .Table-tr .Table-td {
  border-top: 1px solid;
}

.Toolbar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: var(--gutter);
  row-gap: var(--gutter-sm);
  margin: var(--gutter) 0;
  /*@include responsive(md){
  	&--break\@md {
  		flex-direction: column;
  		align-items: start;
  	}
  }
  @include responsive(sm){
  	&--break\@sm {
  		flex-direction: column;
  		align-items: start;
  	}
  }*/
}
.Toolbar:first-child {
  margin-top: 0;
}
.Toolbar:last-child {
  margin-bottom: 0;
}
.Toolbar > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.Toolbar-right {
  margin-left: auto;
}
.Toolbar-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gutter-xs);
}
.Toolbar-buttons.Toolbar-right {
  justify-content: flex-end;
}

.video {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.video > iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
}
.video > p { /* vimeo */
  display: none;
}
.video--center {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
@media (min-width: 35.063em) {
  .video--inline {
    display: inline-block;
    margin: 0.3% 0.4%;
    width: calc(49.2% - 0.25em);
  }
}
@media (min-width: 35.063em) {
  .video--left, .video--left-small {
    margin: 0 1.2em 1.2em 0;
    float: left;
    clear: left;
  }
  .video--right, .video--right-small {
    margin: 0 0 1.2em 1.2em;
    float: right;
    clear: right;
  }
  .video--left, .video--right {
    width: 45%;
  }
  .video--left-small, .video--right-small {
    width: 30%;
  }
}
@media print {
  .video {
    display: none;
  }
}

.YearMonth {
  position: relative;
  padding-bottom: 3em;
  font-family: bebas-neue-pro, sans-serif;
}
@media (max-width: 35em) {
  .YearMonth {
    padding-bottom: 6em;
  }
}
.YearMonth-years {
  display: flex;
  align-items: baseline;
}
.YearMonth-year {
  margin-right: 1em;
}
.YearMonth-year[aria-current] {
  color: var(--link-color);
  font-weight: bold;
}
.YearMonth-year, .YearMonth-today {
  color: var(--text-color-quiet);
  font-size: 2em;
  text-decoration: none;
  cursor: pointer;
}
.YearMonth-year:hover, .YearMonth-today:hover {
  color: var(--link-color-hover);
}
.YearMonth-today {
  color: var(--link-color);
  margin-left: auto;
  text-transform: uppercase;
  font-size: 1.8em;
}
.YearMonth-months {
  position: absolute;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 0.5em;
  justify-content: space-between;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.1s;
}
.YearMonth-months[aria-current] {
  opacity: 1;
  pointer-events: all;
}
.YearMonth-month {
  font-size: 1.4em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--text-color);
}
.YearMonth-month:hover {
  color: var(--link-color-hover);
}
.YearMonth-month[aria-current] {
  color: var(--link-color);
  font-weight: bold;
}
.YearMonth-month[aria-disabled] {
  color: var(--text-color-disabled);
}
@media (max-width: 35em) {
  .YearMonth-month {
    width: 16.66%;
    text-align: center;
  }
}

/* BUTTON */
.theme-default .btn {
  font-family: bebas-neue-pro, sans-serif;
  text-transform: uppercase;
}
.theme-default .btn, .theme-default .btnIcon:not(.btnIcon--circle) {
  border-radius: 0.3em;
}
.theme-default .btn, .theme-default .btnIcon {
  border-width: var(--input-border-width);
}
.theme-default .btn--seamless, .theme-default .btnIcon--seamless {
  border: none;
}
.theme-default .btn:focus-visible, .theme-default .btnIcon:focus-visible {
  box-shadow: 0 0 2px 1px currentColor;
}

.theme-default {
  --brand-blue: #0062a9;
  --brand-darkblue: #002a54;
}

.theme-default {
  --bg-color: #fff;
  --bg-color-grey: #efefef;
  --bg-color-site-grey: #CCC;
  --bg-color-warning: #de954b;
  --bg-color-danger: #c64242;
  --bg-color-info: #3eabc6;
  --bg-color-success: #4ba256;
}
@media (prefers-color-scheme: dark) {
  .theme-default {
    --bg-color: #222;
    --bg-color-grey: #323232;
    --bg-color-site-grey: #444;
    --bg-color-warning: #b0773d;
    --bg-color-danger: #914242;
    --bg-color-info: #408090;
    --bg-color-success: #46774d;
  }
}

.theme-default {
  --text-color: #222;
  --text-color-quiet: #848283;
  --text-color-disabled: #d0d0d0;
  --text-color-accent: #0062a9;
  --text-color-grey: #848283;
  --text-color-danger: #d52722;
}
@media (prefers-color-scheme: dark) {
  .theme-default {
    --text-color: #aeaeaf;
    --text-color-quiet: #7b7b7c;
    --text-color-disabled: #6e6e6f;
    --text-color-accent: #2e85c4;
    --text-color-grey: #999;
  }
}

.theme-default {
  --link-color: inherit;
  --link-color-hover: #0062a9;
  --link-color-text: #002a54;
}
@media (prefers-color-scheme: dark) {
  .theme-default {
    --link-color-hover: #eee;
    --link-color-text: #aeaeaf;
  }
}

.theme-default {
  --btn-bg-default: #666;
  --btn-bg-default-hover: #444;
  --btn-fg-default: #848283;
  --btn-bg-primary: #0062a9;
  --btn-bg-primary-hover: #004476;
  --btn-fg-primary: #0062a9;
  --btn-bg-secondary: #002a54;
  --btn-bg-secondary-hover: #001121;
  --btn-fg-secondary: #002a54;
  --btn-bg-danger: #c64242;
  --btn-bg-danger-hover: #a43131;
  --btn-fg-danger: #c64242;
}
@media (prefers-color-scheme: dark) {
  .theme-default {
    --btn-bg-default: #444;
    --btn-bg-default-hover: #666;
    --btn-fg-default: #999;
    --btn-bg-secondary: #005dba;
    --btn-bg-secondary-hover: #002a54;
    --btn-fg-secondary: #005dba;
  }
}

.theme-default {
  --widget-bg-color: #fff;
  --widget-bg-color-grey: #cfcfcf;
  --widget-bg-color-lightgrey: #eee;
  --widget-border-color: #93bcd5;
  --widget-border-color-focused: #666;
  --widget-accented-bg-color: #0062a9;
  --widget-accented-bg-color-hover: #005390;
  --widget-accented-fg-color: #fff;
  --widget-placeholder-color: #617486;
}
.theme-default .input:disabled,
.theme-default .input[aria-disabled=true],
.theme-default .input-real:disabled,
.theme-default .input[readonly], .theme-default .input-real[readonly],
.theme-default .input-faux.isDisabled {
  --widget-bg-color: #e0e0e0;
}
@media (prefers-color-scheme: dark) {
  .theme-default {
    --widget-bg-color: #2c2c2c;
    --widget-bg-color-grey: #444;
    --widget-bg-color-lightgrey: #333;
    --widget-border-color: #555;
    --widget-border-color-focused: #aaa;
    --widget-placeholder-color: #777;
  }
  .theme-default .input:disabled,
  .theme-default .input[aria-disabled=true],
  .theme-default .input-real:disabled,
  .theme-default .input[readonly], .theme-default .input-real[readonly],
  .theme-default .input-faux.isDisabled {
    --widget-bg-color: #333;
  }
}

.theme-default {
  --separator-color: #c9c9c9;
}
@media (prefers-color-scheme: dark) {
  .theme-default {
    --separator-color: #555;
  }
}

.theme-default {
  --chip-border-color: #d9d9d9;
  --chip-border-color-hover: #c9c9c9;
  --chip-bg-default: #8b8b8b;
  --chip-fg-default: #fff;
}
@media (prefers-color-scheme: dark) {
  .theme-default {
    --chip-border-color: #555;
    --chip-border-color-hover: #666;
    --chip-bg-default: #aaa;
    --chip-fg-default: #111;
  }
}

.theme-default {
  --popover-bg-color: #fff;
  --popover-text-color: #222;
  --popover-separator-color: #c9c9c9;
  --popover-border-color: #c0c0c0;
}
@media (prefers-color-scheme: dark) {
  .theme-default {
    --popover-bg-color: #2c2c2c;
    --popover-text-color: #aeaeaf;
    --popover-separator-color: #555;
    --popover-border-color: #555;
  }
}

.theme-default {
  --panel-bg-color: #f3f3f3;
  --panel-text-color: #222;
  --panel-border-color: #c0c0c0;
}
@media (prefers-color-scheme: dark) {
  .theme-default {
    --panel-bg-color: #2c2c2c;
    --panel-text-color: #aeaeaf;
    --panel-border-color: #555;
  }
}

.theme-default .InputGroup:not([class*=" gap"]) > :is(.input, .btn, .Pill) + :is(.input, .btn, .Pill) {
  margin-left: calc(var(--input-border-width) * -1);
}
.theme-default .InputGroup:not([class*=" gap"]) > :is(.input, .btn, .Pill):not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.theme-default .InputGroup:not([class*=" gap"]) > :is(.input, .btn, .Pill):not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* INPUT */
.theme-default {
  --input-border-width: 1px;
}
.theme-default .input, .theme-default .input-faux {
  border-radius: 0.3em;
}

.theme-default .internetdinamica::after {
  background-image: url("./../images/internetdinamica.svg");
}
@media (prefers-color-scheme: dark) {
  .theme-default .internetdinamica::after {
    filter: invert(1) hue-rotate(180deg) contrast(80%);
  }
}

.theme-default .popover .tippy-content {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.theme-default .select {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="4.5" width="8"><path fill="%23222" d="M 0,0.499978 Q 0,0.703096 0.14843,0.851526 L 3.64845,4.351548 Q 3.79688,4.499978 4,4.499978 q 0.20312,0 0.35155,-0.14843 L 7.85157,0.851526 Q 8,0.703096 8,0.499978 8,0.29686 7.85157,0.14843 7.70314,0 7.50002,0 L 0.49998,0 Q 0.29686,0 0.14843,0.14843 0,0.29686 0,0.499978 Z" /></svg>');
}
@media (prefers-color-scheme: dark) {
  .theme-default .select {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="4.5" width="8"><path fill="%23aeaeaf" d="M 0,0.499978 Q 0,0.703096 0.14843,0.851526 L 3.64845,4.351548 Q 3.79688,4.499978 4,4.499978 q 0.20312,0 0.35155,-0.14843 L 7.85157,0.851526 Q 8,0.703096 8,0.499978 8,0.29686 7.85157,0.14843 7.70314,0 7.50002,0 L 0.49998,0 Q 0.29686,0 0.14843,0.14843 0,0.29686 0,0.499978 Z" /></svg>');
  }
}

.theme-default .Table--lined td, .theme-default .Table--lined .Table-td {
  border-color: #ddd;
}
.theme-default .Table--striped tr:nth-child(even), .theme-default .Table--striped .Table-tr:nth-child(even) {
  background-color: #f0f0f0;
}

.theme-default {
  background-color: var(--bg-color);
  color: var(--text-color);
}
@media print {
  .theme-default {
    background-color: unset;
  }
}

.theme-green {
  --text-color-accent: #7FB24E;
  --btn-bg-primary: #7FB24E;
  --btn-bg-primary-hover: #668f3e;
  --btn-fg-primary: #7FB24E;
}

.theme-yellow {
  --text-color-accent: #A99A1F;
  --btn-bg-primary: #A99A1F;
  --btn-bg-primary-hover: #7e7317;
  --btn-fg-primary: #A99A1F;
}

.theme-inverse {
  --text-color: #fff;
  --text-color-accent: #fff;
}

.theme-inverse {
  --link-color: var(--text-color);
  --link-color-text: #b3b3b3;
  --link-color-hover: #eee;
}

.theme-inverse {
  --widget-bg-color: transparent;
  --widget-border-color: #cccccc;
  --widget-border-color-focused: #fff;
  --widget-placeholder-color: #ddd;
}

.theme-inverse {
  --separator-color: #fff;
}

.theme-inverse {
  --popover-bg-color: #2c2c2c;
  --popover-text-color: #fff;
  --popover-separator-color: #666;
  --popover-border-color: #666;
}

.theme-inverse {
  --panel-bg-color: #2c2c2c;
  --panel-text-color: #fff;
  --panel-border-color: #fff;
}

@media (prefers-color-scheme: dark) {
  .theme-inverse .internetdinamica::after {
    filter: unset;
  }
}

@media not print {
  .theme-inverse {
    color: var(--text-color);
  }
}
.theme-blue-inverse {
  --bg-color: #0062a9;
  --bg-color-alt: #002a54;
  --btn-bg-primary: #002a54;
  --btn-bg-primary-hover: #001121;
  --btn-fg-primary: #002a54;
}

@media not print {
  .theme-blue-inverse {
    background-color: var(--bg-color);
  }
}
.theme-grey-inverse {
  --bg-color: #848283;
  --text-color-grey: var(--text-color);
}

@media not print {
  .theme-grey-inverse {
    background-color: var(--bg-color);
  }
}
.theme-red-inverse {
  --bg-color: #e33137;
}

@media not print {
  .theme-red-inverse {
    background-color: var(--bg-color);
  }
}
@media screen {
  .breakout {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }
}

@media (min-width: 1600px) {
  .breakout-max {
    margin-left: calc(50% - 800px);
    margin-right: calc(50% - 800px);
  }
}

@media screen {
  .breakout-top {
    margin-top: calc(var(--content-padding-top) * -1);
  }
}

@media screen {
  .breakout-bottom {
    margin-bottom: calc(var(--content-padding-bottom) * -1);
  }
}

:root {
  --content-width: 1160px;
  --content-padding: 20px;
  --content-padding-top: 40px;
  --content-padding-bottom: 40px;
  --content-width-narrow: 960px;
}

.content-container {
  width: var(--content-width);
  margin: 0 auto;
  max-width: calc(100% - var(--content-padding) * 2);
  position: relative;
  --offset-horizontal: var(--content-padding);
}
html.isIframe:not(.isNotIframeAutoresize) .content-container {
  width: unset;
  max-width: 100%;
  --offset-horizontal: 0;
}
@media print {
  .content-container {
    width: unset;
    max-width: 100%;
    --offset-horizontal: 0;
  }
}
.content-container--narrow {
  width: var(--content-width-narrow);
}

.content-container-v, .content-container-top {
  margin-top: var(--content-padding-top);
}
.isIframe .content-container-v, .isIframe .content-container-top {
  margin-top: 0;
}
.isNotIframeAutoresize .content-container-v, .isNotIframeAutoresize .content-container-top {
  margin-top: 20px;
}
@media print {
  .content-container-v, .content-container-top {
    margin-top: unset;
  }
}

.content-container-v, .content-container-bottom {
  margin-bottom: var(--content-padding-bottom);
}
.isIframe .content-container-v, .isIframe .content-container-bottom {
  margin-bottom: 0;
}
.isNotIframeAutoresize .content-container-v, .isNotIframeAutoresize .content-container-bottom {
  margin-bottom: 20px;
}
@media print {
  .content-container-v, .content-container-bottom {
    margin-bottom: unset;
  }
}

.Footer {
  overflow: hidden;
  background-color: var(--bg-color);
}
.Footer > * {
  padding: var(--gutter) 0;
}
@media (max-width: 48em) {
  .Footer {
    max-width: 100%;
  }
}
.Footer-logos {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
@media (max-width: 48em) {
  .Footer-logos {
    flex-wrap: wrap;
    gap: var(--gutter-sm) var(--gutter);
    padding: 10px;
  }
}
.Footer-logos > * {
  width: auto;
  height: 75px;
  image-rendering: optimizequality;
}
@media (prefers-color-scheme: dark) {
  .Footer-logos > * {
    filter: invert(89%) sepia(80%) saturate(1%) hue-rotate(278deg) brightness(80%) contrast(95%);
  }
}
@media (max-width: 75em) {
  .Footer-logos > * {
    height: 7.5vw;
  }
}
@media (max-width: 48em) {
  .Footer-logos > * {
    height: 12vw;
  }
}
.Footer-row2 {
  background-color: #f2f2f2;
}
@media (prefers-color-scheme: dark) {
  .Footer-row2 {
    background-color: #292929;
  }
}
.Footer-row2-content {
  display: flex;
  gap: var(--gutter) var(--gutter-xl);
}
.Footer-row2-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: var(--gutter);
  min-width: 0;
}
.Footer-row2-menu {
  flex: 2;
}
@media (max-width: 48em) {
  .Footer-row2-content {
    flex-direction: column;
    text-align: center;
  }
  .Footer-row2-info {
    align-items: center;
  }
}
.Footer-logo {
  width: 300px;
  max-width: 100%;
}
@media (prefers-color-scheme: dark) {
  .Footer-logo {
    filter: invert(89%) sepia(80%) saturate(1%) hue-rotate(278deg) brightness(80%) contrast(95%);
  }
}
@media (max-width: 35em) {
  .Footer-logo {
    width: 220px;
  }
}
.Footer-row3 {
  width: var(--content-width);
  margin: 0 auto;
  max-width: calc(100% - var(--content-padding) * 2);
  display: flex;
  padding-left: 20px;
  padding-right: 20px;
  gap: var(--gutter) var(--gutter-xl);
  flex-wrap: wrap;
}
.Footer-row3-title {
  font-family: bebas-neue-pro, sans-serif;
  font-size: 28px;
  text-transform: uppercase;
  font-weight: bold;
}
.Footer-row3 > * {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--gutter-xs);
}
@media (max-width: 64em) {
  .Footer-row3 {
    text-align: center;
  }
  .Footer-row3 > * {
    align-items: center;
  }
}
.Footer-social {
  display: flex;
  gap: var(--gutter-sm);
}
.Footer-row4 {
  border-top: 1px solid #828282;
  background-color: var(--bg-color);
}
.Footer-row4-content {
  display: flex;
  align-items: center;
  gap: var(--gutter) var(--gutter-lg);
  justify-content: space-between;
}
@media (max-width: 48em) {
  .Footer-row4-content {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }
}
@media print {
  .Footer {
    display: none;
  }
}
.isIframe .Footer {
  display: none;
}

/**
 * modo 1: el header scrollea normalmente, y pasa a fixed cuando "queda fuera" de la pantalla
 * modo 2: el header es siempre fixed y se achica luego de cierto punto (no usar si hay mucha diferencia de height)
 */
:root {
  --fixed-header-height: 200px;
  --fixed-header-height-scrolled: 100px;
  --fixed-header-threshold: 200px;
}
@media (max-width: 64em) {
  :root {
    --fixed-header-height: 150px;
  }
}

.Header {
  z-index: 1000;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  --header-height: var(--fixed-header-height);
  height: var(--header-height);
}
.Header-placeholder {
  height: var(--fixed-header-height);
}
.Header-content {
  height: 100%;
}
.Header.isScrolled {
  --header-height: var(--fixed-header-height-scrolled);
}
.Header.isScrolled {
  position: fixed;
  animation: header-scrolled 0.2s;
}
title ~ .Header {
  position: static !important;
}

@keyframes header-scrolled {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.Header-print {
  margin-bottom: 10px;
}
.Header-print > img {
  max-height: 100px;
  width: auto;
}
@media not print {
  .Header-print {
    display: none;
  }
}

.Header {
  background-color: var(--bg-color);
}
.Header.isScrolled {
  font-size: 0.8em;
}
@media (max-width: 48em) {
  .Header {
    max-width: 100%;
  }
}
.Header-content {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.isScrolled .Header-content {
  padding: 10px 20px 0;
  gap: 10px;
}
@media (max-width: 64em) {
  .Header-content {
    padding: 10px 20px 5px;
    gap: 5px;
  }
}
@media (min-width: 64.063em) {
  .Header-content {
    padding: 20px 20px 10px;
    gap: 10px;
  }
}
.Header-row1 {
  display: flex;
  flex: 1;
  align-items: center;
  min-height: 0;
}
.Header-row2 {
  display: flex;
  align-items: center;
}
.Header-logo {
  display: block;
  height: 100%;
  width: auto;
}
.Header-logo--scrolled {
  display: none;
}
.isScrolled .Header-logo {
  display: none;
}
.isScrolled .Header-logo--scrolled {
  display: block;
}
@media (prefers-color-scheme: dark) {
  .Header-logo {
    filter: invert(89%) sepia(80%) saturate(1%) hue-rotate(278deg) brightness(90%) contrast(95%);
  }
}
.Header-toolbar {
  display: flex;
  align-items: center;
  gap: var(--gutter-xs);
}
@media (max-width: 48em) {
  .Header-toolbar {
    display: none;
  }
}

.isNavpanelOpen .MainMenu {
  opacity: 0.2;
}

@media print {
  .Header, .Header-placeholder {
    display: none;
  }
}
.isIframe .Header, .isIframe .Header-placeholder {
  display: none;
}

.Hero {
  min-height: 120px;
  display: flex;
  align-items: center;
  background-position: center center;
  background-size: cover;
  box-sizing: border-box;
}
@media (max-width: 64em) {
  .Hero {
    padding: var(--gutter-xs);
  }
}
@media (max-width: 48em) {
  .Hero {
    max-width: 100%;
  }
}
@media (min-width: 64.063em) {
  .Hero {
    padding: var(--gutter);
  }
  .Hero--large {
    min-height: 260px;
  }
}
.Hero-container {
  display: flex;
  justify-content: space-between;
  width: var(--content-width);
  margin: 0 auto;
  max-width: calc(100% - var(--content-padding) * 2);
  align-items: center;
}
@media (max-width: 48em) {
  .Hero-container {
    row-gap: var(--gutter-sm);
    flex-direction: column;
    text-align: center;
  }
}
.Hero-content {
  flex: 1;
}
@media (max-width: 48em) {
  .Hero-content {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
  }
}
.Hero-title {
  line-height: 0.9;
  font-size: 60px;
  font-weight: bold;
  font-family: bebas-neue-pro, sans-serif;
  text-transform: uppercase;
}
@media (max-width: 48em) {
  .Hero-title {
    text-align: left;
  }
}
@media (max-width: 35em) {
  .Hero-title {
    font-size: 40px;
  }
}
.Hero-subtitle {
  font-family: bebas-neue-pro, sans-serif;
  font-size: 30px;
  line-height: 1.1;
}
@media (max-width: 35em) {
  .Hero-subtitle {
    font-size: 20px;
  }
}
.Hero-title > a, .Hero-subtitle > a {
  text-decoration: none;
}
.Hero-logo {
  max-height: 65px;
  width: auto;
}
.Hero--large .Hero-logo {
  max-height: 90px;
}

.internetdinamica {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.internetdinamica::before {
  content: "Desarrollado con tecnología de";
  font-size: 12px;
  white-space: nowrap;
  color: var(--text-color);
}
.internetdinamica::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 35px;
  width: auto;
  aspect-ratio: 580.4/158.6;
  background-position: 0 0;
  background-size: 100% auto;
}
.internetdinamica:hover::after {
  background-position: 0 -100%;
}

/* ABSTRACT */
.lang a {
  display: inline-block;
}

.Columns {
  /*
  	display: flex;
  	gap: var(--separate);
  */
  padding: var(--content-padding-top) var(--content-padding);
  box-sizing: border-box;
  background-color: var(--bg-color);
}
@media (max-width: 48em) {
  .Columns {
    max-width: 100%;
  }
}

/*
.MainContent {
	flex: 1;
	min-width: 0;
}*/
/* DOUBLE MAIN MENU */
.MainMenu {
  flex: 1;
  font-family: bebas-neue-pro, sans-serif;
  line-height: 1;
  letter-spacing: 0.05em;
  /* LEVEL 0 */
  /* LEVEL 1 */
  /* LEVEL 2 */
}
.MainMenu-menu-level-1 {
  position: absolute;
  z-index: 1000;
  display: none;
  left: -10px;
  top: 100%;
}
.MainMenu-item-level-0:last-child > .MainMenu-menu-level-1 {
  left: auto;
  right: -20px;
}
@media (min-width: 75.063em) {
  .MainMenu-item-level-0:hover > .MainMenu-menu-level-1, .MainMenu-item-level-0:focus-within > .MainMenu-menu-level-1 {
    display: block;
  }
}
.MainMenu-menu-level-2 {
  position: absolute;
  z-index: 1000;
  display: none;
  left: 100%;
  top: 0;
}
.MainMenu-item-level-1:hover > .MainMenu-menu-level-2, .MainMenu-item-level-1:focus-within > .MainMenu-menu-level-2 {
  display: block;
}
.MainMenu-menu-level-0 {
  display: flex;
  gap: 10px;
  justify-content: space-around;
}
.MainMenu-item-level-0 {
  position: relative;
}
.MainMenu-item-level-0.isSelected .MainMenu-link-level-0, .MainMenu-item-level-0:hover .MainMenu-link-level-0 {
  color: var(--link-color-hover);
}
.MainMenu-link-level-0 {
  font-size: 1.2em;
  text-decoration: none;
  color: var(--text-color-grey);
  text-transform: uppercase;
  padding: 0.5em;
  white-space: nowrap;
  display: inline-block;
}
.MainMenu-menu-level-1 {
  background-color: var(--widget-bg-color);
  border: 1px solid var(--widget-border-color);
  border-radius: 0.8em;
  padding: 0.9em 0;
  min-width: 17em;
}
.MainMenu-link-level-1 {
  font-size: 1.2em;
  text-decoration: none;
  display: block;
  color: var(--text-color-grey);
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  text-wrap: balance;
}
.MainMenu-item-level-1.isSelected .MainMenu-link-level-1, .MainMenu-item-level-1:hover .MainMenu-link-level-1 {
  color: var(--link-color-hover);
}
.MainMenu-menu-level-2 {
  background-color: var(--widget-bg-color);
  border: 1px solid var(--widget-border-color);
  border-radius: 0.8em;
  padding: 0.9em 0;
  min-width: 17em;
}
.MainMenu-link-level-2 {
  font-size: 1.2em;
  text-decoration: none;
  display: block;
  color: var(--text-color-grey);
  text-transform: uppercase;
  padding: 0.5em 1.2em;
  text-wrap: balance;
}
.MainMenu-item-level-2.isSelected .MainMenu-link-level-2, .MainMenu-item-level-2:hover .MainMenu-link-level-2 {
  color: var(--link-color-hover);
}
@media (max-width: 75em) {
  .MainMenu-item-level-0:not([data-priority="0"]) {
    display: none;
  }
}

@media (min-width: 35.063em) {
  .FooterMenu {
    column-count: 2;
  }
}
@media (min-width: 64.063em) {
  .FooterMenu {
    font-size: 0.9em;
  }
}
@media (max-width: 35em) {
  .FooterMenu-link {
    display: inline-block;
    padding: 2px 0;
  }
}
.FooterMenu-link-level-0 {
  color: var(--link-color);
  text-transform: uppercase;
  font-weight: bold;
}
.FooterMenu-link-level-0:hover {
  color: var(--link-color-hover);
}
.FooterMenu-item-level-0 {
  break-inside: avoid;
  margin-bottom: var(--gutter-sm);
}
.FooterMenu-link-level-1 {
  color: var(--link-color);
}
.FooterMenu-link-level-1:hover {
  color: var(--link-color-hover);
}
.FooterMenu-link-level-2 {
  color: var(--link-color);
}
.FooterMenu-link-level-2:hover {
  color: var(--link-color-hover);
}

.NavpanelMainMenu-menu-level-1, .NavpanelMainMenu-menu-level-2 {
  display: none;
  position: relative;
}
.NavpanelMainMenu-item-level-0.isOpen > .NavpanelMainMenu-menu-level-1, .NavpanelMainMenu-item-level-1.isOpen > .NavpanelMainMenu-menu-level-2 {
  display: block;
}
.NavpanelMainMenu-item.hasChildren > .NavpanelMainMenu-link:after {
  display: inline-block;
  content: "chevron_right";
  margin-left: 1em;
  transition: transform 0.1s;
}
.NavpanelMainMenu-item.hasChildren.isOpen > .NavpanelMainMenu-link:after {
  transform: rotate(90deg);
}
.NavpanelMainMenu-link {
  padding: 0.6em 1em;
  font-size: 1em;
  display: block;
  color: inherit;
  font-family: bebas-neue-pro, sans-serif;
  font-size: 22px;
}
.NavpanelMainMenu-link-level-1 {
  padding-left: 2.8em;
}
.NavpanelMainMenu-link-level-2 {
  padding-left: 4.8em;
}

/* NAVPANEL TRIGGER */
.Navpanel-trigger[aria-expanded=false] .Navpanel-trigger-close {
  display: none;
}
.Navpanel-trigger[aria-expanded=true] .Navpanel-trigger-open {
  display: none;
}

@media (min-width: 75.063em) {
  .Navpanel-trigger {
    display: none;
  }
}
/* NAVPANEL */
.Navpanel {
  all: unset;
}

.Navpanel {
  position: absolute;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-gutter: stable;
  padding-top: 20px;
  display: none;
  background-color: var(--bg-color);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
  width: 100%;
  top: var(--header-height);
  /* para que "cuelgue" del botón hamburguesa, cambiar por:
  top: var(--navpanel-top);
  right: var(--navpanel-right);
  max-width: calc(100% - var(--navpanel-right) - var(--content-padding));*/
}
.Navpanel::backdrop {
  opacity: 0;
}

.isNavpanelOpen .Navpanel {
  width: calc(100% - var(--content-padding) * 2);
}
@media (max-width: 48em) {
  .isNavpanelOpen .Navpanel {
    width: 100%;
  }
}

@media screen and (min-height: 500px) {
  .isNavpanelOpen .Header {
    transition: box-shadow 0.5s;
    box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0.5);
  }
}
@media screen and (max-height: 500px) {
  .Navpanel {
    height: calc(100vh - var(--header-height));
  }
  .isNavpanelOpen {
    overflow: hidden;
  }
}
.Navpanel-content {
  display: flex;
  flex-direction: column;
}

.Navpanel-toolbar {
  display: flex;
  align-items: center;
  gap: var(--gutter-xs);
  align-self: center;
  margin-top: var(--gutter);
}

.Path {
  margin-bottom: 30px;
  font-size: 0.9em;
}
.Path-items {
  display: flex;
  flex-wrap: wrap;
}
.Path-delimiter {
  margin-left: 0.4em;
  margin-right: 0.4em;
}

[v-cloak] {
  display: none;
}

.Buscador-description {
  margin-bottom: var(--content-padding-top);
}
.Buscador-items {
  display: grid;
  gap: var(--gutter-sm);
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 64em) {
  .Buscador-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 48em) {
  .Buscador-items {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 64.063em) {
  div:has(> .Buscador-filtrosDesktop) {
    position: sticky;
    top: 100px;
    z-index: 100;
    background-color: var(--bg-color);
  }
}

.Buscador-filtrosDesktop {
  background-color: var(--bg-color-grey);
  padding: var(--gutter) 0;
}
@media screen {
  .Buscador-filtrosDesktop {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }
}
.Buscador-filtrosDesktop-content {
  width: var(--content-width);
  margin: 0 auto;
  max-width: calc(100% - var(--content-padding) * 2);
  display: flex;
  flex-wrap: wrap;
  gap: var(--gutter);
  justify-content: space-around;
}
.Buscador-filtrosDesktop .Filtro {
  display: flex;
  gap: var(--gutter);
  align-items: center;
}

.BuscadorCursos .Buscador-filtrosDesktop .Filtro {
  width: 14.7em;
}

.BuscadorVisas .Buscador-filtrosDesktop .Filtro {
  width: 25em;
}

.BuscadorExamenes .Buscador-filtrosDesktop .Filtro {
  width: 14em;
}

.Buscador-filtrosMobile {
  display: flex;
  flex-direction: column;
  gap: var(--gutter);
  margin-bottom: var(--gutter);
}
.Buscador-filtrosMobile .Filtro-title {
  margin-bottom: 10px;
}

.Buscador-toolbar {
  padding: var(--gutter-sm) 0;
  display: flex;
  gap: var(--gutter);
  justify-content: end;
  background-color: var(--bg-color);
}

.Buscador-sortMenu-option {
  padding: 2px 0;
  cursor: pointer;
}
.Buscador-sortMenu-option:hover {
  color: var(--text-color-accent);
}

.Filtro {
  position: relative;
}
.Filtro-title {
  font-family: bebas-neue-pro, sans-serif;
  font-size: 26px;
  font-weight: bold;
  text-transform: uppercase;
}
.Filtro-button {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  cursor: pointer;
}
.Filtro-dropdownWrapper {
  flex: 1;
  position: relative;
}
.Filtro-dropdown {
  min-width: fit-content;
}
.Filtro [data-tippy-root] {
  min-width: 100%;
}
.Filtro .tippy-content {
  max-height: 12.5em;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
}

.FiltroSwitch-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
  padding: 0.3em 0;
  cursor: pointer;
  white-space: nowrap;
}

.FiltroSelect-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
  padding: 0.3em 0;
  cursor: pointer;
  white-space: nowrap;
}
.FiltroSelect-option:hover {
  background-color: var(--widget-bg-color-grey);
}
.Buscador-filtrosDesktop .FiltroSelect-option {
  padding-left: 1em;
  padding-right: 1em;
}
.FiltroSelect-option:has(input:checked) {
  color: var(--text-color-accent);
}
.FiltroSelect-checkbox > input {
  display: none;
}
.FiltroSelect-checkbox::after {
  content: "tick";
  opacity: 0;
  color: var(--text-color-accent);
}
.FiltroSelect-checkbox:has(input:checked)::after {
  opacity: 1;
}
.FiltroSelect .tippy-content {
  padding: 0.5em 0 !important;
}

.FiltroSlide-slider {
  width: 100%;
}

.BuscadorGrilla {
  display: grid;
  gap: var(--gutter-sm);
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 64em) {
  .BuscadorGrilla {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 48em) {
  .BuscadorGrilla {
    grid-template-columns: repeat(1, 1fr);
  }
}

.BuscadorItem--grid {
  line-height: 1.2;
  position: relative;
  display: grid;
  grid-template-rows: subgrid;
  grid-template-columns: subgrid;
  grid-row: span 2;
  gap: var(--gutter);
  border: 1px solid var(--panel-border-color);
  padding: 25px;
  border-radius: 15px;
  background-color: var(--panel-bg-color);
}
.BuscadorItem--full {
  display: flex;
  gap: var(--gutter-lg);
}
.BuscadorItem--full .BuscadorItem-right {
  width: 250px;
  flex-shrink: 0;
}
.BuscadorItem-name {
  font-family: bebas-neue-pro, sans-serif;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.1;
}
.BuscadorItem--full .BuscadorItem-name {
  font-size: 40px;
  color: var(--text-color-accent);
}
.BuscadorItem-precioViejo {
  font-family: bebas-neue-pro, sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 0.7;
  text-decoration: line-through;
  color: var(--text-color-quiet);
}
.BuscadorItem-precioFinal {
  font-family: bebas-neue-pro, sans-serif;
  font-size: 40px;
  font-weight: bold;
  line-height: 0.7;
  color: var(--text-color-accent);
}
.BuscadorItem-precioFinal sup {
  top: -0.75em;
  font-size: 50%;
  margin-left: 0.2em;
}
@media (max-width: 26em) {
  .BuscadorItem-precioFinal {
    font-size: 1.4em;
  }
}

.BuscadorCurso--grid {
  margin-top: 20px;
}
.BuscadorCurso--grid .BuscadorCurso-nivel {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.BuscadorCurso-nivel {
  text-transform: uppercase;
  font-size: 14px;
  border-radius: 0.9em;
  padding: 0.6em 1.7em;
  line-height: 1;
  font-weight: bold;
}
.BuscadorCurso-nivel--Elemental, .BuscadorCurso-nivel--TrueBeginners {
  background-color: #f7ee66;
  color: #000;
}
.BuscadorCurso-nivel--Intermedio {
  background-color: #f98f1c;
  color: #000;
}
.BuscadorCurso-nivel--Avanzado, .BuscadorCurso-nivel--PreAvanzado {
  background-color: #f9311c;
  color: #fff;
}
.BuscadorCurso-nivel--Kinder, .BuscadorCurso-nivel--YoungKids, .BuscadorCurso-nivel--Kids, .BuscadorCurso-nivel--Preteens {
  background-color: #002a54;
  color: #fff;
}

.Buscador-radios {
  display: flex;
  gap: var(--gutter);
  margin-bottom: var(--gutter);
  justify-content: center;
  font-size: 16px;
}
.Buscador-radios > * {
  background-color: var(--btn-bg-primary);
  border-color: var(--btn-bg-primary);
  color: #fff;
}
.Buscador-radios > *.radio-dark {
  background-color: #000;
  border-color: #000;
}
.Buscador-radios > *:hover {
  background-color: var(--btn-bg-primary-hover);
  border-color: var(--btn-bg-primary-hover);
}
.Buscador-radios > *.isSelected {
  background-color: unset;
  color: var(--btn-fg-primary);
}
.Buscador-radios > *.isSelected.radio-dark {
  color: var(--text-color);
  border-color: var(--text-color);
}

@media (max-width: 64em) {
  .BuscadorCursos .Buscador-radios {
    flex-wrap: wrap;
  }
}

.iframe-resizer {
  border: none;
  width: 100%;
  transition: height ease 0.5s;
}

.ezxmltext .Productos {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
.ezxmltext .Productos-grid {
  display: grid;
  gap: var(--gutter-sm);
  grid-template-columns: repeat(var(--productos-grid-cols), 1fr);
  width: fit-content;
  margin: auto;
}
.ezxmltext .Productos-item {
  width: 300px;
  display: grid;
  grid-template-rows: subgrid;
  grid-template-columns: subgrid;
  grid-row: span 2;
  border: 1px solid var(--panel-border-color);
  padding: 25px;
  border-radius: 15px;
  background-color: var(--panel-bg-color);
}
.ezxmltext .Productos-item-nombre {
  font-family: bebas-neue-pro, sans-serif;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.1;
  color: inherit;
  margin: unset;
}
.ezxmltext .Productos-item-precio {
  font-family: bebas-neue-pro, sans-serif;
  font-size: 40px;
  font-weight: bold;
  line-height: 0.7;
  color: var(--text-color-accent);
}
@media (max-width: 26em) {
  .ezxmltext .Productos-item-precio {
    font-size: 1.4em;
  }
}

.Share {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.Share-label {
  font-family: bebas-neue-pro, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 1em;
}

.ViewLine,
.ViewGrid,
.ViewResult {
  position: relative;
}
.ViewLine :where(a, button),
.ViewGrid :where(a, button),
.ViewResult :where(a, button) {
  position: relative;
  z-index: 11;
}
.ViewLine > a:first-child,
.ViewGrid > a:first-child,
.ViewResult > a:first-child {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.ViewLine > a:first-child:focus,
.ViewGrid > a:first-child:focus,
.ViewResult > a:first-child:focus {
  outline: 1px dotted;
  outline-offset: -1px;
}
.ViewLine-path,
.ViewGrid-path,
.ViewResult-path {
  margin-bottom: 6px;
  font-size: 0.8em;
  color: var(--text-color-quiet);
}
.ViewLine-image img,
.ViewGrid-image img,
.ViewResult-image img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto;
}
.ViewLine-intro *,
.ViewGrid-intro *,
.ViewResult-intro * {
  margin: 0;
}
.ViewLine-title,
.ViewGrid-title,
.ViewResult-title {
  font-weight: bold;
  margin-bottom: 6px;
  font-family: bebas-neue-pro, sans-serif;
}
@media (max-width: 35em) {
  .ViewLine-title, .ViewLine-intro,
  .ViewGrid-title,
  .ViewGrid-intro,
  .ViewResult-title,
  .ViewResult-intro {
    hyphens: auto;
  }
}
.ViewLine-readMore,
.ViewGrid-readMore,
.ViewResult-readMore {
  margin-top: 0.6em;
}

/* CONTENT VIEW LINE */
.ViewLine {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gutter-lg);
}
.ViewLine-path {
  flex-basis: 100%;
  margin-bottom: 7px;
  font-size: 0.9em;
}
.ViewLine-image {
  width: 23%;
}
.ViewLine-title {
  font-size: 32px;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 0.2em;
  margin-top: 0;
}
.ViewLine-content {
  flex: 1;
}
.ViewLine-intro {
  margin-top: 7px;
}
@media (min-width: 35.063em) {
  .ViewLine-content {
    margin-top: -0.2em;
  }
}
@media (max-width: 35em) {
  .ViewLine {
    flex-direction: column;
  }
  .ViewLine-image {
    width: 100%;
  }
}

/* CONTENT VIEW GRID */
.ViewGrid-image,
.ViewResult-image {
  margin-bottom: 6px;
}
.ViewGrid-title,
.ViewResult-title {
  font-size: 30px;
  line-height: 1.1;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
}
@media (max-width: 35em) {
  .ViewGrid-title,
  .ViewResult-title {
    hyphens: auto;
  }
}
.ViewGrid-intro,
.ViewResult-intro {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  margin-top: 3px;
}

/* CONTENT VIEW FULL */
.ViewFull {
  display: flow-root;
  width: var(--content-width);
  margin: 0 auto;
  max-width: calc(100% - var(--content-padding) * 2);
  /*	&-body > .ezxmltext > :where(p, ul, ol) {
  		max-width: $text-max-width;
  	}*/
}
.ViewFull-image {
  margin-bottom: 20px;
}
.ViewFull-image img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: auto;
}
.ViewFull-children:not(:first-child) {
  margin-top: var(--separate);
}

.ChildrenLine > * + * {
  margin-top: 3em;
}
.ChildrenLine--no-images .ViewLine-image {
  display: none;
}

.ChildrenGrid--no-images .ViewGrid-image {
  display: none;
}

.ChildrenLayout {
  display: flex;
  flex-direction: column;
}
@media screen {
  .ChildrenLayout:first-child {
    margin-top: calc(var(--content-padding-top) * -1);
  }
}
@media screen {
  .ChildrenLayout:last-child {
    margin-bottom: calc(var(--content-padding-bottom) * -1);
  }
}
.ChildrenLayout > * {
  padding-top: var(--gutter-lg);
  padding-bottom: var(--gutter-lg);
}

.ViewGallery-wrap {
  display: table;
  margin: auto;
}
.ViewGallery-caption {
  margin-top: 6px;
  display: table-caption;
  caption-side: bottom;
}

.ViewEmbed {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

/******************* DATA TYPES *********************/
.ezmultioption-select {
  margin-top: 5px;
  margin-bottom: 5px;
}

.Agenda-proximos {
  display: flex;
  margin-left: calc(var(--content-padding) * -1);
  margin-right: calc(var(--content-padding) * -1);
  margin-bottom: var(--content-padding-top);
}
@media screen {
  .Agenda-proximos {
    margin-top: calc(var(--content-padding-top) * -1);
  }
}
.Agenda-proximo {
  position: relative;
  flex: 1;
  min-width: 0;
  padding: var(--content-padding);
}
.Agenda-proximo :where(a, button) {
  position: relative;
  z-index: 11;
}
.Agenda-proximo > a:first-child {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.Agenda-proximo > a:first-child:focus {
  outline: 1px dotted;
  outline-offset: -1px;
}
:where(.Agenda-proximo-day, .Agenda-proximo-month) {
  color: var(--text-color-grey);
}
.Agenda-proximo-title {
  font-weight: bold;
  margin-top: 0.5em;
}
.Agenda-proximo-intro {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
}

.ClassEvento-fecha {
  display: flex;
  gap: var(--gutter-xs);
}
.ClassEvento-fecha b {
  font-family: bebas-neue-pro, sans-serif;
  text-transform: uppercase;
}
.ClassEvento-day {
  font-family: bebas-neue-pro, sans-serif;
  font-size: 60px;
  line-height: 1;
  display: inline-block;
  font-weight: bold;
}
.ClassEvento-day::after {
  content: ".";
}
.ClassEvento-month {
  font-family: bebas-neue-pro, sans-serif;
  font-size: 28px;
  line-height: 1;
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
}

.ClassEventoLine {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gutter-lg);
}
.ClassEventoLine-hoja {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.6em;
  border-radius: 8px;
  width: 7em;
  aspect-ratio: 1/1;
  padding: 30px;
  font-family: bebas-neue-pro, sans-serif;
  line-height: 1;
  font-weight: bold;
  text-align: center;
}
.ClassEventoLine-hoja-dia {
  font-size: 40px;
  background: url("./../images/calendar.svg") no-repeat;
  background-size: contain;
  aspect-ratio: 1/1;
  width: 2.2em;
  padding-top: 0.9em;
  box-sizing: border-box;
}
.ClassEventoLine-hoja-mes {
  text-transform: uppercase;
  font-size: 25px;
}
.ClassEventoLine-content {
  flex: 1;
}
.ClassEventoLine-fecha {
  color: var(--text-color-quiet);
  font-size: 0.9em;
  margin-bottom: 0.5em;
}
.ClassEventoLine-readMore {
  margin-top: 0.5em;
}

.ClassEventoFull {
  display: flex;
  gap: var(--gutter) var(--gutter-xl);
  align-items: start;
}
.ClassEventoFull-main {
  flex: 1;
}
.ClassEventoFull-info {
  padding: 30px 35px;
  margin-bottom: 20px;
}
.ClassEventoFull-intro {
  margin-bottom: var(--gutter);
}
@media (min-width: 64.063em) {
  .ClassEventoFull-right {
    width: 300px;
  }
}
@media screen and (min-width: 64.063em) {
  .ClassEventoFull-info {
    margin-top: calc(var(--content-padding-top) * -1);
  }
}
@media (max-width: 64em) {
  .ClassEventoFull {
    flex-direction: column;
    align-items: stretch;
  }
  .ClassEventoFull-info {
    text-align: center;
  }
}

.ClassFormContacto-mapa {
  height: 400px;
  margin-top: var(--gutter);
}
@media screen {
  .ClassFormContacto-mapa {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }
}
.ClassFormContacto-mapa-label {
  font-weight: bold;
  color: #e33137;
  text-shadow: 0 0 2px white;
  font-size: 1.1em;
  transform: translate(8px, -50%);
}

.Frontpage {
  margin: 0 calc(var(--content-padding) * -1);
}
@media screen {
  .Frontpage {
    margin-top: calc(var(--content-padding-top) * -1);
  }
}
@media screen {
  .Frontpage {
    margin-bottom: calc(var(--content-padding-bottom) * -1);
  }
}
.Frontpage-video {
  width: 100vw;
  height: auto;
  display: block;
}
@media screen {
  .Frontpage-video {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }
}

.ClassSection .ChildrenLayout:not(:first-child) {
  margin-top: var(--gutter);
}

.LayoutArticle {
  --glider-carousel-gutter: 15px;
  padding-top: var(--gutter-lg);
  padding-bottom: var(--gutter-lg);
  /* &--vertical &-container { */
}
@media screen {
  .LayoutArticle--bg {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }
}
.LayoutArticle--bg .LayoutArticle-container {
  width: var(--content-width);
  margin: 0 auto;
  max-width: calc(100% - var(--content-padding) * 2);
}
.LayoutArticle-container {
  display: flex;
  gap: var(--gutter-sm) var(--gutter-xl);
  align-content: stretch;
}
@media (max-width: 48em) {
  .LayoutArticle-container {
    flex-direction: column;
  }
}
.LayoutArticle-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: var(--gutter);
  min-width: 0;
}
.LayoutArticle--vertical .LayoutArticle-content {
  position: relative;
}
@media (min-width: 48.063em) {
  .LayoutArticle--vertical .LayoutArticle-content::before {
    content: "";
    position: absolute;
    left: calc(var(--gutter-xl) * -1);
    height: 50%;
    width: 25px;
    background-color: var(--brand-darkblue);
  }
}
.LayoutArticle--normal .LayoutArticle-image {
  order: 1;
  max-width: 40%;
}
.LayoutArticle--normal .LayoutArticle-image img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 15px;
}
@media (max-width: 48em) {
  .LayoutArticle--normal .LayoutArticle-image {
    order: 0;
    max-width: 100%;
  }
}
@media screen {
  .LayoutArticle--vertical .LayoutArticle-image {
    margin-left: calc(-50vw + 50%);
  }
}
.LayoutArticle--vertical .LayoutArticle-image img {
  width: 100%;
  object-fit: cover;
}
@media (min-width: 48.063em) {
  .LayoutArticle--vertical .LayoutArticle-image {
    margin-top: calc(var(--gutter-lg) * -1);
    margin-bottom: calc(var(--gutter-lg) * -1);
    max-width: 40%;
  }
  .LayoutArticle--vertical .LayoutArticle-image img {
    min-height: 100%;
  }
}
@media (max-width: 48em) {
  .LayoutArticle--vertical .LayoutArticle-image {
    margin-right: calc(var(--content-padding) * -1);
  }
  .LayoutArticle--vertical .LayoutArticle-image img {
    aspect-ratio: 2/1;
    height: auto;
  }
}
.LayoutArticle-glider {
  align-self: stretch;
}
.LayoutArticle-slide {
  width: 320px;
  /*&--overlayed {
  	img {
  		filter: grayscale(100%) contrast(23%) brightness(120%);
  	}
  }
  &-overlay {
  	color: #fff;
  	padding: var(--gutter);
  	@include stretch;
  	display: flex;
  	align-items: end;
  	> * {
  		font-size: 26px;
  		text-align: center;
  		z-index: 1;
  		p {
  			line-height: 1;
  		}
  	}
  	&::before {
  		content: "";
  		background-color: #00668a;
  		mix-blend-mode: color;
  		@include stretch;
  	}
  }*/
}
.LayoutArticle-logo {
  margin-top: var(--gutter-sm);
  align-self: center;
}
@media (max-width: 48em) {
  .LayoutArticle-logo {
    width: 100%;
  }
  .LayoutArticle-logo img {
    width: 100%;
    height: auto;
    display: block;
  }
}
@media (max-width: 48em) and (prefers-color-scheme: dark) {
  .LayoutArticle-logo img {
    filter: invert(89%) sepia(80%) saturate(1%) hue-rotate(278deg) brightness(80%) contrast(95%);
  }
}

.LayoutCarousel {
  --glider-carousel-gutter: 15px;
  width: 900px;
  margin: auto;
}
.LayoutCarousel-glider {
  margin-top: var(--gutter-sm);
}
.LayoutCarousel-slide img {
  width: 50px;
  height: auto;
  margin: auto;
  image-rendering: optimizequality;
}
@media (min-width: 48.063em) {
  .LayoutCarousel-slide img {
    width: 90px;
  }
}

.LayoutDestacados-container {
  width: var(--content-width);
  margin: 0 auto;
  max-width: calc(100% - var(--content-padding) * 2);
  display: grid;
  gap: var(--gutter);
}
@media (min-width: 48.063em) {
  .LayoutDestacados-container {
    grid-template-areas: ". a" ". a";
  }
}
.LayoutDestacados-item {
  background-color: var(--bg-color);
  border-radius: 15px;
  overflow: hidden;
  display: flex;
  position: relative;
}
@media (min-width: 48.063em) {
  .LayoutDestacados-item:nth-child(1) {
    grid-area: a;
    flex-direction: column;
  }
}
.LayoutDestacados-item :where(a, button) {
  position: relative;
  z-index: 11;
}
.LayoutDestacados-item > a:first-child {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.LayoutDestacados-item > a:first-child:focus {
  outline: 1px dotted;
  outline-offset: -1px;
}
.LayoutDestacados-item-image {
  width: 40%;
}
.LayoutDestacados-item-image img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: auto;
  min-height: 100%;
  aspect-ratio: 1;
}
@media (min-width: 48.063em) {
  .LayoutDestacados-item:nth-child(1) .LayoutDestacados-item-image {
    width: 100%;
  }
  .LayoutDestacados-item:nth-child(1) .LayoutDestacados-item-image img {
    width: 100%;
    height: auto;
    min-height: unset;
    aspect-ratio: 2/1;
  }
}
.LayoutDestacados-item-content {
  flex: 1;
  padding: var(--gutter);
}
.LayoutDestacados-item-title {
  font-family: bebas-neue-pro, sans-serif;
  text-transform: uppercase;
  line-height: 1;
  font-size: 32px;
  margin-bottom: 10px;
}
.LayoutDestacados-item-clamp {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-clamp: 6;
  -webkit-line-clamp: 6;
}
.LayoutFeatures-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 50px 30px;
}

.LayoutFeature {
  text-align: center;
  box-sizing: border-box;
  max-width: 470px;
}
.LayoutFeature > a {
  display: inline-block;
  color: inherit;
  text-decoration: none;
}
.LayoutFeatures--large .LayoutFeature {
  flex: 1 1 390px;
  font-size: 1.1em;
}
.LayoutFeatures--medium .LayoutFeature {
  flex: 1 1 320px;
}
.LayoutFeatures--small .LayoutFeature {
  font-size: 0.9em;
  flex: 1 1 220px;
}
.LayoutFeature-icon {
  display: block;
  margin: auto;
  margin-bottom: 10px;
}
.LayoutFeatures--large .LayoutFeature-icon {
  height: 120px;
}
.LayoutFeatures--medium .LayoutFeature-icon {
  height: 95px;
}
.LayoutFeatures--small .LayoutFeature-icon {
  height: 70px;
}
.LayoutFeature-title {
  font-family: bebas-neue-pro, sans-serif;
  line-height: 1.1;
  font-size: 1.6em;
}
.LayoutFeature-description {
  font-size: 0.85em;
  margin-top: 4px;
}
.LayoutFeature-btn {
  margin-top: 10px;
}

.LayoutForm-intro {
  margin-bottom: var(--gutter-sm);
}
@media screen {
  .LayoutForm-main {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }
}
.LayoutForm-main-content {
  display: flex;
  gap: var(--gutter-lg);
}
@media (max-width: 48em) {
  .LayoutForm-main-content {
    flex-direction: column;
  }
}
.LayoutForm-main-content > * {
  flex: 1;
}
.LayoutForm-image img {
  display: block;
  border-radius: 15px;
  max-width: 100%;
  height: auto;
}
@media (max-width: 48em) {
  .LayoutForm-image img {
    width: 100%;
  }
}
.LayoutForm-text {
  text-align: center;
}

.ClassLayoutGrilla-body {
  margin-bottom: var(--gutter);
}
.ClassLayoutGrilla-children {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.ClassLayoutGrilla-children--x2 {
  max-width: var(--content-width-narrow);
  margin: 0 auto;
  gap: var(--gutter-lg);
}
.ClassLayoutGrilla-children--x2 > * {
  width: calc(50% - var(--gutter-lg));
}
@media (max-width: 35em) {
  .ClassLayoutGrilla-children--x2 > * {
    width: 100%;
  }
}
.ClassLayoutGrilla-children--x3 {
  font-size: 0.9em;
  gap: var(--gutter);
}
.ClassLayoutGrilla-children--x3 > * {
  width: calc(33% - var(--gutter));
}
@media (max-width: 35em) {
  .ClassLayoutGrilla-children--x3 > * {
    width: 100%;
  }
}

.LayoutPrefiltro {
  display: flex;
  flex-direction: column;
  gap: var(--gutter-sm);
}
.LayoutPrefiltro-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 600/515;
  object-fit: cover;
  border-radius: 15px;
}
.LayoutPrefiltro-description {
  text-align: center;
  font-size: 0.9em;
  margin-bottom: auto;
}
.LayoutPrefiltro-btn {
  text-align: center;
}

.LayoutSubitem {
  display: flex;
  flex-direction: column;
  gap: var(--gutter-sm);
}
.LayoutSubitem-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 600/515;
  object-fit: cover;
  border-radius: 15px;
}
.LayoutSubitem-name {
  text-align: center;
  font-family: bebas-neue-pro, sans-serif;
  font-size: 32px;
  color: var(--text-color-accent);
}
.LayoutSubitem-description {
  text-align: center;
  font-size: 0.9em;
  margin-bottom: auto;
}
.LayoutSubitem-btn {
  text-align: center;
}

.ClassNovedadFull {
  max-width: var(--content-width-narrow);
  margin: auto;
}
.ClassNovedadFull-toolbar {
  margin: 20px 0;
  display: flex;
}
@media (min-width: 35.063em) {
  .ClassNovedadFull-toolbar {
    align-items: center;
  }
  .ClassNovedadFull-share {
    margin-left: auto;
  }
}
@media (max-width: 35em) {
  .ClassNovedadFull-toolbar {
    flex-direction: column;
  }
  .ClassNovedadFull-fecha {
    order: 1;
    margin-top: 20px;
  }
}
.ClassNovedadFull-flyer {
  margin-top: var(--gutter);
  text-align: center;
}
.ClassNovedadFull-flyer img {
  max-width: 100%;
  height: auto;
}
.ClassNovedadFull-images > * {
  margin: 1.2em auto;
}

.ClassSection .ChildrenLayout:not(:first-child) {
  margin-top: var(--gutter);
}

.flex {
  display: flex;
}

.inline-block {
  display: inline-block;
}

.block {
  display: block;
}

.ignore {
  display: contents;
}

.flex-1 {
  flex: 1 1 auto;
  min-width: 0;
}

.flex-2 {
  flex: 2 2 auto;
  min-width: 0;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-column {
  flex-direction: column;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-items-center {
  justify-items: center;
}

.align-center {
  align-items: center;
}

.align-start {
  align-items: start;
}

.align-end {
  align-items: end;
}

.align-stretch {
  align-items: stretch;
}

.align-self-start {
  align-self: start;
}

.align-self-end {
  align-self: end;
}

.align-self-center {
  align-self: center;
}

.cloak {
  opacity: 0;
  transition: opacity 0.2s ease;
}
.cloak.isReady {
  opacity: 1;
}

.cloak-js {
  opacity: 0;
  transition: opacity 0.2s ease;
}
.js .cloak-js {
  opacity: 1;
}

.color-quiet, .text-quiet, .ViewLine-path {
  color: var(--text-color-quiet);
}

.color-accent {
  color: var(--text-color-accent);
}

.color-secondary {
  color: var(--text-color-secondary);
}

.color-danger {
  color: var(--text-color-danger);
}

.color-inherit {
  color: inherit;
}

.bg-white {
  background-color: var(--bg-color);
}

.bg-grey {
  background-color: var(--bg-color-grey);
}

.bg-color-alt {
  background-color: var(--bg-color-alt);
}

.Flexgrid {
  display: grid;
}
.Flexgrid > * {
  box-sizing: content-box;
}
.Flexgrid--250 {
  grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr));
}
.Flexgrid--300 {
  grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
}
.Flexgrid--350 {
  grid-template-columns: repeat(auto-fill, minmax(min(350px, 100%), 1fr));
}
.Flexgrid--400 {
  grid-template-columns: repeat(auto-fill, minmax(min(400px, 100%), 1fr));
}

.Flexrow {
  width: 100%;
  display: flex;
}
.Flexrow--inline {
  width: auto;
  display: inline-flex;
}
.Flexrow > * {
  min-width: 0;
}
.Flexrow > .flex-1 {
  width: auto;
}

:where(.Flexrow) {
  align-items: center;
}

@media (max-width: 48em) {
  .Flexrow--break\@md {
    flex-direction: column;
    align-items: normal;
  }
}
@media (max-width: 35em) {
  .Flexrow--break\@sm {
    flex-direction: column;
    align-items: normal;
  }
}
@media (max-width: 26em) {
  .Flexrow--break\@xs {
    flex-direction: column;
    align-items: normal;
  }
}
.column-gap--, .gap-- {
  column-gap: var(--gutter-xs);
}

.row-gap--, .gap-- {
  row-gap: var(--gutter-xs);
}

.column-gap-, .gap- {
  column-gap: var(--gutter-sm);
}

.row-gap-, .gap- {
  row-gap: var(--gutter-sm);
}

.column-gap, .gap {
  column-gap: var(--gutter);
}

.row-gap, .gap {
  row-gap: var(--gutter);
}

.column-gap\+, .gap\+ {
  column-gap: var(--gutter-lg);
}

.row-gap\+, .gap\+ {
  row-gap: var(--gutter-lg);
}

.column-gap\+\+, .gap\+\+ {
  column-gap: var(--gutter-xl);
}

.row-gap\+\+, .gap\+\+ {
  row-gap: var(--gutter-xl);
}

.Grid {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), 1fr);
}

/* -------------- SIZES -------------- */
.Grid--of1 {
  --grid-columns: 1;
}

.Grid-span1 {
  grid-column-end: span min(1, var(--grid-columns));
}

.Grid--of2 {
  --grid-columns: 2;
}

.Grid-span2 {
  grid-column-end: span min(2, var(--grid-columns));
}

.Grid--of3 {
  --grid-columns: 3;
}

.Grid-span3 {
  grid-column-end: span min(3, var(--grid-columns));
}

.Grid--of4 {
  --grid-columns: 4;
}

.Grid-span4 {
  grid-column-end: span min(4, var(--grid-columns));
}

.Grid--of5 {
  --grid-columns: 5;
}

.Grid-span5 {
  grid-column-end: span min(5, var(--grid-columns));
}

.Grid-rowSpan1 {
  grid-row-end: span 1;
}

.Grid-rowSpan2 {
  grid-row-end: span 2;
}

.Grid-rowSpan3 {
  grid-row-end: span 3;
}

@media (max-width: 64em) {
  .Grid--of1\@lg {
    --grid-columns: 1;
  }
  .Grid-span1\@lg {
    grid-column-end: span min(1, var(--grid-columns));
  }
  .Grid--of2\@lg {
    --grid-columns: 2;
  }
  .Grid-span2\@lg {
    grid-column-end: span min(2, var(--grid-columns));
  }
  .Grid--of3\@lg {
    --grid-columns: 3;
  }
  .Grid-span3\@lg {
    grid-column-end: span min(3, var(--grid-columns));
  }
  .Grid--of4\@lg {
    --grid-columns: 4;
  }
  .Grid-span4\@lg {
    grid-column-end: span min(4, var(--grid-columns));
  }
  .Grid--of5\@lg {
    --grid-columns: 5;
  }
  .Grid-span5\@lg {
    grid-column-end: span min(5, var(--grid-columns));
  }
  .Grid-rowSpan1\@lg {
    grid-row-end: span 1;
  }
  .Grid-rowSpan2\@lg {
    grid-row-end: span 2;
  }
  .Grid-rowSpan3\@lg {
    grid-row-end: span 3;
  }
}
@media (max-width: 48em) {
  .Grid--of1\@md {
    --grid-columns: 1;
  }
  .Grid-span1\@md {
    grid-column-end: span min(1, var(--grid-columns));
  }
  .Grid--of2\@md {
    --grid-columns: 2;
  }
  .Grid-span2\@md {
    grid-column-end: span min(2, var(--grid-columns));
  }
  .Grid--of3\@md {
    --grid-columns: 3;
  }
  .Grid-span3\@md {
    grid-column-end: span min(3, var(--grid-columns));
  }
  .Grid--of4\@md {
    --grid-columns: 4;
  }
  .Grid-span4\@md {
    grid-column-end: span min(4, var(--grid-columns));
  }
  .Grid--of5\@md {
    --grid-columns: 5;
  }
  .Grid-span5\@md {
    grid-column-end: span min(5, var(--grid-columns));
  }
  .Grid-rowSpan1\@md {
    grid-row-end: span 1;
  }
  .Grid-rowSpan2\@md {
    grid-row-end: span 2;
  }
  .Grid-rowSpan3\@md {
    grid-row-end: span 3;
  }
}
@media (max-width: 35em) {
  .Grid--of1\@sm {
    --grid-columns: 1;
  }
  .Grid-span1\@sm {
    grid-column-end: span min(1, var(--grid-columns));
  }
  .Grid--of2\@sm {
    --grid-columns: 2;
  }
  .Grid-span2\@sm {
    grid-column-end: span min(2, var(--grid-columns));
  }
  .Grid--of3\@sm {
    --grid-columns: 3;
  }
  .Grid-span3\@sm {
    grid-column-end: span min(3, var(--grid-columns));
  }
  .Grid-rowSpan1\@sm {
    grid-row-end: span 1;
  }
  .Grid-rowSpan2\@sm {
    grid-row-end: span 2;
  }
  .Grid-rowSpan3\@sm {
    grid-row-end: span 3;
  }
}
@media (max-width: 26em) {
  .Grid--of1\@xs {
    --grid-columns: 1;
  }
  .Grid-span1\@xs {
    grid-column-end: span min(1, var(--grid-columns));
  }
  .Grid--of2\@xs {
    --grid-columns: 2;
  }
  .Grid-span2\@xs {
    grid-column-end: span min(2, var(--grid-columns));
  }
  .Grid-rowSpan1\@xs {
    grid-row-end: span 1;
  }
  .Grid-rowSpan2\@xs {
    grid-row-end: span 2;
  }
  .Grid-rowSpan3\@xs {
    grid-row-end: span 3;
  }
}
.h1, .h2, .h3 {
  margin-top: 0.6em;
  margin-bottom: 0.36em;
  font-family: bebas-neue-pro, sans-serif;
  line-height: 1;
  color: var(--text-color-accent);
}
.h1:first-child, .h2:first-child, .h3:first-child {
  margin-top: 0;
}
.h1:last-child, .h2:last-child, .h3:last-child {
  margin-top: 0;
}

.h1 {
  font-size: 60px;
  text-transform: uppercase;
}

.h2 {
  font-size: 46px;
}

.h3 {
  font-size: 36px;
}

@media (max-width: 35em) {
  .h1 {
    font-size: 50px;
  }
  .h2 {
    font-size: 40px;
  }
}
.hide {
  display: none !important;
}

@media (min-width: 75.063em) {
  .hide\@xl-up, .hide\@lg-up, .hide\@md-up, .hide\@sm-up, .hide\@xs-up {
    display: none !important;
  }
}
@media (max-width: 75em) and (min-width: 64.063em) {
  .hide\@xl, .hide\@-down, .hide\@xl-down, .hide\@lg-up, .hide\@md-up, .hide\@sm-up, .hide\@xs-up {
    display: none !important;
  }
}
@media (max-width: 64em) and (min-width: 48.063em) {
  .hide\@lg, .hide\@-down, .hide\@xl-down, .hide\@lg-down, .hide\@md-up, .hide\@sm-up, .hide\@xs-up {
    display: none !important;
  }
}
@media (max-width: 48em) and (min-width: 35.063em) {
  .hide\@md, .hide\@-down, .hide\@xl-down, .hide\@lg-down, .hide\@md-down, .hide\@sm-up, .hide\@xs-up {
    display: none !important;
  }
}
@media (max-width: 35em) and (min-width: 26.063em) {
  .hide\@sm, .hide\@-down, .hide\@xl-down, .hide\@lg-down, .hide\@md-down, .hide\@sm-down, .hide\@xs-up {
    display: none !important;
  }
}
@media (max-width: 26em) {
  .hide\@xs, .hide\@-down, .hide\@xl-down, .hide\@lg-down, .hide\@md-down, .hide\@sm-down, .hide\@xs-down {
    display: none !important;
  }
}
@media print {
  .hide\@print {
    display: none !important;
  }
}
@media (prefers-color-scheme: dark) {
  .hide\@dark {
    display: none;
  }
}
@media not (prefers-color-scheme: dark) {
  .hide\@light {
    display: none;
  }
}
a:where(:not([class])), .link {
  color: var(--link-color);
  text-decoration: underline;
}
a:where(:not([class])):hover, .link:hover {
  color: var(--link-color-hover);
}

.text-link {
  color: var(--link-color-text);
}
.text-link:hover {
  text-decoration: underline;
}

.Multicolumn--200 {
  column-width: 200px;
}
.Multicolumn--250 {
  column-width: 250px;
}
.Multicolumn--300 {
  column-width: 300px;
}
.Multicolumn--350 {
  column-width: 350px;
}
.Multicolumn--400 {
  column-width: 400px;
}

@media (min-width: 48.063em) {
  .Multicolumn--count3 {
    column-count: 3;
  }
}
@media (max-width: 48em) {
  .Multicolumn--count3 {
    column-count: 2;
  }
}

@media (min-width: 48.063em) {
  .Multicolumn--count2 {
    column-count: 2;
  }
}

.Multicolumn--center > * {
  margin-left: auto;
  margin-right: auto;
}

.st-, .sv- {
  margin-top: var(--separate-sm) !important;
}

.sb-, .sv- {
  margin-bottom: var(--separate-sm) !important;
}

.st, .sv {
  margin-top: var(--separate) !important;
}

.sb, .sv {
  margin-bottom: var(--separate) !important;
}

.st\+, .sv\+ {
  margin-top: var(--separate-lg) !important;
}

.sb\+, .sv\+ {
  margin-bottom: var(--separate-lg) !important;
}

/* MARGIN & PADDING */
.ml0, .mh0 {
  margin-left: 0 !important;
}

.mr0, .mh0 {
  margin-right: 0 !important;
}

.mt0, .mv0 {
  margin-top: 0 !important;
}

.mb0, .mv0 {
  margin-bottom: 0 !important;
}

.m0 {
  margin: 0 !important;
}

.ml--, .mh-- {
  margin-left: var(--gutter-xs) !important;
}

.mr--, .mh-- {
  margin-right: var(--gutter-xs) !important;
}

.mt--, .mv-- {
  margin-top: var(--gutter-xs) !important;
}

.mb--, .mv-- {
  margin-bottom: var(--gutter-xs) !important;
}

.m-- {
  margin: var(--gutter-xs) !important;
}

.ml-, .mh- {
  margin-left: var(--gutter-sm) !important;
}

.mr-, .mh- {
  margin-right: var(--gutter-sm) !important;
}

.mt-, .mv- {
  margin-top: var(--gutter-sm) !important;
}

.mb-, .mv- {
  margin-bottom: var(--gutter-sm) !important;
}

.m- {
  margin: var(--gutter-sm) !important;
}

.ml, .mh {
  margin-left: var(--gutter) !important;
}

.mr, .mh {
  margin-right: var(--gutter) !important;
}

.mt, .mv {
  margin-top: var(--gutter) !important;
}

.mb, .mv {
  margin-bottom: var(--gutter) !important;
}

.m {
  margin: var(--gutter) !important;
}

.ml\+, .mh\+ {
  margin-left: var(--gutter-lg) !important;
}

.mr\+, .mh\+ {
  margin-right: var(--gutter-lg) !important;
}

.mt\+, .mv\+ {
  margin-top: var(--gutter-lg) !important;
}

.mb\+, .mv\+ {
  margin-bottom: var(--gutter-lg) !important;
}

.m\+ {
  margin: var(--gutter-lg) !important;
}

.ml\+\+, .mh\+\+ {
  margin-left: var(--gutter-xl) !important;
}

.mr\+\+, .mh\+\+ {
  margin-right: var(--gutter-xl) !important;
}

.mt\+\+, .mv\+\+ {
  margin-top: var(--gutter-xl) !important;
}

.mb\+\+, .mv\+\+ {
  margin-bottom: var(--gutter-xl) !important;
}

.m\+\+ {
  margin: var(--gutter-xl) !important;
}

.pl0, .ph0 {
  padding-left: 0 !important;
}

.pr0, .ph0 {
  padding-right: 0 !important;
}

.pt0, .pv0 {
  padding-top: 0 !important;
}

.pb0, .pv0 {
  padding-bottom: 0 !important;
}

.p0 {
  padding: 0 !important;
}

.pl--, .ph-- {
  padding-left: var(--gutter-xs) !important;
}

.pr--, .ph-- {
  padding-right: var(--gutter-xs) !important;
}

.pt--, .pv-- {
  padding-top: var(--gutter-xs) !important;
}

.pb--, .pv-- {
  padding-bottom: var(--gutter-xs) !important;
}

.p-- {
  padding: var(--gutter-xs) !important;
}

.pl-, .ph- {
  padding-left: var(--gutter-sm) !important;
}

.pr-, .ph- {
  padding-right: var(--gutter-sm) !important;
}

.pt-, .pv- {
  padding-top: var(--gutter-sm) !important;
}

.pb-, .pv- {
  padding-bottom: var(--gutter-sm) !important;
}

.p- {
  padding: var(--gutter-sm) !important;
}

.pl, .ph {
  padding-left: var(--gutter) !important;
}

.pr, .ph {
  padding-right: var(--gutter) !important;
}

.pt, .pv {
  padding-top: var(--gutter) !important;
}

.pb, .pv {
  padding-bottom: var(--gutter) !important;
}

.p {
  padding: var(--gutter) !important;
}

.pl\+, .ph\+ {
  padding-left: var(--gutter-lg) !important;
}

.pr\+, .ph\+ {
  padding-right: var(--gutter-lg) !important;
}

.pt\+, .pv\+ {
  padding-top: var(--gutter-lg) !important;
}

.pb\+, .pv\+ {
  padding-bottom: var(--gutter-lg) !important;
}

.p\+ {
  padding: var(--gutter-lg) !important;
}

.pl\+\+, .ph\+\+ {
  padding-left: var(--gutter-xl) !important;
}

.pr\+\+, .ph\+\+ {
  padding-right: var(--gutter-xl) !important;
}

.pt\+\+, .pv\+\+ {
  padding-top: var(--gutter-xl) !important;
}

.pb\+\+, .pv\+\+ {
  padding-bottom: var(--gutter-xl) !important;
}

.p\+\+ {
  padding: var(--gutter-xl) !important;
}

.ml-a, .mh-a {
  margin-left: auto !important;
}

.mr-a, .mh-a {
  margin-right: auto !important;
}

.mt-a, .mv-a {
  margin-top: auto !important;
}

.mb-a, .mv-a {
  margin-bottom: auto !important;
}

.m-a {
  margin: auto !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.text-left {
  text-align: left !important;
}

.text-justify {
  text-align: justify !important;
}

/* SIZE */
.text-mini {
  font-size: 1.26rem;
}

.text-small {
  font-size: 1.512rem;
}

.text-large {
  font-size: 1.98rem;
}

.text-xlarge {
  font-size: 2.376rem;
}

.text-xxlarge {
  font-size: 2.8512rem;
}

.text-xsmaller {
  font-size: 0.7em;
}

.text-smaller {
  font-size: 0.84em;
}

.text-larger {
  font-size: 1.1em;
}

.nowrap {
  white-space: nowrap;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-balance {
  text-wrap: balance;
}

.text-max-width {
  max-width: 60em;
}

.block-center {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.content-center {
  text-align: center;
}
.content-center > * {
  display: inline-block;
  text-align: initial;
}

.content-right {
  text-align: right;
}
.content-right > * {
  display: inline-block;
  text-align: initial;
}

.offscreen {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.sr-only {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: var(--bg-color);
}
.fixed-header .sticky-top {
  top: var(--fixed-header-height-scrolled);
}

.img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.title-font {
  font-family: bebas-neue-pro, sans-serif;
  line-height: 1;
  font-size: 1.2em;
}

.w-auto {
  width: auto;
}

@media (max-width: 75em) {
  .w-auto\@xl {
    width: auto;
  }
}
@media (max-width: 64em) {
  .w-auto\@lg {
    width: auto;
  }
}
@media (max-width: 48em) {
  .w-auto\@md {
    width: auto;
  }
}
@media (max-width: 35em) {
  .w-auto\@sm {
    width: auto;
  }
}
@media (max-width: 26em) {
  .w-auto\@xs {
    width: auto;
  }
}
.w-xlarge {
  max-width: 800px;
}

.w-large {
  max-width: 600px;
}

.w-medium {
  max-width: 450px;
}

.w-small {
  max-width: 350px;
}

/*# sourceMappingURL=main.min.css.map */