/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

main {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -0.25em
}

sup {
  top: -0.5em
}

img {
  border-style: none
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button
}

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

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

template {
  display: none
}

[hidden] {
  display: none
}

:root {
  --gutter-xs: 9.6px;
  --gutter-sm: 16px;
  --gutter: 32px;
  --gutter-lg: 48px;
  --gutter-xl: 83.744px
}

:root {
  --separate-sm: 30px;
  --separate: 60px;
  --separate-lg: 97.08px
}

.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;
  -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"
}

html {
  box-sizing: border-box;
  scrollbar-gutter: stable;
  scroll-padding-top: calc(12px + var(--fixed-header-screen-space))
}

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
}

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: .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
}

@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)
}

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: .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 .2s ease-in-out, filter .2s ease-in-out
}

.BlockLoading.isImmediate>* {
  transition: unset
}

.BlockLoading.isActive .BlockLoading-overlay {
  opacity: 1
}

.BlockLoading.isActive>:not(.BlockLoading-overlay) {
  opacity: .5;
  filter: grayscale(20%);
  pointer-events: none
}

@media(prefers-color-scheme: dark) {
  .BlockLoading.isActive>:not(.BlockLoading-overlay) {
    opacity: .2
  }
}

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

.btn:hover,
.btnIcon:hover {
  text-decoration: none
}

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

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

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

.btn:disabled,
.btn.isDisabled,
.btnIcon:disabled,
.isDisabled.btnIcon {
  pointer-events: none;
  opacity: .7
}

.btn {
  font-size: 1.5em;
  padding: .5em 1em;
  line-height: 1
}

.btn--slim {
  padding: .1em .4em;
  min-width: unset
}

.btn--thin {
  padding: .2em .8em;
  min-width: unset
}

.btn--thick {
  padding: .75em 2em
}

.btn--seamless {
  padding: 0;
  column-gap: .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
}

.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--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: rgba(0, 0, 0, 0);
  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: rgba(0, 0, 0, 0);
  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: rgba(0, 0, 0, 0);
  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: .2em .7em;
  column-gap: .4em;
  background-color: unset
}

.chip [data-icon] {
  font-size: .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)
}

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

.choice-text {
  margin-left: .6em
}

.ChoiceList {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: .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: .3em;
  padding-left: .6em;
  position: relative;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
  break-inside: avoid
}

.ul li::marker,
.ezxmltext ul li::marker {
  content: "●";
  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 .1s ease;
  font-size: .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
  }
}

.ezxmltext h2,
.ezxmltext h3,
.ezxmltext h4,
.ezxmltext h5,
.ezxmltext h6 {
  color: var(--text-color-accent);
  font-family: bebas-neue-pro, sans-serif;
  margin-top: .48em;
  margin-bottom: .36em;
  line-height: 1
}

.ezxmltext h2 {
  font-size: 46px
}

.ezxmltext h3 {
  font-size: 38px
}

.ezxmltext h4 {
  font-size: 30px
}

.ezxmltext h5 {
  font-size: 22px
}

.ezxmltext h6 {
  font-size: 16px
}

.ezxmltext :where(table) {
  margin-top: 1.2em;
  margin-bottom: 1.2em
}

.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
}

.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: .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 .3s, background-color .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, .2)
}

.filedrop-filename {
  margin: .4em 0 .6em;
  font-size: 1.3em;
  line-height: 1.2
}

.filedrop-maxsize,
.filedrop-types {
  color: var(--text-color-quiet);
  font-size: .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 rgba(0, 0, 0, 0);
  transition: all .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: .27em;
  padding-left: 1.1em;
  padding-right: 1.1em
}

.FloatingLabel--inside .FloatingLabel-label {
  padding-top: .9em;
  left: 1.1em;
  --floating-label-transform: scale(.8) translateY(-.6em)
}

.FloatingLabel--outside .FloatingLabel-label {
  padding: 0 .5em;
  margin-left: -0.5em;
  background-color: var(--widget-bg-color);
  transform: translateY(0.4em);
  --floating-label-transform: scale(.9) translateY(-50%)
}

.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: .9em
}

.validation-tooltip li:before {
  content: "×";
  content: "\00d7";
  font-weight: bold;
  line-height: 1;
  margin-right: .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: .3em
}

