/******************************************************************************
 * RESET Y NORMALIZACIÓN BASE
 * Estilos base del navegador (HTML5 Boilerplate). Normalmente NO se toca.
 ******************************************************************************/
*,
::after,
::before {
  box-sizing: border-box
}
html {
  font-family: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  tab-size: 4
}
body {
  margin: 0
}
b,
strong {
  font-weight: bolder
}
code,
kbd,
pre,
samp {
  font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
  font-size: 1em
}
small {
  font-size: 80%
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
table {
  border-color: currentcolor
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}
[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}
legend {
  padding: 0
}
progress {
  vertical-align: baseline
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}
button,
html,
input,
select,
textarea {
  color: #222
}
body {
  font-size: 1em;
  line-height: 1.4
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none
}
::selection {
  background: #b3d4fc;
  text-shadow: none
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0
}
img {
  vertical-align: middle
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0
}
textarea {
  resize: vertical
}
.chromeframe {
  margin: .2em 0;
  background: #ccc;
  color: #000;
  padding: .2em 0
}
.ir {
  background-color: #fff0;
  border: 0;
  overflow: hidden
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%
}
.hidden {
  display: none!important;
  visibility: hidden
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto
}
.invisible {
  visibility: hidden
}
.clearfix:after,
.clearfix:before {
  content: " ";
  display: table
}
.clearfix:after {
  clear: both
}
@media print {
  * {
    background: 0 0!important;
    color: #000!important;
    box-shadow: none!important;
    text-shadow: none!important
  }
  a, a:visited {
    text-decoration: underline
  }
  .ir a:after, a[href^="#"]:after, a[href^="javascript:"]:after {
    content: ""
  }
  blockquote, pre {
    border: 1px solid #999;
    page-break-inside: avoid
  }
  thead {
    display: table-header-group
  }
  img, tr {
    page-break-inside: avoid
  }
  img {
    max-width: 100%!important
  }
  @page {
    margin: .5cm
  }
  h2, h3, p {
    orphans: 3;
    widows: 3
  }
  h2, h3 {
    page-break-after: avoid
  }
}

/******************************************************************************
 * SISTEMA DE REJILLA (GRID) Y FLEXBOX
 * Clases .grid-*, .flex-* para maquetar columnas. Se usan en el HTML, no se editan aquí casi nunca.
 ******************************************************************************/
.grid-12 {
  margin: 0;
  clear: none;
  float: left
}
.grid-12 {
  width: 100%
}
.padded-sides {
  padding-left: .5em;
  padding-right: .5em
}
.padded-inner {
  padding: 1em
}
.padded-inner-bottom {
  padding-bottom: 1em
}
.padded-inner-sides {
  padding-left: 1em;
  padding-right: 1em
}
.padded-reverse {
  margin: 0 -.5em;
  width: auto;
  box-sizing: content-box;
  float: none
}
.flow-opposite {
  float: right
}
@media (max-width:639px) {
  .s-grid-1, .s-grid-10, .s-grid-11, .s-grid-12, .s-grid-2, .s-grid-3, .s-grid-4, .s-grid-5, .s-grid-6, .s-grid-7, .s-grid-8, .s-grid-9, .s-grid-all, .s-grid-half, .s-grid-quarter, .s-grid-third, .s-grid-three-quarters, .s-grid-two-thirds, .s-grid-whole {
    margin: 0;
    clear: none;
    float: left
  }
  .s-grid-1 {
    width: 8.33333%
  }
  .s-grid-2 {
    width: 16.66667%
  }
  .s-grid-3, .s-grid-quarter {
    width: 25%
  }
  .s-grid-4, .s-grid-third {
    width: 33.33333%
  }
  .s-grid-5 {
    width: 41.66667%
  }
  .s-grid-6, .s-grid-half {
    width: 50%
  }
  .s-grid-7 {
    width: 58.33333%
  }
  .s-grid-8, .s-grid-two-thirds {
    width: 66.66667%
  }
  .s-grid-9, .s-grid-three-quarters {
    width: 75%
  }
  .s-grid-10 {
    width: 83.33333%
  }
  .s-grid-11 {
    width: 91.66667%
  }
  .s-grid-12, .s-grid-whole {
    width: 100%
  }
  .s-padded-none {
    padding: 0
  }
  .s-padded {
    padding: .5em
  }
  .s-padded-left {
    padding-left: .5em
  }
  .s-padded-right {
    padding-right: .5em
  }
  .s-padded-top {
    padding-top: .5em
  }
  .s-padded-bottom {
    padding-bottom: .5em
  }
  .s-padded-sides {
    padding: 0 .5em
  }
  .s-padded-vertical {
    padding: .5em 0
  }
  .s-padded-inner {
    padding: 1em
  }
  .s-padded-inner-sides {
    padding: 0 1em
  }
  .s-padded-reverse {
    margin: 0 -.5em;
    width: auto;
    box-sizing: content-box;
    float: none
  }
  .s-padded-reverse-all {
    margin: -.5em;
    width: auto;
    box-sizing: content-box;
    float: none
  }
  .s-flow-opposite {
    float: right
  }
  .s-center {
    text-align: center
  }
  .s-left {
    text-align: left
  }
  .s-right {
    text-align: right
  }
  .s-hidden {
    display: none
  }
}
@media (min-width:640px) and (max-width:1023px) {
  .m-grid-1, .m-grid-10, .m-grid-11, .m-grid-12, .m-grid-2, .m-grid-3, .m-grid-4, .m-grid-5, .m-grid-6, .m-grid-7, .m-grid-8, .m-grid-9, .m-grid-all, .m-grid-half, .m-grid-quarter, .m-grid-third, .m-grid-three-quarters, .m-grid-two-thirds, .m-grid-whole {
    margin: 0;
    clear: none;
    float: left
  }
  .m-grid-1 {
    width: 8.33333%
  }
  .m-grid-2 {
    width: 16.66667%
  }
  .m-grid-3, .m-grid-quarter {
    width: 25%
  }
  .m-grid-4, .m-grid-third {
    width: 33.33333%
  }
  .m-grid-5 {
    width: 41.66667%
  }
  .m-grid-6, .m-grid-half {
    width: 50%
  }
  .m-grid-7 {
    width: 58.33333%
  }
  .m-grid-8, .m-grid-two-thirds {
    width: 66.66667%
  }
  .m-grid-9, .m-grid-three-quarters {
    width: 75%
  }
  .m-grid-10 {
    width: 83.33333%
  }
  .m-grid-11 {
    width: 91.66667%
  }
  .m-grid-12, .m-grid-whole {
    width: 100%
  }
  .m-padded-none {
    padding: 0
  }
  .m-padded {
    padding: .5em
  }
  .m-padded-left {
    padding-left: .5em
  }
  .m-padded-right {
    padding-right: .5em
  }
  .m-padded-top {
    padding-top: .5em
  }
  .m-padded-bottom {
    padding-bottom: .5em
  }
  .m-padded-sides {
    padding: 0 .5em
  }
  .m-padded-vertical {
    padding: .5em 0
  }
  .m-padded-inner {
    padding: 1em
  }
  .m-padded-inner-sides {
    padding: 0 1em
  }
  .m-padded-reverse {
    margin: 0 -.5em;
    width: auto;
    box-sizing: content-box;
    float: none
  }
  .m-padded-reverse-all {
    margin: -.5em;
    width: auto;
    box-sizing: content-box;
    float: none
  }
  .m-flow-opposite {
    float: right
  }
  .m-center {
    text-align: center
  }
  .m-left {
    text-align: left
  }
  .m-right {
    text-align: right
  }
  .m-hidden {
    display: none
  }
}
@media (min-width:1024px) and (max-width:1279px) {
  .l-grid-1, .l-grid-10, .l-grid-11, .l-grid-12, .l-grid-2, .l-grid-3, .l-grid-4, .l-grid-5, .l-grid-6, .l-grid-7, .l-grid-8, .l-grid-9, .l-grid-all, .l-grid-half, .l-grid-quarter, .l-grid-third, .l-grid-three-quarters, .l-grid-two-thirds, .l-grid-whole {
    margin: 0;
    clear: none;
    float: left
  }
  .l-grid-1 {
    width: 8.33333%
  }
  .l-grid-2 {
    width: 16.66667%
  }
  .l-grid-3, .l-grid-quarter {
    width: 25%
  }
  .l-grid-4, .l-grid-third {
    width: 33.33333%
  }
  .l-grid-5 {
    width: 41.66667%
  }
  .l-grid-6, .l-grid-half {
    width: 50%
  }
  .l-grid-7 {
    width: 58.33333%
  }
  .l-grid-8, .l-grid-two-thirds {
    width: 66.66667%
  }
  .l-grid-9, .l-grid-three-quarters {
    width: 75%
  }
  .l-grid-10 {
    width: 83.33333%
  }
  .l-grid-11 {
    width: 91.66667%
  }
  .l-grid-12, .l-grid-whole {
    width: 100%
  }
  .l-padded {
    padding: .5em
  }
  .l-padded-left {
    padding-left: .5em
  }
  .l-padded-right {
    padding-right: .5em
  }
  .l-padded-top {
    padding-top: .5em
  }
  .l-padded-bottom {
    padding-bottom: .5em
  }
  .l-padded-sides {
    padding: 0 .5em
  }
  .l-padded-vertical {
    padding: .5em 0
  }
  .l-padded-inner {
    padding: 1em
  }
  .l-padded-inner-sides {
    padding: 0 1em
  }
  .l-padded-reverse {
    margin: 0 -.5em;
    width: auto;
    box-sizing: content-box;
    float: none
  }
  .l-padded-reverse-all {
    margin: -.5em;
    width: auto;
    box-sizing: content-box;
    float: none
  }
  .l-flow-opposite {
    float: right
  }
  .l-center {
    text-align: center
  }
  .l-left {
    text-align: left
  }
  .l-right {
    text-align: right
  }
  .l-hidden {
    display: none
  }
}
@media (min-width:1280px) {
  .xl-hidden {
    display: none
  }
}

/******************************************************************************
 * MENÚ DESPLEGABLE DE ESCRITORIO (SUPERFISH)
 * Estilos del menú superior con submenús (.sf-menu, .sf-arrows...).
 ******************************************************************************/
.sf-menu,
.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none
}
.sf-menu li {
  position: relative
}
.sf-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99
}
.sf-menu li.sfHover>ul,
.sf-menu li:hover>ul {
  display: block
}
.sf-menu a {
  position: relative;
  display: inline-flex;
  align-items: baseline
}
.sf-menu-icon {
  margin-right: .25em
}
.sf-menu-arrow {
  margin-left: auto;
  padding-left: .5em
}
.sf-menu li li a {
  display: flex
}
.sf-menu ul ul {
  top: 0;
  left: 100%
}
.sf-menu {
  margin-bottom: 1em
}
.sf-menu ul {
  box-shadow: 2px 2px 2px rgb(0 0 0 / .2);
  min-width: 12em
}
.sf-menu a:hover {
  text-decoration: none
}
.sf-menu ul a {
  padding: .6em .8em
}
.sf-menu li {
  white-space: nowrap;
  -webkit-transition: background .2s;
  transition: background .2s
}
.sf-menu li.sfHover,
.sf-menu li:hover {
  -webkit-transition: none;
  transition: none
}
.sf-arrows .sf-with-ul {
  padding-right: 2.5em
}
.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -3px;
  height: 0;
  width: 0;
  border: 5px solid #fff0;
  border-top-color: #dfeeff;
  border-top-color: rgb(255 255 255 / .5)
}
.sf-arrows>.sfHover>.sf-with-ul:after,
.sf-arrows>li:hover>.sf-with-ul:after,
.sf-arrows>li>.sf-with-ul:focus:after {
  border-top-color: #fff
}
.sf-arrows ul .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: #fff0;
  border-left-color: #dfeeff;
  border-left-color: rgb(255 255 255 / .5)
}
.sf-arrows ul .sfHover>.sf-with-ul:after,
.sf-arrows ul li:hover>.sf-with-ul:after,
.sf-arrows ul li>.sf-with-ul:focus:after {
  border-left-color: #fff
}
.sf-vertical {
  width: 100%
}
.sf-vertical ul {
  left: 100%;
  top: 0
}
.sf-vertical>li {
  float: none
}
.sf-vertical li {
  width: 100%
}
.sf-vertical.sf-arrows>li>.sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: #fff0;
  border-left-color: #dfeeff;
  border-left-color: rgb(255 255 255 / .5)
}
.sf-vertical.sf-arrows .sfHover>.sf-with-ul:after,
.sf-vertical.sf-arrows li:hover>.sf-with-ul:after,
.sf-vertical.sf-arrows li>.sf-with-ul:focus:after {
  border-left-color: #fff
}
.sf-navbar {
  background: #bdd2ff;
  position: relative;
  margin-bottom: 5em
}
.sf-navbar:before {
  content: '';
  position: absolute;
  left: 0;
  z-index: -1;
  background-color: #bdd2ff;
  height: 200%;
  width: 100%
}
.sf-navbar ul {
  box-shadow: none
}
.sf-navbar li {
  background: #aabde6;
  position: static
}
.sf-navbar>li>a,
.sf-navbar>li>ul>li>a {
  border: none
}
.sf-navbar>li>ul {
  min-width: 36em
}
.sf-navbar ul li {
  background: #bdd2ff;
  position: relative
}
.sf-navbar ul ul {
  left: 0;
  top: 100%
}
.sf-navbar ul ul li {
  width: 100%
}
.sf-navbar>li>ul>li {
  float: left
}
.sf-navbar li.current {
  background: #bdd2ff
}
.sf-navbar li.sfHover,
.sf-navbar li:hover,
.sf-navbar ul li.current {
  background: #bdd2ff
}
.sf-navbar ul li.sfHover,
.sf-navbar ul li:hover,
.sf-navbar ul ul li {
  background: #d1dfff
}
.sf-navbar ul ul li.current,
.sf-navbar ul ul li.sfHover,
.sf-navbar ul ul li:hover {
  background: #e6eeff
}
.sf-navbar ul li.current>a {
  font-weight: 700
}
.sf-arrows.sf-navbar ul .sf-with-ul:after {
  margin-top: -3px;
  margin-right: 0;
  border-color: #fff0;
  border-top-color: #dfeeff;
  border-top-color: rgb(255 255 255 / .5)
}
.sf-arrows.sf-navbar ul>.sfHover>.sf-with-ul:after,
.sf-arrows.sf-navbar ul>li:hover>.sf-with-ul:after,
.sf-arrows.sf-navbar ul>li>.sf-with-ul:focus:after {
  border-color: #fff0;
  border-top-color: #fff
}
:root {
  --f-button-width: 40px;
  --f-button-height: 40px;
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-color: #374151;
  --f-button-bg: #f8f8f8;
  --f-button-shadow: none;
  --f-button-transition: all .15s ease;
  --f-button-transform: none;
  --f-button-outline-width: 1px;
  --f-button-outline-color: rgba(0, 0, 0, .7);
  --f-button-svg-width: 20px;
  --f-button-svg-height: 20px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: none;
  --f-button-svg-opacity: 1;
  --f-button-svg-disabled-opacity: .5;
  --f-button-svg-transition: opacity .15s ease;
  --f-button-svg-transform: none
}
.f-button {
  width: var(--f-button-width);
  height: var(--f-button-height);
  border: var(--f-button-border);
  border-radius: var(--f-button-border-radius);
  color: var(--f-button-color);
  background: var(--f-button-bg);
  box-shadow: var(--f-button-shadow);
  transform: var(--f-button-transform);
  transition: var(--f-button-transition);
  backdrop-filter: var(--f-button-backdrop-filter);
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  position: relative;
  margin: 0;
  padding: 0;
  pointer-events: all;
  cursor: pointer;
  overflow: hidden
}
@media (hover:hover) {
  .f-button:hover:not([aria-disabled]) {
    color: var(--f-button-hover-color, var(--f-button-color));
    background-color: var(--f-button-hover-bg, var(--f-button-bg))
  }
}
.f-button:active:not([aria-disabled]) {
  color: var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));
  background-color: var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))
}
.f-button:focus {
  outline: 0
}
.f-button:focus-visible {
  outline: var(--f-button-outline-width) solid var(--f-button-outline-color);
  outline-offset: var(--f-button-outline-offset)
}
.f-button svg {
  width: var(--f-button-svg-width);
  height: var(--f-button-svg-height);
  transform: var(--f-button-svg-transform);
  fill: var(--f-button-svg-fill);
  filter: var(--f-button-svg-filter);
  opacity: var(--f-button-svg-opacity, 1);
  transition: var(--f-button-svg-transition);
  stroke: currentColor;
  stroke-width: var(--f-button-svg-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none
}
.f-button[aria-disabled] {
  cursor: default
}
.f-button[aria-disabled] svg {
  opacity: var(--f-button-svg-disabled-opacity)
}
[data-panzoom-action=toggleFS] g:first-child {
  display: flex
}
[data-panzoom-action=toggleFS] g:last-child {
  display: none
}
.in-fullscreen [data-panzoom-action=toggleFS] g:first-child {
  display: none
}
.in-fullscreen [data-panzoom-action=toggleFS] g:last-child {
  display: flex
}
[data-autoplay-action=toggle] svg g:first-child {
  display: flex
}
[data-autoplay-action=toggle] svg g:last-child {
  display: none
}
.has-autoplay [data-autoplay-action=toggle] svg g:first-child {
  display: none
}
.has-autoplay [data-autoplay-action=toggle] svg g:last-child {
  display: flex
}
:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child {
  display: none
}
:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child {
  display: flex
}
:root {
  --f-spinner-color-1: rgba(0, 0, 0, .1);
  --f-spinner-color-2: rgba(17, 24, 28, .8);
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-border-radius: 50%;
  --f-spinner-border-width: 4px
}
.f-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  width: var(--f-spinner-width);
  height: var(--f-spinner-height);
  translate: -50% -50%;
  border: var(--f-spinner-border-width) solid var(--f-spinner-color-1);
  border-top-color: var(--f-spinner-color-2);
  border-radius: var(--f-spinner-border-radius);
  animation: f-spinner .75s linear infinite, f-fadeIn .2s ease .2s both
}
@keyframes f-spinner {
  to {
    rotate: 360deg
  }
}
.f-panzoom,
.f-zoomable {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-direction: column
}
.f-panzoom:after,
.f-panzoom:before,
.f-zoomable:after,
.f-zoomable:before {
  display: block;
  content: ""
}
.f-panzoom:not(.has-controls):before,
.f-zoomable:not(.has-controls):before {
  margin-bottom: auto
}
.f-panzoom:after,
.f-zoomable:after {
  margin-top: auto
}
.f-panzoom.in-fullscreen,
.f-zoomable.in-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0!important;
  width: 100%!important;
  height: 100%!important;
  max-width: none!important;
  max-height: none!important;
  aspect-ratio: unset!important;
  z-index: 9999
}
.f-panzoom__wrapper {
  position: relative;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%
}
.f-panzoom__wrapper.will-zoom-out {
  cursor: zoom-out
}
.f-panzoom__wrapper.can-drag {
  cursor: move;
  cursor: grab
}
.f-panzoom__wrapper.will-zoom-in {
  cursor: zoom-in
}
.f-panzoom__wrapper.is-dragging {
  cursor: move;
  cursor: grabbing
}
.f-panzoom__wrapper.has-error {
  display: none
}
.f-panzoom__content {
  display: block;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%
}
.f-panzoom__content.has-lazyerror,
.f-panzoom__content.is-lazyloading {
  visibility: hidden
}
img.f-panzoom__content {
  width: auto;
  height: auto;
  vertical-align: top;
  object-fit: contain;
  transition: none;
  user-select: none
}
.f-panzoom__wrapper>.f-panzoom__content {
  visibility: hidden
}
.f-panzoom__viewport {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10
}
.f-panzoom__viewport>.f-panzoom__content {
  width: 100%;
  height: 100%;
  object-fit: fill
}
picture.f-panzoom__content img {
  vertical-align: top;
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
  transition: none;
  user-select: none
}
.f-panzoom__protected {
  position: absolute;
  inset: 0;
  z-index: 1;
  user-select: none
}
html.with-panzoom-in-fullscreen {
  overflow: hidden
}
.f-fadeIn {
  animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
  z-index: 2
}
.f-fadeOut {
  animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
  z-index: 1
}
@keyframes f-fadeIn {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@keyframes f-fadeOut {
  to {
    opacity: 0
  }
}
.f-crossfadeIn {
  animation: var(--f-transition-duration, .2s) ease both f-crossfadeIn;
  z-index: 2
}
.f-crossfadeOut {
  animation: calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;
  z-index: 1
}
@keyframes f-crossfadeIn {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@keyframes f-crossfadeOut {
  to {
    opacity: 0
  }
}
.is-horizontal .f-slideIn.from-next {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNextX
}
.is-horizontal .f-slideIn.from-prev {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrevX
}
.is-horizontal .f-slideOut.to-next {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNextX
}
.is-horizontal .f-slideOut.to-prev {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrevX
}
@keyframes f-slideInPrevX {
  0% {
    transform: translate(calc(100% + var(--f-carousel-gap, 0)))
  }
  to {
    transform: translateZ(0)
  }
}
@keyframes f-slideInNextX {
  0% {
    transform: translate(calc(-100% - var(--f-carousel-gap, 0)))
  }
  to {
    transform: translateZ(0)
  }
}
@keyframes f-slideOutNextX {
  to {
    transform: translate(calc(-100% - var(--f-carousel-gap, 0)))
  }
}
@keyframes f-slideOutPrevX {
  to {
    transform: translate(calc(100% + var(--f-carousel-gap, 0)))
  }
}
.is-vertical .f-slideIn.from-next {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNextY
}
.is-vertical .f-slideIn.from-prev {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrevY
}
.is-vertical .f-slideOut.to-next {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNextY
}
.is-vertical .f-slideOut.to-prev {
  animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrevY
}
@keyframes f-slideInPrevY {
  0% {
    transform: translateY(calc(100% + var(--f-carousel-gap, 0)))
  }
  to {
    transform: translateZ(0)
  }
}
@keyframes f-slideInNextY {
  0% {
    transform: translateY(calc(-100% - var(--f-carousel-gap, 0)))
  }
  to {
    transform: translateZ(0)
  }
}
@keyframes f-slideOutNextY {
  to {
    transform: translateY(calc(-100% - var(--f-carousel-gap, 0)))
  }
}
@keyframes f-slideOutPrevY {
  to {
    transform: translateY(calc(100% + var(--f-carousel-gap, 0)))
  }
}
.f-zoomInUp {
  animation: var(--f-transition-duration, .3s) ease both f-zoomInUp
}
.f-zoomOutDown {
  animation: var(--f-transition-duration, .3s) ease both f-zoomOutDown
}
@keyframes f-zoomInUp {
  0% {
    transform: scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0), var(--f-zoomInUp-y, 16px), 0);
    opacity: var(--f-zoomInUp-opacity, 0)
  }
  to {
    transform: scale(1) translateZ(0);
    opacity: 1
  }
}
@keyframes f-zoomOutDown {
  to {
    transform: scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0), var(--f-zoomOutDown-y, 16px), 0);
    opacity: 0
  }
}
.f-throwOutUp {
  animation: var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp
}
.f-throwOutDown {
  animation: var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown
}
@keyframes f-throwOutUp {
  to {
    transform: translate3d(0, calc(var(--f-throwOutUp-y, 150px) * -1), 0);
    opacity: 0
  }
}
@keyframes f-throwOutDown {
  to {
    transform: translate3d(0, var(--f-throwOutDown-y, 150px), 0);
    opacity: 0
  }
}
.has-iframe .f-html,
.has-pdf .f-html {
  width: 100%;
  height: 100%;
  min-height: 1px;
  overflow: visible
}
.has-pdf .f-html {
  padding: 0
}
.f-html {
  position: relative;
  box-sizing: border-box;
  margin: var(--f-html-margin, 0);
  padding: var(--f-html-padding, 2rem);
  color: var(--f-html-color, currentColor);
  background: var(--f-html-bg)
}
.f-html.is-error {
  text-align: center
}
.f-iframe {
  display: block;
  margin: 0;
  border: 0;
  height: 100%;
  width: 100%
}
.f-caption {
  align-self: center;
  flex-shrink: 0;
  margin: var(--f-caption-margin);
  padding: var(--f-caption-padding, 16px 8px);
  max-width: 100%;
  max-height: calc(80vh - 100px);
  overflow: auto;
  overflow-wrap: anywhere;
  line-height: var(--f-caption-line-height);
  color: var(--f-caption-color);
  background: var(--f-caption-bg);
  font: var(--f-caption-font)
}
.has-html5video .f-html,
.has-vimeo .f-html,
.has-youtube .f-html {
  padding: 0;
  width: 100%;
  height: 100%;
  min-height: 1px;
  overflow: visible;
  max-width: var(--f-video-width, 960px);
  max-height: var(--f-video-height, 540px);
  aspect-ratio: var(--f-video-aspect-ratio);
  background: var(--f-video-bg, rgb(0 0 0 / .9))
}
.f-html5video {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: 0 0
}
.f-button.is-arrow {
  --f-button-width: var(--f-arrow-width, 46px);
  --f-button-height: var(--f-arrow-height, 46px);
  --f-button-svg-width: var(--f-arrow-svg-width, 24px);
  --f-button-svg-height: var(--f-arrow-svg-height, 24px);
  --f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);
  --f-button-border-radius: var(--f-arrow-border-radius, unset);
  --f-button-bg: var(--f-arrow-bg, transparent);
  --f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));
  --f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));
  --f-button-shadow: var(--f-arrow-shadow);
  --f-button-color: var(--f-arrow-color);
  --f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));
  --f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );
  overflow: visible
}
.f-button.is-arrow.is-next,
.f-button.is-arrow.is-prev {
  position: absolute;
  transform: translate(0);
  z-index: 20
}
.is-horizontal .f-button.is-arrow.is-next,
.is-horizontal .f-button.is-arrow.is-prev {
  inset: 50% auto auto;
  transform: translateY(-50%)
}
.is-horizontal.is-ltr .f-button.is-arrow.is-prev {
  left: var(--f-arrow-pos, 0)
}
.is-horizontal.is-ltr .f-button.is-arrow.is-next {
  right: var(--f-arrow-pos, 0)
}
.is-horizontal.is-rtl .f-button.is-arrow.is-prev {
  right: var(--f-arrow-pos, 0);
  transform: translateY(-50%) rotateY(180deg)
}
.is-horizontal.is-rtl .f-button.is-arrow.is-next {
  left: var(--f-arrow-pos, 0);
  transform: translateY(-50%) rotateY(180deg)
}
.is-vertical.is-ltr .f-button.is-arrow.is-prev,
.is-vertical.is-rtl .f-button.is-arrow.is-prev {
  top: var(--f-arrow-pos, 0);
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%)
}
.is-vertical.is-ltr .f-button.is-arrow.is-next,
.is-vertical.is-rtl .f-button.is-arrow.is-next {
  top: auto;
  right: auto;
  bottom: var(--f-arrow-pos, 0);
  left: 50%;
  transform: translate(-50%)
}
.is-vertical .f-button.is-arrow.is-next svg,
.is-vertical .f-button.is-arrow.is-prev svg {
  transform: rotate(90deg)
}
.f-carousel__toolbar {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  margin: var(--f-toolbar-margin, 0);
  padding: var(--f-toolbar-padding, 8px);
  line-height: var(--f-toolbar-line-height);
  background: var(--f-toolbar-bg, none);
  box-shadow: var(--f-toolbar-shadow, none);
  backdrop-filter: var(--f-toolbar-backdrop-filter);
  position: relative;
  z-index: 20;
  color: var(--f-toolbar-color, currentColor);
  font-size: var(--f-toolbar-font-size, 17px);
  font-weight: var(--f-toolbar-font-weight, inherit);
  font-family: var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);
  text-shadow: var(--f-toolbar-text-shadow);
  text-align: center;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased;
  white-space: nowrap;
  pointer-events: none
}
.f-carousel__toolbar.is-absolute {
  position: absolute;
  top: 0;
  left: 0;
  right: 0
}
.f-carousel__toolbar .f-button:focus-visible {
  position: relative;
  z-index: 1
}
.f-carousel__toolbar__column {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--f-toolbar-gap, 0)
}
.f-carousel__toolbar__column.is-left {
  display: flex;
  justify-self: flex-start;
  justify-content: flex-start
}
.f-carousel__toolbar__column.is-middle {
  display: flex;
  justify-content: center
}
.f-carousel__toolbar__column.is-right {
  display: flex;
  justify-self: flex-end;
  justify-content: flex-end;
  flex-flow: nowrap
}
.f-carousel__toolbar__column {
  pointer-events: none
}
.f-carousel__toolbar__column>* {
  pointer-events: all
}
.f-counter {
  position: relative;
  display: flex;
  flex-direction: row;
  cursor: default;
  user-select: none;
  margin: var(--f-counter-margin, 0);
  padding: var(--f-counter-padding, 4px);
  line-height: var(--f-counter-line-height);
  background: var(--f-counter-bg);
  border-radius: var(--f-counter-border-radius)
}
.f-counter span {
  padding: 0 var(--f-counter-gap, 4px)
}
:root {
  --f-thumbs-gap: 8px;
  --f-thumbs-margin: 0;
  --f-thumbs-padding-x: 8px;
  --f-thumbs-padding-y: 8px;
  --f-thumbs-bg: transparent;
  --f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;
  --f-thumbs-z-index: 1;
  --f-thumbs-viewport-padding-x: 0px;
  --f-thumbs-viewport-padding-y: 0px;
  --f-thumb-width: 94px;
  --f-thumb-height: 76px;
  --f-thumb-clip-width: 46px;
  --f-thumb-extra-gap: 16px;
  --f-thumb-opacity: 1;
  --f-thumb-transition: opacity .3s ease, transform .15s ease;
  --f-thumb-border: none;
  --f-thumb-border-radius: 4px;
  --f-thumb-shadow: none;
  --f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));
  --f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
  --f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
  --f-thumb-border-transition: all .1s ease;
  --f-thumb-img-width: 100%;
  --f-thumb-img-height: 100%;
  --f-thumb-img-fit: cover;
  --f-thumb-img-position: 50% 20%
}
.f-thumbs {
  --f-carousel-slide-width: var(--f-thumb-width);
  --f-carousel-slide-height: var(--f-thumb-height);
  --f-carousel-gap: var(--f-thumbs-gap);
  position: relative;
  box-sizing: border-box;
  flex-shrink: 0;
  margin: var(--f-thumbs-margin);
  padding: var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);
  overflow: hidden;
  background: var(--f-thumbs-bg);
  -webkit-tap-highlight-color: #fff0;
  user-select: none;
  transition: var(--f-thumbs-transition);
  z-index: var(--f-thumbs-z-index)
}
.f-thumbs.is-horizontal {
  max-height: calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)
}
.f-thumbs.is-horizontal.is-hidden {
  max-height: 0;
  --f-thumbs-padding-y: 0
}
.f-thumbs.is-vertical {
  max-width: calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)
}
.f-thumbs.is-vertical.is-hidden {
  max-width: 0;
  --f-thumbs-padding-x: 0
}
.f-thumbs.is-scrollable.is-hidden {
  max-height: 0;
  --f-thumbs-padding-y: 0
}
.f-thumbs.is-ltr {
  direction: ltr
}
.f-thumbs.is-rtl {
  direction: rtl
}
.f-thumbs img {
  display: block;
  width: var(--f-thumb-img-width);
  height: var(--f-thumb-img-height);
  object-fit: var(--f-thumb-img-fit);
  object-position: var(--f-thumb-img-position);
  pointer-events: none;
  border-radius: inherit;
  color: #fff0
}
.f-thumbs img[data-lazy-src] {
  visibility: hidden
}
.f-thumbs img.has-lazyerror {
  display: none
}
.f-thumbs__viewport {
  box-sizing: border-box;
  height: 100%;
  padding: var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);
  overflow: visible;
  display: grid
}
.f-thumbs__slide {
  position: relative;
  box-sizing: border-box;
  grid-area: 1/1;
  width: var(--f-carousel-slide-width);
  height: var(--f-carousel-slide-height);
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  overflow: visible
}
.f-thumbs__slide:hover button {
  opacity: var(--f-thumb-hover-opacity, 1);
  transform: var(--f-thumb-hover-transform, none)
}
.f-thumbs__slide:hover button:after {
  border: var(--f-thumb-hover-border, none);
  box-shadow: var(--f-thumb-hover-shadow, var(--f-thumb-shadow))
}
.f-thumbs__slide button {
  all: unset;
  display: block;
  margin: auto;
  padding: 0;
  position: relative;
  overflow: visible;
  width: 100%;
  height: 100%;
  outline: 0;
  transition: var(--f-thumb-transition);
  border-radius: var(--f-thumb-border-radius);
  opacity: var(--f-thumb-opacity);
  transform: var(--f-thumb-transform);
  background: var(--f-thumb-bg)
}
.f-thumbs__slide button:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  transition: var(--f-thumb-border-transition);
  border-radius: inherit;
  border: var(--f-thumb-border);
  box-shadow: var(--f-thumb-shadow)
}
.f-thumbs__slide button:focus-within {
  opacity: var(--f-thumb-focus-opacity, 1);
  transform: var(--f-thumb-focus-transform, none)
}
.f-thumbs__slide button:focus-within:after {
  border: var(--f-thumb-focus-border, none);
  box-shadow: var(--f-thumb-focus-shadow, var(--f-thumb-shadow))
}
.f-thumbs__slide:active {
  opacity: var(--f-thumb-active-opacity, 1);
  transform: var(--f-thumb-active-transform, none)
}
.f-thumbs__slide:active:after {
  border: var(--f-thumb-active-border, none);
  box-shadow: var(--f-thumb-active-shadow, var(--f-thumb-shadow))
}
.f-thumbs__slide.is-selected {
  z-index: 2
}
.f-thumbs__slide.is-selected button {
  opacity: var(--f-thumb-selected-opacity, 1);
  transform: var(--f-thumb-selected-transform, none)
}
.f-thumbs__slide.is-selected button:after {
  border: var(--f-thumb-selected-border, none);
  box-shadow: var(--f-thumb-selected-shadow, var(--f-thumb-shadow))
}
.f-thumbs.is-modern {
  --f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );
  --f-carousel-slide-height: var(--f-thumb-height);
  --f-carousel-gap: 0;
  --width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))
}
.f-thumbs.is-modern .f-thumbs__viewport {
  width: calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));
  margin-inline: calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)
}
.f-thumbs.is-modern .f-thumbs__slide {
  --clip-shift: calc((var(--width-diff) * .5) * var(--progress));
  --clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );
  padding: 0;
  overflow: visible;
  left: var(--shift, 0);
  will-change: left;
  transition: left var(--f-transition-duration) var(--f-transition-easing)
}
.f-thumbs.is-modern .f-thumbs__slide button {
  display: block;
  margin-inline: 50%;
  width: var(--f-thumb-width);
  clip-path: var(--clip-path);
  border: none;
  box-shadow: none;
  transition: clip-path var(--f-transition-duration) var(--f-transition-easing), opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)
}
.f-thumbs.is-modern .f-thumbs__slide button:after {
  display: none
}
.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible) {
  outline: 0
}
.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: var(--clip-shift);
  bottom: 0;
  right: var(--clip-shift);
  transition: border var(--f-transition-duration) var(--f-transition-easing), box-shadow var(--f-transition-duration) var(--f-transition-easing);
  border-radius: inherit;
  border: var(--f-thumb-focus-border, none);
  box-shadow: var(--f-thumb-focus-shadow, none)
}
.f-thumbs.is-modern {
  --f-transition-duration: .25s;
  --f-transition-easing: ease-out
}
.f-thumbs.is-modern.is-syncing {
  --f-transition-duration: 0s
}
.f-thumbs.is-scrollable .f-thumbs__viewport {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--f-thumb-width), 1fr));
  grid-auto-rows: var(--f-thumb-height);
  gap: var(--f-thumbs-gap);
  overflow: auto;
  overscroll-behavior: contain;
  user-select: none
}
.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide {
  grid-area: auto;
  display: block;
  position: relative;
  max-width: 100%;
  width: var(--f-thumb-width);
  height: var(--f-thumb-height);
  cursor: pointer;
  outline: 0
}
:root {
  --f-progressbar-height: 3px;
  --f-progressbar-color: var(--f-carousel-theme-color, #575ad6);
  --f-progressbar-opacity: 1;
  --f-progressbar-z-index: 30
}
.f-progressbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: var(--f-progressbar-z-index);
  height: var(--f-progressbar-height);
  transform: scaleX(0);
  transform-origin: 0;
  opacity: var(--f-progressbar-opacity);
  background: var(--f-progressbar-color);
  user-select: none;
  pointer-events: none;
  animation-name: f-progressbar;
  animation-play-state: running;
  animation-timing-function: linear
}
.f-progressbar:empty {
  display: block
}
button>.f-progressbar {
  --f-progressbar-height: 100%;
  --f-progressbar-opacity: .2
}
@keyframes f-progressbar {
  0% {
    transform: scaleX(0)
  }
  to {
    transform: scaleX(1)
  }
}
[data-fullscreen-action=toggle] svg g:first-child {
  display: flex
}
[data-fullscreen-action=toggle] svg g:last-child {
  display: none
}
:fullscreen [data-fullscreen-action=toggle] svg g:first-child {
  display: none
}
:fullscreen [data-fullscreen-action=toggle] svg g:last-child {
  display: flex
}
.in-fullscreen-mode>.f-carousel {
  flex: 1;
  min-width: 0!important;
  min-height: 0!important
}
html.with-fancybox {
  width: auto;
  overflow: visible;
  scroll-behavior: auto
}
html.with-fancybox body.hide-scrollbar {
  width: auto;
  margin-right: calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));
  overflow: hidden!important;
  overscroll-behavior-y: none
}
.fancybox__dialog {
  position: fixed;
  inset: 0;
  z-index: 1050;
  width: 100%;
  height: 100vh;
  max-height: unset;
  max-width: unset;
  padding: 0;
  margin: 0;
  border: 0;
  overflow: hidden;
  background: 0 0;
  touch-action: none;
  overscroll-behavior: contain
}
.fancybox__dialog:focus {
  outline: 0
}
.fancybox__dialog::backdrop {
  opacity: 0
}
@supports (height:100dvh) {
  .fancybox__dialog {
    height: 100dvh
  }
}
.fancybox__dialog :empty {
  display: block
}
.fancybox__container {
  --fancybox-color: #dbdbdb;
  --fancybox-backdrop-bg: rgba(24, 24, 27, .95);
  --f-toolbar-margin: 0;
  --f-toolbar-padding: 8px;
  --f-toolbar-gap: 0;
  --f-toolbar-color: #ddd;
  --f-toolbar-font-size: 16px;
  --f-toolbar-font-weight: 500;
  --f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
  --f-toolbar-line-height: var(--f-button-height);
  --f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);
  --f-toolbar-shadow: none;
  --f-toolbar-bg: none;
  --f-counter-margin: 0;
  --f-counter-padding: 0px 10px;
  --f-counter-gap: 4px;
  --f-counter-line-height: var(--f-button-height);
  --f-carousel-gap: 17px;
  --f-carousel-slide-width: 100%;
  --f-carousel-slide-height: 100%;
  --f-carousel-slide-padding: 0;
  --f-carousel-slide-bg: unset;
  --f-html-color: #222;
  --f-html-bg: #fff;
  --f-error-color: #fff;
  --f-error-bg: #333;
  --f-caption-margin: 0;
  --f-caption-padding: 16px 8px;
  --f-caption-color: var(--fancybox-color, #dbdbdb);
  --f-caption-bg: transparent;
  --f-caption-font: inherit;
  --f-caption-line-height: 1.375;
  --f-spinner-color-1: rgba(255, 255, 255, .2);
  --f-spinner-color-2: rgba(255, 255, 255, .8);
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-border-radius: 50%;
  --f-spinner-border-width: 4px;
  --f-progressbar-color: rgba(255, 255, 255);
  --f-button-width: 46px;
  --f-button-height: 46px;
  --f-button-color: #ddd;
  --f-button-hover-color: #fff;
  --f-button-outline-width: 1px;
  --f-button-outline-color: rgba(255, 255, 255, .75);
  --f-button-outline-offset: 0px;
  --f-button-bg: rgba(54, 54, 54, .75);
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-shadow: none;
  --f-button-transition: all .2s ease;
  --f-button-transform: none;
  --f-button-svg-width: 24px;
  --f-button-svg-height: 24px;
  --f-button-svg-stroke-width: 1.75;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));
  --f-button-svg-fill: none;
  --f-button-svg-disabled-opacity: .5;
  --f-arrow-pos: 32px;
  --f-arrow-width: 50px;
  --f-arrow-height: 50px;
  --f-arrow-svg-width: 24px;
  --f-arrow-svg-height: 24px;
  --f-arrow-svg-stroke-width: 2.5;
  --f-arrow-border-radius: 50%;
  --f-arrow-bg: rgba(54, 54, 54, .65);
  --f-arrow-color: #ddd;
  --f-arrow-hover-color: #fff;
  --f-close-button-width: 30px;
  --f-close-button-height: 30px;
  --f-close-button-svg-width: 24px;
  --f-close-button-svg-height: 24px;
  --f-close-button-svg-stroke-width: 1.75;
  --f-close-border-radius: 4px;
  --f-close-button-color: #fff;
  --f-close-button-hover-color: #fff;
  --f-close-button-bg: transparent;
  --f-close-button-hover-bg: transparent;
  --f-close-button-active-bg: transparent;
  --f-thumbs-margin: 0px;
  --f-thumbs-padding-x: 8px;
  --f-thumbs-padding-y: 8px;
  --f-thumbs-bg: none;
  --f-thumb-transition: all .2s ease;
  --f-thumb-width: 94px;
  --f-thumb-height: 76px;
  --f-thumb-opacity: 1;
  --f-thumb-border: none;
  --f-thumb-shadow: none;
  --f-thumb-transform: none;
  --f-thumb-focus-opacity: 1;
  --f-thumb-focus-border: none;
  --f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);
  --f-thumb-focus-transform: none;
  --f-thumb-hover-opacity: 1;
  --f-thumb-hover-border: none;
  --f-thumb-hover-transform: none;
  --f-thumb-active-opacity: var(--f-thumb-hover-opacity);
  --f-thumb-active-border: var(--f-thumb-hover-border);
  --f-thumb-active-transform: var(--f-thumb-hover-transform);
  --f-thumb-selected-opacity: 1;
  --f-thumb-selected-border: none;
  --f-thumb-selected-shadow: inset 0 0 0 2px #fff;
  --f-thumb-selected-transform: none;
  --f-scrollbar-width: 7px;
  --f-scrollbar-track-bg: #444;
  --f-scrollbar-track-border-radius: 10px;
  --f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
  --f-scrollbar-thumb-bg: #ddd;
  --f-scrollbar-thumb-border-radius: 10px
}
.fancybox__container[theme=light] {
  --fancybox-color: #222;
  --fancybox-backdrop-bg: rgba(255, 255, 255, .97);
  --f-toolbar-color: var(--fancybox-color, #222);
  --f-toolbar-text-shadow: none;
  --f-toolbar-font-weight: 400;
  --f-html-color: var(--fancybox-color, #222);
  --f-html-bg: #fff;
  --f-error-color: #555;
  --f-error-bg: #fff;
  --f-video-bg: #fff;
  --f-caption-color: #333;
  --f-spinner-color-1: rgba(0, 0, 0, .2);
  --f-spinner-color-2: rgba(0, 0, 0, .8);
  --f-spinner-border-width: 3.5px;
  --f-progressbar-color: rgba(111, 111, 116);
  --f-button-color: #333;
  --f-button-hover-color: #000;
  --f-button-outline-color: rgba(0, 0, 0, .85);
  --f-button-bg: rgba(255, 255, 255, .85);
  --f-button-svg-stroke-width: 1.3;
  --f-button-svg-filter: none;
  --f-arrow-bg: rgba(255, 255, 255, .85);
  --f-arrow-color: #333;
  --f-arrow-hover-color: #000;
  --f-arrow-svg-stroke-width: 1.3;
  --f-close-button-color: #555;
  --f-close-button-hover-color: #000;
  --f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);
  --f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;
  --f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;
  --f-scrollbar-track-bg: #ddd;
  --f-scrollbar-thumb-bg: #444
}
.fancybox__container {
  position: absolute;
  inset: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column
}
.fancybox__container:focus {
  outline: 0
}
.fancybox__container.has-vertical-thumbs {
  flex-direction: row-reverse
}
.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport {
  overflow-x: clip;
  overflow-y: visible
}
.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>:not(.f-html,
.f-panzoom__wrapper,
.f-spinner),
.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),
.fancybox__container .fancybox__carousel>:not(.fancybox__viewport),
.fancybox__container>:not(.fancybox__carousel) {
  opacity: var(--f-drag-opacity, 1)
}
.fancybox__container:not(.is-ready,
.is-hiding) {
  visibility: hidden
}
.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>:not(.f-html,
.f-panzoom__wrapper,
.f-spinner),
.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),
.fancybox__container.is-revealing .fancybox__carousel>:not(.fancybox__viewport),
.fancybox__container.is-revealing>:not(.fancybox__carousel) {
  animation: var(--f-interface-enter-duration, .35s) ease none f-fadeIn
}
.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>:not(.f-html,
.f-panzoom__wrapper),
.fancybox__container.is-hiding .fancybox__carousel>:not(.fancybox__viewport),
.fancybox__container.is-hiding>:not(.fancybox__carousel) {
  animation: var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut
}
.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected) {
  opacity: 0
}
.fancybox__container.is-hiding {
  pointer-events: none
}
.fancybox__container.is-idle .f-carousel__toolbar {
  pointer-events: none;
  opacity: 0
}
.fancybox__container.is-idle .f-button.is-arrow {
  opacity: 0
}
.fancybox__container.is-idle.is-ready .f-carousel__toolbar {
  pointer-events: none;
  animation: .15s ease-out both f-fadeOut
}
.fancybox__container.is-idle.is-ready .f-button.is-arrow {
  animation: .15s ease-out both f-fadeOut
}
.fancybox__backdrop {
  position: fixed;
  inset: 0;
  z-index: -1;
  background: var(--fancybox-backdrop-bg)
}
.fancybox__carousel {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  position: relative;
  z-index: 10;
  overflow-y: visible;
  overflow-x: clip
}
.fancybox__carousel.is-vertical {
  --f-carousel-slide-height: 100%
}
.fancybox__carousel.is-ltr {
  direction: ltr
}
.fancybox__carousel.is-rtl {
  direction: rtl
}
.fancybox__carousel>.f-button.is-arrow:before {
  position: absolute;
  content: "";
  inset: -30px;
  z-index: 1
}
.fancybox__viewport {
  display: grid;
  flex: 1;
  min-height: 0;
  min-width: 0;
  position: relative;
  overflow: visible;
  transform: translate3d(0, var(--f-drag-offset, 0), 0)
}
.fancybox__viewport.is-draggable {
  cursor: move;
  cursor: grab
}
.fancybox__viewport.is-dragging {
  cursor: move;
  cursor: grabbing
}
.fancybox__viewport [contenteditable],
.fancybox__viewport [data-selectable] {
  cursor: auto
}
.fancybox__slide {
  box-sizing: border-box;
  position: relative;
  grid-area: 1/1;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: var(--f-carousel-slide-width);
  height: var(--f-carousel-slide-height);
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  margin: 0;
  padding: var(--f-carousel-slide-padding);
  background: var(--f-carousel-slide-bg);
  backface-visibility: hidden;
  transform: translateZ(0);
  will-change: transform
}
.fancybox__slide:after,
.fancybox__slide:before {
  display: block;
  content: ""
}
.fancybox__slide:before {
  margin-bottom: auto
}
.fancybox__slide:after {
  margin-top: auto
}
.fancybox__slide.is-selected {
  z-index: 1
}
.fancybox__slide.f-zoomable {
  overflow: visible
}
.fancybox__slide.has-error {
  --f-html-color: var(--f-error-color, --f-html-color);
  --f-html-bg: var(--f-error-bg, --f-html-bg)
}
.fancybox__slide.has-html {
  overflow: auto;
  padding: 8px
}
.fancybox__slide.has-close-btn {
  padding-top: 34px
}
.fancybox__slide.has-controls:before {
  margin: 0
}
.fancybox__slide .f-spinner {
  cursor: pointer
}
.fancybox__container.is-closing .f-caption,
.fancybox__slide.is-loading .f-caption {
  visibility: hidden
}
.fancybox__container.is-closing .fancybox__carousel {
  overflow: visible
}
.f-button.is-close-button {
  --f-button-width: var(--f-close-button-width);
  --f-button-height: var(--f-close-button-height);
  --f-button-border-radius: var(--f-close-border-radius);
  --f-button-color: var(--f-close-button-color);
  --f-button-hover-color: var(--f-close-button-hover-color);
  --f-button-bg: var(--f-close-button-bg);
  --f-button-hover-bg: var(--f-close-button-hover-bg);
  --f-button-active-bg: var(--f-close-button-active-bg);
  --f-button-svg-width: var(--f-close-button-svg-width);
  --f-button-svg-height: var(--f-close-button-svg-height);
  --f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);
  position: absolute;
  top: calc((var(--f-button-height) + 2px) * -1);
  right: 0;
  z-index: 10
}
.fancybox__thumbs {
  flex: 0 1 100%
}
.fancybox__thumbs.is-scrollable {
  --f-thumbs-cols: 1;
  --f-thumbs-gap: 8px;
  --f-thumbs-transition: none;
  --f-thumbs-padding-x: 4px;
  --f-thumbs-padding-y: 8px;
  --f-thumbs-viewport-padding-x: 4px;
  --f-thumbs-viewport-padding-y: 0px;
  max-width: calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)
}
.fancybox__thumbs.is-scrollable ::-webkit-scrollbar {
  width: var(--f-scrollbar-width)
}
.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track {
  background: var(--f-scrollbar-track-bg);
  border-radius: var(--f-scrollbar-track-border-radius);
  box-shadow: var(--f-scrollbar-track-shadow)
}
.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb {
  background: var(--f-scrollbar-thumb-bg);
  border-radius: var(--f-scrollbar-thumb-border-radius)
}
.fancybox__thumbs.is-scrollable.is-hidden {
  max-width: 0;
  --f-thumbs-padding-x: 0;
  max-height: unset;
  --f-thumbs-padding-y: unset
}
.fancybox__thumbs.is-scrollable .f-thumbs__viewport {
  overflow-x: hidden!important;
  grid-template-columns: repeat(auto-fill, calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1))/ var(--f-thumbs-cols)))!important
}
.lvml {
  display: inline-block;
  position: absolute
}