.Form-label--required:after {
  content: "*";
  content: "*" /"";
  display: inline-block;
  width: .9em;
  text-align: right
}

.Form-label-optional {
  font-size: .85em;
  opacity: .6;
  font-style: italic
}

.Form-group {
  border: none;
  margin: 0;
  padding: 0
}

.Form-group-title {
  width: 100%;
  border-bottom: 1px solid;
  padding-top: .2em;
  padding-bottom: .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: .3em
}

.Form-action {
  grid-column: 1/-1
}

.Form-row.isInvalid .Form-label {
  color: #c64242
}

.Form--compact {
  display: flex;
  flex-wrap: wrap
}

.Form--compact .Form-row {
  width: 14em
}

.Form--compact .Form-action {
  margin-top: 1.3em
}

.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
}

.Form-hint {
  font-size: .9em;
  margin-top: .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;
  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
}

.Glider--fade.isReady .glider-track {
  position: relative
}

.Glider--fade.isReady .Glider-slide {
  position: sticky;
  left: 0;
  right: 0;
  top: 0;
  opacity: 0;
  transition: opacity .2s ease-in
}

.Glider--fade.isReady .Glider-slide.active {
  opacity: 1;
  z-index: 1
}

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

.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, .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 .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
}

.Glider-arrow {
  background: none;
  border: none;
  padding: unset;
  position: absolute;
  cursor: pointer;
  z-index: 100
}

.Glider-arrow:focus-visible {
  outline: 1px dotted #000;
  outline-offset: -0.3em;
  opacity: 1 !important
}

.Glider-prev.disabled,
.Glider-next.disabled {
  opacity: .2;
  cursor: default
}

.Glider-prev.isHidden,
.Glider-next.isHidden {
  display: none
}

.Glider-prev {
  left: 0
}

.Glider-next {
  right: 0
}

@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: var(--text-color);
  top: 0;
  bottom: 0
}

.Glider--carousel .Glider-arrow:not(.disabled):hover {
  color: var(--text-color-accent)
}

.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, .5);
  font-size: 16px;
  width: 2.5em;
  height: 5em;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity .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: .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, .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, .5);
  font-size: 16px;
  width: 2.5em;
  height: 5em;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity .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: .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
}

@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--snap>* {
  scroll-snap-align: start
}

.hs--snap>*:last-child {
  scroll-snap-align: end
}

[data-icon] {
  font-style: normal;
  font-weight: normal;
  line-height: 1
}

[data-icon]::before {
  content: attr(data-icon);
  content: attr(data-icon)/""
}

[data-icon]::before {
  font-size: 1.2em
}

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

.icon--mini {
  font-size: .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
}

.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: rgba(0, 0, 0, 0);
  border: none;
  padding: 0
}

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

.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: rgba(0, 0, 0, 0);
  border: none;
  border-bottom: solid var(--text-color)
}

.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: .7
}

.input,
.input-faux {
  font-size: 1em;
  padding: .4em 1em
}

.input--slim,
.input-faux--slim {
  padding: .08em .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: .84em
}

.input--mini,
.input-faux--mini {
  font-size: .7em
}

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

.input--underline {
  padding: 0 0 .2em 0
}

.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 .3s ease-out
}

[data-lazy-load-iframe][data-src] {
  opacity: 0
}

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

.Marquee--reducedMotion {
  white-space: normal
}

.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, .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
}

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