/******************************************************************************
 * ICONOS (FONT AWESOME)
 * Librería de iconos. Solo se han conservado las definiciones de los iconos
 * que la web usa de verdad (15 iconos). Se han eliminado ~10.470 iconos que
 * la librería incluye pero que esta web no usa nunca.
 ******************************************************************************/
.fa,
.fa-brands,
.fa-chisel,
.fa-classic,
.fa-etch,
.fa-jelly,
.fa-jelly-duo,
.fa-jelly-fill,
.fa-light,
.fa-notdog,
.fa-notdog-duo,
.fa-regular,
.fa-semibold,
.fa-sharp-duotone,
.fa-slab,
.fa-slab-press,
.fa-thumbprint,
.fa-utility,
.fa-utility-duo,
.fa-utility-fill,
.fa-whiteboard,
.fab,
.facr,
.fadl,
.fadr,
.fadt,
.faes,
.fajdr,
.fajfr,
.fajr,
.fal,
.fands,
.fans,
.far,
.fasdl,
.fasdr,
.fasds,
.fasdt,
.fasl,
.faslpr,
.faslr,
.fasr,
.fass,
.fast,
.fatl,
.faudsb,
.faufsb,
.fausb,
.fawsb {
  --_fa-family:var(--fa-family, var(--fa-style-family, "Font Awesome 7 Pro"));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em)
}
:is(.fas,
.fass,
.far,
.fasr,
.fal,
.fasl,
.fast,
.fadr,
.fadl,
.fadt,
.fasds,
.fasdr,
.fasdl,
.fasdt,
.fab,
.faslr,
.faslpr,
.fawsb,
.fatl,
.fans,
.fands,
.faes,
.fajr,
.fajfr,
.fajdr,
.facr,
.fausb,
.faudsb,
.faufsb,
.fa-semibold,
.fa-regular,
.fa-light,
.fa-brands,
.fa-classic,
.fa-sharp-duotone,
.fa-chisel,
.fa-etch,
.fa-jelly,
.fa-jelly-duo,
.fa-jelly-fill,
.fa-notdog,
.fa-notdog-duo,
.fa-slab,
.fa-slab-press,
.fa-thumbprint,
.fa-utility,
.fa-utility-duo,
.fa-utility-fill,
.fa-whiteboard,
.fa)::before {
  content: var(--fa)/""
}
@supports not (content:""/"") {
  :is(.fas, .fass, .far, .fasr, .fal, .fasl, .fat, .fast, .fad, .fadr, .fadl, .fadt, .fasds, .fasdr, .fasdl, .fasdt, .fab, .faslr, .faslpr, .fawsb, .fatl, .fans, .fands, .faes, .fajr, .fajfr, .fajdr, .facr, .fausb, .faudsb, .faufsb, .fa-solid, .fa-semibold, .fa-regular, .fa-light, .fa-thin, .fa-brands, .fa-classic, .fa-duotone, .fa-sharp, .fa-sharp-duotone, .fa-chisel, .fa-etch, .fa-jelly, .fa-jelly-duo, .fa-jelly-fill, .fa-notdog, .fa-notdog-duo, .fa-slab, .fa-slab-press, .fa-thumbprint, .fa-utility, .fa-utility-duo, .fa-utility-fill, .fa-whiteboard, .fa)::before {
    content: var(--fa)
  }
}
:is(.fad,
.fadr,
.fadl,
.fadt,
.fasds,
.fa-sharp-duotone,
.fasdr,
.fasdl,
.fasdt,
.fatl,
.fa-thumbprint,
.fands,
.fa-notdog-duo,
.fajdr,
.fa-jelly-duo,
.faudsb,
.fa-utility-duo)::after {
  content: var(--fa);
  font-feature-settings: "ss01"
}
@supports not (content:""/"") {
  :is(.fad, .fa-duotone, .fadr, .fadl, .fadt, .fasds, .fa-sharp-duotone, .fasdr, .fasdl, .fasdt, .fatl, .fa-thumbprint, .fands, .fa-notdog-duo, .fajdr, .fa-jelly-duo, .faudsb, .fa-utility-duo)::after {
    content: var(--fa)
  }
}
.fa-1x {
  font-size: 1em
}
.fa-2x {
  font-size: 2em
}
.fa-3x {
  font-size: 3em
}
.fa-4x {
  font-size: 4em
}
.fa-5x {
  font-size: 5em
}
.fa-6x {
  font-size: 6em
}
.fa-7x {
  font-size: 7em
}
.fa-8x {
  font-size: 8em
}
.fa-9x {
  font-size: 9em
}
.fa-10x {
  font-size: 10em
}
.fa-2xs {
  font-size: calc(10 / 16 * 1em);
  line-height: calc(1 / 10 * 1em);
  vertical-align: calc((6 / 10 - .375) * 1em)
}
.fa-xs {
  font-size: calc(12 / 16 * 1em);
  line-height: calc(1 / 12 * 1em);
  vertical-align: calc((6 / 12 - .375) * 1em)
}
.fa-sm {
  font-size: calc(14 / 16 * 1em);
  line-height: calc(1 / 14 * 1em);
  vertical-align: calc((6 / 14 - .375) * 1em)
}
.fa-lg {
  font-size: calc(20 / 16 * 1em);
  line-height: calc(1 / 20 * 1em);
  vertical-align: calc((6 / 20 - .375) * 1em)
}
.fa-xl {
  font-size: calc(24 / 16 * 1em);
  line-height: calc(1 / 24 * 1em);
  vertical-align: calc((6 / 24 - .375) * 1em)
}
.fa-2xl {
  font-size: calc(32 / 16 * 1em);
  line-height: calc(1 / 32 * 1em);
  vertical-align: calc((6 / 32 - .375) * 1em)
}
.fa-width-auto {
  --fa-width: auto
}
.fa-fw,
.fa-width-fixed {
  --fa-width: 1.25em
}
.fa-ul {
  list-style-type: none;
  margin-inline-start: var(--fa-li-margin, 2.5em);
  padding-inline-start: 0
}
.fa-ul>li {
  position: relative
}
.fa-li {
  inset-inline-start: calc(-1 * var(--fa-li-width, 2em));
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit
}
.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, .1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, .0625em);
  box-sizing: var(--fa-border-box-sizing, content-box);
  padding: var(--fa-border-padding, .1875em .25em)
}
.fa-pull-left,
.fa-pull-start {
  float: inline-start;
  margin-inline-end: var(--fa-pull-margin, .3em)
}
.fa-pull-end,
.fa-pull-right {
  float: inline-end;
  margin-inline-start: var(--fa-pull-margin, .3em)
}
.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out)
}
.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1))
}
.fa-fade {
  animation-name: fa-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
}
.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
}
.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out)
}
.fa-shake {
  animation-name: fa-shake;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear)
}
.fa-spin {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear)
}
.fa-spin-reverse {
  --fa-animation-direction: reverse
}
.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8))
}
@media (prefers-reduced-motion:reduce) {
  .fa-beat, .fa-beat-fade, .fa-bounce, .fa-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse {
    animation: none!important;
    transition: none!important
  }
}
@keyframes fa-beat {
  0%, 90% {
    transform: scale(1)
  }
  45% {
    transform: scale(var(--fa-beat-scale, 1.25))
  }
}
@keyframes fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0)
  }
  10% {
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0)
  }
  30% {
    transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
  }
  50% {
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0)
  }
  57% {
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -.125em))
  }
  64% {
    transform: scale(1, 1) translateY(0)
  }
  100% {
    transform: scale(1, 1) translateY(0)
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, .4)
  }
}
@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, .4);
    transform: scale(1)
  }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125))
  }
}
@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
  }
}
@keyframes fa-shake {
  0% {
    transform: rotate(-15deg)
  }
  4% {
    transform: rotate(15deg)
  }
  24%, 8% {
    transform: rotate(-18deg)
  }
  12%, 28% {
    transform: rotate(18deg)
  }
  16% {
    transform: rotate(-22deg)
  }
  20% {
    transform: rotate(22deg)
  }
  32% {
    transform: rotate(-12deg)
  }
  36% {
    transform: rotate(12deg)
  }
  100%, 40% {
    transform: rotate(0)
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0)
  }
  100% {
    transform: rotate(360deg)
  }
}
.fa-rotate-90 {
  transform: rotate(90deg)
}
.fa-rotate-180 {
  transform: rotate(180deg)
}
.fa-rotate-270 {
  transform: rotate(270deg)
}
.fa-flip-horizontal {
  transform: scale(-1, 1)
}
.fa-flip-vertical {
  transform: scale(1, -1)
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1, -1)
}
.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, 0))
}
.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em
}
.fa-stack-1x,
.fa-stack-2x {
  --fa-width: 100%;
  inset: 0;
  position: absolute;
  text-align: center;
  width: var(--fa-width);
  z-index: var(--fa-stack-z-index, auto)
}
.fa-stack-1x {
  line-height: inherit
}
.fa-stack-2x {
  font-size: 2em
}
.fa-inverse {
  color: var(--fa-inverse, #fff)
}
.fa-heart {
  --fa: "\f004"
}
.fa-search-plus {
  --fa: "\f00e"
}
.fa-info-circle {
  --fa: "\f05a"
}
.fa-gift {
  --fa: "\f06b"
}
.fa-eye {
  --fa: "\f06e"
}
.fa-eye-slash {
  --fa: "\f070"
}
.fa-exclamation-triangle {
  --fa: "\f071"
}
.fa-credit-card {
  --fa: "\f09d"
}
.fa-truck {
  --fa: "\f0d1"
}
.fa-angle-up {
  --fa: "\f106"
}
.fa-angle-down {
  --fa: "\f107"
}
.fa-trash {
  --fa: "\f1f8"
}
.fa-directions {
  --fa: "\f5eb"
}
:host,
:root {
  --fa-family-brands: "Font Awesome 7 Brands";
  --fa-font-brands: normal 400 1em/1 var(--fa-family-brands)
}
@font-face {
  font-family: "Font Awesome 7 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../fuentes/font-awesome/7.1.0/fa-brands-400.woff2)
}
.fa-brands,
.fa-classic.fa-brands,
.fab {
  --fa-family: var(--fa-family-brands);
  --fa-style: 400
}
.fa-instagram {
  --fa: "\f16d"
}
.fa-vimeo-v {
  --fa: "\f27d"
}
:host,
:root {
  --fa-family-classic: "Font Awesome 7 Pro";
  --fa-font-solid: normal 900 1em/1 var(--fa-family-classic);
  --fa-style-family-classic: var(--fa-family-classic)
}
.fa-classic {
  --fa-family: var(--fa-family-classic)
}
:host,
:root {
  --fa-family-classic: "Font Awesome 7 Pro";
  --fa-font-regular: normal 400 1em/1 var(--fa-family-classic);
  --fa-style-family-classic: var(--fa-family-classic)
}
@font-face {
  font-family: "Font Awesome 7 Pro";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../fuentes/font-awesome/7.1.0/fa-regular-400.woff2)
}
.far {
  --fa-family: var(--fa-family-classic);
  --fa-style: 400
}
.fa-classic {
  --fa-family: var(--fa-family-classic)
}
.fa-regular {
  --fa-style: 400
}
:host,
:root {
  --fa-family-classic: "Font Awesome 7 Pro";
  --fa-font-light: normal 300 1em/1 var(--fa-family-classic);
  --fa-style-family-classic: var(--fa-family-classic)
}
@font-face {
  font-family: "Font Awesome 7 Pro";
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url(../fuentes/font-awesome/7.1.0/fa-light-300.woff2)
}
.fal {
  --fa-family: var(--fa-family-classic);
  --fa-style: 300
}
.fa-classic {
  --fa-family: var(--fa-family-classic)
}
.fa-light {
  --fa-style: 300
}
:host,
:root {
  --fa-family-duotone: "Font Awesome 7 Duotone";
  --fa-font-duotone: normal 900 1em/1 var(--fa-family-duotone);
  --fa-style-family-duotone: var(--fa-family-duotone)
}
.fa-duotone::before,
.fad::before {
  position: absolute;
  color: var(--fa-primary-color, currentColor);
  opacity: var(--fa-primary-opacity, 1)
}
.fa-duotone::after,
.fad::after {
  color: var(--fa-secondary-color, currentColor);
  opacity: var(--fa-secondary-opacity, .4)
}
.fa-duotone.fa-swap-opacity::before,
.fa-swap-opacity .fa-duotone::before,
.fa-swap-opacity .fad::before,
.fad.fa-swap-opacity::before {
  opacity: var(--fa-secondary-opacity, .4)
}
.fa-duotone.fa-swap-opacity::after,
.fa-swap-opacity .fa-duotone::after,
.fa-swap-opacity .fad::after,
.fad.fa-swap-opacity::after {
  opacity: var(--fa-primary-opacity, 1)
}
.fa-duotone.fa-li,
.fa-duotone.fa-stack-1x,
.fa-duotone.fa-stack-2x,
.fad.fa-li,
.fad.fa-stack-1x,
.fad.fa-stack-2x {
  position: absolute
}
:root {
  --swiper-theme-color: #007aff
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1
}