@media(min-width: 26.063em) {
  .Panel--border {
    border: 1px solid var(--panel-border-color);
    border-radius: .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
}

.ProximosEventos {
  display: flex
}

@media(max-width: 35em) {
  .ProximosEventos {
    flex-direction: column
  }
}

.ProximosEventos-seeAll {
  font-family: bebas-neue-pro, sans-serif;
  font-size: 28px;
  text-transform: uppercase;
  color: var(--text-color-grey);
  padding: 20px;
  display: flex;
  align-items: center
}

.ProximosEventos-seeAll:hover {
  color: var(--btn-bg-default-hover)
}

@media(min-width: 48.063em) {
  .ProximosEventos-seeAll {
    flex-direction: column;
    justify-content: center
  }
}

.ProximosEventos-evento {
  position: relative;
  flex: 1;
  min-width: 0;
  padding: var(--content-padding)
}

.ProximosEventos-evento :where(a, button) {
  position: relative;
  z-index: 11
}

.ProximosEventos-evento>a:first-child {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10
}

.ProximosEventos-evento>a:first-child:focus {
  outline: 1px dotted;
  outline-offset: -1px
}

:where(.ProximosEventos-evento-day, .ProximosEventos-evento-month) {
  color: var(--text-color-grey)
}

.ProximosEventos-evento-title {
  font-weight: bold;
  margin-top: .5em
}

.ProximosEventos-evento-intro {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3
}

.ReadMore {
  overflow: hidden;
  position: relative;
  transition: max-height .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 {
  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, .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: .8em;
  width: 3em;
  height: 3em;
  line-height: 3em;
  border: 3px solid #fff;
  box-shadow: 0 0 4px rgba(50, 50, 50, .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: .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 .1s
}

.Switch:hover .Switch-switch {
  box-shadow: 0 0 0 1px rgba(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, .2);
  width: .98em;
  height: .98em;
  position: absolute;
  top: .21em;
  left: .21em;
  transition: left .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, .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: .5em .9em
}

.Table--horizontal th,
.Table--horizontal .Table-th,
.Table--horizontal td,
.Table--horizontal .Table-td {
  padding: .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
}

.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 {
  display: none
}

.video--center {
  margin-top: 1.2em;
  margin-bottom: 1.2em
}

@media(min-width: 35.063em) {
  .video--inline {
    display: inline-block;
    margin: .3% .4%;
    width: calc(49.2% - .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: .5em;
  justify-content: space-between;
  opacity: 0;
  pointer-events: none;
  transition: opacity .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
  }
}

.theme-default .btn {
  font-family: bebas-neue-pro, sans-serif;
  text-transform: uppercase
}

.theme-default .btn,
.theme-default .btnIcon:not(.btnIcon--circle) {
  border-radius: .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
}

.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
}

.theme-default {
  --link-color: inherit;
  --link-color-hover: #0062a9;
  --link-color-text: #002a54
}

.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
}

.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
}

.theme-default {
  --separator-color: #c9c9c9
}

.theme-default {
  --chip-border-color: #d9d9d9;
  --chip-border-color-hover: #c9c9c9;
  --chip-bg-default: #8b8b8b;
  --chip-fg-default: #fff
}

.theme-default {
  --popover-bg-color: #fff;
  --popover-text-color: #222;
  --popover-separator-color: #c9c9c9;
  --popover-border-color: #c0c0c0
}

.theme-default {
  --panel-bg-color: #f3f3f3;
  --panel-text-color: #222;
  --panel-border-color: #c0c0c0
}

.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
}

.theme-default {
  --input-border-width: 1px
}

.theme-default .input,
.theme-default .input-faux {
  border-radius: .3em
}

.theme-default .internetdinamica::after {
  background-image: url("../images/internetdinamica.svg")
}

.theme-default .popover .tippy-content {
  box-shadow: 0 5px 10px rgba(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>')
}

.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: 25px;
  --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
  }
}

.floating-whatsapp {
  background-color: #25d366;
  color: #fff;
  box-shadow: rgba(0, 0, 0, .1490196078) 0 4px 12px;
  border-radius: 50%;
  display: block;
  font-size: 23px;
  line-height: 2.2em;
  height: 2em;
  width: 2em;
  text-align: center;
  position: fixed;
  right: 20px;
  bottom: 15px;
  z-index: 1000
}

.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
}

.Footer-logos>* img {
  image-rendering: optimizequality;
  width: auto;
  height: 100%;
  display: inline-block
}

@media(max-width: 75em) {
  .Footer-logos>* {
    height: 7.5vw
  }
}

@media(max-width: 48em) {
  .Footer-logos>* {
    height: 12vw
  }
}

.Footer-row2 {
  background-color: #f2f2f2
}

.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(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
}

:root {
  --fixed-header-height: 140px;
  --fixed-header-height-scrolled: 100px;
  --fixed-header-threshold: 140px;
  --fixed-header-screen-space: 0px
}

:root.fixed-header {
  --fixed-header-screen-space: var(--fixed-header-height-scrolled)
}

.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 .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: .9em
}

@media(max-width: 48em) {
  .Header {
    max-width: 100%
  }
}

.Header-content {
  margin: 0 var(--content-padding);
  display: flex;
  box-sizing: border-box
}

.isScrolled .Header-content {
  padding: 21px 0px
}

@media(min-width: 75.063em) {
  .Header-content {
    padding: 30px 0px;
    gap: 30px
  }
}

@media(max-width: 75em) {
  .Header-content {
    padding: 23px 0px
  }
}

@media(max-width: 48em) {
  .Header-content {
    padding: 14px 0px;
    flex-direction: column
  }
}

.Header-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

@media(min-width: 48.063em) {
  .Header-right {
    align-items: end
  }
}

.Header-menu {
  display: flex;
  align-items: center;
  margin-bottom: -0.5em
}

.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(max-width: 48em) {
  .Header-logo {
    align-self: start;
    min-height: 0
  }
}

.Header-toolbar {
  display: flex;
  align-items: center;
  gap: var(--gutter-xs);
  font-size: .8em
}

@media(max-width: 48em) {
  .Header-toolbar {
    display: none
  }
}

.Header-lang {
  font-size: 1.2em
}

.isNavpanelOpen .MainMenu {
  opacity: .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;
  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: .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%
}

.lang a {
  display: inline-block
}

.Columns {
  padding: var(--content-padding-top) 0
}

.MainMenu {
  flex: 1;
  font-family: bebas-neue-pro, sans-serif;
  line-height: 1;
  letter-spacing: .05em
}

.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-0:nth-last-child(-n+3) .MainMenu-menu-level-2 {
  left: -100%
}

.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: .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: .8em;
  padding: .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: .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: .8em;
  padding: .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: .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: .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 .1s
}

.NavpanelMainMenu-item.hasChildren.isOpen>.NavpanelMainMenu-link:after {
  transform: rotate(90deg)
}

.NavpanelMainMenu-link {
  padding: .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[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 {
  all: unset
}

.Navpanel {
  position: absolute;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-gutter: stable;
  padding-top: 20px;
  box-sizing: border-box;
  display: none;
  background-color: var(--bg-color);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
  width: 100%;
  top: var(--header-height)
}

.Navpanel::backdrop {
  opacity: 0
}

@media screen and (min-height: 500px) {
  .isNavpanelOpen .Header {
    transition: box-shadow .5s;
    box-shadow: 0 0 0 10000px rgba(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: .9em
}

.Path-items {
  display: flex;
  flex-wrap: wrap
}

.Path-delimiter {
  margin-left: .4em;
  margin-right: .4em
}

[v-cloak] {
  display: none
}

.Buscador-description {
  margin-bottom: var(--content-padding-top)
}

.Buscador-filtrosDesktop {
  background-color: var(--bg-color-grey);
  padding: 1.77em 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: 1.5em;
  justify-content: space-around
}

.Buscador-filtrosDesktop .Filtro {
  display: flex;
  gap: 1em;
  align-items: center
}

@media(min-width: 60em)and (min-height: 40em) {
  .isSticky>.Buscador-filtrosDesktop {
    position: fixed;
    z-index: 100;
    top: calc(var(--fixed-header-screen-space));
    left: 0;
    right: 0;
    font-size: .7em;
    padding: 1em 0
  }
}

.BuscadorCursos .Buscador-filtrosDesktop .Filtro-control {
  width: 10.5em
}

.BuscadorVisas .Buscador-filtrosDesktop .Filtro-control {
  width: 20em
}

.BuscadorExamenes .Buscador-filtrosDesktop .Filtro-control {
  width: 11em
}

.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: 1.44em;
  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: .3em 0;
  cursor: pointer;
  white-space: nowrap
}

.FiltroSelect-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
  padding: .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: .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)
}

@media(max-width: 48em) {
  .BuscadorItem--full {
    flex-direction: column
  }
}

.BuscadorItem--full .BuscadorItem-right {
  width: 250px;
  flex-shrink: 0
}

@media(max-width: 48em) {
  .BuscadorItem--full .BuscadorItem-right {
    align-self: end
  }
}

.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: .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: .7;
  color: var(--text-color-accent)
}

.BuscadorItem-precioFinal sup {
  top: -0.75em;
  font-size: 50%;
  margin-left: .2em
}

@media(max-width: 26em) {
  .BuscadorItem-precioFinal {
    font-size: 1.4em
  }
}

.BuscadorCurso--grid {
  margin-top: 20px
}