/******************************************************************************
 * CARRUSELES / SLIDERS (SWIPER)
 * Swiper no se usaba en ninguna página: se ha eliminado casi todo. Justo
 * debajo hay un segundo bloque mecánico de Font Awesome (el paquete
 * original lo incluía duplicado); se ha dejado igual que el primero.
 ******************************************************************************/
:root {
  --swiper-navigation-size: 44px
}
.fa,
.fa-brands,
.fa-chisel,
.fa-classic,
.fa-etch,
.fa-jelly,
.fa-jelly-duo,
.fa-jelly-fill,
.fa-light,
.fa-notdog,
.fa-notdog-duo,
.fa-regular,
.fa-semibold,
.fa-sharp-duotone,
.fa-slab,
.fa-slab-press,
.fa-thumbprint,
.fa-utility,
.fa-utility-duo,
.fa-utility-fill,
.fa-whiteboard,
.fab,
.facr,
.fadl,
.fadr,
.fadt,
.faes,
.fajdr,
.fajfr,
.fajr,
.fal,
.fands,
.fans,
.far,
.fasdl,
.fasdr,
.fasds,
.fasdt,
.fasl,
.faslpr,
.faslr,
.fasr,
.fass,
.fast,
.fatl,
.faudsb,
.faufsb,
.fausb,
.fawsb {
  --_fa-family:var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Pro'));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em)
}
:is(.fas,
.fass,
.far,
.fasr,
.fal,
.fasl,
.fast,
.fadr,
.fadl,
.fadt,
.fasds,
.fasdr,
.fasdl,
.fasdt,
.fab,
.faslr,
.faslpr,
.fawsb,
.fatl,
.fans,
.fands,
.faes,
.fajr,
.fajfr,
.fajdr,
.facr,
.fausb,
.faudsb,
.faufsb,
.fa-semibold,
.fa-regular,
.fa-light,
.fa-brands,
.fa-classic,
.fa-sharp-duotone,
.fa-chisel,
.fa-etch,
.fa-jelly,
.fa-jelly-duo,
.fa-jelly-fill,
.fa-notdog,
.fa-notdog-duo,
.fa-slab,
.fa-slab-press,
.fa-thumbprint,
.fa-utility,
.fa-utility-duo,
.fa-utility-fill,
.fa-whiteboard,
.fa)::before {
  content: var(--fa)/""
}
@supports not (content:""/"") {
  :is(.fas, .fass, .far, .fasr, .fal, .fasl, .fat, .fast, .fad, .fadr, .fadl, .fadt, .fasds, .fasdr, .fasdl, .fasdt, .fab, .faslr, .faslpr, .fawsb, .fatl, .fans, .fands, .faes, .fajr, .fajfr, .fajdr, .facr, .fausb, .faudsb, .faufsb, .fa-solid, .fa-semibold, .fa-regular, .fa-light, .fa-thin, .fa-brands, .fa-classic, .fa-duotone, .fa-sharp, .fa-sharp-duotone, .fa-chisel, .fa-etch, .fa-jelly, .fa-jelly-duo, .fa-jelly-fill, .fa-notdog, .fa-notdog-duo, .fa-slab, .fa-slab-press, .fa-thumbprint, .fa-utility, .fa-utility-duo, .fa-utility-fill, .fa-whiteboard, .fa)::before {
    content: var(--fa)
  }
}
:is(.fad,
.fadr,
.fadl,
.fadt,
.fasds,
.fa-sharp-duotone,
.fasdr,
.fasdl,
.fasdt,
.fatl,
.fa-thumbprint,
.fands,
.fa-notdog-duo,
.fajdr,
.fa-jelly-duo,
.faudsb,
.fa-utility-duo)::after {
  content: var(--fa);
  -webkit-font-feature-settings: "ss01";
  font-feature-settings: "ss01"
}
@supports not (content:""/"") {
  :is(.fad, .fa-duotone, .fadr, .fadl, .fadt, .fasds, .fa-sharp-duotone, .fasdr, .fasdl, .fasdt, .fatl, .fa-thumbprint, .fands, .fa-notdog-duo, .fajdr, .fa-jelly-duo, .faudsb, .fa-utility-duo)::after {
    content: var(--fa)
  }
}
.fa-1x {
  font-size: 1em
}
.fa-2x {
  font-size: 2em
}
.fa-3x {
  font-size: 3em
}
.fa-4x {
  font-size: 4em
}
.fa-5x {
  font-size: 5em
}
.fa-6x {
  font-size: 6em
}
.fa-7x {
  font-size: 7em
}
.fa-8x {
  font-size: 8em
}
.fa-9x {
  font-size: 9em
}
.fa-10x {
  font-size: 10em
}
.fa-2xs {
  font-size: calc(10 / 16 * 1em);
  line-height: calc(1 / 10 * 1em);
  vertical-align: calc((6 / 10 - .375) * 1em)
}
.fa-xs {
  font-size: calc(12 / 16 * 1em);
  line-height: calc(1 / 12 * 1em);
  vertical-align: calc((6 / 12 - .375) * 1em)
}
.fa-sm {
  font-size: calc(14 / 16 * 1em);
  line-height: calc(1 / 14 * 1em);
  vertical-align: calc((6 / 14 - .375) * 1em)
}
.fa-lg {
  font-size: calc(20 / 16 * 1em);
  line-height: calc(1 / 20 * 1em);
  vertical-align: calc((6 / 20 - .375) * 1em)
}
.fa-xl {
  font-size: calc(24 / 16 * 1em);
  line-height: calc(1 / 24 * 1em);
  vertical-align: calc((6 / 24 - .375) * 1em)
}
.fa-2xl {
  font-size: calc(32 / 16 * 1em);
  line-height: calc(1 / 32 * 1em);
  vertical-align: calc((6 / 32 - .375) * 1em)
}
.fa-width-auto {
  --fa-width: auto
}
.fa-fw,
.fa-width-fixed {
  --fa-width: 1.25em
}
.fa-ul {
  list-style-type: none;
  -webkit-margin-start: var(--fa-li-margin, 2.5em);
  margin-inline-start: var(--fa-li-margin, 2.5em);
  -webkit-padding-start: 0;
  padding-inline-start: 0
}
.fa-ul>li {
  position: relative
}
.fa-li {
  inset-inline-start: calc(-1 * var(--fa-li-width, 2em));
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit
}
.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, .1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, .0625em);
  -webkit-box-sizing: var(--fa-border-box-sizing, content-box);
  box-sizing: var(--fa-border-box-sizing, content-box);
  padding: var(--fa-border-padding, .1875em .25em)
}
.fa-pull-left,
.fa-pull-start {
  float: inline-start;
  -webkit-margin-end: var(--fa-pull-margin, .3em);
  margin-inline-end: var(--fa-pull-margin, .3em)
}
.fa-pull-end,
.fa-pull-right {
  float: inline-end;
  -webkit-margin-start: var(--fa-pull-margin, .3em);
  margin-inline-start: var(--fa-pull-margin, .3em)
}
.fa-beat {
  -webkit-animation-name: fa-beat;
  animation-name: fa-beat;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
  animation-timing-function: var(--fa-animation-timing, ease-in-out)
}
.fa-bounce {
  -webkit-animation-name: fa-bounce;
  animation-name: fa-bounce;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1));
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1))
}
.fa-fade {
  -webkit-animation-name: fa-fade;
  animation-name: fa-fade;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1));
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
}
.fa-beat-fade {
  -webkit-animation-name: fa-beat-fade;
  animation-name: fa-beat-fade;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1));
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
}
.fa-flip {
  -webkit-animation-name: fa-flip;
  animation-name: fa-flip;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
  animation-timing-function: var(--fa-animation-timing, ease-in-out)
}
.fa-shake {
  -webkit-animation-name: fa-shake;
  animation-name: fa-shake;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
  animation-timing-function: var(--fa-animation-timing, linear)
}
.fa-spin {
  -webkit-animation-name: fa-spin;
  animation-name: fa-spin;
  -webkit-animation-delay: var(--fa-animation-delay, 0s);
  animation-delay: var(--fa-animation-delay, 0s);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 2s);
  animation-duration: var(--fa-animation-duration, 2s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
  animation-timing-function: var(--fa-animation-timing, linear)
}
.fa-spin-reverse {
  --fa-animation-direction: reverse
}
.fa-pulse,
.fa-spin-pulse {
  -webkit-animation-name: fa-spin;
  animation-name: fa-spin;
  -webkit-animation-direction: var(--fa-animation-direction, normal);
  animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
  animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
  animation-timing-function: var(--fa-animation-timing, steps(8))
}
@media (prefers-reduced-motion:reduce) {
  .fa-beat, .fa-beat-fade, .fa-bounce, .fa-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse {
    -webkit-animation: none!important;
    animation: none!important;
    -webkit-transition: none!important;
    transition: none!important
  }
}
@-webkit-keyframes fa-beat {
  0%, 90% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
    transform: scale(var(--fa-beat-scale, 1.25))
  }
}
@keyframes fa-beat {
  0%, 90% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
    transform: scale(var(--fa-beat-scale, 1.25))
  }
}
@-webkit-keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0)
  }
  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0);
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0)
  }
  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em));
    transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
  }
  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0);
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0)
  }
  57% {
    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -.125em));
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -.125em))
  }
  64% {
    -webkit-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0)
  }
  100% {
    -webkit-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0)
  }
}
@keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0)
  }
  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0);
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0)
  }
  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em));
    transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
  }
  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0);
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0)
  }
  57% {
    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -.125em));
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -.125em))
  }
  64% {
    -webkit-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0)
  }
  100% {
    -webkit-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0)
  }
}
@-webkit-keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, .4)
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, .4)
  }
}
@-webkit-keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, .4);
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
    transform: scale(var(--fa-beat-fade-scale, 1.125))
  }
}
@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, .4);
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
    transform: scale(var(--fa-beat-fade-scale, 1.125))
  }
}
@-webkit-keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
  }
}
@keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
  }
}
@-webkit-keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  4% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  24%, 8% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg)
  }
  12%, 28% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg)
  }
  16% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg)
  }
  20% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg)
  }
  32% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg)
  }
  36% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg)
  }
  100%, 40% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}
@keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  4% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  24%, 8% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg)
  }
  12%, 28% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg)
  }
  16% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg)
  }
  20% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg)
  }
  32% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg)
  }
  36% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg)
  }
  100%, 40% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg)
}
.fa-flip-horizontal {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1)
}
.fa-flip-vertical {
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1)
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1)
}
.fa-rotate-by {
  -webkit-transform: rotate(var(--fa-rotate-angle, 0));
  transform: rotate(var(--fa-rotate-angle, 0))
}
.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em
}
.fa-stack-1x,
.fa-stack-2x {
  --fa-width: 100%;
  inset: 0;
  position: absolute;
  text-align: center;
  width: var(--fa-width);
  z-index: var(--fa-stack-z-index, auto)
}
.fa-stack-1x {
  line-height: inherit
}
.fa-stack-2x {
  font-size: 2em
}
.fa-inverse {
  color: var(--fa-inverse, #fff)
}
.fa-heart {
  --fa: "\f004"
}
.fa-search-plus {
  --fa: "\f00e"
}
.fa-info-circle {
  --fa: "\f05a"
}
.fa-gift {
  --fa: "\f06b"
}
.fa-eye {
  --fa: "\f06e"
}
.fa-eye-slash {
  --fa: "\f070"
}
.fa-exclamation-triangle {
  --fa: "\f071"
}
.fa-credit-card {
  --fa: "\f09d"
}
.fa-truck {
  --fa: "\f0d1"
}
.fa-angle-up {
  --fa: "\f106"
}
.fa-angle-down {
  --fa: "\f107"
}
.fa-trash {
  --fa: "\f1f8"
}
.fa-directions {
  --fa: "\f5eb"
}
:host,
:root {
  --fa-family-brands: 'Font Awesome 7 Brands';
  --fa-font-brands: normal 400 1em/1 var(--fa-family-brands)
}
@font-face {
  font-family: "Font Awesome 7 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../fuentes/font-awesome/7.1.0/fa-brands-400.woff2)
}
.fa-brands,
.fa-classic.fa-brands,
.fab {
  --fa-family: var(--fa-family-brands);
  --fa-style: 400
}
.fa-instagram {
  --fa: "\f16d"
}
.fa-vimeo-v {
  --fa: "\f27d"
}
:host,
:root {
  --fa-family-classic: 'Font Awesome 7 Pro';
  --fa-font-solid: normal 900 1em/1 var(--fa-family-classic);
  --fa-style-family-classic: var(--fa-family-classic)
}
.fa-classic,
.score span.full,
.score span.half,
.score span.none {
  --fa-family: var(--fa-family-classic)
}
.score span.full,
.score span.half {
  --fa-style: 900
}
:host,
:root {
  --fa-family-classic: 'Font Awesome 7 Pro';
  --fa-font-regular: normal 400 1em/1 var(--fa-family-classic);
  --fa-style-family-classic: var(--fa-family-classic)
}
@font-face {
  font-family: "Font Awesome 7 Pro";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(../fuentes/font-awesome/7.1.0/fa-regular-400.woff2)
}
.far {
  --fa-family: var(--fa-family-classic);
  --fa-style: 400
}
.fa-classic,
.score span.full,
.score span.half,
.score span.none {
  --fa-family: var(--fa-family-classic)
}
.fa-regular,
.score span.none {
  --fa-style: 400
}
:host,
:root {
  --fa-family-classic: 'Font Awesome 7 Pro';
  --fa-font-light: normal 300 1em/1 var(--fa-family-classic);
  --fa-style-family-classic: var(--fa-family-classic)
}
@font-face {
  font-family: "Font Awesome 7 Pro";
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url(../fuentes/font-awesome/7.1.0/fa-light-300.woff2)
}
.fal {
  --fa-family: var(--fa-family-classic);
  --fa-style: 300
}
.fa-classic,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
  --fa-family: var(--fa-family-classic)
}
.fa-light,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
  --fa-style: 300
}
:host,
:root {
  --fa-family-duotone: 'Font Awesome 7 Duotone';
  --fa-font-duotone: normal 900 1em/1 var(--fa-family-duotone);
  --fa-style-family-duotone: var(--fa-family-duotone)
}
.fa-duotone::before,
.fad::before {
  position: absolute;
  color: var(--fa-primary-color, currentColor);
  opacity: var(--fa-primary-opacity, 1)
}
.fa-duotone::after,
.fad::after {
  color: var(--fa-secondary-color, currentColor);
  opacity: var(--fa-secondary-opacity, .4)
}
.fa-duotone.fa-swap-opacity::before,
.fa-swap-opacity .fa-duotone::before,
.fa-swap-opacity .fad::before,
.fad.fa-swap-opacity::before {
  opacity: var(--fa-secondary-opacity, .4)
}
.fa-duotone.fa-swap-opacity::after,
.fa-swap-opacity .fa-duotone::after,
.fa-swap-opacity .fad::after,
.fad.fa-swap-opacity::after {
  opacity: var(--fa-primary-opacity, 1)
}
.fa-duotone.fa-li,
.fa-duotone.fa-stack-1x,
.fa-duotone.fa-stack-2x,
.fad.fa-li,
.fad.fa-stack-1x,
.fad.fa-stack-2x {
  position: absolute
}
@font-face {
  font-family: FontCustom;
  src: url(../fuentes/font-custom/1.0.18/FontCustom.woff) format("woff"), url(../fuentes/font-custom/1.0.18/FontCustom.ttf) format("truetype"), url(../fuentes/font-custom/1.0.18/FontCustom.svg) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block
}
.fc {
  display: inline-block;
  font-family: FontCustom!important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.fc-cookie:before {
  content: "\e912"
}
.fc-hooba-imagotip:before {
  content: "\e906"
}
.fc-hooba-isotip:before {
  content: "\e908"
}
.fc-hooba-logotip:before {
  content: "\e909"
}
.fc-envelope-open:before {
  content: "\e913"
}
.fc-angle-down:before {
  content: "\e900"
}
.fc-angle-left:before {
  content: "\e901"
}
.fc-angle-obtuse-left:before {
  content: "\e902"
}
.fc-angle-obtuse-right:before {
  content: "\e903"
}
.fc-angle-right:before {
  content: "\e904"
}
.fc-angle-up:before {
  content: "\e905"
}
.fc-globe-o:before {
  content: "\e907"
}
.fc-magnifying-glass:before {
  content: "\e90a"
}
.fc-map-marker-o:before {
  content: "\e90b"
}
.fc-percentage:before {
  content: "\e90c"
}
.fc-phone-call-o:before {
  content: "\e90d"
}
.fc-shopping-bag-o:before {
  content: "\e90e"
}
.fc-xxss-tripadvisor:before {
  content: "\e90f"
}
.fc-user-o:before {
  content: "\e910"
}
.fc-whatsapp-o:before {
  content: "\e911"
}
.fc-xxss-wikiloc:before {
  content: "\e914"
}
.fc-xxss-issuu:before {
  content: "\e915"
}
.fc-xxss-imdb:before {
  content: "\e916"
}
.fc-xxss-ivoox:before {
  content: "\e918"
}
.fc-xxss-applepodcast:before {
  content: "\e917"
}
.fc-xxss-applemusic:before {
  content: "\e919"
}
.fc-xxss-wallapop:before {
  content: "\e91a"
}
.fc-xxss-models:before {
  content: "\e91b"
}
.contingut--spacing {
  margin-top: 0!important;
  margin-bottom: 0!important
}
.h100 {
  min-height: 100vh
}
figure {
  margin: 0
}
.button-loader {
  margin-left: 5px!important;
  display: none
}
.button-loader.button-loader-visible {
  display: inline-block
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0
}
.not-sr-only {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal
}
.object-fit-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.object-fit-contain {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}
.object-fit-none {
  width: 100%;
  height: 100%;
  -o-object-fit: none;
  object-fit: none
}
.object-position-top-left {
  -o-object-position: top left;
  object-position: top left
}
.object-position-top-center {
  -o-object-position: top center;
  object-position: top center
}
.object-position-top-right {
  -o-object-position: top right;
  object-position: top right
}
.object-position-center-left {
  -o-object-position: center left;
  object-position: center left
}
.object-position-center-center {
  -o-object-position: center center;
  object-position: center center
}
.object-position-center-right {
  -o-object-position: center right;
  object-position: center right
}
.object-position-bottom-left {
  -o-object-position: bottom left;
  object-position: bottom left
}
.object-position-bottom-center {
  -o-object-position: bottom center;
  object-position: bottom center
}
.object-position-bottom-right {
  -o-object-position: bottom right;
  object-position: bottom right
}
.text-bold {
  font-weight: 700
}
.text-underline {
  text-decoration: underline
}
.text-uppercase {
  text-transform: uppercase
}
.text-center {
  text-align: center
}
.text-left {
  text-align: left
}
.text-right {
  text-align: right
}
@media screen and (max-width:639.98px) {
  .text-sm-only-center {
    text-align: center
  }
  .text-sm-only-left {
    text-align: left
  }
  .text-sm-only-right {
    text-align: right
  }
}
@media screen {
  .text-sm-center {
    text-align: center
  }
  .text-sm-left {
    text-align: left
  }
  .text-sm-right {
    text-align: right
  }
}
@media screen and (min-width:640px) and (max-width:1023.98px) {
  .text-md-only-center {
    text-align: center
  }
  .text-md-only-left {
    text-align: left
  }
  .text-md-only-right {
    text-align: right
  }
}
@media screen and (min-width:640px) {
  .text-md-center {
    text-align: center
  }
  .text-md-left {
    text-align: left
  }
  .text-md-right {
    text-align: right
  }
}
@media screen and (min-width:1024px) and (max-width:1279.98px) {
  .text-lg-only-center {
    text-align: center
  }
  .text-lg-only-left {
    text-align: left
  }
  .text-lg-only-right {
    text-align: right
  }
}
@media screen and (min-width:1024px) {
  .text-lg-center {
    text-align: center
  }
  .text-lg-left {
    text-align: left
  }
  .text-lg-right {
    text-align: right
  }
}
.clndr {
  display: block;
  width: 100%;
  overflow: hidden;
  font-size: 1rem
}
.clndr-widget {
  position: relative
}
.clndr-content {
  position: relative
}
.clndr-grid {
  padding: .5rem
}
.clndr-grid-title {
  margin: 0 0 .25rem 0;
  line-height: 2rem;
  font-size: .85em;
  font-weight: 600;
  text-align: center;
  text-transform: capitalize
}
.clndr-grid-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: 0 0 .25rem 0
}
.clndr-grid-header-day {
  width: calc(14.2857142857% - 4px);
  margin: 0 2px;
  padding: 2px 4px;
  font-size: .75em;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase
}
.clndr-grid-days {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}
.clndr-grid-days .day {
  position: relative;
  width: calc(14.2857142857% - 4px);
  margin: 2px;
  padding: 2px 4px 10px 4px;
  font-size: .85em;
  text-align: center;
  -webkit-transition: color 250ms ease, background-color 250ms ease;
  transition: color 250ms ease, background-color 250ms ease
}
.clndr-grid-days .day:hover {
  background-color: #f9f9f9
}
.clndr-grid-days .adjacent-month,
.clndr-grid-days .last-month,
.clndr-grid-days .next-month {
  opacity: 0
}
.clndr-grid-days .inactive {
  opacity: .2;
  pointer-events: none
}
.clndr-grid-days .event {
  cursor: pointer
}
.clndr-grid-days .event-bullets {
  position: absolute;
  bottom: 4px;
  left: 4px;
  right: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.clndr-grid-days .event-bullets .event-bullet {
  background-color: #000
}
.clndr-grid-days .event-bullet {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 2px;
  border-radius: 100%
}
.clndr-grid--months-12 .adjacent-month,
.clndr-grid--months-12 .last-month,
.clndr-grid--months-12 .next-month {
  opacity: 0;
  pointer-events: none
}
.clndr-next-button,
.clndr-previous-button {
  position: absolute;
  top: .9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  font-size: 1.5rem;
  cursor: pointer;
  -webkit-transition: color 250ms ease, background-color 250ms ease, opacity 250ms ease;
  transition: color 250ms ease, background-color 250ms ease, opacity 250ms ease
}
.clndr-next-button:hover,
.clndr-previous-button:hover {
  background-color: #f9f9f9
}
.clndr-previous-button {
  left: .5rem
}
.clndr-next-button {
  right: .5rem
}
.clndr-events {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 250ms ease;
  transition: opacity 250ms ease
}
.clndr-events-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transform: translateY(10%);
  transform: translateY(10%);
  -webkit-transition: -webkit-transform 250ms ease;
  transition: -webkit-transform 250ms ease;
  transition: transform 250ms ease;
  transition: transform 250ms ease, -webkit-transform 250ms ease
}
.clndr-events--centered {
  background-color: rgba(255, 255, 255, .75)
}
.clndr-events--centered .clndr-events-inner {
  width: 480px;
  height: 480px;
  max-width: calc(100% - 1rem);
  max-height: calc(100% - 1rem);
  border: 1px solid #f0f0f0;
  -webkit-box-shadow: 0 2px 20px -6px rgba(0, 0, 0, .15);
  box-shadow: 0 2px 20px -6px rgba(0, 0, 0, .15)
}
.clndr-events--visible {
  opacity: 1;
  pointer-events: auto
}
.clndr-events--visible .clndr-events-inner {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}
.clndr-events-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 4px;
  border-bottom: 1px solid rgba(0, 0, 0, .1)
}
.clndr-events-header-title {
  padding: 4px 8px;
  font-size: .85em;
  font-weight: 600
}
.clndr-events-header-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2em;
  height: 1.5em;
  font-size: 1.2rem;
  text-align: center;
  cursor: pointer;
  -webkit-transition: color 250ms ease, background-color 250ms ease, opacity 250ms ease;
  transition: color 250ms ease, background-color 250ms ease, opacity 250ms ease
}
.clndr-events-header-close:hover {
  background-color: #f9f9f9
}
.clndr-events-list {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 4px
}
.clndr-events-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding: 4px 6px;
  color: inherit;
  font-size: .9em;
  text-decoration: none;
  -webkit-transition: background-color 250ms ease;
  transition: background-color 250ms ease
}
.clndr-events-item:hover {
  text-decoration: none;
  background-color: #f9f9f9
}
.clndr-events-item-color {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  margin: 0 10px 0 0
}
.clndr-events-item-title {
  line-height: 1.25;
  font-weight: 600
}
.clndr-events-item-text {
  font-size: .85em;
  opacity: .75
}
.clndr-legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding: 4px .5rem
}
.clndr-legend-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2px 6px
}
.clndr-legend-item-color {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: block;
  width: 6px;
  height: 6px;
  margin: 0 3px 0 0;
  border-radius: 100%
}
.clndr-legend-item-text {
  color: inherit;
  font-size: .75em
}
@media screen and (min-width:1024px) {
  .clndr-grid {
    padding: 1rem
  }
  .clndr-legend {
    padding: 4px .8rem
  }
}
.attachment-list {
  list-style: none
}
.attachment-list>li:not(:first-child) {
  margin-top: .25rem
}
.button-top {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  z-index: 999;
  outline: 0;
  background-color: transparent;
  border-color: transparent;
  border-radius: 50%;
  border-width: 0;
  border-style: solid;
  -webkit-box-shadow: rgba(0, 0, 0, .3) 0 4px 12px 0;
  box-shadow: rgba(0, 0, 0, .3) 0 4px 12px 0;
  color: #000;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.button-top span {
  font-size: 1.2rem
}
.button-top span:hover:after {
  background: rgba(0, 0, 0, .1)
}
.button-top.visible {
  opacity: 1;
  pointer-events: auto
}
.button-top--position-top-left {
  top: 20px;
  left: 20px
}
.button-top--position-top-center {
  top: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.button-top--position-top-right {
  top: 20px;
  right: 20px
}
.button-top--position-middle-left {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 20px
}
.button-top--position-middle-right {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px
}
.button-top--position-bottom-left {
  bottom: 20px;
  left: 20px
}
.button-top--position-bottom-center {
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.button-top--position-bottom-right {
  bottom: 20px;
  right: 20px
}
.button-cookies {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  outline: 0;
  border-radius: 50%;
  -webkit-box-shadow: rgba(0, 0, 0, .3) 0 4px 12px 0;
  box-shadow: rgba(0, 0, 0, .3) 0 4px 12px 0;
  width: 64px;
  height: 64px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 999;
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
.button-cookies span {
  font-size: 1.2rem
}
.button-cookies:hover {
  text-decoration: none
}
.button-cookies.visible {
  opacity: 1;
  pointer-events: auto
}
.button-cookies--position-bottom-left {
  bottom: 20px;
  left: 20px
}
.button-cookies--position-bottom-center {
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.button-cookies--position-bottom-right {
  bottom: 20px;
  right: 20px
}
@-webkit-keyframes fade-in {
  0% {
    bottom: calc(96px - 30px);
    opacity: 0
  }
  100% {
    bottom: 96px;
    opacity: 1
  }
}
@keyframes fade-in {
  0% {
    bottom: calc(96px - 30px);
    opacity: 0
  }
  100% {
    bottom: 96px;
    opacity: 1
  }
}
@-webkit-keyframes fade-out {
  0% {
    bottom: 96px;
    opacity: 1
  }
  100% {
    bottom: calc(96px - 30px);
    opacity: 0
  }
}
@keyframes fade-out {
  0% {
    bottom: 96px;
    opacity: 1
  }
  100% {
    bottom: calc(96px - 30px);
    opacity: 0
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0
  }
  50% {
    opacity: 1
  }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0
  }
  50% {
    opacity: 1
  }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0
  }
}
@-webkit-keyframes dot1 {
  0% {
    background-color: #b6b5ba
  }
  15% {
    background-color: #111
  }
  25% {
    background-color: #b6b5ba
  }
}
@keyframes dot1 {
  0% {
    background-color: #b6b5ba
  }
  15% {
    background-color: #111
  }
  25% {
    background-color: #b6b5ba
  }
}
@-webkit-keyframes dot2 {
  15% {
    background-color: #b6b5ba
  }
  25% {
    background-color: #111
  }
  35% {
    background-color: #b6b5ba
  }
}
@keyframes dot2 {
  15% {
    background-color: #b6b5ba
  }
  25% {
    background-color: #111
  }
  35% {
    background-color: #b6b5ba
  }
}
@-webkit-keyframes dot3 {
  25% {
    background-color: #b6b5ba
  }
  35% {
    background-color: #111
  }
  45% {
    background-color: #b6b5ba
  }
}
@keyframes dot3 {
  25% {
    background-color: #b6b5ba
  }
  35% {
    background-color: #111
  }
  45% {
    background-color: #b6b5ba
  }
}
@media (max-height:460px) and (orientation:landscape) {
  @-webkit-keyframes fade-in {
    0% {
      bottom: calc(20px - 30px);
      opacity: 0
    }
    100% {
      bottom: 20px;
      opacity: 1
    }
  }
  @keyframes fade-in {
    0% {
      bottom: calc(20px - 30px);
      opacity: 0
    }
    100% {
      bottom: 20px;
      opacity: 1
    }
  }
  @-webkit-keyframes fade-out {
    0% {
      bottom: 20px;
      opacity: 1
    }
    100% {
      bottom: calc(20px - 30px);
      opacity: 0
    }
  }
  @keyframes fade-out {
    0% {
      bottom: 20px;
      opacity: 1
    }
    100% {
      bottom: calc(20px - 30px);
      opacity: 0
    }
  }
}
.cart-error {
  margin-bottom: 5px
}
.cart-error>td {
  padding-left: 0!important;
  padding-right: 0!important;
  border-top: 0 none!important
}
.cart-error-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 18px;
  color: #fa9600;
  background-color: rgba(250, 150, 0, .1)
}
.cart-error-box:not(:first-child) {
  margin-top: 5px
}
.cart-error-box .fa {
  margin-right: .5em;
  font-size: 2em
}
.cart-info {
  margin-bottom: 5px
}
.cart-info>td {
  padding-left: 0!important;
  padding-right: 0!important;
  border-top: 0 none!important
}
.cart-info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 18px;
  color: #333;
  background-color: #fafafa
}
.cart-info-box .fa {
  margin-right: .5em;
  font-size: 2em
}
.compra h3 span {
  vertical-align: middle;
  display: inline-block
}
.compra h3 .number {
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
  width: 18px;
  height: 18px;
  font-size: 11px;
  line-height: 18px
}
.article_afegit img {
  width: 100%
}
.article_afegit .btn {
  padding: 10px 20px
}
.article_afegit .titol {
  font-size: 18px;
  line-height: 1.2
}
.estoc-no {
  display: inline-block;
  line-height: 1;
  padding: 5px 7px;
  color: #fff;
  background-color: #d61c1c;
  font-size: .875em;
  border-radius: 5px;
  font-weight: 500
}
.estoc-insuficient {
  list-style: none;
  margin: 10px 0 0 0
}
.estoc-insuficient li {
  line-height: 1.25
}
.estoc-insuficient li:not(:first-child) {
  margin-top: 6px;
  padding-top: 6px;
  border-top: .5px dashed #eee
}
.estoc-insuficient-article {
  font-weight: 600
}
.estoc-insuficient-atributs {
  font-size: .9em;
  opacity: .75
}
.estoc-insuficient-estoc {
  text-decoration: underline
}
.variant-configurador-atribut {
  margin-top: .5em
}
.variant-configurador-atribut label {
  line-height: 1
}
.variant-configurador-atribut-valor {
  margin: 0 5px 10px 0;
  padding: 8px 10px;
  border: 1px dotted #ddd;
  color: #ddd;
  display: inline-block;
  cursor: not-allowed;
  line-height: 1
}
.variant-configurador-atribut-valor-actiu {
  border: 1px solid #aaa!important;
  color: #000;
  cursor: pointer!important
}
.variant-configurador-atribut-valor-triat {
  border: 1px solid #aaa!important;
  color: #000;
  background: #f2f2f2
}
.configuracio-atribut {
  margin-bottom: 1rem
}
@media screen and (min-width:640px) {
  .article_afegit {
    max-width: 510px;
    min-width: 450px
  }
}
.card {
  overflow: hidden;
  position: relative;
  display: block
}
.card-image {
  display: block
}
.card-image img {
  display: inline-block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.card-content {
  padding: 1em 1.25em
}
.card-title {
  display: block;
  width: 100%;
  color: inherit;
  margin-bottom: 0
}
.card-description {
  margin-top: .9em;
  width: 100%
}
.card-description p:not(:last-child) {
  margin-bottom: 1em
}
.card-description ol,
.card-description ul {
  margin: 0 0 1em 1.5em;
  list-style-position: outside;
  padding: 0
}
.card-description ol li,
.card-description ul li {
  margin-top: .2em
}
.card-description ul {
  list-style-type: disc
}
.card .btn {
  margin-top: .9em
}
.card-align-text-center .card-content {
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.card-align-text-left .card-content {
  text-align: left;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
.card-align-text-right .card-content {
  text-align: right;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}
.card-align-text-under .card-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}
.card-title a {
  color: inherit!important
}
.card.card-vertical-top .card-content {
  -ms-flex-line-pack: start;
  align-content: flex-start
}
.card.card-vertical-center .card-content {
  -ms-flex-line-pack: center;
  align-content: center
}
.card.card-vertical-bottom .card-content {
  -ms-flex-line-pack: end;
  align-content: flex-end
}
.card-align-under .card-image {
  width: 100%
}
.card-align-under .card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}
.card-align-under .card-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.card-align-under.card-vertical-top .card-content {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.card-align-under.card-vertical-center .card-content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.card-align-under.card-vertical-bottom .card-content {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
@media screen and (min-width:640px) {
  .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .card-align-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .card-align-center .card-image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }
  .card-align-left, .card-align-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }
  .card-align-left .card-image, .card-align-right .card-image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    width: 40%
  }
  .card-align-right .card-image {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
  .card-align-right .card-content {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
  .card-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }
}
@media screen and (min-width:640px) and (max-width:1023.98px) {
  .card-align-text-md-center .card-content {
    text-align: center
  }
  .card-align-text-md-left .card-content {
    text-align: left
  }
  .card-align-text-md-right .card-content {
    text-align: right
  }
}
@media screen and (max-width:639.98px) {
  .card-align-text-sm-center .card-content {
    text-align: center
  }
  .card-align-text-sm-left .card-content {
    text-align: left
  }
  .card-align-text-sm-right .card-content {
    text-align: right
  }
}
.ui-datepicker {
  display: none;
  width: 18rem;
  max-width: 100%;
  margin: 2px 0 0 0;
  color: #222;
  font-size: .875rem;
  background-color: #fafafa;
  border: 1px solid #d5d5d5
}
.ui-datepicker .ui-datepicker-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 2rem;
  margin: 6px
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  position: relative;
  width: 2.5rem;
  color: #222;
  background-color: #f0f0f0;
  -webkit-transition: color .3s ease, background-color .3s ease;
  transition: color .3s ease, background-color .3s ease;
  cursor: pointer
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled {
  cursor: not-allowed
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled .ui-icon,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled .ui-icon {
  opacity: .2
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:not(.ui-state-disabled).ui-state-hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:not(.ui-state-disabled):hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:not(.ui-state-disabled).ui-state-hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:not(.ui-state-disabled):hover {
  color: #222;
  background-color: #e4e4e4
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 0;
  --fa-width: auto
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon:before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon:before {
  font-size: .8rem
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
  --_fa-family:var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Pro'));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em)
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon::before {
  content: "\f104"
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
  --_fa-family:var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Pro'));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em)
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon::before {
  content: "\f105"
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: 0 2px
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0 .5em;
  color: #222;
  font-size: inherit;
  text-transform: capitalize;
  background-color: #f0f0f0;
  border: 0 none;
  outline: 0 none;
  cursor: pointer;
  -webkit-transition: color .3s ease, background-color .3s ease;
  transition: color .3s ease, background-color .3s ease
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month:hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year:hover {
  color: #222;
  background-color: #e4e4e4
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month:focus,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year:focus {
  -webkit-box-shadow: none;
  box-shadow: none
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
  margin-right: 2px
}
.ui-datepicker .ui-datepicker-calendar {
  border-collapse: separate;
  border-spacing: 2px;
  width: calc(100% - 8px);
  margin: 4px
}
.ui-datepicker tbody,
.ui-datepicker tfoot,
.ui-datepicker thead {
  background: 0 0;
  border: 0 none
}
.ui-datepicker tr:nth-child(even) {
  background: 0 0
}
.ui-datepicker th {
  padding: 0;
  text-align: center
}
.ui-datepicker th span {
  display: block;
  line-height: 2rem;
  background: 0 0;
  color: #222;
  font-weight: 600
}
.ui-datepicker td {
  width: 14.2857142857%;
  padding: 0
}
.ui-datepicker td a,
.ui-datepicker td span {
  display: block;
  line-height: 1.75rem;
  color: #222;
  text-align: center;
  text-decoration: none;
  background: 0 0
}
.ui-datepicker td a.ui-state-hover,
.ui-datepicker td span.ui-state-hover {
  color: #222;
  background-color: #e4e4e4
}
.ui-datepicker td.ui-datepicker-today a,
.ui-datepicker td.ui-datepicker-today span {
  font-weight: 700
}
.ui-datepicker td.ui-datepicker-current-day a,
.ui-datepicker td.ui-datepicker-current-day span {
  color: #fff;
  background-color: #444
}
.ui-datepicker td.ui-datepicker-unselectable a,
.ui-datepicker td.ui-datepicker-unselectable span {
  opacity: .25;
  cursor: default
}
@media screen and (max-width:639.98px) {
  .ui-datepicker {
    position: fixed!important;
    bottom: 0!important;
    left: 0!important;
    top: auto!important;
    width: 100%;
    min-height: calc(22rem + 36px);
    margin: 0;
    font-size: 1rem;
    -webkit-box-shadow: 0 0 0 100vh rgba(0, 0, 0, .25);
    box-shadow: 0 0 0 100vh rgba(0, 0, 0, .25)
  }
  .ui-datepicker .ui-datepicker-header {
    height: 3rem
  }
  .ui-datepicker .ui-datepicker-header .ui-datepicker-next, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    width: 3.5rem
  }
  .ui-datepicker th span {
    line-height: 2.5rem
  }
  .ui-datepicker td a, .ui-datepicker td span {
    line-height: 2.75rem
  }
}
.dialog-adult {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  padding: 20px
}
.dialog-adult-content {
  max-width: 600px;
  padding: 40px 20px
}
.dialog-adult-content-title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.15;
  text-wrap: balance
}
.dialog-adult-content-text {
  margin-top: 32px;
  font-size: 16px;
  line-height: 1.25
}
.dialog-adult-content-error {
  margin-top: 32px;
  display: none;
  color: #ce0000;
  font-size: 16px;
  line-height: 1.25;
  text-wrap: balance;
  font-weight: 700
}
.dialog-adult-content-buttons {
  margin-top: 32px
}
.dialog-adult-content-buttons button {
  padding: 12px 24px;
  font-size: 17px;
  font-weight: 700;
  border-radius: 5px;
  line-height: 1;
  width: 100%;
  border-width: 1px;
  border-style: solid
}
.dialog-adult-content-buttons-close {
  margin-top: 16px;
  background-color: transparent
}
.dialog-adult--error .dialog-adult-content-error {
  display: block
}
.dialog-adult--error .dialog-adult-content-buttons {
  display: none
}
.dialog-adult--light {
  background: rgba(255, 255, 255, .95);
  color: #000
}
.dialog-adult--light .dialog-adult-content--transparent .dialog-adult-content-buttons-continue {
  background-color: #000;
  border-color: #000;
  color: #fff
}
.dialog-adult--light .dialog-adult-content--transparent .dialog-adult-content-buttons-close {
  color: #000;
  border-color: #000
}
.dialog-adult--light .dialog-adult-content--solid {
  background: #000;
  color: #fff
}
.dialog-adult--light .dialog-adult-content--solid .dialog-adult-content-buttons-continue {
  background-color: #fff;
  border-color: #fff;
  color: #000
}
.dialog-adult--light .dialog-adult-content--solid .dialog-adult-content-buttons-close {
  color: #fff;
  border-color: #fff
}
.dialog-adult--dark {
  background: rgba(0, 0, 0, .95)
}
.dialog-adult--dark .dialog-adult-content--transparent {
  color: #fff
}
.dialog-adult--dark .dialog-adult-content--transparent .dialog-adult-content-buttons-continue {
  background-color: #fff;
  border-color: #fff;
  color: #000
}
.dialog-adult--dark .dialog-adult-content--transparent .dialog-adult-content-buttons-close {
  color: #fff;
  border-color: #fff
}
.dialog-adult--dark .dialog-adult-content--solid {
  background: #fff;
  color: #000
}
.dialog-adult--dark .dialog-adult-content--solid .dialog-adult-content-buttons-continue {
  background-color: #000;
  border-color: #000;
  color: #fff
}
.dialog-adult--dark .dialog-adult-content--solid .dialog-adult-content-buttons-close {
  color: #000;
  border-color: #000
}
@media screen and (min-width:640px) {
  .dialog-adult-content-text {
    text-wrap: balance
  }
  .dialog-adult-content-buttons button {
    width: 180px;
    margin-left: 5px;
    margin-right: 5px
  }
  .dialog-adult-content-buttons-close {
    margin-top: 0
  }
}
.element {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
.element-image {
  overflow: hidden
}
.element-image img {
  width: 100%;
  display: block;
  border: 0
}
.element .element-cont-nom {
  line-height: 1.25
}
.element .element-cont-resum,
.element .element-content-preu-inside,
.element .element-content-preu-outside {
  margin-top: .7em
}
.element-content {
  -webkit-transition: background-color .5s ease;
  transition: background-color .5s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.element-content .element-cont-nom {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.element-content-preu-inside .old {
  text-decoration: line-through;
  padding-right: .5em
}
.element-content-preu-outside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f6f6f6;
  color: #333;
  text-align: center
}
.element-content-preu-outside-import {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 3.3em;
  padding: .4em .5em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse
}
.element-content-preu-outside-import .old {
  font-size: 1.1em;
  line-height: 1;
  text-decoration: line-through
}
.element-content-preu-outside-import .current {
  line-height: 1;
  font-size: 1.4em
}
.element-content-preu-outside-boto {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  border-radius: 0;
  border-width: 0;
  padding: .75em 0;
  text-align: center;
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.element-content-preu-outside-boto span {
  margin: 0
}
.element-content-preu-outside-boto.btn {
  border-radius: 0;
  padding: .4em .5em;
  font-size: 1.5em
}
.element-content-align-center .element-content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.element-image-position-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}
.element-image-position-left .element-image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.6666666667%;
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%
}
.element-image-position-left .element-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start
}
.element-image-position-left.element-radius .element-image {
  border-radius: 50%;
  overflow: hidden
}
.element-image-position-bottom,
.element-image-position-top {
  height: 100%
}
.element-image-position-bottom .element-image,
.element-image-position-top .element-image {
  width: 100%;
  padding-bottom: 0
}
.element-image-position-bottom .element-content,
.element-image-position-top .element-content {
  width: 100%;
  padding: 10px 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.element-image-position-bottom.element-radius .element-image,
.element-image-position-top.element-radius .element-image {
  border-radius: 50%;
  overflow: hidden
}
.element-image-position-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.element-image-position-bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse
}
.element-image-position-bottom.element-radius-round-big-all img,
.element-image-position-left.element-radius-round-big-all img,
.element-image-position-top.element-radius-round-big-all img {
  border-radius: 50%;
  overflow: hidden
}
.element-image-position-bottom.element-radius-round-big-left img,
.element-image-position-left.element-radius-round-big-left img,
.element-image-position-top.element-radius-round-big-left img {
  border-radius: 50% 0 0 50%;
  overflow: hidden
}
.element-image-position-bottom.element-radius-round-big-right img,
.element-image-position-left.element-radius-round-big-right img,
.element-image-position-top.element-radius-round-big-right img {
  border-radius: 0 50% 50% 0;
  overflow: hidden
}
.element-image-position-bottom.element-radius-round-big-tlbr img,
.element-image-position-left.element-radius-round-big-tlbr img,
.element-image-position-top.element-radius-round-big-tlbr img {
  border-radius: 50% 0 50% 0;
  overflow: hidden
}
.element-image-position-bottom.element-radius-round-big-trbl img,
.element-image-position-left.element-radius-round-big-trbl img,
.element-image-position-top.element-radius-round-big-trbl img {
  border-radius: 0 50% 0 50%;
  overflow: hidden
}
.element-image-position-bottom.element-radius-round-small-all img,
.element-image-position-left.element-radius-round-small-all img,
.element-image-position-top.element-radius-round-small-all img {
  border-radius: 15px;
  overflow: hidden
}
.element-image-position-bottom.element-radius-round-small-tlbr img,
.element-image-position-left.element-radius-round-small-tlbr img,
.element-image-position-top.element-radius-round-small-tlbr img {
  border-radius: 15px 0 15px 0;
  overflow: hidden
}
.element-image-position-bottom.element-radius-round-small-trbl img,
.element-image-position-left.element-radius-round-small-trbl img,
.element-image-position-top.element-radius-round-small-trbl img {
  border-radius: 0 15px 0 15px;
  overflow: hidden
}
.element-image-position-bottom.element-radius-round-small-left img,
.element-image-position-left.element-radius-round-small-left img,
.element-image-position-top.element-radius-round-small-left img {
  border-radius: 0 15px 15px 0;
  overflow: hidden
}
.element-image-position-bottom.element-radius-round-small-right img,
.element-image-position-left.element-radius-round-small-right img,
.element-image-position-top.element-radius-round-small-right img {
  border-radius: 15px 0 0 15px;
  overflow: hidden
}
.fab-button {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 3em;
  height: 3em;
  overflow: hidden;
  color: #222;
  font-size: 13px;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
  -webkit-transition: background-color .3s ease, -webkit-box-shadow .3s ease;
  transition: background-color .3s ease, -webkit-box-shadow .3s ease;
  transition: background-color .3s ease, box-shadow .3s ease;
  transition: background-color .3s ease, box-shadow .3s ease, -webkit-box-shadow .3s ease;
  cursor: pointer;
  outline: 0;
  -webkit-tap-highlight-color: transparent
}
.fab-button:hover {
  text-decoration: none;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .14), 0 1px 7px 0 rgba(0, 0, 0, .12), 0 3px 1px -1px rgba(0, 0, 0, .2);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .14), 0 1px 7px 0 rgba(0, 0, 0, .12), 0 3px 1px -1px rgba(0, 0, 0, .2)
}
.fab-button.disabled,
.fab-button:disabled,
.fab-button[disabled] {
  pointer-events: none;
  background-color: #dfdfdf!important;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #9f9f9f!important;
  cursor: default
}
.fab-button.disabled:hover,
.fab-button:disabled:hover,
.fab-button[disabled]:hover {
  background-color: #dfdfdf!important;
  color: #9f9f9f!important
}
.fab-button i {
  font-size: 24px
}
.fab-button i.fa-envelope,
.fab-button i.fa-envelope-o {
  font-size: 18px
}
.fab-button-large {
  font-size: 18px
}
.fab-button-cesw {
  color: #fff;
  background-color: #029cd0
}
.fab-button-green {
  color: #fff;
  background-color: #25d366
}
.fab-button-blue {
  color: #fff;
  background-color: #4285f4
}
.fab-button-red {
  color: #fff;
  background-color: #ea4335
}
.fab-menu {
  position: fixed;
  right: 12px;
  bottom: 12px;
  margin-bottom: 0;
  z-index: 100000
}
.fab-menu.active ul {
  visibility: visible;
  pointer-events: auto
}
.fab-menu.active ul .fab-button {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .2s ease;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease
}
.fab-menu ul {
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  margin: 0;
  text-align: center;
  visibility: hidden;
  pointer-events: none
}
.fab-menu ul li {
  margin-bottom: 12px
}
.fab-menu ul .fab-button {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: visibility 0s ease .2s, -webkit-transform .3s ease;
  transition: visibility 0s ease .2s, -webkit-transform .3s ease;
  transition: transform .3s ease, visibility 0s ease .2s;
  transition: transform .3s ease, visibility 0s ease .2s, -webkit-transform .3s ease
}
@media screen and (min-width:640px) {
  .fab-menu {
    display: none
  }
}
.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.flex-align-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
.flex-align-bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}
.flex-align-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.flex-align-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}
.flex-align-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.flex-align-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
.flex-align-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.flex-align-justify {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.flex-align-spaced {
  -ms-flex-pack: distribute;
  justify-content: space-around
}
.flex-align-evenly {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly
}
.flex-small-1 {
  width: 8.3333333333%
}
.flex-small-2 {
  width: 16.6666666667%
}
.flex-small-3 {
  width: 25%
}
.flex-small-4 {
  width: 33.3333333333%
}
.flex-small-5 {
  width: 41.6666666667%
}
.flex-small-6 {
  width: 50%
}
.flex-small-7 {
  width: 58.3333333333%
}
.flex-small-8 {
  width: 66.6666666667%
}
.flex-small-9 {
  width: 75%
}
.flex-small-10 {
  width: 83.3333333333%
}
.flex-small-11 {
  width: 91.6666666667%
}
.flex-small-12 {
  width: 100%
}
@media screen and (min-width:640px) {
  .flex-medium-hidden {
    display: none
  }
  .flex-medium-expand {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto
  }
  .flex-medium-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto
  }
  .flex-medium-1 {
    width: 8.3333333333%
  }
  .flex-medium-2 {
    width: 16.6666666667%
  }
  .flex-medium-3 {
    width: 25%
  }
  .flex-medium-4 {
    width: 33.3333333333%
  }
  .flex-medium-5 {
    width: 41.6666666667%
  }
  .flex-medium-6 {
    width: 50%
  }
  .flex-medium-7 {
    width: 58.3333333333%
  }
  .flex-medium-8 {
    width: 66.6666666667%
  }
  .flex-medium-9 {
    width: 75%
  }
  .flex-medium-10 {
    width: 83.3333333333%
  }
  .flex-medium-11 {
    width: 91.6666666667%
  }
  .flex-medium-12 {
    width: 100%
  }
}
@media screen and (min-width:1024px) {
  .flex-large-hidden {
    display: none
  }
  .flex-large-1 {
    width: 8.3333333333%
  }
  .flex-large-2 {
    width: 16.6666666667%
  }
  .flex-large-3 {
    width: 25%
  }
  .flex-large-4 {
    width: 33.3333333333%
  }
  .flex-large-5 {
    width: 41.6666666667%
  }
  .flex-large-6 {
    width: 50%
  }
  .flex-large-7 {
    width: 58.3333333333%
  }
  .flex-large-8 {
    width: 66.6666666667%
  }
  .flex-large-9 {
    width: 75%
  }
  .flex-large-10 {
    width: 83.3333333333%
  }
  .flex-large-11 {
    width: 91.6666666667%
  }
  .flex-large-12 {
    width: 100%
  }
}
.flex-align-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}
.flex-align-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
.flex-align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.flex-align-bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}
.flex-justify-left,
.flex-justify-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.flex-justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.flex-justify-bottom,
.flex-justify-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
@media screen and (max-width:639.98px) {
  .flex-sm-only-align-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }
  .flex-sm-only-align-left, .flex-sm-only-align-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .flex-sm-only-align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .flex-sm-only-align-bottom, .flex-sm-only-align-right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }
  .flex-sm-only-justify-left, .flex-sm-only-justify-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .flex-sm-only-justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .flex-sm-only-justify-bottom, .flex-sm-only-justify-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
}
@media screen {
  .flex-sm-justify-left, .flex-sm-justify-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .flex-sm-justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .flex-sm-justify-bottom, .flex-sm-justify-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
  .flex-sm-align-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }
  .flex-sm-align-left, .flex-sm-align-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .flex-sm-align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .flex-sm-align-bottom, .flex-sm-align-right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }
}
@media screen and (min-width:640px) and (max-width:1023.98px) {
  .flex-md-only-align-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }
  .flex-md-only-align-left, .flex-md-only-align-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .flex-md-only-align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .flex-md-only-align-bottom, .flex-md-only-align-right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }
  .flex-md-only-justify-left, .flex-md-only-justify-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .flex-md-only-justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .flex-md-only-justify-bottom, .flex-md-only-justify-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
}
@media screen and (min-width:640px) {
  .flex-medium-hidden {
    display: none
  }
  .flex-medium-expand {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto
  }
  .flex-medium-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto
  }
  .flex-medium-1 {
    width: 8.3333333333%
  }
  .flex-medium-2 {
    width: 16.6666666667%
  }
  .flex-medium-3 {
    width: 25%
  }
  .flex-medium-4 {
    width: 33.3333333333%
  }
  .flex-medium-5 {
    width: 41.6666666667%
  }
  .flex-medium-6 {
    width: 50%
  }
  .flex-medium-7 {
    width: 58.3333333333%
  }
  .flex-medium-8 {
    width: 66.6666666667%
  }
  .flex-medium-9 {
    width: 75%
  }
  .flex-medium-10 {
    width: 83.3333333333%
  }
  .flex-medium-11 {
    width: 91.6666666667%
  }
  .flex-medium-12 {
    width: 100%
  }
  .flex-md-justify-left, .flex-md-justify-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .flex-md-justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .flex-md-justify-bottom, .flex-md-justify-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
  .flex-md-align-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }
  .flex-md-align-left, .flex-md-align-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .flex-md-align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .flex-md-align-bottom, .flex-md-align-right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }
}
@media screen and (min-width:1024px) and (max-width:1279.98px) {
  .flex-lg-only-align-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }
  .flex-lg-only-align-left, .flex-lg-only-align-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .flex-lg-only-align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .flex-lg-only-align-bottom, .flex-lg-only-align-right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }
  .flex-lg-only-justify-left, .flex-lg-only-justify-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .flex-lg-only-justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .flex-lg-only-justify-bottom, .flex-lg-only-justify-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
}
@media screen and (min-width:1024px) {
  .flex-large-hidden {
    display: none
  }
  .flex-large-expand {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto
  }
  .flex-large-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto
  }
  .flex-large-1 {
    width: 8.3333333333%
  }
  .flex-large-2 {
    width: 16.6666666667%
  }
  .flex-large-3 {
    width: 25%
  }
  .flex-large-4 {
    width: 33.3333333333%
  }
  .flex-large-5 {
    width: 41.6666666667%
  }
  .flex-large-6 {
    width: 50%
  }
  .flex-large-7 {
    width: 58.3333333333%
  }
  .flex-large-8 {
    width: 66.6666666667%
  }
  .flex-large-9 {
    width: 75%
  }
  .flex-large-10 {
    width: 83.3333333333%
  }
  .flex-large-11 {
    width: 91.6666666667%
  }
  .flex-large-12 {
    width: 100%
  }
  .flex-lg-justify-left, .flex-lg-justify-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .flex-lg-justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .flex-lg-justify-bottom, .flex-lg-justify-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
  .flex-lg-align-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }
  .flex-lg-align-left, .flex-lg-align-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .flex-lg-align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .flex-lg-align-bottom, .flex-lg-align-right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }
}
@media print {
  .flex-print-1 {
    width: 8.3333333333%
  }
  .flex-print-2 {
    width: 16.6666666667%
  }
  .flex-print-3 {
    width: 25%
  }
  .flex-print-4 {
    width: 33.3333333333%
  }
  .flex-print-5 {
    width: 41.6666666667%
  }
  .flex-print-6 {
    width: 50%
  }
  .flex-print-7 {
    width: 58.3333333333%
  }
  .flex-print-8 {
    width: 66.6666666667%
  }
  .flex-print-9 {
    width: 75%
  }
  .flex-print-10 {
    width: 83.3333333333%
  }
  .flex-print-11 {
    width: 91.6666666667%
  }
  .flex-print-12 {
    width: 100%
  }
}
.imgfit {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden
}
.imgfit-custom {
  padding-bottom: var(--ar-large, 54%)
}
@media screen and (min-width:640px) and (max-width:1023.98px) {
  .imgfit-custom {
    padding-bottom: var(--ar-medium, 54%)
  }
}
@media screen and (max-width:639.98px) {
  .imgfit-custom {
    padding-bottom: var(--ar-small, 54%)
  }
}
.imgfit embed,
.imgfit iframe,
.imgfit img,
.imgfit object,
.imgfit video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.imgfit iframe {
  border: none
}
.flex-video {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 54%
}
.flex-video.widescreen {
  padding-bottom: 56.25%
}
.flex-video.tv {
  padding-bottom: 75%
}
.flex-video.photo {
  padding-bottom: 66.6666666667%
}
.flex-video.cinema {
  padding-bottom: 42.8571428571%
}
.flex-video.ultrawide {
  padding-bottom: 27.7777777778%
}
.flex-video.square {
  padding-bottom: 100%
}
.flex-video.portrait {
  padding-bottom: 133.3333333333%
}
.flex-video.photo-portrait {
  padding-bottom: 150%
}
.flex-video.widescreen-portrait {
  padding-bottom: 177.7777777778%
}
.flex-video.fullscreen {
  padding-bottom: 100vh
}
.flex-video embed,
.flex-video iframe,
.flex-video object,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none
}
.ar,
.video-background {
  position: relative;
  width: 100%
}
.ar.widescreen,
.video-background.widescreen {
  aspect-ratio: 16/9
}
.ar.tv,
.video-background.tv {
  aspect-ratio: 4/3
}
.ar.photo,
.video-background.photo {
  aspect-ratio: 3/2
}
.ar.cinema,
.video-background.cinema {
  aspect-ratio: 21/9
}
.ar.ultrawide,
.video-background.ultrawide {
  aspect-ratio: 36/10
}
.ar.square,
.video-background.square {
  aspect-ratio: 1
}
.ar.portrait,
.video-background.portrait {
  aspect-ratio: 3/4
}
.ar.photo-portrait,
.video-background.photo-portrait {
  aspect-ratio: 2/3
}
.ar.widescreen-portrait,
.video-background.widescreen-portrait {
  aspect-ratio: 9/16
}
.ar video,
.video-background video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.d-none {
  display: none
}
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.d-inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}
.d-block {
  display: block
}
.d-inline-block {
  display: inline-block
}
@media screen and (min-width:640px) {
  .d-md-none {
    display: none
  }
  .d-md-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .d-md-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
  }
  .d-md-block {
    display: block
  }
  .d-md-inline-block {
    display: inline-block
  }
}
@media screen and (min-width:1024px) {
  .d-lg-none {
    display: none
  }
  .d-lg-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
  }
  .d-lg-block {
    display: block
  }
  .d-lg-inline-block {
    display: inline-block
  }
}
@media print {
  .d-print-none {
    display: none
  }
  .d-print-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .d-print-inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
  }
  .d-print-block {
    display: block
  }
  .d-print-inline-block {
    display: inline-block
  }
}
.btn--icon-left .btn-icon {
  margin-right: 8px!important
}
.btn--icon-right .btn-icon {
  margin-left: 8px!important
}
.lnk {
  display: none;
  border: none;
  background-color: transparent
}
.lnk i {
  font-size: .7em;
  margin-right: 5px
}
.lnk span {
  font-size: .9em
}
.lnk--visible {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
select.padded-small {
  padding: 2px!important
}
input.padded-small {
  padding: 3px 2px!important
}
form {
  position: relative
}
input::-webkit-input-placeholder {
  color: inherit;
  opacity: .5
}
input::-moz-placeholder {
  color: inherit;
  opacity: .5
}
input:-ms-input-placeholder {
  color: inherit;
  opacity: .5
}
input::-ms-input-placeholder {
  color: inherit;
  opacity: .5
}
input::placeholder {
  color: inherit;
  opacity: .5
}
.form .js-password {
  position: relative
}
.form .js-password span {
  position: absolute;
  top: .75em;
  right: .6em;
  cursor: pointer
}
.form .js-password input {
  padding-right: 30px
}
.form .title3,
.form h3 {
  margin: 0
}
.form-bloc {
  margin: 0
}
.form-bloc-condicio,
.form-bloc-legal,
.form-bloc-newsletter {
  padding-bottom: 0!important
}
.form-bloc-legal-info {
  padding-top: 1em
}
.form .fk-file {
  position: relative;
  margin-bottom: 6px
}
.form .fk-file-control {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  font-size: 0;
  line-height: 20px;
  color: #000;
  background-color: #fff;
  border: 1px solid #ccc
}
.form .fk-file-text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 16px;
  padding: .5em .6em;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  pointer-events: none
}
.form .fk-file-text span {
  margin-left: .5em;
  color: #555;
  font-size: .9em
}
.form .fk-file-btn {
  display: inline-block;
  padding: .5em 1em;
  color: #000;
  font-size: 13px;
  background-color: #ccc;
  pointer-events: none
}
.form .fk-file-help {
  color: #757575;
  font-size: 11px;
  font-style: italic
}
.form .fk-file input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 100px;
  margin: 0;
  opacity: 0;
  cursor: pointer
}
.form .fk-file input[type=file]::-webkit-file-upload-button {
  cursor: pointer
}
.form_error {
  padding: 1em;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .15), inset 0 1px rgba(255, 255, 255, .75);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .15), inset 0 1px rgba(255, 255, 255, .75);
  border: solid 1px #bd9191;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fbe3e4), to(#ecc5c7));
  background-image: linear-gradient(to bottom, #fbe3e4, #ecc5c7);
  text-shadow: 0 1px #fefdf2;
  color: #855757;
  margin-bottom: 1em;
  line-height: 1.2
}
.form_error .btn {
  padding: 5px 10px;
  text-shadow: none
}
.form_success {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .15), inset 0 1px rgba(255, 255, 255, .75);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .15), inset 0 1px rgba(255, 255, 255, .75);
  border: solid 1px #a5b36b;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#e6efc2), to(#f1f7db));
  background-image: linear-gradient(to top, #e6efc2, #f1f7db);
  height: auto;
  padding: 1em;
  text-shadow: 0 1px #fefdf2;
  color: #6f7a42;
  margin-bottom: 1em;
  line-height: 1.2
}
.form_success .btn {
  padding: 5px 10px;
  text-shadow: none
}
.form_info {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .15), inset 0 1px rgba(255, 255, 255, .75);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .15), inset 0 1px rgba(255, 255, 255, .75);
  border: solid 1px rgba(170, 170, 170, .6666666667);
  background-image: -webkit-gradient(linear, left bottom, left top, from(#f1f1f1), to(#fcfcfc));
  background-image: linear-gradient(to top, #f1f1f1, #fcfcfc);
  height: auto;
  padding: 1em;
  text-shadow: 0 1px #fefdf2;
  color: #555;
  margin-bottom: 1em;
  line-height: 1.2
}
.form_info .btn {
  padding: 5px 10px;
  text-shadow: none
}
.botons .btn {
  vertical-align: top
}
.botons .gris {
  background: #666;
  border-color: #444
}
.comentari-notes {
  height: 0;
  overflow: hidden
}
.enclosure label {
  line-height: 1;
  margin: 0
}
.enclosure label a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px
}
.form-wizard-step:not(:first-child) {
  display: none
}
.form-wizard-page {
  margin-left: 1em
}
.generic-header {
  position: relative;
  margin-bottom: 2rem
}
.generic-header-slider-item--top-left {
  background-position: left top
}
.generic-header-slider-item--top-center {
  background-position: center top
}
.generic-header-slider-item--top-right {
  background-position: right top
}
.generic-header-slider-item--middle-left {
  background-position: left center
}
.generic-header-slider-item--middle-center {
  background-position: center center
}
.generic-header-slider-item--middle-right {
  background-position: right center
}
.generic-header-slider-item--bottom-left {
  background-position: left bottom
}
.generic-header-slider-item--bottom-center {
  background-position: center bottom
}
.generic-header-slider-item--bottom-right {
  background-position: right bottom
}
.generic-header-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .3);
  z-index: 25
}
.generic-header-container {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  z-index: 50
}
.generic-header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 15rem;
  padding: 1.5rem;
  color: #fff
}
.generic-header-inner--top-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: left;
  padding-right: 30%
}
.generic-header-inner--top-center {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding-left: 10rem;
  padding-right: 10rem
}
.generic-header-inner--top-right {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  text-align: right;
  padding-left: 30%
}
.generic-header-inner--middle-left {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: left;
  padding-right: 30%;
  padding-top: 3rem;
  padding-bottom: 3rem
}
.generic-header-inner--middle-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding-left: 10rem;
  padding-right: 10rem;
  padding-top: 3rem;
  padding-bottom: 3rem
}
.generic-header-inner--middle-right {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  text-align: right;
  padding-left: 30%;
  padding-top: 3rem;
  padding-bottom: 3rem
}
.generic-header-inner--bottom-left {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: left;
  padding-right: 30%
}
.generic-header-inner--bottom-center {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding-left: 10rem;
  padding-right: 10rem
}
.generic-header-inner--bottom-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  text-align: right;
  padding-left: 30%
}
.generic-header-text {
  color: inherit;
  font-size: 1rem
}
.generic-header-text:not(:only-child) {
  margin-top: 1em
}
@media screen and (max-width:639.98px) {
  .generic-header-inner:not(.generic-header-inner--no-center) {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    padding: 1.5em!important;
    text-align: center!important
  }
  .generic-header-inner {
    min-height: 12rem!important
  }
}
#s-mobile-header {
  padding: 2em;
  background-color: #fff
}
.header-mobile .logo img {
  max-width: 260px;
  max-height: 100px
}
@media screen and (max-width:1023.98px) {
  #header .header-desktop {
    display: none
  }
}
@media screen and (min-width:1024px) {
  #header .header-mobile {
    display: none
  }
}
.image-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.image-view li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.image-view-main {
  position: relative
}
.image-view-main-img {
  cursor: pointer
}
.image-view-main-icon {
  position: absolute;
  bottom: .75rem;
  right: .75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  font-size: 1.5em;
  pointer-events: none
}
.image-view-main-icon--light {
  background-color: rgba(255, 255, 255, .9);
  opacity: .5
}
.image-view-main-icon--dark {
  background-color: rgba(0, 0, 0, .9);
  opacity: .4
}
.image-view-main-icon--dark:before {
  color: #fff
}
.image-view-main-icon--top {
  top: .75rem;
  bottom: unset
}
.image-view--active {
  outline: 1px solid #aaa
}
.item-radius {
  border-radius: 50%;
  overflow: hidden
}
.item-align-middle .item-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.item-align-middle .item-content .txt {
  position: relative;
  -ms-flex-item-align: center;
  align-self: center
}
.item-h100 .txt {
  height: 100%!important
}
.avislegal>ol,
.avislegal>ul {
  -webkit-padding-start: 20px;
  padding-inline-start: 20px
}
.avislegal table {
  width: 100%;
  border-collapse: collapse
}
.avislegal table td,
.avislegal table th {
  border: 1px solid #000;
  padding: 5px;
  text-align: left
}
.avislegal table th {
  background: #eee
}
.avislegal .titol {
  margin-top: 2.5em
}
.avislegal .order-list-item>div {
  padding-top: 8px;
  padding-bottom: 8px
}
.avislegal .order-list-item p {
  margin-bottom: 0
}
.enviar-per-correu {
  border: 1px solid #eee;
  background: #f5f5f5;
  list-style: none!important;
  padding: 1em;
  margin: .5em 0 1.5em 0!important
}
.legal-more {
  font-size: 9px
}
.legal-more a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px
}
.legal-more p {
  margin: 0
}
.legal-recaptcha {
  font-size: 9px;
  margin-bottom: 20px
}
.legal-recaptcha a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px
}
.loader {
  position: relative;
  display: none;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.loader:after,
.loader:before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 50%
}
.loader:before {
  border: 0 solid #d0d0d0
}
.loader:after {
  position: absolute;
  top: 0;
  left: 0;
  border: 0 solid transparent;
  border-right-color: #000;
  -webkit-animation: loader-rotate .8s infinite linear;
  animation: loader-rotate .8s infinite linear;
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}
.loader-12 {
  font-size: 12px
}
.loader-12:after,
.loader-12:before {
  border-width: 2px
}
.loader-16 {
  font-size: 16px
}
.loader-16:after,
.loader-16:before {
  border-width: 2px
}
.loader-24 {
  font-size: 24px
}
.loader-24:after,
.loader-24:before {
  border-width: 2px
}
.loader-32 {
  font-size: 32px
}
.loader-32:after,
.loader-32:before {
  border-width: 3px
}
.loader-48 {
  font-size: 48px
}
.loader-48:after,
.loader-48:before {
  border-width: 4px
}
.loader-64 {
  font-size: 64px
}
.loader-64:after,
.loader-64:before {
  border-width: 5px
}
.loader-96 {
  font-size: 96px
}
.loader-96:after,
.loader-96:before {
  border-width: 8px
}
.loader-128 {
  font-size: 128px
}
.loader-128:after,
.loader-128:before {
  border-width: 10px
}
.loader-inline {
  width: 1em;
  height: 1em
}
.loader-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.loader-overlay:after,
.loader-overlay:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -.5em 0 0 -.5em
}
.loader-overlay-fixed {
  position: fixed;
  z-index: 1000
}
.loader-overlay-white {
  background-color: rgba(255, 255, 255, .7)
}
.loader-overlay-black {
  background-color: rgba(0, 0, 0, .7)
}
.loader-visible {
  display: inline-block
}
.loader-visible:after {
  -webkit-animation-play-state: running;
  animation-play-state: running
}
.loader-white:before {
  border-color: rgba(255, 255, 255, .2)
}
.loader-white:after {
  border-right-color: #fff
}
@-webkit-keyframes loader-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes loader-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
.map-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, .01)
}
.map-popup {
  min-width: 180px;
  color: #000;
  font-size: 11px
}
.map-popup p {
  margin: 0;
  font-size: 11px
}
.map-popup a {
  color: #000;
  text-decoration: none!important
}
.map-popup a span:last-child {
  text-decoration: underline
}
:root {
  --mobile-menu-color: #333;
  --mobile-menu-bg-color: #fff;
  --mobile-menu-bg-color-dimmed: #f7f7f7;
  --mobile-menu-border-color: #e5e5e5;
  --mobile-menu-shadow-color: #ccc
}
.mobile-theme-dark {
  --mobile-menu-color: #f5f5f5;
  --mobile-menu-bg-color: #333;
  --mobile-menu-bg-color-dimmed: #404040;
  --mobile-menu-border-color: #555;
  --mobile-menu-shadow-color: #555
}
.mobile-drawer {
  position: relative;
  height: 100%;
  overflow: hidden
}
.mobile-nav {
  max-height: 100%;
  overflow-y: auto
}
.mobile-search {
  position: relative
}
.mobile-search label {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--mobile-menu-color);
  padding: .5em 3.5em .5em 1.5em;
  height: 4em;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.mobile-search input {
  height: 4em;
  padding: .5em 3.5em .5em 1.5em;
  color: var(--mobile-menu-color);
  background-color: var(--mobile-menu-bg-color);
  border: 0 none;
  outline: 0 none
}
.mobile-search input::-webkit-input-placeholder {
  color: inherit;
  opacity: .5
}
.mobile-search input::-moz-placeholder {
  color: inherit;
  opacity: .5
}
.mobile-search input:-ms-input-placeholder {
  color: inherit;
  opacity: .5
}
.mobile-search input::-ms-input-placeholder {
  color: inherit;
  opacity: .5
}
.mobile-search input::placeholder {
  color: inherit;
  opacity: .5
}
.mobile-search input::-webkit-input-placeholder {
  color: transparent
}
.mobile-search input::-moz-placeholder {
  color: transparent
}
.mobile-search input:-ms-input-placeholder {
  color: transparent
}
.mobile-search input::-ms-input-placeholder {
  color: transparent
}
.mobile-search input::placeholder {
  color: transparent
}
.mobile-search input:not(:-moz-placeholder)~label {
  opacity: 0
}
.mobile-search input:not(:-ms-input-placeholder)~label {
  opacity: 0
}
.mobile-search input:focus~label,
.mobile-search input:not(:placeholder-shown)~label {
  opacity: 0
}
.mobile-search button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 3rem;
  padding: 0;
  color: var(--mobile-menu-color);
  font-size: 1.5em;
  background: none transparent;
  border: 0 none;
  outline: 0 none;
  -webkit-tap-highlight-color: transparent;
  opacity: .75
}
.mobile-menu:not(:first-child) {
  border-top: 1px solid var(--mobile-menu-border-color)
}
.mobile-menu .mobile-lang-btn,
.mobile-menu .mobile-menu-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 3.5em;
  padding: .5em 1.5em;
  color: var(--mobile-menu-color);
  -webkit-tap-highlight-color: transparent
}
.mobile-menu .mobile-lang-btn:hover,
.mobile-menu .mobile-menu-item:hover {
  text-decoration: none
}
.mobile-menu .mobile-lang-btn.active,
.mobile-menu .mobile-menu-item.active {
  font-weight: 700
}
.mobile-menu ul {
  display: none;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding: 0 0 1em 2em;
  font-size: .9em
}
.mobile-menu li.has-submenu>.mobile-menu-item {
  padding-right: calc(.2em + 3rem)
}
.mobile-menu li.has-submenu-open>a .mobile-menu-toggle:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.mobile-menu li.has-submenu-open>ul {
  display: block
}
.mobile-menu-icon-left {
  margin-right: .5em;
  font-size: 1.5em
}
.mobile-menu-toggle {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 3rem;
  color: inherit;
  font-size: 1rem
}
.mobile-menu-toggle:before {
  -webkit-transition: -webkit-transform .25s ease;
  transition: -webkit-transform .25s ease;
  transition: transform .25s ease;
  transition: transform .25s ease, -webkit-transform .25s ease
}
.mobile-menu-langs {
  background-color: var(--mobile-menu-bg-color-dimmed)
}
.mobile-menu-langs li:not(:first-child) {
  border-top: 1px solid var(--mobile-menu-border-color)
}
.mobile-menu-main>li {
  -webkit-transition: background-color 250ms ease;
  transition: background-color 250ms ease
}
.mobile-menu-main>li:not(:first-child) {
  border-top: 1px solid var(--mobile-menu-border-color)
}
.mobile-menu-main>li>a {
  text-transform: uppercase
}
.mobile-menu-main>li>ul>li {
  border-top: 1px solid var(--mobile-menu-border-color)
}
.mobile-menu-main>li>ul>li>ul a {
  height: 3em;
  padding: .25em 1em
}
.mobile-menu-secondary {
  padding: .5em 0
}
.mobile-menu-secondary a {
  height: 3em;
  font-size: .9em
}
.mobile-lang {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: var(--mobile-menu-bg-color);
  border-top: 1px solid var(--mobile-menu-border-color);
  -webkit-transform: translateY(-56px);
  transform: translateY(-56px);
  -webkit-transition: -webkit-transform .2s ease;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease
}
.mobile-lang-open {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%)
}
.mobile-lang-open .mobile-menu-toggle:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.mobile-lang-open .mobile-lang-btn {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: var(--mobile-menu-bg-color);
  color: var(--mobile-menu-color)!important
}
.mobile-lang ul ul {
  display: block;
  padding: 0 0 0 2.75em
}
.mobile-lang ul ul a {
  height: 3em
}
.mobile-lang+.mobile-nav {
  max-height: calc(100% - 56px)
}
.mobile-lang-btn {
  background-color: var(--mobile-menu-bg-color-dimmed)
}
.mobile-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: .5em 1em;
  border-top: 1px solid var(--mobile-menu-border-color)
}
.mobile-social a {
  padding: .25em;
  color: var(--mobile-menu-color);
  font-size: 1.4em;
  text-decoration: none;
  opacity: .7
}
.form-newsletter p {
  margin: 0 0 .3em
}
.form-newsletter label {
  line-height: 1
}
.form-newsletter .form-newsletter-form-lopd {
  margin-bottom: 0;
  font-size: 11px;
  width: 100%
}
.form-newsletter .form-newsletter-form-lopd .enclosure {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.form-newsletter .form-newsletter-form-lopd .enclosure input {
  margin-right: 5px
}
.form-newsletter .form-newsletter-form-boto,
.form-newsletter .form-newsletter-form-inputs-boto {
  margin-top: 10px
}
.form-newsletter .form-newsletter-form-inputs-boto {
  display: none
}
.form-newsletter .form-newsletter-form-boto {
  display: inline-block
}
.newsletter-unsubscribe {
  padding: 1rem 1rem 10rem 1rem;
  text-align: center
}
.newsletter-unsubscribe .wrap-img {
  margin: 0 0 2rem 0
}
@media screen and (min-width:640px) {
  .form-newsletter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .form-newsletter--horizontal {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .form-newsletter--horizontal .form-newsletter-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
  .form-newsletter--horizontal .form-newsletter-form {
    width: 60%
  }
  .form-newsletter--horizontal .form-newsletter-form .form-newsletter-form-inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .form-newsletter--horizontal .form-newsletter-form .form-newsletter-form-inputs-email, .form-newsletter--horizontal .form-newsletter-form .form-newsletter-form-inputs-name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
  .form-newsletter--horizontal .form-newsletter-form .form-newsletter-form-inputs-boto {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    margin-top: 0;
    display: inline-block
  }
  .form-newsletter--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .form-newsletter--vertical .form-newsletter-form-inputs-boto {
    display: none
  }
  .form-newsletter--vertical .form-newsletter-form-boto {
    display: inline-block
  }
  .newsletter-unsubscribe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
  }
}
.noticia-list>li {
  margin-bottom: 1.5rem
}
.noticia-list>li:not(:last-child) {
  border-bottom: 1px solid currentColor
}
.noticia-list .img {
  display: block;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}
.noticia-list .img img {
  display: block
}
.noticia-list .img:hover {
  opacity: .9
}
.noticia-list .content {
  padding: .8rem 0
}
.noticia-list .content .title3 {
  margin: 0
}
.noticia-list .content .title3 a {
  color: inherit
}
:root {

/******************************************************************************
 * MENÚ MÓVIL (OFFCANVAS)
 * Menú lateral que se abre en móvil.
 ******************************************************************************/
  --offcanvas-header-color: #333;
  --offcanvas-header-bg-color: #fff;
  --offcanvas-header-border-color: #e5e5e5;
  --offcanvas-header-menu-toggle-color: #b2b2b2;
  --offcanvas-header-menu-toggle-active-bg-color: #f7f7f7;
  --offcanvas-header-icon-color: #bebebe;
  --offcanvas-header-icon-color-highlight: #333;
  --offcanvas-header-icon-badge-color: #fff;
  --offcanvas-header-icon-badge-bg-color: #000;
  --offcanvas-bg-color: #fff
}
.mobile-theme-dark {
  --offcanvas-header-color: #f5f5f5;
  --offcanvas-header-bg-color: #333;
  --offcanvas-header-border-color: #555;
  --offcanvas-header-menu-toggle-color: #ccc;
  --offcanvas-header-menu-toggle-active-bg-color: #404040;
  --offcanvas-header-icon-color: #ccc;
  --offcanvas-header-icon-color-highlight: #f5f5f5;
  --offcanvas-header-icon-badge-color: #333;
  --offcanvas-header-icon-badge-bg-color: #f5f5f5;
  --offcanvas-bg-color: #333
}
.offcanvas-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden
}
.offcanvas-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1015;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 56px;
  color: var(--offcanvas-header-color);
  background-color: var(--offcanvas-header-bg-color);
  border-bottom: 1px solid var(--offcanvas-header-border-color)
}
.offcanvas-header-logo {
  height: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.offcanvas-header-logo a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1em;
  height: 100%;
  max-width: 200px
}
.offcanvas-header-logo img {
  max-height: 40px
}
.offcanvas-header-logo--svg img {
  display: block;
  height: 40px;
  -o-object-fit: contain;
  object-fit: contain
}
.offcanvas-header-links {
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0
}
.offcanvas-header-menu-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  padding: 1px 14px 0 14px;
  border-left: 1px solid var(--offcanvas-header-border-color);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: background-color 250ms ease;
  transition: background-color 250ms ease
}
.offcanvas-header-menu-toggle-inner {
  position: relative
}
.offcanvas-header-menu-toggle-inner,
.offcanvas-header-menu-toggle-inner::after,
.offcanvas-header-menu-toggle-inner::before {
  width: 26px;
  height: 2px;
  background-color: var(--offcanvas-header-menu-toggle-color)
}
.offcanvas-header-menu-toggle-inner::after,
.offcanvas-header-menu-toggle-inner::before {
  content: "";
  position: absolute;
  display: block
}
.offcanvas-header-menu-toggle-inner::before {
  top: -7px;
  -webkit-transition: top .1s .1s, -webkit-transform .1s;
  transition: top .1s .1s, -webkit-transform .1s;
  transition: top .1s .1s, transform .1s;
  transition: top .1s .1s, transform .1s, -webkit-transform .1s
}
.offcanvas-header-menu-toggle-inner::after {
  bottom: -7px;
  -webkit-transition: bottom .1s .1s, -webkit-transform .1s;
  transition: bottom .1s .1s, -webkit-transform .1s;
  transition: bottom .1s .1s, transform .1s;
  transition: bottom .1s .1s, transform .1s, -webkit-transform .1s
}
.offcanvas-header-menu-toggle.is-active {
  background-color: var(--offcanvas-header-menu-toggle-active-bg-color)
}
.offcanvas-header-menu-toggle.is-active .offcanvas-header-menu-toggle-inner {
  background-color: transparent;
  -webkit-transition: background-color .1s, -webkit-transform .1s .1s;
  transition: background-color .1s, -webkit-transform .1s .1s;
  transition: background-color .1s, transform .1s .1s;
  transition: background-color .1s, transform .1s .1s, -webkit-transform .1s .1s
}
.offcanvas-header-menu-toggle.is-active .offcanvas-header-menu-toggle-inner::before {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: top .1s, -webkit-transform .1s .1s;
  transition: top .1s, -webkit-transform .1s .1s;
  transition: top .1s, transform .1s .1s;
  transition: top .1s, transform .1s .1s, -webkit-transform .1s .1s
}
.offcanvas-header-menu-toggle.is-active .offcanvas-header-menu-toggle-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: bottom .1s, -webkit-transform .1s .1s;
  transition: bottom .1s, -webkit-transform .1s .1s;
  transition: bottom .1s, transform .1s .1s;
  transition: bottom .1s, transform .1s .1s, -webkit-transform .1s .1s
}
.offcanvas-header-icon-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px
}
.offcanvas-header-icon {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5px;
  color: var(--offcanvas-header-icon-color);
  line-height: 1em;
  font-size: 26px;
  text-align: center;
  outline: 0 none;
  -webkit-tap-highlight-color: transparent
}
.offcanvas-header-icon--active,
.offcanvas-header-icon:active,
.offcanvas-header-icon:hover {
  color: var(--offcanvas-header-icon-color-highlight)
}
.offcanvas-header-icon:hover {
  text-decoration: none
}
.offcanvas-header-icon-badge {
  position: absolute;
  bottom: 2px;
  right: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 1.5em;
  height: 1.5em;
  padding: 2px;
  color: var(--offcanvas-header-icon-badge-color);
  font-size: 10px;
  line-height: 1em;
  font-weight: 600;
  text-align: center;
  background-color: var(--offcanvas-header-icon-badge-bg-color);
  border-radius: 1em
}
.offcanvas {
  position: fixed;
  top: 56px;
  z-index: 1012;
  width: 100%;
  max-width: 100%;
  height: calc(100% - 56px);
  overflow-y: auto;
  background-color: var(--offcanvas-bg-color);
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease;
  transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease;
  transition: transform .3s ease, box-shadow .3s ease;
  transition: transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease, -webkit-box-shadow .3s ease;
  will-change: transform
}
.offcanvas.is-open~.offcanvas-overlay {
  opacity: 1;
  visibility: visible
}
.offcanvas.position-left {
  right: 100%
}
.offcanvas.position-left.is-open {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-box-shadow: -14px 0 33px 10px rgba(0, 0, 0, .5);
  box-shadow: -14px 0 33px 10px rgba(0, 0, 0, .5)
}
.offcanvas.position-right {
  left: 100%
}
.offcanvas.position-right.is-open {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-box-shadow: 14px 0 33px 10px rgba(0, 0, 0, .5);
  box-shadow: 14px 0 33px 10px rgba(0, 0, 0, .5)
}
.offcanvas-content {
  z-index: 1010;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden
}
.offcanvas-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1011;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, .35);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .5s ease, visibility .5s ease;
  transition: opacity .5s ease, visibility .5s ease;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent
}
@media screen and (min-width:640px) {
  .offcanvas {
    width: 320px
  }
}
@media screen and (max-width:1023.98px) {
  .offcanvas-wrapper {
    padding-top: 56px
  }
  .offcanvas-content.h100 {
    min-height: calc(100vh - 56px)
  }
}
@media screen and (min-width:1024px) {
  .offcanvas, .offcanvas-header, .offcanvas-overlay {
    display: none
  }
}
.ripple {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.ripple:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(circle, currentColor 10%, transparent 10.01%) no-repeat center;
  opacity: 0;
  -webkit-transform: scale(10, 10);
  transform: scale(10, 10);
  -webkit-transition: opacity 1s, -webkit-transform .5s;
  transition: opacity 1s, -webkit-transform .5s;
  transition: transform .5s, opacity 1s;
  transition: transform .5s, opacity 1s, -webkit-transform .5s
}
.ripple:active:after {
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  opacity: .2;
  -webkit-transition: 0s;
  transition: 0s
}
.text .title2:last-child,
.text .title3:last-child,
.text .title4:last-child,
.text h1:last-child,
.text h2:last-child,
.text h3:last-child,
.text h4:last-child,
.text h5:last-child,
.text h6:last-child,
.text ol:last-child,
.text p:last-child,
.text table:last-child,
.text ul:last-child {
  margin-bottom: 0!important
}
.ubicacio {
  list-style: none;
  line-height: 1.6
}
.ubicacio-name {
  display: block;
  margin-bottom: 3px;
  font-weight: 600;
  text-transform: uppercase
}
.ubicacio-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
.ubicacio-item-icon {
  text-align: center;
  display: none
}
.ubicacio-item-line {
  display: inline-block;
  margin: 0;
  line-height: 1.25
}
.ubicacio-item-line .fa,
.ubicacio-item-line .fc {
  min-width: 17px;
  display: none
}
.ubicacio-item .tooltip {
  cursor: pointer
}
.ubicacio-item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}
.ubicacio-block .ubicacio-item-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.ubicacio-block .ubicacio-item-content {
  overflow: hidden
}
.ubicacio-block.ubicacio-text .ubicacio-item-icon {
  display: none
}
.ubicacio-inline {
  -webkit-box-align: first baseline;
  -ms-flex-align: first baseline;
  align-items: first baseline
}
.ubicacio-inline .ubicacio-item:not(:last-child):after {
  content: "·";
  margin-right: 5px;
  margin-left: 5px
}
.ubicacio-inline .ubicacio-item-list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.ubicacio-inline .ubicacio-item-line {
  display: inline-block;
  vertical-align: baseline
}
.ubicacio-inline.ubicacio-text .ubicacio-item-list>.ubicacio-item-list .ubicacio-item-icon:before {
  content: "·";
  margin: 0 .4em
}
.ubicacio-icones .ubicacio-item {
  margin-right: 8px
}
.ubicacio-icones .ubicacio-item:after {
  display: none
}
.ubicacio-icones .ubicacio-item-content-label {
  display: none
}
.ubicacio-align-left {
  text-align: left
}
.ubicacio-align-left.ubicacio-inline .ubicacio-item-list {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.ubicacio-align-left.ubicacio-inline.ubicacio-icones .ubicacio-item {
  margin-right: 8px
}
.ubicacio-align-left.ubicacio-inline.ubicacio-text .ubicacio-item-icon {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}
.ubicacio-align-left.ubicacio-inline.ubicacio-text .ubicacio-item:last-child .ubicacio-item-icon {
  display: none
}
.ubicacio-align-left.ubicacio-icones .ubicacio-item-icon {
  margin: 0 .25em 0 0
}
.ubicacio-align-right {
  text-align: right
}
.ubicacio-align-right.ubicacio-block .ubicacio-item-list {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}
.ubicacio-align-right.ubicacio-inline .ubicacio-item-list {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
.ubicacio-align-right.ubicacio-inline.ubicacio-icones .ubicacio-item {
  margin-left: 8px
}
.ubicacio-align-right.ubicacio-inline.ubicacio-text .ubicacio-item:first-child .ubicacio-item-icon {
  display: none
}
.ubicacio-align-right.ubicacio-icones .ubicacio-item-icon {
  margin: 0 .25em 0 0
}
.ubicacio-align-right.ubicacio-icones .ubicacio-item-icon .fa,
.ubicacio-align-right.ubicacio-icones .ubicacio-item-icon .fc {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg)
}
.ubicacio-align-center {
  text-align: center
}
.ubicacio-align-center.ubicacio-block .ubicacio-item-list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.ubicacio-align-center.ubicacio-inline .ubicacio-item-list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.ubicacio-align-center.ubicacio-inline.ubicacio-icones .ubicacio-item {
  margin-right: 8px
}
.ubicacio-align-center.ubicacio-inline.ubicacio-text .ubicacio-item-icon {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}
.ubicacio-align-center.ubicacio-inline.ubicacio-text .ubicacio-item:last-child .ubicacio-item-icon {
  display: none
}
.ubicacio-align-center.ubicacio-icones .ubicacio-item-icon {
  margin: 0 .25em 0 0
}
@media screen and (min-width:640px) {
  .ubicacio-icones .ubicacio-item-icon {
    display: inline-block;
    width: 1.25em
  }
}
@media screen and (max-width:639.98px) {
  .ubicacio {
    text-align: center
  }
  .ubicacio.ubicacio-block .ubicacio-item-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .ubicacio.ubicacio-inline .ubicacio-item-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .ubicacio.ubicacio-inline.ubicacio-icones .ubicacio-item {
    margin-right: 8px
  }
  .ubicacio.ubicacio-inline.ubicacio-text .ubicacio-item-icon {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
  .ubicacio.ubicacio-inline.ubicacio-text .ubicacio-item:last-child .ubicacio-item-icon {
    display: none
  }
  .ubicacio .ubicacio-item-line .fa, .ubicacio .ubicacio-item-line .fc {
    display: none
  }
  .ubicacio .ubicacio-item-content-label {
    display: inline-block
  }
}
.login-menu .list {
  display: none
}
.login-menu--opened .list {
  display: block
}
.login-menu--position-left .list {
  left: 0
}
.login-menu--position-right .list {
  right: 0
}
.login-menu--position-top .list {
  top: 100%
}
.login-menu--position-bottom .list {
  bottom: 100%
}
.player-audio {
  background-color: rgba(0, 0, 0, .025);
  padding: 10px 14px
}
.player-audio-display {
  font-size: 14px;
  margin-bottom: 10px
}
.player-audio-display-name {
  margin-left: 14px;
  margin-right: 6px
}
.player-audio-display-extension {
  opacity: .75
}
.player-audio-controls {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 350px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.player-audio-controls-download,
.player-audio-controls-pause,
.player-audio-controls-play {
  background-color: #eee;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  cursor: pointer
}
.player-audio-controls-download span,
.player-audio-controls-pause span,
.player-audio-controls-play span {
  color: #000;
  font-size: 12px
}
.player-audio-controls-download:hover,
.player-audio-controls-pause:hover,
.player-audio-controls-play:hover {
  text-decoration: none;
  background-color: #ddd
}
.player-audio-controls-pause {
  display: none
}
.player-audio-controls-time {
  margin-right: 10px;
  font-size: 12px;
  white-space: nowrap
}
.player-audio-controls-range {
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-appearance: none;
  padding: 0;
  height: 25px;
  outline: 0;
  background: 0 0
}
.player-audio-controls-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: #777;
  border-radius: 5px
}
.player-audio-controls-range::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: #777;
  border-radius: 5px
}
.player-audio-controls-range::-webkit-slider-thumb {
  position: relative;
  -webkit-appearance: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #777;
  cursor: pointer;
  margin: -4px 0 0 0
}
.player-audio-controls-range::-moz-range-thumb {
  position: relative;
  -webkit-appearance: none;
  box-sizing: content-box;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #777;
  cursor: pointer;
  margin: -4px 0 0 0
}
.player-audio--play .player-audio-controls-play {
  display: none
}
.player-audio--play .player-audio-controls-pause {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}
@media screen and (max-width:639.98px) {

}
.slide-header {
  position: relative
}
.slide-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}
@media screen and (max-width:639.98px) {
  :root {
    --swiper-navigation-size: 32px
  }
}
@media screen and (min-width:640px) and (max-width:1023.98px) {
  :root {
    --swiper-navigation-size: 32px
  }
}
@media screen and (min-width:640px) {
  :root {
    --swiper-navigation-size: 40px
  }
}
@media screen and (min-width:1024px) {
  :root {
    --swiper-navigation-size: 48px
  }
}
.slide-horizontal {
  position: relative;
  padding: 1rem
}
.slide-horizontal-sizer {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: var(--swiper-sizer-padding-bottom-desktop, 56.25%)
}
.slide-horizontal-content {
  margin-top: 2rem;
  width: 100%
}
.slide-horizontal img {
  width: 100%
}
.slide-horizontal--pagination-bullets {
  padding-bottom: 3rem
}
@media screen and (max-width:639.98px) {
  :root {
    --swiper-navigation-size: 32px
  }
}
@media screen and (min-width:1024px) {
  :root {
    --swiper-navigation-size: 48px
  }
  .slide-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .slide-horizontal-images {
    width: 50%
  }
  .slide-horizontal-content {
    width: 50%;
    padding-top: 0;
    padding-right: 60px;
    padding-left: 60px;
    margin-top: 0
  }
  .slide-horizontal--left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
  .slide-horizontal--right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
  .slide-horizontal--arrows-outside {
    padding-left: 60px;
    padding-right: 60px
  }
}
.filters {
  margin-bottom: 1rem
}
.filters-item {
  margin-bottom: 1rem;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content
}
.filters label {
  font-size: 1em;
  font-weight: 600!important;
  line-height: 1
}
.filters input,
.filters select {
  height: 35px
}
.filters input:focus,
.filters select:focus {
  border-color: #ccc!important
}
.filters .search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.filters .search input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-right: 0
}
.filters .search button {
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 .5em;
  border: 1px solid #ccc;
  background-color: #f5f5f5
}
.review-item-text {
  margin-top: 10px
}
.review-item-author {
  margin-top: 10px;
  text-decoration: underline
}
.score {
  color: #feb714;
  font-size: 0
}
.score span {
  display: inline-block;
  font-size: 16px
}
.score span.none {
  --_fa-family:var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Pro'));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em)
}
.score span.none::before {
  content: "\f005"
}
.score span.half {
  --_fa-family:var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Pro'));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em)
}
.score span.half::before {
  content: "\f5c0"
}
.score span.full {
  --_fa-family:var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Pro'));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em)
}
.score span.full::before {
  content: "\f005"
}
.share a {
  display: inline-block;
  vertical-align: top;
  font-size: 20px
}
.share-facebook .fab {
  color: #3b5998
}
.share-twitter .fab {
  color: #000
}
.social {
  line-height: 100%
}
.social a {
  display: block;
  font-size: 23px
}
.social a:hover {
  text-decoration: none
}
.social.inline li {
  margin: 0 .25em
}
.social-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 0 0 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 30px;
  aspect-ratio: 1;
  font-size: 13px;
  cursor: pointer;
  color: var(--color)
}
.social-item a {
  font-size: inherit!important;
  color: inherit!important
}
.social-item span {
  font-size: inherit!important
}
.social--normal .social-item {
  width: auto!important
}
.social--normal .social-item:hover {
  color: var(--color-hover, inherit)
}
.social--rounded-solid .social-item,
.social--square-solid .social-item {
  background-color: var(--color)
}
.social--rounded-solid .social-item span,
.social--square-solid .social-item span {
  color: var(--color-text, inherit)
}
.social--rounded-solid .social-item:hover,
.social--square-solid .social-item:hover {
  background-color: var(--color-hover, inherit)
}
.social--rounded-outline .social-item,
.social--square-outline .social-item {
  border-width: 1px;
  border-style: solid;
  border-color: var(--color);
  color: var(--color)
}
.social--rounded-outline .social-item:hover,
.social--square-outline .social-item:hover {
  color: var(--color-hover, inherit);
  border-color: var(--color-hover, inherit)
}
.social--rounded-solid .social-item {
  border-radius: 50%
}
.social--rounded-outline .social-item {
  border-radius: 50%
}
@media (max-width:639.98px) {
  .social li {
    float: none
  }
}
.wishlist .imatge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.wishlist .imatge img {
  border: 1px solid #ccc;
  margin-right: 10px
}
.wishlist_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, .7);
  border: none;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  font-size: 1.1rem
}
.wishlist_btn span {
  margin-top: 3px;
  cursor: pointer
}
.wishlist_btn span.active {
  color: #000
}
.elements .wishlist_btn {
  position: absolute;
  top: .5rem;
  right: .5rem
}
.fancybox-caption strong {
  display: block
}
.fancybox__slide.has-caption .f-caption {
  text-align: center
}
[data-fancybox] {
  cursor: pointer
}
.lbvXTF {
  z-index: 999!important
}
.grecaptcha-badge {
  visibility: hidden
}
.widget-type-account a:hover {
  text-decoration: none
}
.widget-type-account .account-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.widget-type-account .account-button a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.widget-type-account .account-button-text {
  padding-left: .4em
}
.breadcrumbs ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: .9em;
  line-height: 1em;
  padding: 5px 0 0 0
}
.breadcrumbs ul li {
  line-height: 1.5em;
  margin: 0 .5em 0 0
}
.breadcrumbs ul li a {
  padding: 0 .5em 0 0
}
.widget-type-cart>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.widget-type-cart a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.widget-type-cart a:hover {
  text-decoration: none
}
.widget-type-cart .cart-icon {
  display: inline-block;
  position: relative;
  padding-right: .5em;
  line-height: 1
}
.widget-type-cart .cart-icon-units {
  position: absolute;
  top: -.5em;
  right: 0;
  font-size: .6em;
  border-radius: 50%;
  min-width: 1.4em;
  height: 1.4em;
  font-weight: 700;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: .6em
}
.widget-type-cart .cart-text {
  padding-left: .4em
}
.widget-type-diapositiva-carousel .card-align-left,
.widget-type-diapositiva-carousel .card-align-right {
  height: 100%
}
.widget-type-diapositiva-carousel .card-px-none .card-content {
  padding-left: 0;
  padding-right: 0
}
.widget-type-diapositiva-carousel .card-py-none .card-content {
  padding-top: 0;
  padding-bottom: 0
}
.widget-type-diapositiva-carousel .card-px-small .card-content {
  padding-left: 1rem;
  padding-right: 1rem
}
.widget-type-diapositiva-carousel .card-py-small .card-content {
  padding-top: 1rem;
  padding-bottom: 1rem
}
.widget-type-diapositiva-carousel .card-px-medium .card-content {
  padding-left: 2rem;
  padding-right: 2rem
}
.widget-type-diapositiva-carousel .card-py-medium .card-content {
  padding-top: 2rem;
  padding-bottom: 2rem
}
.widget-type-diapositiva-carousel .card-px-large .card-content {
  padding-left: 4rem;
  padding-right: 4rem
}
.widget-type-diapositiva-carousel .card-py-large .card-content {
  padding-top: 4rem;
  padding-bottom: 4rem
}
.widget-type-diapositiva-carousel .card-px-xlarge .card-content {
  padding-left: 6rem;
  padding-right: 6rem
}
.widget-type-diapositiva-carousel .card-py-xlarge .card-content {
  padding-top: 6rem;
  padding-bottom: 6rem
}
.widget-type-diapositiva-slide .btn {
  margin-top: 1rem
}
.widget-type-embed embed,
.widget-type-embed iframe,
.widget-type-embed object,
.widget-type-embed video {
  display: block;
  max-width: 100%;
  margin: 0 auto
}
.widget-type-gallery .gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: calc(100% + .5rem);
  margin: 0 -.25rem
}
.widget-type-gallery .gallery img {
  width: 100%
}
.widget-type-gallery .gallery>li {
  padding: .25rem
}
.widget-type-gallery .gallery figcaption {
  padding: .25em 0 0 0;
  font-size: .9em;
  font-style: italic;
  opacity: .6
}
.widget-type-gallery .gallery-col-2>li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}
.widget-type-gallery .gallery-col-3>li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.3333333333%;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%
}
.widget-type-gallery .gallery-col-4>li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%
}
.widget-type-gallery .gallery-col-5>li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%
}
.widget-type-gallery .gallery-col-6>li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.6666666667%;
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%
}
@media screen and (max-width:639.98px) {
  .widget-type-gallery .gallery>li {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 50%!important;
    flex: 0 0 50%!important;
    max-width: 50%!important
  }
}
.widget-type-image,
.widget-type-image-svg {
  text-align: center
}
.widget-type-image figure,
.widget-type-image-svg figure {
  display: block;
  max-width: 100%;
  margin: 0;
  position: relative
}
.widget-type-image figure img,
.widget-type-image-svg figure img {
  display: block;
  width: 100%
}
.widget-type-image figure figcaption,
.widget-type-image-svg figure figcaption {
  padding: .25em 0 0 0;
  font-size: .9em;
  font-style: italic;
  opacity: .6
}
.widget-type-image figure.width-full,
.widget-type-image-svg figure.width-full {
  width: 100%!important
}
.widget-type-map figure {
  display: block;
  margin: 0
}
.widget-type-map figure figcaption {
  padding: .25em 0 0 0;
  font-size: .9em;
  font-style: italic;
  text-align: left;
  opacity: .6
}
.widget-type-menu-list .menu-list {
  list-style: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.widget-type-menu-list .menu-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.widget-type-menu-list .menu-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.widget-type-menu-list .menu-list li.active a {
  text-decoration: underline
}
.widget-type-menu-list .menu-list--direction-horizontal {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.widget-type-menu-list .menu-list--direction-horizontal li:not(:first-child) {
  margin-top: 0;
  margin-left: 1em
}
.widget-type-menu-list .menu-list--direction-horizontal.menu-list--align-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.widget-type-menu-list .menu-list--direction-horizontal.menu-list--align-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
.widget-type-menu-list .menu-list--direction-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.widget-type-menu-list .menu-list--direction-vertical.menu-list--align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.widget-type-menu-list .menu-list--direction-vertical.menu-list--align-right {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}
@media screen and (min-width:640px) and (max-width:1023.98px) {
  .widget-type-menu-list .menu-list--direction-md-horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
  .widget-type-menu-list .menu-list--direction-md-horizontal li:not(:first-child) {
    margin-left: 1em
  }
  .widget-type-menu-list .menu-list--direction-md-horizontal.menu-list--align-md-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .widget-type-menu-list .menu-list--direction-md-horizontal.menu-list--align-md-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .widget-type-menu-list .menu-list--direction-md-horizontal.menu-list--align-md-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
  .widget-type-menu-list .menu-list--direction-md-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .widget-type-menu-list .menu-list--direction-md-vertical.menu-list--align-md-left {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .widget-type-menu-list .menu-list--direction-md-vertical.menu-list--align-md-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .widget-type-menu-list .menu-list--direction-md-vertical.menu-list--align-md-right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }
}
@media screen and (max-width:639.98px) {
  .widget-type-menu-list .menu-list--direction-sm-horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
  .widget-type-menu-list .menu-list--direction-sm-horizontal li:not(:first-child) {
    margin-left: 1em
  }
  .widget-type-menu-list .menu-list--direction-sm-horizontal.menu-list--align-sm-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .widget-type-menu-list .menu-list--direction-sm-horizontal.menu-list--align-sm-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .widget-type-menu-list .menu-list--direction-sm-horizontal.menu-list--align-sm-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
  .widget-type-menu-list .menu-list--direction-sm-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .widget-type-menu-list .menu-list--direction-sm-vertical.menu-list--align-sm-left {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .widget-type-menu-list .menu-list--direction-sm-vertical.menu-list--align-sm-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .widget-type-menu-list .menu-list--direction-sm-vertical.menu-list--align-sm-right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }
}
.widget-type-menu-dropdown .menu-dropdown {
  list-style: none;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.widget-type-menu-dropdown .menu-dropdown a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: background-color 150ms ease-in, color 150ms ease-in;
  transition: background-color 150ms ease-in, color 150ms ease-in
}
.widget-type-menu-dropdown .menu-dropdown a .menu-dropdown-icon {
  margin-left: .3em;
  font-size: .7em
}
.widget-type-menu-dropdown .menu-dropdown li ul {
  -webkit-box-shadow: none;
  box-shadow: none
}
.widget-type-menu-dropdown .menu-dropdown li ul a {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.widget-type-language-list .language-list {
  list-style: none;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.widget-type-language-list .language-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.widget-type-language-list .language-list li span.language-list-flag {
  width: 19px;
  display: block
}
.widget-type-language-list .language-list li.active a {
  text-decoration: underline
}
.widget-type-language-list .language-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.widget-type-language-list .language-list--style-flag-code .language-list-flag,
.widget-type-language-list .language-list--style-flag-name .language-list-flag {
  margin-right: .5em
}
.widget-type-language-list .language-list--direction-horizontal {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.widget-type-language-list .language-list--direction-horizontal li:not(:first-child) {
  margin-top: 0;
  margin-left: 1em
}
.widget-type-language-list .language-list--direction-horizontal.language-list--align-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.widget-type-language-list .language-list--direction-horizontal.language-list--align-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
.widget-type-language-list .language-list--direction-vertical {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.widget-type-language-list .language-list--direction-vertical.language-list--align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.widget-type-language-list .language-list--direction-vertical.language-list--align-right {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}
@media screen and (min-width:640px) and (max-width:1023.98px) {
  .widget-type-language-list .language-list--direction-md-horizontal li:not(:first-child) {
    margin-left: 1em
  }
  .widget-type-language-list .language-list--direction-md-horizontal.language-list--align-md-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .widget-type-language-list .language-list--direction-md-horizontal.language-list--align-md-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .widget-type-language-list .language-list--direction-md-horizontal.language-list--align-md-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
  .widget-type-language-list .language-list--direction-md-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .widget-type-language-list .language-list--direction-md-vertical li:not(:first-child) {
    margin-left: 0
  }
  .widget-type-language-list .language-list--direction-md-vertical.language-list--align-md-left {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .widget-type-language-list .language-list--direction-md-vertical.language-list--align-md-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .widget-type-language-list .language-list--direction-md-vertical.language-list--align-md-right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }
}
@media screen and (max-width:639.98px) {
  .widget-type-language-list .language-list--direction-sm-horizontal li:not(:first-child) {
    margin-left: 1em
  }
  .widget-type-language-list .language-list--direction-sm-horizontal.language-list--align-sm-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .widget-type-language-list .language-list--direction-sm-horizontal.language-list--align-sm-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .widget-type-language-list .language-list--direction-sm-horizontal.language-list--align-sm-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
  .widget-type-language-list .language-list--direction-sm-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .widget-type-language-list .language-list--direction-sm-vertical li:not(:first-child) {
    margin-left: 0
  }
  .widget-type-language-list .language-list--direction-sm-vertical.language-list--align-sm-left {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .widget-type-language-list .language-list--direction-sm-vertical.language-list--align-sm-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .widget-type-language-list .language-list--direction-sm-vertical.language-list--align-sm-right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }
}
.widget-type-language-dropdown .language-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.widget-type-language-dropdown .language-dropdown a {
  -webkit-transition: background-color 150ms ease-in, color 150ms ease-in;
  transition: background-color 150ms ease-in, color 150ms ease-in
}
.widget-type-language-dropdown .language-dropdown>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.widget-type-language-dropdown .language-dropdown>li ul {
  padding-top: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  min-width: 6em
}
.widget-type-language-dropdown .language-dropdown>li ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.widget-type-language-dropdown .language-dropdown>li ul li.active a {
  text-decoration: underline
}
.widget-type-language-dropdown .language-dropdown .language-dropdown-text-flag {
  width: 19px;
  display: block;
  margin-right: .5em;
  line-height: 1
}
.widget-type-language-dropdown .language-dropdown-text {
  padding-left: .6em
}
.widget-type-language-dropdown .language-dropdown-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.widget-type-language-dropdown .language-dropdown-angle {
  margin-left: .5em;
  display: inline-block
}
.widget-type-language-dropdown .language-dropdown--style-text .language-dropdown-icon {
  display: none
}
.widget-type-language-dropdown .language-dropdown--style-icon .language-dropdown-language {
  display: none
}
.widget-type-language-dropdown .language-dropdown--style-all .language-dropdown-icon {
  margin-right: .4em
}
.widget-type-language-dropdown .language-dropdown--content-flag-code .language-dropdown-text-flag,
.widget-type-language-dropdown .language-dropdown--content-flag-name .language-dropdown-text-flag {
  margin-right: .5em
}
.widget-type-marquee .marquee {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  padding: 20px 0;
  overflow: hidden;
  --textWidth: 100;
  --animSpeed: 100
}
.widget-type-marquee .marquee-content {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.widget-type-marquee .marquee-content.title2,
.widget-type-marquee .marquee-content.title3,
.widget-type-marquee .marquee-content.title4 {
  margin: 0
}
.widget-type-marquee .marquee-text {
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin: 0;
  padding-right: 25px
}
.widget-type-marquee .marquee-copies {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  width: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.widget-type-marquee .marquee--direction-left .marquee-content {
  -webkit-animation: marquee-to-left calc(var(--textWidth) * 1s / var(--animSpeed)) linear infinite;
  animation: marquee-to-left calc(var(--textWidth) * 1s / var(--animSpeed)) linear infinite
}
.widget-type-marquee .marquee--direction-right .marquee-content {
  -webkit-animation: marquee-to-right calc(var(--textWidth) * 1s / var(--animSpeed)) linear infinite;
  animation: marquee-to-right calc(var(--textWidth) * 1s / var(--animSpeed)) linear infinite
}
.widget-type-marquee .marquee--duration-slow .marquee-content {
  --animSpeed: 50
}
.widget-type-marquee .marquee--duration-normal .marquee-content {
  --animSpeed: 100
}
.widget-type-marquee .marquee--duration-fast .marquee-content {
  --animSpeed: 150
}
@-webkit-keyframes marquee-to-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}
@keyframes marquee-to-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}
@-webkit-keyframes marquee-to-right {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes marquee-to-right {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@media screen and (min-width:640px) {
  .widget-type-marquee .marquee--duration-slow .marquee-content {
    --animSpeed: 50
  }
  .widget-type-marquee .marquee--duration-normal .marquee-content {
    --animSpeed: 100
  }
  .widget-type-marquee .marquee--duration-fast .marquee-content {
    --animSpeed: 150
  }
}
@media screen and (min-width:1024px) {
  .widget-type-marquee .marquee--duration-slow .marquee-content {
    --animSpeed: 50
  }
  .widget-type-marquee .marquee--duration-normal .marquee-content {
    --animSpeed: 100
  }
  .widget-type-marquee .marquee--duration-fast .marquee-content {
    --animSpeed: 150
  }
}
.widget-newsletter {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px
}
.widget-newsletter-lopd {
  padding-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.widget-newsletter-lopd label {
  margin-left: 8px;
  margin-bottom: 0;
  font-size: .85em!important
}
.widget-newsletter-lopd label a {
  text-decoration: underline;
  color: inherit
}
.widget-newsletter--direction-horizontal {
  grid-template-columns: repeat(2, 1fr)
}
.widget-newsletter--direction-horizontal>div {
  grid-column: span 2
}
.widget-newsletter--direction-horizontal>div.widget-newsletter-email,
.widget-newsletter--direction-horizontal>div.widget-newsletter-name {
  grid-column: span 1
}
.widget-newsletter--align-center .widget-newsletter-button,
.widget-newsletter--align-center .widget-newsletter-lopd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.widget-newsletter--align-center .widget-newsletter-recaptcha,
.widget-newsletter--align-center .widget-newsletter-result {
  text-align: center
}
.widget-newsletter--align-right .widget-newsletter-button,
.widget-newsletter--align-right .widget-newsletter-lopd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
.widget-newsletter--align-right .widget-newsletter-recaptcha,
.widget-newsletter--align-right .widget-newsletter-result {
  text-align: right
}
.widget-type-subapartat-list .elements {
  width: calc(100% + 2em);
  margin: 0 -1em
}
.widget-type-product-list>div {
  width: calc(100% + 2em);
  margin: 0 -1em
}
.widget-type-search-simple .search-simple-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.widget-type-search-simple .search-simple-icon a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}
.widget-type-search-simple .search-simple-background form,
.widget-type-search-simple .search-simple-line form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.widget-type-search-simple .search-simple-background label,
.widget-type-search-simple .search-simple-line label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  margin-bottom: 0;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.widget-type-search-simple .search-simple-background input,
.widget-type-search-simple .search-simple-line input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: 0 0;
  border: none;
  width: 180px;
  line-height: 1;
  outline: 0;
  font-family: inherit
}
.widget-type-search-simple .search-simple-background input::-webkit-input-placeholder,
.widget-type-search-simple .search-simple-line input::-webkit-input-placeholder {
  color: transparent
}
.widget-type-search-simple .search-simple-background input::-moz-placeholder,
.widget-type-search-simple .search-simple-line input::-moz-placeholder {
  color: transparent
}
.widget-type-search-simple .search-simple-background input:-ms-input-placeholder,
.widget-type-search-simple .search-simple-line input:-ms-input-placeholder {
  color: transparent
}
.widget-type-search-simple .search-simple-background input::-ms-input-placeholder,
.widget-type-search-simple .search-simple-line input::-ms-input-placeholder {
  color: transparent
}
.widget-type-search-simple .search-simple-background input::placeholder,
.widget-type-search-simple .search-simple-line input::placeholder {
  color: transparent
}
.widget-type-search-simple .search-simple-background input:active+label,
.widget-type-search-simple .search-simple-background input:focus+label,
.widget-type-search-simple .search-simple-line input:active+label,
.widget-type-search-simple .search-simple-line input:focus+label {
  display: none
}
.widget-type-search-simple .search-simple-background input:not(:-moz-placeholder)+label,
.widget-type-search-simple .search-simple-line input:not(:-moz-placeholder)+label {
  display: none
}
.widget-type-search-simple .search-simple-background input:not(:-ms-input-placeholder)+label,
.widget-type-search-simple .search-simple-line input:not(:-ms-input-placeholder)+label {
  display: none
}
.widget-type-search-simple .search-simple-background input:not(:placeholder-shown)+label,
.widget-type-search-simple .search-simple-line input:not(:placeholder-shown)+label {
  display: none
}
.widget-type-search-simple .search-simple-background button,
.widget-type-search-simple .search-simple-line button {
  background-color: transparent;
  border: none;
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.widget-type-search-simple .search-simple-line input,
.widget-type-search-simple .search-simple-line label {
  padding: .4em .5em
}
.widget-type-search-simple .search-simple-background input,
.widget-type-search-simple .search-simple-background label {
  padding: .4em .5em .4em .7em
}
.widget-type-search-simple .search-simple-background button {
  padding: .4em .5em
}
.widget-type-search-advanced .search-advanced .form .filters-item:nth-last-child(2) {
  padding-bottom: .3em
}
.widget-type-search-advanced .search-advanced-horizontal .form input[type=submit] {
  width: 100%
}
@media (min-width:1024px) {
  .widget-type-search-advanced .search-advanced-horizontal .form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1em;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
  }
  .widget-type-search-advanced .search-advanced-horizontal .form .filters-item {
    min-width: initial;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-bottom: .3em
  }
  .widget-type-search-advanced .search-advanced-horizontal .form .filters-item:last-child {
    padding-bottom: 0
  }
}
.widget-type-social-list .social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  line-height: 1
}
.widget-type-social-list .social-list li:not(:first-child) {
  margin-left: 5px
}
.widget-type-social-list .social-list a {
  width: 2em;
  height: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: background-color 150ms ease-in, border-color 150ms ease-in;
  transition: background-color 150ms ease-in, border-color 150ms ease-in
}
.widget-type-social-list .social-list a:hover {
  text-decoration: none
}
.widget-type-social-list .social-list--style-rounded-outline a,
.widget-type-social-list .social-list--style-rounded-solid a {
  border-radius: 50%
}
.widget-type-social-list .social-list--style-rounded-outline a,
.widget-type-social-list .social-list--style-square-outline a {
  border-width: 1px;
  border-style: solid
}
.widget-type-text .text table {
  margin-bottom: 1.5em
}
.widget-type-text .text table th,
.widget-type-text .text table thead td {
  padding: .25em .75em;
  font-weight: 700
}
.widget-type-text .text table td {
  padding: .25em .75em
}
@media screen and (min-width:640px) {
  .widget-type-text .text-columns-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem
  }
  .widget-type-text .text-columns-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem
  }
}
@media screen and (max-width:1023.98px) {
  .widget-type-text .text table {
    display: block;
    overflow-x: scroll;
    width: 100%!important;
    height: auto!important
  }
  .widget-type-text .text table tbody {
    display: table;
    width: 100%
  }
  .widget-type-text .text table tr {
    width: 100%
  }
}
.widget-type-title h1,
.widget-type-title h2,
.widget-type-title h3,
.widget-type-title h4,
.widget-type-title h5 {
  margin: 0;
  padding: 0
}
.widget-type-ubicacio-list .ubicacio {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2em;
  grid-column: span 1
}
@media screen and (min-width:640px) {
  .widget-type-ubicacio-list .ubicacio--medium-cols-1 {
    grid-template-columns: repeat(1, 1fr)
  }
  .widget-type-ubicacio-list .ubicacio--medium-cols-2 {
    grid-template-columns: repeat(2, 1fr)
  }
  .widget-type-ubicacio-list .ubicacio--medium-cols-3 {
    grid-template-columns: repeat(3, 1fr)
  }
  .widget-type-ubicacio-list .ubicacio--medium-cols-4 {
    grid-template-columns: repeat(4, 1fr)
  }
}
@media screen and (min-width:1024px) {
  .widget-type-ubicacio-list .ubicacio--large-cols-1 {
    grid-template-columns: repeat(1, 1fr)
  }
  .widget-type-ubicacio-list .ubicacio--large-cols-2 {
    grid-template-columns: repeat(2, 1fr)
  }
  .widget-type-ubicacio-list .ubicacio--large-cols-3 {
    grid-template-columns: repeat(3, 1fr)
  }
  .widget-type-ubicacio-list .ubicacio--large-cols-4 {
    grid-template-columns: repeat(4, 1fr)
  }
}

/******************************************************************************
 * ★ CONTENIDO Y SECCIONES PROPIAS DEL SITIO ★
 * AQUÍ está el 95%% de lo que normalmente pedirá cambiar el cliente: textos, colores, espaciados de las secciones reales de la web (.widget-list, .widget-section...).
 ******************************************************************************/
.widget-list {
  position: relative;
  z-index: 0
}
.widget-list .widget-section {
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}
.widget-list .widget-section video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.widget-list .widget-section>.cookienator-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.widget-list .widget-section>.cookienator-placeholder button {
  display: none
}
.widget-list .widget-section .widget-section-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1
}
.widget-list .widget-section-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2
}
.widget-list .widget-section-content {
  position: relative;
  max-width: 1072px;
  width: 100%;
  margin: 0 auto;
  z-index: 3
}
.widget-list .widget-section-content-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}
.widget-list .widget-section-content-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-repeat: no-repeat
}
@media screen {
  .widget-list .widget-section-content-content>.flex-small-3 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(25% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content>.flex-small-4 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(33.3333333333% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content>.flex-small-6 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(50% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content>.flex-small-8 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(66.6666666667% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content>.flex-small-9 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(75% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content>.flex-small-12 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(100% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content .flex-small-expand {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto
  }
  .widget-list .widget-section-content-content .flex-small-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto
  }
}
@media screen and (min-width:640px) {
  .widget-list .widget-section-content-content>.flex-medium-3 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(25% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content>.flex-medium-4 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(33.3333333333% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content>.flex-medium-6 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(50% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content>.flex-medium-8 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(66.6666666667% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content>.flex-medium-9 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(75% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content>.flex-medium-12 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(100% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content .flex-medium-expand {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto
  }
  .widget-list .widget-section-content-content .flex-medium-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto
  }
}
@media screen and (min-width:1024px) {
  .widget-list .widget-section-content-content>.flex-large-3 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(25% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content>.flex-large-4 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(33.3333333333% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content>.flex-large-6 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(50% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content>.flex-large-8 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(66.6666666667% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content>.flex-large-9 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(75% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content>.flex-large-12 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(100% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content .flex-large-expand {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto
  }
  .widget-list .widget-section-content-content .flex-large-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto
  }
}
@media screen and (min-width:1280px) {
  .widget-list .widget-section-content-content>.flex-xlarge-3 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(25% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content>.flex-xlarge-4 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(33.3333333333% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content>.flex-xlarge-6 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(50% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content>.flex-xlarge-8 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(66.6666666667% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content>.flex-xlarge-9 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(75% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content>.flex-xlarge-12 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(100% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content .flex-xlarge-expand {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto
  }
  .widget-list .widget-section-content-content .flex-xlarge-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto
  }
}
@media screen and (min-width:1440px) {
  .widget-list .widget-section-content-content>.flex-xxlarge-3 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(25% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content>.flex-xxlarge-4 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(33.3333333333% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content>.flex-xxlarge-6 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(50% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content>.flex-xxlarge-8 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(66.6666666667% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content>.flex-xxlarge-9 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(75% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content>.flex-xxlarge-12 {
    margin-left: calc(var(--section-gap-column)/ 2);
    margin-right: calc(var(--section-gap-column)/ 2);
    width: calc(100% - var(--section-gap-column))
  }
  .widget-list .widget-section-content-content .flex-xxlarge-expand {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto
  }
  .widget-list .widget-section-content-content .flex-xxlarge-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto
  }
}
.widget-list .widget-section.gx-none .widget-section-content-content {
  --section-gap-column: 0px;
  margin-left: calc(-1 * var(--section-gap-column)/ 2);
  margin-right: calc(-1 * var(--section-gap-column)/ 2)
}
.widget-list .widget-section.gy-none .widget-section-content-content {
  --section-gap-row: 0px;
  row-gap: var(--section-gap-row)
}
.widget-list .widget-section.gx-small .widget-section-content-content {
  --section-gap-column: 1rem;
  margin-left: calc(-1 * var(--section-gap-column)/ 2);
  margin-right: calc(-1 * var(--section-gap-column)/ 2)
}
.widget-list .widget-section.gy-small .widget-section-content-content {
  --section-gap-row: 1rem;
  row-gap: var(--section-gap-row)
}
.widget-list .widget-section.gx-medium .widget-section-content-content {
  --section-gap-column: 2rem;
  margin-left: calc(-1 * var(--section-gap-column)/ 2);
  margin-right: calc(-1 * var(--section-gap-column)/ 2)
}
.widget-list .widget-section.gy-medium .widget-section-content-content {
  --section-gap-row: 2rem;
  row-gap: var(--section-gap-row)
}
.widget-list .widget-section.gx-large .widget-section-content-content {
  --section-gap-column: 4rem;
  margin-left: calc(-1 * var(--section-gap-column)/ 2);
  margin-right: calc(-1 * var(--section-gap-column)/ 2)
}
.widget-list .widget-section.gy-large .widget-section-content-content {
  --section-gap-row: 4rem;
  row-gap: var(--section-gap-row)
}
.widget-list .widget-section.gx-xlarge .widget-section-content-content {
  --section-gap-column: 6rem;
  margin-left: calc(-1 * var(--section-gap-column)/ 2);
  margin-right: calc(-1 * var(--section-gap-column)/ 2)
}
.widget-list .widget-section.gy-xlarge .widget-section-content-content {
  --section-gap-row: 6rem;
  row-gap: var(--section-gap-row)
}
.widget-list .widget-section--fluid .widget-section-content {
  max-width: none
}
.widget-list .widget-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-repeat: no-repeat;
  margin: 0 auto;
  position: relative
}
.widget-list .widget-column-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}
.widget-list .widget-column-content {
  position: relative;
  width: 100%
}
.widget-list .widget-column.gy-none .widget-column-content {
  --column-gap-row: 0px;
  row-gap: var(--column-gap-row)
}
.widget-list .widget-column.gy-small .widget-column-content {
  --column-gap-row: 1rem;
  row-gap: var(--column-gap-row)
}
.widget-list .widget-column.gy-medium .widget-column-content {
  --column-gap-row: 2rem;
  row-gap: var(--column-gap-row)
}
.widget-list .widget-column.gy-large .widget-column-content {
  --column-gap-row: 4rem;
  row-gap: var(--column-gap-row)
}
.widget-list .widget-column.gy-xlarge .widget-column-content {
  --column-gap-row: 6rem;
  row-gap: var(--column-gap-row)
}
.widget-list .widget-item {
  width: 100%
}
.widget-list .background-position-top-left {
  background-position: top left
}
.widget-list .background-position-top-center {
  background-position: top center
}
.widget-list .background-position-top-right {
  background-position: top right
}
.widget-list .background-position-center-left {
  background-position: center left
}
.widget-list .background-position-center-center {
  background-position: center center
}
.widget-list .background-position-center-right {
  background-position: center right
}
.widget-list .background-position-bottom-left {
  background-position: bottom left
}
.widget-list .background-position-bottom-center {
  background-position: bottom center
}
.widget-list .background-position-bottom-right {
  background-position: bottom right
}
.widget-list .background-position-top-left {
  background-position: top left
}
.widget-list .background-size-contain {
  background-size: contain
}
.widget-list .background-size-cover {
  background-size: cover
}
.widget-list .background-attachment-fixed {
  background-attachment: fixed
}
.widget-list .px-none {
  padding-left: 0;
  padding-right: 0
}
.widget-list .py-none {
  padding-top: 0;
  padding-bottom: 0
}
.widget-list .px-small {
  padding-left: 1rem;
  padding-right: 1rem
}
.widget-list .py-small {
  padding-top: 1rem;
  padding-bottom: 1rem
}
.widget-list .px-medium {
  padding-left: 2rem;
  padding-right: 2rem
}
.widget-list .py-medium {
  padding-top: 2rem;
  padding-bottom: 2rem
}
.widget-list .px-large {
  padding-left: 4rem;
  padding-right: 4rem
}
.widget-list .py-large {
  padding-top: 4rem;
  padding-bottom: 4rem
}
.widget-list .px-xlarge {
  padding-left: 6rem;
  padding-right: 6rem
}
.widget-list .py-xlarge {
  padding-top: 6rem;
  padding-bottom: 6rem
}
.widget-list .mt-none {
  margin-top: 0
}
.widget-list .mb-none {
  margin-bottom: 0
}
.widget-list .mt-small {
  margin-top: 1rem
}
.widget-list .mb-small {
  margin-bottom: 1rem
}
.widget-list .mt-medium {
  margin-top: 2rem
}
.widget-list .mb-medium {
  margin-bottom: 2rem
}
.widget-list .mt-large {
  margin-top: 4rem
}
.widget-list .mb-large {
  margin-bottom: 4rem
}
.widget-list .mt-xlarge {
  margin-top: 6rem
}
.widget-list .mb-xlarge {
  margin-bottom: 6rem
}
@media screen and (min-width:640px) and (max-width:1023.98px) {
  .widget-list .widget-column.m-hidden, .widget-list .widget-section.m-hidden {
    display: none
  }
  .widget-list .widget-section--md-reverse .widget-section-content-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
  }
  .widget-list .px-md-none {
    padding-left: 0;
    padding-right: 0
  }
  .widget-list .py-md-none {
    padding-top: 0;
    padding-bottom: 0
  }
  .widget-list .px-md-small {
    padding-left: 1rem;
    padding-right: 1rem
  }
  .widget-list .py-md-small {
    padding-top: 1rem;
    padding-bottom: 1rem
  }
  .widget-list .px-md-medium {
    padding-left: 2rem;
    padding-right: 2rem
  }
  .widget-list .py-md-medium {
    padding-top: 2rem;
    padding-bottom: 2rem
  }
  .widget-list .px-md-large {
    padding-left: 4rem;
    padding-right: 4rem
  }
  .widget-list .py-md-large {
    padding-top: 4rem;
    padding-bottom: 4rem
  }
  .widget-list .px-md-xlarge {
    padding-left: 6rem;
    padding-right: 6rem
  }
  .widget-list .py-md-xlarge {
    padding-top: 6rem;
    padding-bottom: 6rem
  }
}
@media screen and (max-width:639.98px) {
  .widget-list .widget-column.s-hidden, .widget-list .widget-section.s-hidden {
    display: none
  }
  .widget-list .widget-section--sm-reverse .widget-section-content-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
  }
  .widget-list .px-sm-none {
    padding-left: 0;
    padding-right: 0
  }
  .widget-list .py-sm-none {
    padding-top: 0;
    padding-bottom: 0
  }
  .widget-list .px-sm-small {
    padding-left: .5rem;
    padding-right: .5rem
  }
  .widget-list .py-sm-small {
    padding-top: .5rem;
    padding-bottom: .5rem
  }
  .widget-list .px-sm-medium {
    padding-left: 1rem;
    padding-right: 1rem
  }
  .widget-list .py-sm-medium {
    padding-top: 1rem;
    padding-bottom: 1rem
  }
  .widget-list .px-sm-large {
    padding-left: 2rem;
    padding-right: 2rem
  }
  .widget-list .py-sm-large {
    padding-top: 2rem;
    padding-bottom: 2rem
  }
  .widget-list .px-sm-xlarge {
    padding-left: 3rem;
    padding-right: 3rem
  }
  .widget-list .py-sm-xlarge {
    padding-top: 3rem;
    padding-bottom: 3rem
  }
}
.content-block {
  margin-bottom: 2rem
}
.generic .generic-slider-image img {
  width: 100%
}
.generic .form p {
  margin-top: 0
}
.generic .form .title3 {
  margin-top: .5rem;
  margin-bottom: 0
}
.generic .form .form-bloc-first {
  margin-top: 0
}
.generic .form .form-bloc-first .title3 {
  margin-top: 0
}
:root {
  --cart-header-border-color: #333;
  --cart-totals-background-color: #f9fafb
}
:root {
  --order-list-header-border-color: #333;
  --order-list-link-color: #333;
  --order-list-link-hover-color: #fff
}
.order-list-item:not(:first-child) {
  border-top: 1px solid rgba(136, 136, 136, .4)
}
.order-list-item>div {
  padding: 16px 12px
}
.order-list-item>div:first-child {
  padding-left: 0
}
.order-list-item>div:last-child {
  padding-right: 0
}
.order-list-item .tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 3px 4px;
  font-size: .75em;
  color: #000;
  border-radius: 5px;
  line-height: 1
}
.order-list-item .tag.tag-no-transport {
  border: 1px solid #ffc800;
  background: #faea73
}
.order-list-item .tag.tag-digital {
  border: 1px solid #8133ff;
  background: #ceb3fa
}
.mapaweb .nivell0>li {
  padding: 1rem;
  border: 1px solid #ddd;
  margin-bottom: 1rem
}
.mapaweb .nivell0>li>a {
  font-size: 1rem
}
.mapaweb .nivell0 ul {
  list-style: outside;
  padding-left: 1rem
}
.mapaweb .nivell1 {
  padding-top: 1rem
}
.mapaweb .nivell1>li ul {
  padding: .5rem 0 .5rem 1rem
}
@media screen and (min-width:640px) {
  .mapaweb .nivell1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 10px
  }
}
@media screen and (min-width:1024px) {
  .mapaweb .nivell1 {
    grid-template-columns: 1fr 1fr 1fr
  }
}
.text td,
.text th {
  border-style: solid;
  border-width: 1px;
  border-color: #fff0
}
#preus_volum:empty {
  display: none!important
}
#slider-thumb {
  overflow: hidden;
  padding: 5px;
  border-radius: 4px
}
#carousel-thumb {
  overflow: hidden;
  padding: 5px;
  border-radius: 4px
}
#carousel-thumb li {
  margin-right: 5px;
  cursor: pointer
}
.dialogContent {
  color: #000
}
.dialogBottom {
  margin-top: 20px
}
.dialog .btn {
  cursor: pointer;
  border-radius: 0!important
}
.dialog .btn.center {
  margin-left: auto;
  margin-right: auto;
  display: block
}
table.impostos {
  width: 100%;
  margin-bottom: 40px
}
table.impostos tr td {
  border-top: 1px solid #ddd;
  padding: .4em .5em
}
table.impostos tr:first-child td {
  border-top: 0
}
table.impostos .preu {
  width: 100px
}
b,
strong {
  font-weight: 700
}
@media print {
  body {
    padding-top: 0!important
  }
  .cont-right {
    width: 100%
  }
  .image-standard .s-grid-6 {
    width: 100%
  }
  #main {
    padding-bottom: 0!important;
    overflow-y: hidden
  }
  #main .container, #main>.content--spacing {
    margin-top: 0!important;
    margin-bottom: 0!important
  }
  .cart-confirmation {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    font-size: 12px
  }
  .cart-confirmation .form_error, .cart-confirmation .form_success {
    border: none;
    background: #f5f5f5;
    padding: 0
  }
  .cart-confirmation h1, .cart-confirmation h2, .cart-confirmation h3, .cart-confirmation h4, .cart-confirmation h5, .cart-confirmation h6 {
    font-size: 1.3em
  }
  .cart-confirmation .order-list-item>div {
    padding: 5px
  }
}
html {
  height: 100%
}
body {
  height: 100%;
  color: #fff;
  font-family: Oswald, sans-serif;
  font-size: 15px;
  font-weight: 400;
  background-color: #000;
  background-position: left top;
  background-repeat: repeat;
  background-attachment: scroll
}
img {
  height: auto;
  max-width: 100%
}
ul {
  margin: 0;
  padding: 0;
  list-style: none
}
a {
  color: #fff;
  text-decoration: none;
  outline: none!important;
  transition: border-color 0.3s ease 0s, background-color 0.3s ease 0s, color 0.3s ease 0s
}
a:hover {
  text-decoration: underline
}
.container {
  position: relative;
  max-width: 1100px;
  margin: 0 auto
}
#main .container {
  background-color: #000
}
#main>.content--spacing {
  margin-top: 65px;
  margin-bottom: 65px
}
.portrait {
  max-width: none!important;
  max-height: 100%
}
.dn {
  display: none
}
.h100 #footer {
  position: absolute;
  bottom: 0;
  width: 100%
}
.h100 #home,
.h100 #main {
  padding: 0 0 150px 0
}
.btn {
  display: inline-block;
  padding: 1em 2em;
  color: #fff;
  font-family: Oswald, sans-serif;
  font-weight: 400;
  line-height: normal;
  text-transform: none;
  background-color: #fff0;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  border-radius: 0;
  transition: all 300ms ease
}
.btn:hover {
  color: #000;
  text-decoration: none;
  background-color: #fff;
  border-color: #fff;
  opacity: .9
}
.btn:disabled {
  opacity: .5;
  cursor: not-allowed
}
.btn span {
  margin: 0 .5em 0 0
}
.btn span:only-child {
  margin: 0
}
label {
  display: block;
  margin-bottom: .35em
}
.inline li,
.inline p {
  margin: 0 1.5em 0 0;
  float: left
}
h1,
h2,
h3,
h4,
h5,
h6,
.title2,
.title3,
.title4 {
  margin: 0;
  font-family: Oswald, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25em
}
h1 {
  margin: 0 0 .5em 0;
  color: #fff;
  font-size: 64px;
  font-weight: 400;
  text-transform: uppercase
}
h2,
.title2 {
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase
}
h3,
.title3 {
  margin: 0 0 .5em 0;
  color: #fff;
  font-size: 1.5em;
  font-weight: 400
}
h4,
.title4 {
  margin: 0 0 1em 0;
  color: #fff;
  font-size: 1.25em;
  font-weight: 400
}
h5 {
  margin: 0 0 1.15em 0;
  color: #fff;
  font-size: 1.15em;
  font-weight: 400
}
h6 {
  margin: 0 0 1em 0;
  color: #fff;
  font-size: 1em
}
p {
  margin: 0
}
p.strong {
  margin: 20px 0 10px 0;
  font-weight: 700;
  text-transform: uppercase
}
.text {
  line-height: inherit
}
.text p {
  margin: 0 0 1em 0
}
.text ul {
  margin: .5em 0 1.25em 1.5em;
  list-style: disc outside
}
.text ol {
  margin: .5em 0 1.25em 1.5em;
  list-style: decimal outside
}
.text ul li,
.text ol li {
  margin: 0 0 .75em 0
}
.text ul ul,
.text ol ol {
  margin: .25em 0 .5em 1em
}
.text table {
  margin: 0 0 1.5em 0
}
#header {
  position: relative;
  z-index: 200;
  background-color: #000
}
.lang {
  position: relative;
  display: inline-block;
  vertical-align: middle
}
.lang .handler {
  display: block;
  padding: .25em .5em;
  color: inherit;
  cursor: pointer
}
.lang .handler:hover i {
  text-decoration: none
}
.lang ul {
  position: absolute;
  left: 0;
  z-index: 300;
  display: none;
  min-width: 100%;
  max-height: 25em;
  overflow: auto;
  padding: .25em 0;
  white-space: normal;
  background-color: inherit
}
.lang ul li {
  padding: .25em .5em;
  text-align: left
}
.lang ul a {
  display: block;
  white-space: nowrap
}
.lang.inline {
  background: none
}
.lang.inline ul {
  position: static;
  display: block;
  width: auto;
  min-width: inherit;
  max-height: none;
  overflow: visible;
  padding: 0;
  background: none;
  box-shadow: none
}
.lang.inline li {
  display: inline-block;
  width: auto;
  margin: 0 10px 0 0;
  padding: 0;
  float: none
}
.lang.inline ul a {
  padding: 0
}
.lang.inline .handler {
  display: none
}
.lang .icon-angle-down {
  margin: 0 0 0 .5em
}
.sf-menu {
  margin: 0
}
.sf-menu ul {
  z-index: 200
}
.sf-menu>li {
  display: inline-block;
  float: none
}
.sf-menu a {
  padding: .4em .8em
}
#main .menu h3 {
  margin: 0 0 .2em 0;
  font-size: 1.33333em;
  font-weight: 400;
  text-transform: uppercase;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #333
}
#main .menu a {
  display: block;
  padding: .2em .8em;
  color: #fff;
  font-size: 1.1em;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #c7c7c7
}
#main .menu a:hover,
#main .menu li.actiu a,
#main .menu li.actiu ul a:hover,
#main .menu li.actiu li.actiu>a {
  color: #fff;
  text-decoration: none
}
#main .menu li.actiu ul a {
  padding: .2em .8em .2em 1.6em;
  color: #fff;
  font-size: 1em
}
#main .menu li.actiu ul ul a {
  padding: .2em .8em .2em 3.2em;
  color: #fff
}
#breadcrumbs ul {
  display: block;
  padding: 5px 0 0 0;
  font-size: .9em;
  line-height: 1
}
#breadcrumbs li {
  margin: 0 .5em 0 0;
  line-height: 1.5;
  float: left
}
#breadcrumbs ul a {
  padding: 0 .5em 0 0
}
#breadcrumbs {
  position: relative
}
#breadcrumbs .addthis_toolbox {
  display: inline-block
}
.form label,
.form legend {
  font-weight: 400
}
.form .input {
  padding: .5em .6em;
  color: #fff;
  font-family: Oswald, sans-serif;
  background-color: #fff0;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  border-radius: 1px;
  outline: none;
  transition: border linear .2s;
  resize: none
}
.form .input:focus {
  border-color: #999
}
.form textarea {
  height: 7.5em
}
.form .text {
  margin: 0 0 1em 0
}
.form h2 {
  margin: 0
}
.form p {
  margin: .5em 0
}
.form.bg-color1 {
  background-color: #f7f7f7;
  border-style: solid;
  border-width: 1px;
  border-color: #e4e4e4
}
input[type="text"],
input[type="password"],
input[type="number"],
textarea,
select {
  display: block;
  width: 100%
}
input[type="file"] {
  margin: .25em 0 .5em 0;
  color: #fff
}
.form .enclosure {
  display: block;
  border-style: solid;
  border-width: 1px;
  border-color: #fff0
}
.form .enclosure .input {
  margin: 0 3px 0 0
}
.form .enclosure .line {
  display: flex;
  align-items: flex-start;
  padding: .43em 0
}
.form input[disabled='disabled'],
.form select[disabled='disabled'] {
  color: #999;
  background-color: #eee
}
.form .enclosure label {
  display: inline-block
}
#product-header {
  position: relative
}
#product-header .highlights {
  position: absolute;
  top: .75em;
  right: .5em
}
#product-header .highlights span {
  display: inline-block
}
ul.features>li>div {
  padding: .25em 1em;
  line-height: 150%;
  text-align: left
}
ul.features {
  width: 100%;
  overflow: hidden;
  margin-bottom: 1em;
  border-style: solid;
  border-width: 1px;
  border-color: #e4e4e4;
  border-radius: 0
}
ul.features>li>div:first-child {
  font-weight: 700;
  background-color: rgb(0 0 0 / .05);
  border-right: 1px solid;
  border-right-color: #e4e4e4
}
ul.features>li:not(:last-child)>div {
  border-bottom: 1px solid;
  border-bottom-color: #e4e4e4
}
#footer {
  font-size: .9em
}
.contingut .filtres .input {
  margin: .25em 0 0 0
}
.contingut .filtres p {
  margin: 0
}
.logo a {
  display: inline-block;
  max-width: 100%
}
.data {
  display: block;
  margin-bottom: 1em;
  line-height: 1.5
}
.element:hover {
  text-decoration: none
}
.dialog .dialogContainer {
  position: absolute;
  top: 50%;
  left: 50%;
  height: auto;
  max-width: 550px;
  margin: -100px 0 0 -100px;
  border-style: solid;
  border-width: .4em;
  border-color: rgb(0 0 0 / .5);
  border-radius: 5px
}
.dialog {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20000000;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / .4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000, endColorstr=#30000000)
}
.dialogContent {
  width: 100%;
  height: 100%;
  background-color: #fff
}
.border .item {
  border-style: solid;
  border-width: 1px;
  border-color: #ddd
}
.border .item .txt {
  padding: 1em
}
.item {
  position: relative;
  display: block;
  overflow: hidden
}
.item .img img {
  width: 100%;
  max-width: none
}
.item .txt {
  padding: .75em 0;
  transition: color 0.3s ease 0s, background-color 0.3s ease 0s
}
.item .data {
  display: block;
  height: 1.4em;
  overflow: hidden;
  margin: 0 0 .5em 0;
  color: #fff;
  font-size: .9em
}
.item .txt p {
  overflow: hidden;
  margin: .25em 0 0 0
}
.item .price {
  color: #333
}
.item .price .old {
  margin: 0 .5em 0 0;
  font-size: 1.1em;
  line-height: 1;
  text-decoration: line-through;
  vertical-align: middle
}
.item .price .current {
  font-size: 1.5em;
  line-height: 1;
  vertical-align: middle
}
.item .price .grid-2 .btn span {
  margin: 0
}
.item .btn {
  text-transform: uppercase;
  text-align: center
}
#user {
  position: relative;
  display: inline-block;
  height: 100%
}
#user li {
  background-color: inherit
}
#user a {
  display: block
}
#user .list {
  position: absolute;
  z-index: 100;
  width: 200px;
  text-align: left;
  background-color: inherit
}
#user .list li {
  margin: 3px 0 3px 5px
}
#user .list li a {
  color: #fff
}
#user a:hover span {
  text-decoration: underline
}
#user a:hover {
  color: #fff;
  text-decoration: none
}
#user .input {
  margin: 0 0 .5em 0
}
#user .resend {
  font-size: .75em
}
#user .btn {
  display: block;
  width: 100%;
  margin: .5em 0
}
#user form a {
  display: inline-block
}
#steps li {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #666
}
#steps li.active {
  color: #a50b00!important;
  background-color: #cb8f8f;
  border-color: #a50b00
}
#user label {
  line-height: 1
}
#cookieLayer {
  color: #f0f0f0;
  background-color: rgb(0 0 0 / .85)
}
#cookieLayer a {
  color: inherit
}
#cookieLayer .close {
  color: #f0f0f0;
  background-color: rgb(255 255 255 / .2)
}
@media (max-width:639.98px) {
  .dialog .dialogContainer {
    position: fixed;
    top: 50%;
    right: 3%;
    left: 50%;
    width: 94%
  }
  .item .txt p {
    height: auto
  }
  #user .list {
    position: static;
    width: 100%
  }
}

/* Footer: en las páginas que muestran los enlaces legales (contacto) ocupan
   su propia fila centrada, para que los iconos sociales queden centrados
   en la pantalla sin pisarse con los enlaces. */
#column-646632 {
  flex: 0 0 calc(100% - 32px)
}
#column-646632 .widget-column-content,
#column-646632 .menu-list {
  justify-content: center
}