.BuscadorCurso--grid .BuscadorCurso-badge {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%)
}

.BuscadorCurso-badge {
  text-transform: uppercase;
  font-size: 14px;
  border-radius: .9em;
  padding: .6em 1.7em;
  line-height: 1;
  font-weight: bold;
  white-space: nowrap
}

.BuscadorCurso-badge--yellow {
  background-color: #f7ee66;
  color: #000
}

.BuscadorCurso-badge--orange {
  background-color: #f98f1c;
  color: #000
}

.BuscadorCurso-badge--red {
  background-color: #f9311c;
  color: #fff
}

.BuscadorCurso-badge--primary {
  background-color: #002a54;
  color: #fff
}

.BuscadorCurso-badge--black {
  background-color: #000;
  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 .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: .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: .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: .6em
}

.ViewLine {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gutter-lg)
}

.ViewLine-path {
  flex-basis: 100%;
  margin-bottom: 7px;
  font-size: .9em
}

.ViewLine-image {
  width: 23%
}

.ViewLine-title {
  font-size: 32px;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: .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%
  }
}

.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
}

.ViewFull {
  display: flow-root
}

.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-bottom: var(--gutter-lg)
}

.ChildrenLayout>.ChildrenLayout-item--paddingTop {
  padding-top: 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
}

.ezmultioption-select {
  margin-top: 5px;
  margin-bottom: 5px
}

.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-sm) var(--gutter-lg)
}

.ClassEventoLine-hoja {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .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: .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: .9em;
  margin-bottom: .5em
}

.ClassEventoLine-readMore {
  margin-top: .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 #fff;
  font-size: 1.1em;
  transform: translate(8px, -50%)
}

@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;
  position: relative
}

@media screen {
  .Frontpage-video {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%)
  }
}

.Frontpage-foto {
  position: relative;
  height: 100lvh;
  clip-path: rect(0 100% 100% 0)
}

@media screen {
  .Frontpage-foto {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%)
  }
}

.Frontpage-foto::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom, transparent 10%, #fff)
}

.Frontpage-foto-desktop,
.Frontpage-foto-mobile {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 100lvh;
  display: none;
  background-size: cover;
  background-position: center center
}

@media(min-width: 48.063em) {
  .Frontpage-foto-desktop {
    display: block
  }
}

@media(max-width: 48em) {
  .Frontpage-foto-mobile {
    display: block
  }
}

.Frontpage-foto~* {
  background-color: var(--bg-color)
}

.LayoutAgenda-title {
  display: block
}

.LayoutArticle {
  --padding-vertical: var(--gutter-lg)
}

.LayoutArticle--verticalEfecto {
  position: relative;
  --vertical-efecto-height: calc(100svh - var(--fixed-header-screen-space))
}

.LayoutArticle--verticalEfecto .LayoutArticle-sentinel {
  position: absolute;
  top: 0
}

@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;
  align-content: stretch
}

@media(max-width: 48em) {
  .LayoutArticle-container {
    flex-direction: column
  }
}

.LayoutArticle--normal .LayoutArticle-container {
  gap: var(--gutter-sm) var(--gutter-lg)
}

.LayoutArticle--vertical .LayoutArticle-container {
  gap: var(--gutter-sm) var(--gutter-xl)
}

@media(min-width: 48.063em) {
  .LayoutArticle--verticalEfecto .LayoutArticle-container {
    min-height: var(--vertical-efecto-height);
    align-items: end
  }
}

.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;
    height: 250px;
    width: 20px;
    background-color: var(--brand-darkblue)
  }

  .LayoutArticle--vertical.LayoutArticle--fotoIzq .LayoutArticle-content::before {
    left: calc(var(--gutter-xl)*-1)
  }

  .LayoutArticle--vertical.LayoutArticle--fotoDer .LayoutArticle-content::before {
    right: calc(var(--gutter-xl)*-1)
  }
}

@media(min-width: 48.063em) {
  .LayoutArticle--verticalEfecto .LayoutArticle-content {
    padding-bottom: 7svh
  }
}

@media(min-width: 48.063em) {
  .LayoutArticle--fotoDer .LayoutArticle-image {
    order: 1
  }
}

.LayoutArticle--normal .LayoutArticle-image img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 15px
}

@media(min-width: 48.063em) {
  .LayoutArticle--normal .LayoutArticle-image {
    max-width: 40%
  }
}

.LayoutArticle--vertical .LayoutArticle-image {
  margin-top: calc(var(--padding-vertical)*-1)
}

.LayoutArticle--vertical .LayoutArticle-image img {
  width: 100%;
  object-fit: cover
}

@media(min-width: 48.063em) {
  .LayoutArticle--vertical .LayoutArticle-image {
    margin-bottom: calc(var(--padding-vertical)*-1);
    width: 42vw
  }

  .LayoutArticle--vertical .LayoutArticle-image img {
    min-height: 100%
  }
}

@media(max-width: 48em) {
  .LayoutArticle--vertical .LayoutArticle-image img {
    aspect-ratio: 1.5/1;
    height: auto
  }
}

@media screen and (max-width: 48em) {
  .LayoutArticle--vertical.LayoutArticle--fotoIzq .LayoutArticle-image {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%)
  }
}

@media screen and (min-width: 48.063em) {
  .LayoutArticle--vertical.LayoutArticle--fotoIzq .LayoutArticle-image {
    margin-left: calc(-50vw + 50%)
  }
}

@media screen and (max-width: 48em) {
  .LayoutArticle--vertical.LayoutArticle--fotoDer .LayoutArticle-image {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%)
  }
}

@media screen and (min-width: 48.063em) {
  .LayoutArticle--vertical.LayoutArticle--fotoDer .LayoutArticle-image {
    margin-right: calc(-50vw + 50%)
  }
}

@media(min-width: 48.063em) {
  .LayoutArticle--verticalEfecto .LayoutArticle-image {
    position: relative;
    align-self: stretch
  }

  .LayoutArticle--verticalEfecto .LayoutArticle-image img {
    height: calc(100svh - var(--fixed-header-screen-space))
  }
}

.LayoutArticle-sticky {
  display: contents
}

@media(min-width: 48.063em) {
  .LayoutArticle--verticalEfecto .LayoutArticle-sticky {
    display: block;
    position: sticky;
    top: var(--fixed-header-screen-space);
    height: 1px
  }
}

@media(min-width: 48.063em) {
  .LayoutArticle--verticalEfecto:where(:last-child, :has(+:not(.LayoutArticle--verticalEfecto))) .LayoutArticle-image {
    contain: paint
  }
}

.LayoutCarousel--logos {
  --glider-carousel-gutter: 15px;
  width: 900px;
  margin: auto
}

.LayoutCarousel--logos .LayoutCarousel-glider {
  margin-top: var(--gutter-sm)
}

.LayoutCarousel--logos .LayoutCarousel-slide img {
  width: 50px;
  height: auto;
  margin: auto;
  image-rendering: optimizequality
}

@media(min-width: 48.063em) {
  .LayoutCarousel--logos .LayoutCarousel-slide img {
    width: 90px
  }
}

.LayoutCarousel--normal {
  --glider-carousel-gutter: 15px
}

.LayoutCarousel--normal .LayoutCarousel-glider {
  align-self: stretch
}

.LayoutCarousel--normal .LayoutCarousel-slide {
  width: 320px
}

.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: .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: .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;
  image-rendering: optimizequality
}

@media(max-width: 48em) {
  .LayoutForm-image img {
    width: 100%
  }
}

.LayoutForm-text {
  text-align: center
}

.LayoutGrilla-body {
  margin-bottom: var(--gutter)
}

.LayoutGrilla-children {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.LayoutGrilla-children--x2 {
  max-width: var(--content-width-narrow);
  margin: 0 auto;
  gap: var(--gutter-lg)
}

.LayoutGrilla-children--x2>* {
  width: calc(50% - var(--gutter-lg))
}

@media(max-width: 35em) {
  .LayoutGrilla-children--x2>* {
    width: 100%
  }
}

.LayoutGrilla-children--x2 .LayoutGrillaItem-name {
  font-size: 44px
}

.LayoutGrilla-children--x3 {
  font-size: .9em;
  gap: var(--gutter)
}

.LayoutGrilla-children--x3>* {
  width: calc(33% - var(--gutter)*2/3)
}

@media(max-width: 35em) {
  .LayoutGrilla-children--x3>* {
    width: 100%
  }
}

.LayoutGrilla-children--x3 .LayoutGrillaItem-name {
  font-size: 38px
}

.LayoutGrilla-children--x4 {
  font-size: .9em;
  gap: var(--gutter-sm)
}

.LayoutGrilla-children--x4>* {
  width: calc(25% - var(--gutter-sm)*3/4)
}

@media(max-width: 48em) {
  .LayoutGrilla-children--x4>* {
    width: calc(50% - var(--gutter-sm)*1/2)
  }
}

@media(max-width: 35em) {
  .LayoutGrilla-children--x4>* {
    width: 100%
  }
}

.LayoutGrilla-children--x4 .LayoutGrillaItem-name {
  font-size: 28px
}

.LayoutGrillaItem {
  display: flex;
  flex-direction: column;
  gap: var(--gutter-sm)
}

.LayoutGrillaItem-image {
  border-radius: 15px;
  overflow: hidden
}

.LayoutGrillaItem-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 6/5;
  object-fit: cover
}

.LayoutGrillaItem-image--optimize img {
  image-rendering: optimizequality
}

.LayoutGrillaItem-image:has(.LayoutGrillaItem-name) {
  position: relative
}

.LayoutGrillaItem-image:has(.LayoutGrillaItem-name)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background-image: linear-gradient(to top, rgba(0, 42, 84, 0.7) 15%, transparent 50%)
}

.LayoutGrillaItem-image .LayoutGrillaItem-name {
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: .7em 2em .7em .8em;
  pointer-events: none;
  text-align: left;
  text-transform: uppercase
}

.LayoutGrillaItem-name {
  text-align: center;
  font-family: bebas-neue-pro, sans-serif;
  color: var(--text-color-accent);
  line-height: 1
}

.LayoutGrillaItem-description {
  text-align: center;
  font-size: .9em
}

.LayoutGrillaItem-image~.LayoutGrillaItem-description {
  margin-bottom: auto
}

.LayoutGrillaItem-btn {
  text-align: center
}

.LayoutNovedades-newsletter {
  padding: 1.5em 4em;
  box-sizing: border-box;
  font-size: .9em;
  text-align: center;
  align-content: center
}

.LayoutNovedades-newsletter-title {
  font-size: 1.4em;
  margin-bottom: 1em;
  text-transform: uppercase
}

.LayoutNovedades-newsletter-btn {
  margin-top: 1em
}

.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
}

.ClassNovedadGrid {
  position: relative;
  display: flex;
  border-radius: .5em;
  overflow: hidden;
  background-color: var(--bg-color);
  box-shadow: 0 0 3px rgba(50, 50, 50, .1)
}

.ClassNovedadGrid :where(a, button) {
  position: relative;
  z-index: 11
}

.ClassNovedadGrid>a:first-child {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10
}

.ClassNovedadGrid>a:first-child:focus {
  outline: 1px dotted;
  outline-offset: -1px
}

.ClassNovedadGrid-image {
  width: 50%
}

.ClassNovedadGrid-image img {
  width: 100%;
  aspect-ratio: 5/4;
  height: auto;
  object-fit: cover;
  display: block
}

.ClassNovedadGrid-content {
  padding: 1.5em;
  flex: 1
}

.ClassNovedadGrid-fecha {
  color: var(--text-color-quiet);
  font-family: bebas-neue-pro, sans-serif;
  margin-bottom: 10px
}

.ClassNovedadGrid-title {
  font-family: bebas-neue-pro, sans-serif;
  font-weight: bold;
  font-size: 28px;
  line-height: 1;
  margin-bottom: 10px
}

.ClassNovedadGrid-title--turquoise {
  color: #45b3aa
}

.ClassNovedadGrid-title--purple {
  color: #7e72b4
}

.ClassNovedadGrid-title--blue {
  color: #1563a1
}

.ClassNovedadGrid-title--light-blue {
  color: #3a9dc6
}

.ClassNovedadGrid-intro {
  font-weight: bold;
  font-size: .8em;
  line-height: 1.2
}

.ClassSection-body:not(:last-child) {
  margin-bottom: 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 .2s ease
}

.cloak.isReady {
  opacity: 1
}

.cloak-js {
  opacity: 0;
  transition: opacity .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-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)
}

.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: .6em;
  margin-bottom: .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: 38px
}

@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
}

.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
}

.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: .7em
}

.text-smaller {
  font-size: .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
}