@charset "UTF-8";
@media screen {
  /* RESET PAGE */
  html, body,
  div, span,
  h1, h2, h3, h4, h5, h6, p,
  a, em, font, img, strong,
  dl, dt, dd, ol, ul, li,
  form, label, fieldset, legend, input, select, textarea, button,
  table, caption, tbody, tfoot, thead, tr, th, td,
  header, main, footer,
  article, aside, canvas, embed,
  picture, figure, figcaption, hgroup,
  menu, nav, output, ruby, section, details, summary,
  address, blockquote, cite,
  time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: none;
    box-sizing: border-box;
  }
  header, main, footer,
  article, aside, canvas, embed,
  picture, figure, figcaption, hgroup,
  menu, nav, output, ruby, section, details, summary,
  address, blockquote, cite,
  time, mark, audio, video {
    display: block;
  }
  h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    text-wrap: balance;
  }
  p, li, caption {
    text-wrap: pretty;
  }
  ul {
    list-style: none;
  }
  a {
    text-decoration: none !important;
  }
  a, figure, img {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  img {
    max-width: 100%;
    display: block;
  }
  input, select, textarea, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: inherit;
  }
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  input[type=number] {
    -webkit-appearance: textfield;
       -moz-appearance: textfield;
            appearance: textfield;
  }
  table, tr, th, td {
    border-collapse: collapse;
    vertical-align: top;
  }
  address {
    font-style: normal;
  }
  html, body {
    height: 100%;
  }
  html {
    font-size: 16px;
  }
  body {
    font-size: 1rem; /*1rem = 16px*/
    overflow-x: hidden;
  }
}
/*PRIMITIVES*/
/*colors*/
/*functional*/
/*neutral*/
/*gray*/
/*rrss*/
/*gradients*/
/*fonts size - ratio 1.200 Minor Third (value*1.2) */
/*8px*/
/*10px*/
/*12px*/
/*14px*/
/*16px*/
/*19px*/
/*23px*/
/*28px*/
/*33px*/
/*39px*/
/*48px*/
/*57px*/
/*69px*/
/*83px*/
/*font family*/
/*font weight*/
/*radius*/
/*wrapper size*/
/*900px*/
/*1120px*/
/*1600px*/
/*1760px*/
/*forms*/
/*normaliza alto de inputs /buttons*/
/*easing*/
/*icons*/
/*icons special*/
/*variable font*/
@font-face {
  font-family: "Raleway";
  src: url("../fonts/Raleway-VariableFont_wght.ttf") format("truetype");
  font-weight: 1 999;
  font-display: swap;
}
@font-face {
  font-family: "PlusJakartaSans";
  src: url("../fonts/PlusJakartaSans-VariableFont_wght.ttf") format("truetype");
  font-weight: 1 999;
  font-display: swap;
}
img[data-src] {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

img[data-state=show] {
  opacity: 1;
}

@media screen {
  /*layout*/
  *[data-layout=no-block] {
    padding-block: 0 !important;
  }
  *[data-layout=no-inline] {
    padding-inline: 0 !important;
  }
  *[data-layout=no-padding] {
    padding: 0 !important;
  }
  /*styles*/
  *[data-style=squared] {
    border-radius: 0 !important;
  }
  *[data-style=rounded] {
    border-radius: 2em !important;
  }
}
/*Iconos Standard*/
*[data-icon=menu]::before {
  -webkit-mask-image: url("../img/icons/menu.svg");
          mask-image: url("../img/icons/menu.svg");
}

*[data-icon=close]::before {
  -webkit-mask-image: url("../img/icons/close.svg");
          mask-image: url("../img/icons/close.svg");
}

*[data-icon=list]::before {
  -webkit-mask-image: url("../img/icons/list.svg");
          mask-image: url("../img/icons/list.svg");
}

*[data-icon=grid]::before {
  -webkit-mask-image: url("../img/icons/grid.svg");
          mask-image: url("../img/icons/grid.svg");
}

*[data-icon=clock]::before {
  -webkit-mask-image: url("../img/icons/clock.svg");
          mask-image: url("../img/icons/clock.svg");
}

*[data-icon=mail]::before {
  -webkit-mask-image: url("../img/icons/mail.svg");
          mask-image: url("../img/icons/mail.svg");
}

*[data-icon=plus]::before {
  -webkit-mask-image: url("../img/icons/plus.svg");
          mask-image: url("../img/icons/plus.svg");
}

*[data-icon=minus]::before {
  -webkit-mask-image: url("../img/icons/minus.svg");
          mask-image: url("../img/icons/minus.svg");
}

*[data-icon=magnifying]::before {
  -webkit-mask-image: url("../img/icons/magnifying.svg");
          mask-image: url("../img/icons/magnifying.svg");
}

*[data-icon=calendar]::before {
  -webkit-mask-image: url("../img/icons/calendar.svg");
          mask-image: url("../img/icons/calendar.svg");
}

*[data-icon=eye-close]::before {
  -webkit-mask-image: url("../img/icons/eye-close.svg");
          mask-image: url("../img/icons/eye-close.svg");
}

*[data-icon=eye-open]::before {
  -webkit-mask-image: url("../img/icons/eye-open.svg");
          mask-image: url("../img/icons/eye-open.svg");
}

*[data-icon=paperclip]::before {
  -webkit-mask-image: url("../img/icons/paperclip.svg");
          mask-image: url("../img/icons/paperclip.svg");
}

*[data-icon=heart]::before {
  -webkit-mask-image: url("../img/icons/heart.svg");
          mask-image: url("../img/icons/heart.svg");
}

*[data-icon=heart-fill]::before {
  -webkit-mask-image: url("../img/icons/heart-fill.svg");
          mask-image: url("../img/icons/heart-fill.svg");
}

*[data-icon=currency-pesos]::before {
  -webkit-mask-image: url("../img/icons/currency-pesos.svg");
          mask-image: url("../img/icons/currency-pesos.svg");
}

*[data-icon=help-circle]::before {
  -webkit-mask-image: url("../img/icons/help-circle.svg");
          mask-image: url("../img/icons/help-circle.svg");
}

*[data-icon=info-circle]::before {
  -webkit-mask-image: url("../img/icons/info-circle.svg");
          mask-image: url("../img/icons/info-circle.svg");
}

*[data-icon=ok-circle]::before {
  -webkit-mask-image: url("../img/icons/ok-circle.svg");
          mask-image: url("../img/icons/ok-circle.svg");
}

*[data-icon=fail-circle]::before {
  -webkit-mask-image: url("../img/icons/fail-circle.svg");
          mask-image: url("../img/icons/fail-circle.svg");
}

*[data-icon=check]::before {
  -webkit-mask-image: url("../img/icons/check.svg");
          mask-image: url("../img/icons/check.svg");
}

*[data-icon=chevron-up]::before {
  -webkit-mask-image: url("../img/icons/chevron-up.svg");
          mask-image: url("../img/icons/chevron-up.svg");
}

*[data-icon=chevron-down]::before {
  -webkit-mask-image: url("../img/icons/chevron-down.svg");
          mask-image: url("../img/icons/chevron-down.svg");
}

*[data-icon=chevron-left]::before {
  -webkit-mask-image: url("../img/icons/chevron-left.svg");
          mask-image: url("../img/icons/chevron-left.svg");
}

*[data-icon=chevron-right]::before {
  -webkit-mask-image: url("../img/icons/chevron-right.svg");
          mask-image: url("../img/icons/chevron-right.svg");
}

*[data-icon=arrow-right]::before {
  -webkit-mask-image: url("../img/icons/arrow-right.svg");
          mask-image: url("../img/icons/arrow-right.svg");
}

*[data-icon=arrow-down-right]::before {
  -webkit-mask-image: url("../img/icons/arrow-down-right.svg");
          mask-image: url("../img/icons/arrow-down-right.svg");
}

*[data-icon=facebook]::before {
  -webkit-mask-image: url("../img/icons/facebook.svg");
          mask-image: url("../img/icons/facebook.svg");
}

*[data-icon=ex]::before {
  -webkit-mask-image: url("../img/icons/ex.svg");
          mask-image: url("../img/icons/ex.svg");
}

*[data-icon=instagram]::before {
  -webkit-mask-image: url("../img/icons/instagram.svg");
          mask-image: url("../img/icons/instagram.svg");
}

*[data-icon=linkedin]::before {
  -webkit-mask-image: url("../img/icons/linkedin.svg");
          mask-image: url("../img/icons/linkedin.svg");
}

*[data-icon=linktree]::before {
  -webkit-mask-image: url("../img/icons/linktree.svg");
          mask-image: url("../img/icons/linktree.svg");
}

*[data-icon=youtube]::before {
  -webkit-mask-image: url("../img/icons/youtube.svg");
          mask-image: url("../img/icons/youtube.svg");
}

*[data-icon=wapp]::before {
  -webkit-mask-image: url("../img/icons/wapp.svg");
          mask-image: url("../img/icons/wapp.svg");
}

*[data-icon=star-pin]::before {
  -webkit-mask-image: url("../img/icons/star-pin.svg");
          mask-image: url("../img/icons/star-pin.svg");
}

*[data-icon=iso-lr]::before {
  -webkit-mask-image: url("../img/icons/iso-lr.svg");
          mask-image: url("../img/icons/iso-lr.svg");
}

/*Iconos Especiales*/
*[data-icon-special=arrow-down-right]::before {
  background-image: url("../img/icons/specials/arrow-down-right-special.svg");
}

*[data-icon-special=star-pin-special]::before {
  background-image: url("../img/icons/specials/star-pin-special.svg");
}

*[data-icon]::before {
  content: "";
  display: block;
  flex: 0 0 auto;
  width: 1em;
  height: 1em;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  line-height: 0;
  background-color: #000000;
  transition: all 0.3s ease-in-out;
}

*[data-icon]:empty {
  display: inline-flex;
  width: -moz-fit-content;
  width: fit-content;
  aspect-ratio: 1/1;
  padding: 0.25em;
}

input[data-icon]:empty {
  aspect-ratio: unset !important;
}

*[data-icon-special]::before {
  content: "";
  display: block;
  flex: 0 0 auto;
  width: 1em;
  height: 1em;
  line-height: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  transition: all 0.3s ease-in-out;
}

/*position*/
*[data-icon-position=left] {
  flex-direction: row;
}

*[data-icon-position=right] {
  flex-direction: row-reverse;
}

.icon[data-size="2x-small"] {
  font-size: 0.69em;
  padding: 0.16em;
  min-height: auto;
}

.icon[data-size=x-small] {
  font-size: 0.75em;
  padding: 0.16em 0.5em;
  min-height: auto;
}

.icon[data-size=small] {
  font-size: 0.9em;
}

.icon[data-size=medium] {
  font-size: 1.2em;
}

.icon[data-size=large] {
  font-size: 1.44em;
}

.icon[data-size=x-large] {
  font-size: 1.73em;
}

.icon[data-size="2x-large"] {
  font-size: 2.07em;
}

.icon[data-size="7x-large"] {
  font-size: 5.16em;
}

.icon[data-type=basic][data-variant=gray],
.icon[data-icon]:empty[data-variant=gray] {
  color: #374151;
}
.icon[data-type=basic][data-variant=gray]::before,
.icon[data-icon]:empty[data-variant=gray]::before {
  background-color: #374151;
}
.icon[data-type=basic][data-variant=neutral],
.icon[data-icon]:empty[data-variant=neutral] {
  color: #404040;
}
.icon[data-type=basic][data-variant=neutral]::before,
.icon[data-icon]:empty[data-variant=neutral]::before {
  background-color: #404040;
}
.icon[data-type=basic][data-variant=positive],
.icon[data-icon]:empty[data-variant=positive] {
  color: #000000;
}
.icon[data-type=basic][data-variant=positive][data-icon]::before,
.icon[data-icon]:empty[data-variant=positive][data-icon]::before {
  background-color: #000000;
}
.icon[data-type=basic][data-variant=negative],
.icon[data-icon]:empty[data-variant=negative] {
  color: #ffffff;
}
.icon[data-type=basic][data-variant=negative][data-icon]::before,
.icon[data-icon]:empty[data-variant=negative][data-icon]::before {
  background-color: #ffffff;
}
.icon[data-type=basic][data-variant=tint-primary],
.icon[data-icon]:empty[data-variant=tint-primary] {
  color: #BD9D5A;
}
.icon[data-type=basic][data-variant=tint-primary][data-icon]::before,
.icon[data-icon]:empty[data-variant=tint-primary][data-icon]::before {
  background-color: #BD9D5A;
}
.icon[data-type=basic][data-variant=tint-secondary],
.icon[data-icon]:empty[data-variant=tint-secondary] {
  color: #1B1D29;
}
.icon[data-type=basic][data-variant=tint-secondary][data-icon]::before,
.icon[data-icon]:empty[data-variant=tint-secondary][data-icon]::before {
  background-color: #1B1D29;
}
.icon[data-type=basic][data-variant=tint-accent],
.icon[data-icon]:empty[data-variant=tint-accent] {
  color: transparent;
}
.icon[data-type=basic][data-variant=tint-accent][data-icon]::before,
.icon[data-icon]:empty[data-variant=tint-accent][data-icon]::before {
  background-color: transparent;
}

.icon[data-type=basic][data-status=success],
.icon[data-icon]:empty[data-status=success] {
  color: #3e9900;
}
.icon[data-type=basic][data-status=success]::before,
.icon[data-icon]:empty[data-status=success]::before {
  background-color: #3e9900;
}
.icon[data-type=basic][data-status=warning],
.icon[data-icon]:empty[data-status=warning] {
  color: #E86427;
}
.icon[data-type=basic][data-status=warning]::before,
.icon[data-icon]:empty[data-status=warning]::before {
  background-color: #E86427;
}
.icon[data-type=basic][data-status=danger],
.icon[data-icon]:empty[data-status=danger] {
  color: #D91F11;
}
.icon[data-type=basic][data-status=danger]::before,
.icon[data-icon]:empty[data-status=danger]::before {
  background-color: #D91F11;
}
.icon[data-type=basic][data-status=information],
.icon[data-icon]:empty[data-status=information] {
  color: #3b82f6;
}
.icon[data-type=basic][data-status=information]::before,
.icon[data-icon]:empty[data-status=information]::before {
  background-color: #3b82f6;
}

/*EFECTOS*/
@media screen {
  #section-oportunidades-home {
    overflow: unset !important;
  }
  #section-oportunidades-home .section-icon,
  #section-oportunidades-home .section-pre-title,
  #section-oportunidades-home .section-title,
  #section-oportunidades-home .section-description,
  #section-oportunidades-home .button {
    opacity: 0;
    animation: opacity 1s linear forwards;
    animation-timeline: view();
    animation-range-start: 0vh;
    animation-range-end: 50vh;
  }
  #section-oportunidades-home .section-icon {
    animation-delay: 0;
  }
  #section-oportunidades-home .section-pre-title {
    animation-delay: 0.25s;
  }
  #section-oportunidades-home .section-title {
    animation-delay: 0.5s;
  }
  #section-oportunidades-home .section-description {
    animation-delay: 0.75s;
  }
  #section-oportunidades-home .button {
    animation-delay: 1s;
  }
  #section-oportunidades-home #oportunidades-background picture {
    opacity: 0;
    animation: opacityBack 1s linear forwards;
    animation-timeline: view();
    animation-range-start: 5vh;
    animation-range-end: 90vh;
  }
  *[data-effect=autoshow],
  *[data-effect=autofade] {
    transition: all 0.3s ease-in-out;
  }
  *[data-effect=autoshow][data-state=hide] {
    opacity: 0;
    transform: translateY(2em);
  }
  *[data-effect=autoshow][data-state=show] {
    opacity: 1;
    transform: translateY(0);
  }
  *[data-effect=autofade][data-state=hide] {
    opacity: 0;
  }
  *[data-effect=autofade][data-state=show] {
    opacity: 1;
  }
}
@supports not (animation-timeline: view()) {
  #section-oportunidades-home .section-icon,
  #section-oportunidades-home .section-pre-title,
  #section-oportunidades-home .section-title,
  #section-oportunidades-home .section-description,
  #section-oportunidades-home .button {
    animation: none;
    opacity: 1;
  }
  #section-oportunidades-home #oportunidades-background picture {
    animation: none;
    opacity: 1;
    translate: 0 -8em;
  }
}
/*ANIMACIONES*/
@keyframes translateHorizontalTitle {
  0% {
    translate: 50% 0;
  }
  100% {
    translate: -40% 0;
  }
}
@keyframes opacityBack {
  0% {
    opacity: 0;
    translate: 0 0;
  }
  100% {
    opacity: 1;
    translate: 0 -8em;
  }
}
@keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes card {
  0% {
    clip-path: polygon(70% 0, 100% 0, 100% 30%);
  }
  100% {
    clip-path: polygon(-100% 0, 100% 0, 100% 100%);
  }
}
@media screen {
  body {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
  }
  .SafeZone {
    width: 100%;
    min-height: 100%;
    margin: 0 auto;
  }
  .wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto; /*border: 1px solid blue;*/
    max-width: 56em;
  }
  .wrapper[data-size=medium] {
    max-width: 70em;
  }
  .wrapper[data-size=large] {
    max-width: 100em;
  }
  .wrapper[data-size=extra-large] {
    max-width: 110em;
  }
  .wrapper[data-size=full] {
    padding-inline: 2em;
    max-width: none !important;
  }
}
@media (max-width: 1820px) {
  .wrapper[data-size=large],
  .wrapper[data-size=extra-large] {
    max-width: 70em;
  }
}
@media (max-width: 1300px) {
  .wrapper {
    padding-inline: 2em;
    max-width: none !important;
  }
}
@media (max-width: 500px) {
  .wrapper {
    padding-inline: 1.5em;
  }
}
@media screen {
  .main-interior {
    padding-block: 3em;
  }
}
@media screen {
  .form-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 35em;
    margin: 0 auto;
    padding: 3em 2.5em;
    border-radius: 0;
    border: 0.06em solid #e5e7eb;
  }
  form {
    width: 100%;
  }
  .form-header {
    display: block;
  }
  .form-title {
    font-size: 1em;
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  .form-body {
    display: flex;
    flex-direction: column;
    gap: 1em;
    padding: 1.5em 0;
  }
  .form-section {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
  }
  p.form-section-title {
    margin-bottom: 0;
    font-size: 1em;
    color: #374151;
  }
  .form-group-list {
    display: flex;
    flex-direction: column;
    gap: 0.25em;
  }
  /*linea con 1 campo*/
  .form-line {
    display: block;
    width: 100%;
  }
  /*linea con 2 o 3 campos*/
  .form-line[data-layout=multiple] {
    display: flex;
    gap: 1.5em;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .form-line[data-layout=multiple] > * {
    flex: 1;
  }
  /*linea con grupo de campos / check - radio*/
  .form-line[data-layout=group] {
    padding-top: 1.5em;
    padding-bottom: 0.5em;
    border-top: 0.06em solid #e5e7eb;
  }
  /*sublinea con grupo de campos*/
  .form-group {
    display: flex;
    gap: 1.5em;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 1em;
  }
  .form-group > * {
    flex: 1;
  }
  .form-item[data-layout=short] {
    flex: 0 0 auto !important;
  }
  .form-item[data-layout=horizontal] {
    display: flex;
    align-items: baseline;
    gap: 0.5em;
  }
  .form-item[data-layout=horizontal] label {
    white-space: nowrap;
  }
  .form-footer {
    display: block;
  }
  .form-actionbar {
    display: inline-flex;
    gap: 0.5em;
  }
}
@media screen {
  .cards-list {
    display: grid;
    width: 100%;
  }
  /*layout*/
  .cards-list[data-layout=grid] {
    gap: 1em;
    grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));
  }
  .cards-list[data-layout=list] {
    gap: 0.5em;
    grid-template-columns: 1fr;
  }
}
@media screen {
  .accordion {
    /*open*/
    /*.....*/
  }
  .accordion dl {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25em;
  }
  .accordion dl:not(:last-child) {
    border-bottom: 0.06em solid #d1d5db;
  }
  .accordion dt {
    transition: all 0.3s linear;
  }
  .accordion dt .button {
    justify-content: space-between !important;
    width: 100% !important;
    padding-inline: 0 !important;
    white-space: normal;
  }
  .accordion dd {
    position: relative;
    overflow: clip;
    width: 100%;
    max-height: 0;
    transition: all 0.3s linear;
  }
  .accordion dl[data-state=open] dd {
    max-height: 15em;
    padding-bottom: 1em;
  }
}
@media screen {
  .badge {
    position: relative;
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
    padding: 0.25em 0.5em;
    border: 0.06em solid #000000;
    background-color: #000000;
    border-radius: 0.5em;
    color: #ffffff;
    border-radius: 5em;
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 1em;
  }
  /*type - default*/
  .badge[data-type=solid] {
    color: #ffffff;
    background-color: #6b7280;
    border-color: #6b7280;
  }
  .badge[data-type=outline] {
    color: #6b7280;
    border-color: #d1d5db;
    background-color: transparent;
  }
  .badge[data-type=basic] {
    color: #6b7280;
    border-color: transparent;
    background-color: transparent;
  }
  .badge[data-size="2x-small"] {
    font-size: 0.69em;
    padding: 0.16em;
    min-height: auto;
  }
  .badge[data-size=x-small] {
    font-size: 0.75em;
    padding: 0.16em 0.5em;
    min-height: auto;
  }
  .badge[data-size=small] {
    font-size: 0.9em;
  }
  .badge[data-size=medium] {
    font-size: 1.2em;
  }
  .badge[data-size=large] {
    font-size: 1.44em;
  }
  .badge[data-size=x-large] {
    font-size: 1.73em;
  }
  .badge[data-size="2x-large"] {
    font-size: 2.07em;
  }
  .badge[data-size="7x-large"] {
    font-size: 5.16em;
  }
  .badge[data-type=solid][data-variant=gray] {
    color: #374151;
    border-color: #e5e7eb;
    background-color: #e5e7eb;
  }
  .badge[data-type=solid][data-variant=gray]::before {
    background-color: #374151;
  }
  .badge[data-type=solid][data-variant=neutral] {
    color: #404040;
    border-color: #e5e5e5;
    background-color: #e5e5e5;
  }
  .badge[data-type=solid][data-variant=neutral]::before {
    background-color: #404040;
  }
  .badge[data-type=solid][data-variant=positive] {
    background-color: #ffffff;
    color: #000000;
    border-color: #ffffff;
  }
  .badge[data-type=solid][data-variant=positive][data-icon]::before {
    background-color: #000000;
  }
  .badge[data-type=solid][data-variant=negative] {
    background-color: #000000;
    color: #ffffff;
    border-color: #000000;
  }
  .badge[data-type=solid][data-variant=negative][data-icon]::before {
    background-color: #ffffff;
  }
  .badge[data-type=solid][data-variant=tint-primary] {
    background-color: #BD9D5A;
    color: #ffffff;
    border-color: #BD9D5A;
  }
  .badge[data-type=solid][data-variant=tint-primary][data-icon]::before {
    background-color: #ffffff;
  }
  .badge[data-type=solid][data-variant=tint-secondary] {
    background-color: #1B1D29;
    color: #ffffff;
    border-color: #1B1D29;
  }
  .badge[data-type=solid][data-variant=tint-secondary][data-icon]::before {
    background-color: #ffffff;
  }
  .badge[data-type=solid][data-variant=tint-accent] {
    background-color: transparent;
    color: #ffffff;
    border-color: transparent;
  }
  .badge[data-type=solid][data-variant=tint-accent][data-icon]::before {
    background-color: #ffffff;
  }
  .badge[data-type=outline][data-variant=gray] {
    color: #374151;
    border-color: #e5e7eb;
  }
  .badge[data-type=outline][data-variant=gray]::before {
    background-color: #374151;
  }
  .badge[data-type=outline][data-variant=neutral] {
    color: #404040;
    border-color: #e5e5e5;
  }
  .badge[data-type=outline][data-variant=neutral]::before {
    background-color: #404040;
  }
  .badge[data-type=outline][data-variant=positive] {
    color: #000000;
    border-color: #000000;
  }
  .badge[data-type=outline][data-variant=positive][data-icon]::before {
    background-color: #000000;
  }
  .badge[data-type=outline][data-variant=negative] {
    color: #ffffff;
    border-color: #ffffff;
  }
  .badge[data-type=outline][data-variant=negative][data-icon]::before {
    background-color: #ffffff;
  }
  .badge[data-type=outline][data-variant=tint-primary] {
    color: #BD9D5A;
    border-color: #BD9D5A;
  }
  .badge[data-type=outline][data-variant=tint-primary][data-icon]::before {
    background-color: #BD9D5A;
  }
  .badge[data-type=outline][data-variant=tint-secondary] {
    color: #1B1D29;
    border-color: #1B1D29;
  }
  .badge[data-type=outline][data-variant=tint-secondary][data-icon]::before {
    background-color: #1B1D29;
  }
  .badge[data-type=outline][data-variant=tint-accent] {
    color: transparent;
    border-color: transparent;
  }
  .badge[data-type=outline][data-variant=tint-accent][data-icon]::before {
    background-color: transparent;
  }
  .badge[data-type=ghost][data-variant=gray] {
    color: #374151;
    border-color: #e5e7eb;
  }
  .badge[data-type=ghost][data-variant=gray]::before {
    background-color: #374151;
  }
  .badge[data-type=ghost][data-variant=neutral] {
    color: #404040;
    border-color: #e5e5e5;
  }
  .badge[data-type=ghost][data-variant=neutral]::before {
    background-color: #404040;
  }
  .badge[data-type=ghost][data-variant=positive] {
    color: #000000;
    border-color: #000000;
  }
  .badge[data-type=ghost][data-variant=positive][data-icon]::before {
    background-color: #000000;
  }
  .badge[data-type=ghost][data-variant=negative] {
    color: #ffffff;
    border-color: #ffffff;
  }
  .badge[data-type=ghost][data-variant=negative][data-icon]::before {
    background-color: #ffffff;
  }
  .badge[data-type=ghost][data-variant=tint-primary] {
    color: #BD9D5A;
    border-color: #BD9D5A;
  }
  .badge[data-type=ghost][data-variant=tint-primary][data-icon]::before {
    background-color: #BD9D5A;
  }
  .badge[data-type=ghost][data-variant=tint-secondary] {
    color: #1B1D29;
    border-color: #1B1D29;
  }
  .badge[data-type=ghost][data-variant=tint-secondary][data-icon]::before {
    background-color: #1B1D29;
  }
  .badge[data-type=ghost][data-variant=tint-accent] {
    color: transparent;
    border-color: transparent;
  }
  .badge[data-type=ghost][data-variant=tint-accent][data-icon]::before {
    background-color: transparent;
  }
  .badge[data-type=basic][data-variant=gray],
  .badge[data-icon]:empty[data-variant=gray] {
    color: #374151;
  }
  .badge[data-type=basic][data-variant=gray]::before,
  .badge[data-icon]:empty[data-variant=gray]::before {
    background-color: #374151;
  }
  .badge[data-type=basic][data-variant=neutral],
  .badge[data-icon]:empty[data-variant=neutral] {
    color: #404040;
  }
  .badge[data-type=basic][data-variant=neutral]::before,
  .badge[data-icon]:empty[data-variant=neutral]::before {
    background-color: #404040;
  }
  .badge[data-type=basic][data-variant=positive],
  .badge[data-icon]:empty[data-variant=positive] {
    color: #000000;
  }
  .badge[data-type=basic][data-variant=positive][data-icon]::before,
  .badge[data-icon]:empty[data-variant=positive][data-icon]::before {
    background-color: #000000;
  }
  .badge[data-type=basic][data-variant=negative],
  .badge[data-icon]:empty[data-variant=negative] {
    color: #ffffff;
  }
  .badge[data-type=basic][data-variant=negative][data-icon]::before,
  .badge[data-icon]:empty[data-variant=negative][data-icon]::before {
    background-color: #ffffff;
  }
  .badge[data-type=basic][data-variant=tint-primary],
  .badge[data-icon]:empty[data-variant=tint-primary] {
    color: #BD9D5A;
  }
  .badge[data-type=basic][data-variant=tint-primary][data-icon]::before,
  .badge[data-icon]:empty[data-variant=tint-primary][data-icon]::before {
    background-color: #BD9D5A;
  }
  .badge[data-type=basic][data-variant=tint-secondary],
  .badge[data-icon]:empty[data-variant=tint-secondary] {
    color: #1B1D29;
  }
  .badge[data-type=basic][data-variant=tint-secondary][data-icon]::before,
  .badge[data-icon]:empty[data-variant=tint-secondary][data-icon]::before {
    background-color: #1B1D29;
  }
  .badge[data-type=basic][data-variant=tint-accent],
  .badge[data-icon]:empty[data-variant=tint-accent] {
    color: transparent;
  }
  .badge[data-type=basic][data-variant=tint-accent][data-icon]::before,
  .badge[data-icon]:empty[data-variant=tint-accent][data-icon]::before {
    background-color: transparent;
  }
  .badge[data-status] {
    color: #ffffff;
  }
  .badge[data-type=solid][data-status=success] {
    border-color: #3e9900;
    background-color: #3e9900;
  }
  .badge[data-type=solid][data-status=warning] {
    border-color: #E86427;
    background-color: #E86427;
  }
  .badge[data-type=solid][data-status=danger] {
    border-color: #D91F11;
    background-color: #D91F11;
  }
  .badge[data-type=solid][data-status=information] {
    border-color: #3b82f6;
    background-color: #3b82f6;
  }
  .badge[data-type=solid][data-variant=gray][data-status] {
    background-color: #e5e5e5;
    border-color: #e5e5e5;
  }
  .badge[data-type=solid][data-variant=gray][data-status=success] {
    color: #3e9900;
  }
  .badge[data-type=solid][data-variant=gray][data-status=success]::before {
    background-color: #3e9900;
  }
  .badge[data-type=solid][data-variant=gray][data-status=warning] {
    color: #E86427;
  }
  .badge[data-type=solid][data-variant=gray][data-status=warning]::before {
    background-color: #E86427;
  }
  .badge[data-type=solid][data-variant=gray][data-status=danger] {
    color: #D91F11;
  }
  .badge[data-type=solid][data-variant=gray][data-status=danger]::before {
    background-color: #D91F11;
  }
  .badge[data-type=solid][data-variant=gray][data-status=information] {
    color: #3b82f6;
  }
  .badge[data-type=solid][data-variant=gray][data-status=information]::before {
    background-color: #3b82f6;
  }
  .badge[data-type=outline][data-status=success] {
    color: #3e9900;
    border-color: #3e9900;
  }
  .badge[data-type=outline][data-status=success]::before {
    background-color: #3e9900;
  }
  .badge[data-type=outline][data-status=warning] {
    color: #E86427;
    border-color: #E86427;
  }
  .badge[data-type=outline][data-status=warning]::before {
    background-color: #E86427;
  }
  .badge[data-type=outline][data-status=danger] {
    color: #D91F11;
    border-color: #D91F11;
  }
  .badge[data-type=outline][data-status=danger]::before {
    background-color: #D91F11;
  }
  .badge[data-type=outline][data-status=information] {
    color: #3b82f6;
    border-color: #3b82f6;
  }
  .badge[data-type=outline][data-status=information]::before {
    background-color: #3b82f6;
  }
  .badge[data-type=ghost][data-status=success] {
    color: #3e9900;
    border-color: #3e9900;
  }
  .badge[data-type=ghost][data-status=success]::before {
    background-color: #3e9900;
  }
  .badge[data-type=ghost][data-status=warning] {
    color: #E86427;
    border-color: #E86427;
  }
  .badge[data-type=ghost][data-status=warning]::before {
    background-color: #E86427;
  }
  .badge[data-type=ghost][data-status=danger] {
    color: #D91F11;
    border-color: #D91F11;
  }
  .badge[data-type=ghost][data-status=danger]::before {
    background-color: #D91F11;
  }
  .badge[data-type=ghost][data-status=information] {
    color: #3b82f6;
    border-color: #3b82f6;
  }
  .badge[data-type=ghost][data-status=information]::before {
    background-color: #3b82f6;
  }
  .badge[data-type=basic][data-status=success],
  .badge[data-icon]:empty[data-status=success] {
    color: #3e9900;
  }
  .badge[data-type=basic][data-status=success]::before,
  .badge[data-icon]:empty[data-status=success]::before {
    background-color: #3e9900;
  }
  .badge[data-type=basic][data-status=warning],
  .badge[data-icon]:empty[data-status=warning] {
    color: #E86427;
  }
  .badge[data-type=basic][data-status=warning]::before,
  .badge[data-icon]:empty[data-status=warning]::before {
    background-color: #E86427;
  }
  .badge[data-type=basic][data-status=danger],
  .badge[data-icon]:empty[data-status=danger] {
    color: #D91F11;
  }
  .badge[data-type=basic][data-status=danger]::before,
  .badge[data-icon]:empty[data-status=danger]::before {
    background-color: #D91F11;
  }
  .badge[data-type=basic][data-status=information],
  .badge[data-icon]:empty[data-status=information] {
    color: #3b82f6;
  }
  .badge[data-type=basic][data-status=information]::before,
  .badge[data-icon]:empty[data-status=information]::before {
    background-color: #3b82f6;
  }
}
@media screen {
  .button {
    display: inline-flex;
    gap: 0.25em;
    justify-content: center;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
    min-height: 2.26em;
    padding: 0.5em 1em;
    border: 0.06em solid transparent;
    border-radius: 0.5em;
    cursor: pointer;
    font-size: 1em;
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    text-box-trim: trim-both;
    transition: all 0.3s ease-in-out;
  }
  /*type - default*/
  .button[data-type=solid] {
    color: #ffffff;
    border-color: #BD9D5A;
    background-color: #BD9D5A;
  }
  .button[data-type=solid][data-icon]::before {
    background-color: #ffffff;
  }
  .button[data-type=outline] {
    color: #BD9D5A;
    border-color: #BD9D5A;
  }
  .button[data-type=outline][data-icon]::before {
    background-color: #BD9D5A;
  }
  .button[data-type=ghost] {
    color: #374151;
    border-color: #e5e7eb;
    background-color: #e5e7eb;
  }
  .button[data-type=ghost][data-icon]::before {
    background-color: #374151;
  }
  .button[data-type=basic] {
    color: #404040;
  }
  .button[data-type=basic][data-icon]::before {
    background-color: #404040;
  }
  /*icon*/
  .button[data-icon=menu][data-state=open]::before {
    -webkit-mask-image: url("../img/icons/close.svg");
            mask-image: url("../img/icons/close.svg");
  }
  .button[data-icon=heart][data-state=open]::before {
    -webkit-mask-image: url("../img/icons/heart-fill.svg");
            mask-image: url("../img/icons/heart-fill.svg");
  }
  .button[data-icon=eye-close][data-state=open]::before {
    -webkit-mask-image: url("../img/icons/eye-open.svg");
            mask-image: url("../img/icons/eye-open.svg");
  }
  /*desplegables*/
  .button[data-icon=chevron-down]:not(:empty),
  .button[data-icon-special=arrow-down-right]:not(:empty) {
    padding-right: 0.5em;
  }
  .button[data-icon=chevron-down]:not(:empty)::before {
    margin-left: 0.5em;
  }
  .button[data-icon=chevron-down][data-state=open][data-text-active]::after,
  .button[data-icon-special=arrow-down-right][data-state=open][data-text-active]::after {
    content: attr(data-text-active);
  }
  .button[data-icon=chevron-down][data-state=open]::before,
  .button[data-icon=chevron-down][data-state=open][data-text-active]::after {
    transform: rotate(180deg);
  }
  .button[data-icon-special=arrow-down-right][data-state=open]::before,
  .button[data-icon-special=arrow-down-right][data-state=open][data-text-active]::after {
    transform: rotate(-90deg);
  }
  /*......*/
  .button[data-icon=list][data-state=open]::before {
    background-color: #BD9D5A;
  }
  .button[data-icon=grid][data-state=open]::before {
    background-color: #BD9D5A;
  }
  /*state*/
  .button[data-state=disabled] {
    filter: grayscale(100%);
    opacity: 0.5;
    cursor: default;
  }
  .button[data-state=open][data-text-active] span {
    display: none;
  }
  .button[data-size="2x-small"] {
    font-size: 0.69em;
    padding: 0.16em;
    min-height: auto;
  }
  .button[data-size=x-small] {
    font-size: 0.75em;
    padding: 0.16em 0.5em;
    min-height: auto;
  }
  .button[data-size=small] {
    font-size: 0.9em;
  }
  .button[data-size=medium] {
    font-size: 1.2em;
  }
  .button[data-size=large] {
    font-size: 1.44em;
  }
  .button[data-size=x-large] {
    font-size: 1.73em;
  }
  .button[data-size="2x-large"] {
    font-size: 2.07em;
  }
  .button[data-size="7x-large"] {
    font-size: 5.16em;
  }
  .button[data-type=solid][data-variant=gray] {
    color: #374151;
    border-color: #e5e7eb;
    background-color: #e5e7eb;
  }
  .button[data-type=solid][data-variant=gray]::before {
    background-color: #374151;
  }
  .button[data-type=solid][data-variant=neutral] {
    color: #404040;
    border-color: #e5e5e5;
    background-color: #e5e5e5;
  }
  .button[data-type=solid][data-variant=neutral]::before {
    background-color: #404040;
  }
  .button[data-type=solid][data-variant=positive] {
    background-color: #ffffff;
    color: #000000;
    border-color: #ffffff;
  }
  .button[data-type=solid][data-variant=positive][data-icon]::before {
    background-color: #000000;
  }
  .button[data-type=solid][data-variant=negative] {
    background-color: #000000;
    color: #ffffff;
    border-color: #000000;
  }
  .button[data-type=solid][data-variant=negative][data-icon]::before {
    background-color: #ffffff;
  }
  .button[data-type=solid][data-variant=tint-primary] {
    background-color: #BD9D5A;
    color: #ffffff;
    border-color: #BD9D5A;
  }
  .button[data-type=solid][data-variant=tint-primary][data-icon]::before {
    background-color: #ffffff;
  }
  .button[data-type=solid][data-variant=tint-secondary] {
    background-color: #1B1D29;
    color: #ffffff;
    border-color: #1B1D29;
  }
  .button[data-type=solid][data-variant=tint-secondary][data-icon]::before {
    background-color: #ffffff;
  }
  .button[data-type=solid][data-variant=tint-accent] {
    background-color: transparent;
    color: #ffffff;
    border-color: transparent;
  }
  .button[data-type=solid][data-variant=tint-accent][data-icon]::before {
    background-color: #ffffff;
  }
  .button[data-type=outline][data-variant=gray] {
    color: #374151;
    border-color: #e5e7eb;
  }
  .button[data-type=outline][data-variant=gray]::before {
    background-color: #374151;
  }
  .button[data-type=outline][data-variant=neutral] {
    color: #404040;
    border-color: #e5e5e5;
  }
  .button[data-type=outline][data-variant=neutral]::before {
    background-color: #404040;
  }
  .button[data-type=outline][data-variant=positive] {
    color: #000000;
    border-color: #000000;
  }
  .button[data-type=outline][data-variant=positive][data-icon]::before {
    background-color: #000000;
  }
  .button[data-type=outline][data-variant=negative] {
    color: #ffffff;
    border-color: #ffffff;
  }
  .button[data-type=outline][data-variant=negative][data-icon]::before {
    background-color: #ffffff;
  }
  .button[data-type=outline][data-variant=tint-primary] {
    color: #BD9D5A;
    border-color: #BD9D5A;
  }
  .button[data-type=outline][data-variant=tint-primary][data-icon]::before {
    background-color: #BD9D5A;
  }
  .button[data-type=outline][data-variant=tint-secondary] {
    color: #1B1D29;
    border-color: #1B1D29;
  }
  .button[data-type=outline][data-variant=tint-secondary][data-icon]::before {
    background-color: #1B1D29;
  }
  .button[data-type=outline][data-variant=tint-accent] {
    color: transparent;
    border-color: transparent;
  }
  .button[data-type=outline][data-variant=tint-accent][data-icon]::before {
    background-color: transparent;
  }
  .button[data-type=ghost][data-variant=gray] {
    color: #374151;
    border-color: #e5e7eb;
  }
  .button[data-type=ghost][data-variant=gray]::before {
    background-color: #374151;
  }
  .button[data-type=ghost][data-variant=neutral] {
    color: #404040;
    border-color: #e5e5e5;
  }
  .button[data-type=ghost][data-variant=neutral]::before {
    background-color: #404040;
  }
  .button[data-type=ghost][data-variant=positive] {
    color: #000000;
    border-color: #000000;
  }
  .button[data-type=ghost][data-variant=positive][data-icon]::before {
    background-color: #000000;
  }
  .button[data-type=ghost][data-variant=negative] {
    color: #ffffff;
    border-color: #ffffff;
  }
  .button[data-type=ghost][data-variant=negative][data-icon]::before {
    background-color: #ffffff;
  }
  .button[data-type=ghost][data-variant=tint-primary] {
    color: #BD9D5A;
    border-color: #BD9D5A;
  }
  .button[data-type=ghost][data-variant=tint-primary][data-icon]::before {
    background-color: #BD9D5A;
  }
  .button[data-type=ghost][data-variant=tint-secondary] {
    color: #1B1D29;
    border-color: #1B1D29;
  }
  .button[data-type=ghost][data-variant=tint-secondary][data-icon]::before {
    background-color: #1B1D29;
  }
  .button[data-type=ghost][data-variant=tint-accent] {
    color: transparent;
    border-color: transparent;
  }
  .button[data-type=ghost][data-variant=tint-accent][data-icon]::before {
    background-color: transparent;
  }
  .button[data-type=basic][data-variant=gray],
  .button[data-icon]:empty[data-variant=gray] {
    color: #374151;
  }
  .button[data-type=basic][data-variant=gray]::before,
  .button[data-icon]:empty[data-variant=gray]::before {
    background-color: #374151;
  }
  .button[data-type=basic][data-variant=neutral],
  .button[data-icon]:empty[data-variant=neutral] {
    color: #404040;
  }
  .button[data-type=basic][data-variant=neutral]::before,
  .button[data-icon]:empty[data-variant=neutral]::before {
    background-color: #404040;
  }
  .button[data-type=basic][data-variant=positive],
  .button[data-icon]:empty[data-variant=positive] {
    color: #000000;
  }
  .button[data-type=basic][data-variant=positive][data-icon]::before,
  .button[data-icon]:empty[data-variant=positive][data-icon]::before {
    background-color: #000000;
  }
  .button[data-type=basic][data-variant=negative],
  .button[data-icon]:empty[data-variant=negative] {
    color: #ffffff;
  }
  .button[data-type=basic][data-variant=negative][data-icon]::before,
  .button[data-icon]:empty[data-variant=negative][data-icon]::before {
    background-color: #ffffff;
  }
  .button[data-type=basic][data-variant=tint-primary],
  .button[data-icon]:empty[data-variant=tint-primary] {
    color: #BD9D5A;
  }
  .button[data-type=basic][data-variant=tint-primary][data-icon]::before,
  .button[data-icon]:empty[data-variant=tint-primary][data-icon]::before {
    background-color: #BD9D5A;
  }
  .button[data-type=basic][data-variant=tint-secondary],
  .button[data-icon]:empty[data-variant=tint-secondary] {
    color: #1B1D29;
  }
  .button[data-type=basic][data-variant=tint-secondary][data-icon]::before,
  .button[data-icon]:empty[data-variant=tint-secondary][data-icon]::before {
    background-color: #1B1D29;
  }
  .button[data-type=basic][data-variant=tint-accent],
  .button[data-icon]:empty[data-variant=tint-accent] {
    color: transparent;
  }
  .button[data-type=basic][data-variant=tint-accent][data-icon]::before,
  .button[data-icon]:empty[data-variant=tint-accent][data-icon]::before {
    background-color: transparent;
  }
  .button[data-status] {
    color: #ffffff;
  }
  .button[data-type=solid][data-status=success] {
    border-color: #3e9900;
    background-color: #3e9900;
  }
  .button[data-type=solid][data-status=warning] {
    border-color: #E86427;
    background-color: #E86427;
  }
  .button[data-type=solid][data-status=danger] {
    border-color: #D91F11;
    background-color: #D91F11;
  }
  .button[data-type=solid][data-status=information] {
    border-color: #3b82f6;
    background-color: #3b82f6;
  }
  .button[data-type=solid][data-variant=gray][data-status] {
    background-color: #e5e5e5;
    border-color: #e5e5e5;
  }
  .button[data-type=solid][data-variant=gray][data-status=success] {
    color: #3e9900;
  }
  .button[data-type=solid][data-variant=gray][data-status=success]::before {
    background-color: #3e9900;
  }
  .button[data-type=solid][data-variant=gray][data-status=warning] {
    color: #E86427;
  }
  .button[data-type=solid][data-variant=gray][data-status=warning]::before {
    background-color: #E86427;
  }
  .button[data-type=solid][data-variant=gray][data-status=danger] {
    color: #D91F11;
  }
  .button[data-type=solid][data-variant=gray][data-status=danger]::before {
    background-color: #D91F11;
  }
  .button[data-type=solid][data-variant=gray][data-status=information] {
    color: #3b82f6;
  }
  .button[data-type=solid][data-variant=gray][data-status=information]::before {
    background-color: #3b82f6;
  }
  .button[data-type=outline][data-status=success] {
    color: #3e9900;
    border-color: #3e9900;
  }
  .button[data-type=outline][data-status=success]::before {
    background-color: #3e9900;
  }
  .button[data-type=outline][data-status=warning] {
    color: #E86427;
    border-color: #E86427;
  }
  .button[data-type=outline][data-status=warning]::before {
    background-color: #E86427;
  }
  .button[data-type=outline][data-status=danger] {
    color: #D91F11;
    border-color: #D91F11;
  }
  .button[data-type=outline][data-status=danger]::before {
    background-color: #D91F11;
  }
  .button[data-type=outline][data-status=information] {
    color: #3b82f6;
    border-color: #3b82f6;
  }
  .button[data-type=outline][data-status=information]::before {
    background-color: #3b82f6;
  }
  .button[data-type=ghost][data-status=success] {
    color: #3e9900;
    border-color: #3e9900;
  }
  .button[data-type=ghost][data-status=success]::before {
    background-color: #3e9900;
  }
  .button[data-type=ghost][data-status=warning] {
    color: #E86427;
    border-color: #E86427;
  }
  .button[data-type=ghost][data-status=warning]::before {
    background-color: #E86427;
  }
  .button[data-type=ghost][data-status=danger] {
    color: #D91F11;
    border-color: #D91F11;
  }
  .button[data-type=ghost][data-status=danger]::before {
    background-color: #D91F11;
  }
  .button[data-type=ghost][data-status=information] {
    color: #3b82f6;
    border-color: #3b82f6;
  }
  .button[data-type=ghost][data-status=information]::before {
    background-color: #3b82f6;
  }
  .button[data-type=basic][data-status=success],
  .button[data-icon]:empty[data-status=success] {
    color: #3e9900;
  }
  .button[data-type=basic][data-status=success]::before,
  .button[data-icon]:empty[data-status=success]::before {
    background-color: #3e9900;
  }
  .button[data-type=basic][data-status=warning],
  .button[data-icon]:empty[data-status=warning] {
    color: #E86427;
  }
  .button[data-type=basic][data-status=warning]::before,
  .button[data-icon]:empty[data-status=warning]::before {
    background-color: #E86427;
  }
  .button[data-type=basic][data-status=danger],
  .button[data-icon]:empty[data-status=danger] {
    color: #D91F11;
  }
  .button[data-type=basic][data-status=danger]::before,
  .button[data-icon]:empty[data-status=danger]::before {
    background-color: #D91F11;
  }
  .button[data-type=basic][data-status=information],
  .button[data-icon]:empty[data-status=information] {
    color: #3b82f6;
  }
  .button[data-type=basic][data-status=information]::before,
  .button[data-icon]:empty[data-status=information]::before {
    background-color: #3b82f6;
  }
  /*FOCUS*/
  /*.button:not([data-state='disabled']):focus { border-color: $color-brand-primary-bright !important; color: $color-white; background-color: $color-active-primary !important;}*/
}
/*HOVER*/
@media (hover: hover) and (pointer: fine) {
  .button[data-type=solid]:not([data-state=disabled]):hover {
    background-color: #000000;
    border-color: #000000;
  }
  .button[data-type=outline]:not([data-state=disabled]):hover {
    color: #6b7280;
    border-color: #6b7280;
  }
  .button[data-type=ghost]:not([data-state=disabled]):hover {
    background-color: #d1d5db;
  }
  .button[data-type=basic]:not([data-state=disabled]):hover {
    color: #6b7280;
  }
  .button[data-type=solid][data-variant=positive]:hover {
    background-color: #d4d4d4;
    border-color: #d4d4d4;
  }
  .button[data-type=solid][data-variant=negative]:hover {
    background-color: #404040;
    border-color: #404040;
  }
  .button[data-type=outline][data-variant=positive]:hover {
    border-color: #525252;
    color: #525252;
  }
  .button[data-type=outline][data-variant=negative]:hover {
    color: #737373;
    border-color: #737373;
  }
  .button[data-type=ghost][data-variant=negative]:hover {
    background-color: #374151;
  }
  .button[data-type=basic][data-variant=positive]:hover {
    color: #404040;
  }
  .button[data-type=basic][data-variant=negative]:hover {
    color: #a3a3a3;
  }
}
@media screen {
  .card {
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
    text-align: left;
    max-width: 400px;
    aspect-ratio: 1/1;
    display: grid;
    grid-template-rows: auto 1fr auto;
    height: 100%;
    padding: 0.25em;
    border-radius: 0;
    border: 0.06em solid #d1d5db;
    transition: box-shadow 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .card .card-body {
    position: relative;
    z-index: 100;
    padding: 1em 4em 1em 2em;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    justify-content: center;
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .card .card-title {
    font-size: 1.44em;
    line-height: 1.2em;
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    color: #000000;
    text-wrap: balance;
  }
  .card .card-description {
    font-size: 0.9em;
    color: #000000;
    line-height: 1.5em;
    text-wrap: balance;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: box !important;
    line-clamp: 3;
    box-orient: vertical;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .card .card-background {
    position: absolute;
    z-index: 50;
    width: 100%;
    height: 100%;
  }
  .card .card-background::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 20;
    top: 1em;
    right: 1em;
    width: 2em;
    height: 2em;
    background: url(../img/frame.svg);
    background-size: 100% auto;
  }
  .card .card-background figure {
    width: 100%;
    height: 100%;
  }
  .card .card-background img {
    max-width: none;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    clip-path: polygon(70% 0, 100% 0, 100% 30%);
    transition: all 0.5s ease-in-out;
  }
}
/*type*/
.card[data-type=blog] {
  max-width: none !important;
  grid-template-rows: 1fr;
}
.card[data-type=blog] .card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25em;
  width: 100%;
  margin-bottom: 0.5em;
}

/*size*/
.card[data-size=small] {
  aspect-ratio: unset;
}
.card[data-size=small] .card-body {
  transition: none;
}
.card[data-size=small] .card-title {
  font-size: 1em;
  margin-bottom: 0.25em;
}
.card[data-size=small] .card-description {
  font-size: 0.75em;
}
.card[data-size=small] .card-background img {
  clip-path: none;
}

.card[data-size=x-small] {
  aspect-ratio: unset;
  height: -moz-fit-content;
  height: fit-content;
}
.card[data-size=x-small] .card-body {
  padding: 0.9em 0.9em 0.5em 0.9em;
}
.card[data-size=x-small] .card-title {
  font-size: 0.9em;
}
.card[data-size=x-small] .card-footer {
  padding-bottom: 0.7em;
}
.card[data-size=x-small] .card-footer .tag {
  padding: 0 !important;
}

.card[data-size=x-small]:not(:has(.card-footer)) .card-body {
  padding-bottom: 0.9em;
}

/*layout*/
.card[data-layout=horizontal][data-size=x-small] {
  grid-template-columns: auto 1fr auto;
  grid-template-rows: unset;
  align-items: center;
}
.card[data-layout=horizontal][data-size=x-small] .card-header {
  align-self: center;
  grid-column: 1/span 1;
  grid-row: 1/span 1;
  padding-left: 0.5em;
}
.card[data-layout=horizontal][data-size=x-small] .card-header figure {
  position: relative;
  overflow: hidden;
  width: 3em;
  aspect-ratio: 1/1;
  border-radius: 0.5em;
}
.card[data-layout=horizontal][data-size=x-small] .card-header img {
  max-width: none;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card[data-layout=horizontal][data-size=x-small] .card-body {
  padding: 1em 1em 1em 0.75em;
}
.card[data-layout=horizontal][data-size=x-small] .card-title {
  margin: 0;
  font-size: 0.8em;
}
.card[data-layout=horizontal][data-size=x-small] .card-footer {
  padding: 0 1em 0 0;
}

.cards-list[data-layout=list] .card {
  grid-template-columns: auto 1fr 20em;
  grid-template-rows: unset;
  align-items: center;
}
.cards-list[data-layout=list] .card-header {
  max-width: 14em;
}
.cards-list[data-layout=list] .card-title {
  font-family: "Raleway", Arial, sans-serif !important;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  font-size: 1.44em;
  margin-bottom: 0;
}
.cards-list[data-layout=list] .card-footer {
  padding-bottom: 0;
}
.cards-list[data-layout=list] .card[data-type=product] .card-extras {
  width: -moz-fit-content;
  width: fit-content;
}

/*HOVER EFFECTS*/
@media (hover: hover) and (pointer: fine) {
  .card:not([data-size]):hover {
    box-shadow: 0 5px 15px 5px rgba(0, 0, 0, 0.25);
  }
  *[data-rel=home] .card:hover .card-body,
  *[data-id=novedades] .card:hover .card-body {
    opacity: 0;
  }
  *[data-rel=home] .card:hover .card-background img,
  *[data-id=novedades] .card:hover .card-background img {
    clip-path: polygon(-500% -200%, 100% 0, 200% 300%); /*animation-play-state: running;*/
  }
}
@media (min-width: 580px) {
  /*layout horizontal / size normal / small*/
  .card[data-layout=horizontal]:not([data-size]),
  .card[data-layout=horizontal][data-size=small] {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
  }
  .card[data-layout=horizontal]:not([data-size]) .card-header,
  .card[data-layout=horizontal][data-size=small] .card-header {
    grid-column: 1/span 1;
    grid-row: 1/span 2;
    max-height: none;
  }
  .card[data-layout=horizontal]:not([data-size]) .card-header img,
  .card[data-layout=horizontal][data-size=small] .card-header img {
    max-height: none;
  }
  .card[data-layout=horizontal]:not([data-size]) .card-body,
  .card[data-layout=horizontal][data-size=small] .card-body {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 2em 2em 1em 2em;
  }
  .card[data-layout=horizontal]:not([data-size]) .card-footer,
  .card[data-layout=horizontal][data-size=small] .card-footer {
    padding-left: 2em;
    padding-bottom: 2em;
  }
}
@media (max-width: 580px) {
  /*list view*/
  .cards-list[data-layout=list] .card {
    grid-template-columns: 1fr 2fr;
    grid-template-rows: auto auto;
    align-items: start;
  }
  .cards-list[data-layout=list] .card-header {
    grid-column: 1/span 1;
    grid-row: 1/span 2;
    max-height: none;
  }
  .cards-list[data-layout=list] .card-header img {
    max-height: none;
  }
  .cards-list[data-layout=list] .card-title {
    font-size: 1em;
  }
  .cards-list[data-layout=list] .card-body {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 2em 2em 1em 2em;
  }
  .cards-list[data-layout=list] .card-footer {
    padding-left: 2em;
    padding-bottom: 2em;
  }
}
@media screen {
  .card-services-list {
    display: grid;
    gap: 0.5em;
    grid-template-columns: repeat(auto-fit, minmax(24em, 1fr));
    width: 100%;
    padding-block: 2em;
  }
  .card-services {
    position: relative;
  }
  .card-services .card-services-text {
    position: relative;
    display: flex;
    gap: 1em;
    align-items: center;
    padding: 2.5em;
  }
  .card-services .card-services-logo {
    flex: 0 0 auto;
    width: 8em;
  }
  .card-services .card-services-icon {
    flex: 0 0 auto;
    width: 5em;
  }
  .card-services .card-services-title {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 1.44em;
    color: #ffffff;
  }
  .card-services .card-services-description {
    flex: 1;
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    color: #ffffff;
  }
  .card-services .card-services-background {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .card-services .card-services-background figure {
    width: 100%;
    height: 100%;
  }
  .card-services .card-services-background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: none;
  }
}
@media (max-width: 1000px) {
  .card-services .card-services-text {
    height: 100%;
    padding: 2em 1em;
    align-items: center;
  }
  .card-services .card-services-description {
    font-size: 0.9em;
  }
  .card-services .card-services-logo {
    width: 5em;
  }
}
@media (max-width: 500px) {
  .card-services-list {
    grid-template-columns: repeat(auto-fit, minmax(20em, 1fr));
  }
  .card-services .card-services-icon {
    width: 3.5em;
  }
  .card-services .card-services-title {
    font-size: 1em;
  }
}
@media screen {
  /*SPLIDE:::::::::::::::::::::::::::::::::::::::::::*/
  /*custom arrows*/
  .splide__arrow {
    width: 2em !important;
    height: 2em !important;
    background: none !important;
    opacity: 1 !important;
  }
  .splide__arrow::before {
    content: "";
    display: block;
    width: 1.5em;
    height: 1.5em;
    -webkit-mask-size: cover;
            mask-size: cover;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    line-height: 0;
    background-color: #D91F11;
  }
  .splide__arrow svg {
    display: none !important;
  }
  .splide__arrow.splide__arrow--prev::before {
    -webkit-mask-image: url("../img/icons/chevron-left.svg");
            mask-image: url("../img/icons/chevron-left.svg");
  }
  .splide__arrow.splide__arrow--next::before {
    -webkit-mask-image: url("../img/icons/chevron-right.svg");
            mask-image: url("../img/icons/chevron-right.svg");
  }
  /*custom pagination*/
  .splide__pagination__page {
    width: 1em !important;
    height: 1em !important;
    margin: 0 0.5em !important;
    background-color: #737373 !important;
    border-radius: 0 !important;
  }
  .splide__pagination__page.is-active {
    background-color: #BD9D5A !important;
    transform: scale(1) !important;
  }
  /*custom pagination type*/
  .splide[data-pagination=large] .splide__pagination {
    bottom: 1.8em !important;
  }
  .splide[data-pagination=large] .splide__pagination__page {
    width: 5em !important;
    height: 0.35em !important;
    margin: 0 0.25em !important;
    transform: scale(1) !important;
  }
  /*desactivar carrusel*/
  /*
  .splide.is-active .splide__list { display: flex; justify-content: center; width: 100%;}
  .splide__arrows,
  .splide__pagination { display: none;}
  */
  /*types*/
  /*contiene fotos en slice y videos en slice o en modal*/
  .carousel[data-type=multimedia] {
    background-color: #000000;
  }
  .carousel[data-type=multimedia] li.splide__slide {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .carousel[data-type=multimedia] .carousel-item-video {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .carousel[data-type=multimedia] .carousel-item-video iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    border: none;
  }
  .carousel[data-type=logos] li {
    text-align: center;
  }
  .carousel[data-type=logos] img {
    max-width: 7.5em;
    margin: 0 auto;
    filter: grayscale(1);
  }
  .carousel[data-type=telepronter] {
    width: 100%;
    padding-block: 3em;
    background-color: #ffffff;
  }
  .carousel[data-type=telepronter] li {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .carousel[data-type=telepronter] li::before {
    content: "";
    flex: 0 0 auto;
    width: 1em;
    height: 1em;
    margin-inline: 1em;
    background: url("../img/icons/specials/star-pin-special.svg") no-repeat 0 0;
    background-size: 100% auto;
  }
  .carousel[data-type=telepronter] p {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 2.07em;
    display: block;
    padding: 0;
    text-align: center;
    color: #374151;
  }
  .carousel[data-type=blog] li.splide__slide a {
    display: block;
    width: 100%;
    padding: 0.5em;
  }
  .carousel[data-type=blog] .card[data-type=blog] {
    max-width: none !important;
  }
}
@media (max-width: 500px) {
  .carousel[data-type=telepronter] {
    padding-block: 1.5em;
  }
}
@media screen {
  .fab {
    position: fixed;
    z-index: 8000;
    bottom: 2.5em;
    right: 2em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0.5em;
    border-radius: 50%;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease-in-out;
  }
  /*variants*/
  .fab[data-icon=wapp] {
    background-color: #1BD741;
  }
  .fab[data-icon=wapp] span {
    border-color: #1BD741 !important;
  }
  /*.........*/
  /*animacions type*/
  .fab[data-animation=waves] {
    animation: fav 1s ease-in-out infinite;
  }
  .fab[data-animation=waves] span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    border-radius: 50%;
  }
  .fab[data-animation=waves] span:first-child {
    border: 2px solid transparent;
    transform: scale(1.2);
    animation: wavessound1 1s ease-out infinite;
  }
  .fab[data-animation=waves] span:nth-child(2) {
    border: 2px solid transparent;
    transform: scale(1.5);
    animation: wavessound2 1s ease-out infinite;
  }
  .fab[data-animation=waves] span:nth-child(3) {
    border: 2px solid transparent;
    transform: scale(1.8);
    animation: wavessound3 1s ease-out infinite;
  }
  .fab[data-size="2x-small"] {
    font-size: 0.69em;
    padding: 0.16em;
    min-height: auto;
  }
  .fab[data-size=x-small] {
    font-size: 0.75em;
    padding: 0.16em 0.5em;
    min-height: auto;
  }
  .fab[data-size=small] {
    font-size: 0.9em;
  }
  .fab[data-size=medium] {
    font-size: 1.2em;
  }
  .fab[data-size=large] {
    font-size: 1.44em;
  }
  .fab[data-size=x-large] {
    font-size: 1.73em;
  }
  .fab[data-size="2x-large"] {
    font-size: 2.07em;
  }
  .fab[data-size="7x-large"] {
    font-size: 5.16em;
  }
  .fab[data-type=basic][data-variant=gray],
  .fab[data-icon]:empty[data-variant=gray] {
    color: #374151;
  }
  .fab[data-type=basic][data-variant=gray]::before,
  .fab[data-icon]:empty[data-variant=gray]::before {
    background-color: #374151;
  }
  .fab[data-type=basic][data-variant=neutral],
  .fab[data-icon]:empty[data-variant=neutral] {
    color: #404040;
  }
  .fab[data-type=basic][data-variant=neutral]::before,
  .fab[data-icon]:empty[data-variant=neutral]::before {
    background-color: #404040;
  }
  .fab[data-type=basic][data-variant=positive],
  .fab[data-icon]:empty[data-variant=positive] {
    color: #000000;
  }
  .fab[data-type=basic][data-variant=positive][data-icon]::before,
  .fab[data-icon]:empty[data-variant=positive][data-icon]::before {
    background-color: #000000;
  }
  .fab[data-type=basic][data-variant=negative],
  .fab[data-icon]:empty[data-variant=negative] {
    color: #ffffff;
  }
  .fab[data-type=basic][data-variant=negative][data-icon]::before,
  .fab[data-icon]:empty[data-variant=negative][data-icon]::before {
    background-color: #ffffff;
  }
  .fab[data-type=basic][data-variant=tint-primary],
  .fab[data-icon]:empty[data-variant=tint-primary] {
    color: #BD9D5A;
  }
  .fab[data-type=basic][data-variant=tint-primary][data-icon]::before,
  .fab[data-icon]:empty[data-variant=tint-primary][data-icon]::before {
    background-color: #BD9D5A;
  }
  .fab[data-type=basic][data-variant=tint-secondary],
  .fab[data-icon]:empty[data-variant=tint-secondary] {
    color: #1B1D29;
  }
  .fab[data-type=basic][data-variant=tint-secondary][data-icon]::before,
  .fab[data-icon]:empty[data-variant=tint-secondary][data-icon]::before {
    background-color: #1B1D29;
  }
  .fab[data-type=basic][data-variant=tint-accent],
  .fab[data-icon]:empty[data-variant=tint-accent] {
    color: transparent;
  }
  .fab[data-type=basic][data-variant=tint-accent][data-icon]::before,
  .fab[data-icon]:empty[data-variant=tint-accent][data-icon]::before {
    background-color: transparent;
  }
}
@media screen {
  /*elements*/
  .form-label {
    display: block;
    margin-bottom: 0.25em;
    font-size: 1em;
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;
    color: #374151;
  }
  .form-label a {
    color: #000000;
    text-decoration: underline !important;
  }
  .form-label strong {
    font-variation-settings: "wght" 400;
  }
  legend {
    font-size: 0.9em;
    font-weight: 600 !important;
    font-variation-settings: "wght" 600 !important;
    color: #374151;
    display: block;
    margin-bottom: 0.5em;
  }
  p.form-descripcion-text {
    margin: 0.5em 0 0 0.13em;
    font-size: 0.69em;
    color: #737373;
  }
  /*types natives*/
  .form-item input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=reset]):not([type=submit]),
  .form-item select,
  .form-item textarea {
    font: normal 1em "Raleway", Arial, sans-serif;
    min-height: 2.26em;
    text-align: left;
    color: #000000;
    border: 0.06em solid #d4d4d4;
    padding: 0.8em 1em;
    border-radius: 0.5em;
    width: 100%;
    background-color: #ffffff;
  }
  .form-item select option {
    color: #000000;
  }
  .form-item input[type=checkbox],
  .form-item input[type=radio] {
    width: 1.5em;
    height: 1.5em;
    background-color: #ffffff;
    border: 0.06em solid #d4d4d4;
  }
  .form-item input[type=checkbox] {
    border-radius: 0.25em;
  }
  .form-item input[type=checkbox]:checked {
    background: url("../img/icons/check.svg") no-repeat 50% 50%;
    background-size: 1em auto;
    border-color: #BD9D5A;
  }
  .form-item input[type=checkbox]:checked + .form-label {
    color: #BD9D5A !important;
  }
  .form-item input[type=radio] {
    border-radius: 50%;
  }
  .form-item input[type=radio]:checked {
    background: url("../img/icons/check.svg") no-repeat 50% 50%;
    background-size: 1em auto;
    border-color: #BD9D5A;
  }
  .form-item input[type=radio]:checked + .form-label {
    color: #BD9D5A !important;
  }
  .form-item input[type=file] {
    background: none !important;
    border: none !important;
    padding: 0 !important;
  }
  .form-item input::file-selector-button {
    min-height: 2.26em;
    padding: 0.5em 1em;
    border: 0.06em solid #BD9D5A;
    color: #BD9D5A;
    background-color: #ffffff;
    border-radius: 0.5em;
    cursor: pointer;
    font-size: 1em;
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    line-height: 0;
    transition: all 0.3s ease-in-out;
  }
  .form-item textarea {
    height: 11.25em;
    border-radius: 0.5em !important;
  }
  /*types custom*/
  .form-item[data-type=icon] > span {
    position: relative;
    overflow: hidden;
    width: 100%;
    background-color: #ffffff;
    border: 0.06em solid #d4d4d4;
    border-radius: 0.5em;
    display: flex;
    align-items: center;
  }
  .form-item[data-type=icon] .icon {
    padding: 0 1em 0 1em;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .form-item[data-type=icon] .icon::before {
    width: 1em;
    height: 1em;
    background-color: #9ca3af;
  }
  .form-item[data-type=icon] input {
    border: none !important;
    border-radius: 0 !important;
    padding-left: 0 !important;
  }
  .form-item[data-type=check],
  .form-item[data-type=radio] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5em;
  }
  .form-item[data-type=check] input,
  .form-item[data-type=radio] input {
    flex: 0 0 auto;
  }
  .form-item[data-type=check] .form-label,
  .form-item[data-type=radio] .form-label {
    flex: 1;
    margin-bottom: 0;
  }
  .form-item[data-type=check] p,
  .form-item[data-type=radio] p {
    flex: 1 1 100%;
    margin-top: 0;
    margin-left: 2em;
  }
  .form-item[data-type=date] span {
    position: relative;
    overflow: hidden;
    display: block;
    border: 0.06em solid #d4d4d4;
    border-radius: 0.5em;
  }
  .form-item[data-type=date] span .button {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    width: 3em !important;
    aspect-ratio: unset;
    background-color: #ffffff;
    pointer-events: none;
  }
  .form-item[data-type=date] input[type=date] {
    border: 0 !important;
    border-radius: 0 !important;
    text-align: left !important;
  }
  .form-item[data-type=password] span {
    position: relative;
    overflow: hidden;
    display: flex;
    border: 0.06em solid #d4d4d4;
    border-radius: 0.5em;
  }
  .form-item[data-type=password] input {
    border: 0 !important;
    border-radius: 0 !important;
  }
  .form-item[data-type=password] .button::before {
    transform: scale(1);
  }
  .form-item[data-type=numeric] span {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    border: 0.06em solid #d4d4d4;
    border-radius: 0.5em;
  }
  .form-item[data-type=numeric] input[type=number] {
    border: 0 !important;
    border-radius: 0 !important;
    text-align: center !important;
  }
  .form-item[data-type=numeric] .button {
    border-radius: 0 !important;
  }
  .form-item[data-type=search] span {
    position: relative;
    overflow: hidden;
    display: flex;
    border: 0.06em solid #d4d4d4;
    border-radius: 0.5em;
  }
  .form-item[data-type=search] input[type=search] {
    border: 0 !important;
    border-radius: 0 !important;
    text-align: center;
  }
  .form-item[data-type=search] .button::before {
    transform: scale(1);
  }
  .form-item[data-type=segmented-control] {
    position: relative;
    display: inline-flex;
    justify-content: space-between;
    min-height: 2.26em;
    border: 0.06em solid #d4d4d4;
    border-radius: 0.5em;
    background-color: #ffffff;
  }
  .form-item[data-type=segmented-control] input[type=radio] {
    position: absolute;
    width: 0;
    height: 0;
    visibility: hidden;
    opacity: 0;
  }
  .form-item[data-type=segmented-control] .form-label {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25em;
    padding: 0.25em 1em;
    color: #525252;
    border: 0.06em solid transparent;
    margin-bottom: 0;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
  }
  .form-item[data-type=segmented-control] .form-label:empty {
    padding: calc(0.65em - 2px);
  }
  .form-item[data-type=segmented-control] input[type=radio]:checked + .form-label {
    color: #BD9D5A !important;
    border-color: #BD9D5A;
    border-radius: 0.5em;
  }
  .form-item[data-type=segmented-control] input[type=radio]:checked + .form-label::before {
    background-color: #BD9D5A !important;
  }
  .form-item[data-type=switch-control] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    align-items: center;
  }
  .form-item[data-type=switch-control] input[type=checkbox] {
    position: absolute;
    width: 0;
    height: 0;
    visibility: hidden;
    opacity: 0;
  }
  .form-item[data-type=switch-control] label {
    position: relative;
    cursor: pointer;
    text-indent: -9999px;
    width: 2.5em;
    height: 1.5em;
    background: #a3a3a3;
    display: block;
    margin-bottom: 0;
    border-radius: 2em;
  }
  .form-item[data-type=switch-control] label:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(1.5em - 4px);
    aspect-ratio: 1/1;
    background: #ffffff;
    border-radius: 50%;
    transition: all 0.3s ease;
  }
  .form-item[data-type=switch-control] input:checked + label {
    background: #BD9D5A;
  }
  .form-item[data-type=switch-control] input:checked + label:after {
    left: calc(100% - 0.13em);
    transform: translateX(-100%);
  }
  .form-item[data-type=switch-control] .form-label {
    margin-bottom: 0;
  }
  .form-item[data-type=file] label {
    display: flex;
    gap: 0.25em;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    min-height: 2.26em;
    border-radius: 0.5em;
    white-space: nowrap;
    min-height: 2.26em;
    padding: 0.5em 1em;
    border: 0.06em solid #BD9D5A;
    cursor: pointer;
    font-family: "Raleway", Arial, sans-serif !important;
    font-size: 1em;
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    line-height: 0;
    color: #BD9D5A;
    transition: all 0.3s ease-in-out;
  }
  .form-item[data-type=file] label::before {
    background-color: #BD9D5A;
  }
  .form-item[data-type=file] input[type=file] {
    position: absolute;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    visibility: hidden;
    opacity: 0 !important;
  }
  input[type=submit][data-icon] {
    padding-left: 2.5em !important;
    padding-right: 1em !important;
    background-repeat: no-repeat;
    background-position: 1em 50%;
    background-size: 1em auto;
  }
  input[type=submit][data-icon=mail] {
    background-image: url("../img/icons/mail.svg");
  }
  /*sizes*/
  .form-label[data-size=small] {
    font-size: 0.9em;
    margin-bottom: 0.25em;
  }
  .form-label[data-size=x-small] {
    font-size: 0.75em;
    margin-bottom: 0.25em;
  }
  .form-label[data-size="2x-small"] {
    font-size: 0.69em;
    margin-bottom: 0.25em;
  }
  input[data-size=small],
  select[data-size=small] {
    font-size: 0.9em;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
  }
  input[data-size=short] {
    width: 4.4em !important;
  }
  .form-item[data-type=segmented-control][data-size=full] {
    display: flex !important;
    width: 100% !important;
  }
  .form-item[data-type=segmented-control][data-size=full] label {
    flex: 1;
  }
}
/*SELECT*/
@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
  select {
    padding-right: 2em;
    background: #ffffff url("../img/icons/chevron-down.svg") no-repeat calc(100% - 0.5em) 50%;
    background-size: 1.2em auto;
  }
}
/*hover*/
@media (hover: hover) and (pointer: fine) {
  input:not([disabled]):hover,
  select:not([disabled]):hover,
  textarea:not([disabled]):hover {
    background-color: #f3f4f6 !important;
  }
  input[type=submit]:hover {
    background-color: #171717 !important;
  }
}
/*focus*/
input:not([class=button]):focus,
textarea:not([disabled]):focus,
select:not([disabled]):focus,
.form-item[data-type=search]:focus-within > span,
.form-item[data-type=icon]:focus-within > span,
.form-item[data-type=password]:focus-within > span,
.form-item[data-type=date]:focus-within > span,
.form-item[data-type=numeric]:focus-within > span {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-color: #BD9D5A !important;
}

/*...*/
/*disabled*/
input[disabled],
select[disabled],
textarea[disabled] {
  opacity: 1;
  background: none;
  background-color: #e5e5e5;
}

@media screen {
  .list > li {
    display: flex;
    font-size: 1em;
    line-height: 1.5em;
  }
  /*bullets*/
  *[data-bullet] {
    align-items: baseline;
  }
  ul.list[data-bullet] li::before,
  ul.list li[data-bullet]::before {
    flex: 0 0 auto;
    margin-right: 0.5em;
    font-size: 1em;
  }
  /*types bullets*/
  ul.list[data-bullet=dot] li::before,
  ul.list li[data-bullet=dot]::before {
    content: "•";
  }
  ul.list[data-bullet=diamond] li::before,
  ul.list li[data-bullet=diamond]::before {
    content: "◆";
  }
  /*icons*/
  ul.list[data-icon] > li::before,
  ul.list li[data-icon]::before {
    flex: 0 0 auto;
    display: block;
    background-color: #BD9D5A;
  }
  /*icon bullet automatico*/
  ul.list[data-icon]::before {
    display: none;
  }
  /*icon bullet personalizado*/
  ul.list li[data-icon] {
    gap: 0.25em;
    align-items: first baseline;
  }
  /*size*/
  ul.list[data-size=small] li {
    font-size: 0.9em;
    line-height: 1.5em;
  }
  /*type*/
  dl {
    margin: 1em 0;
  }
  dl dt {
    font-size: 1em;
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    line-height: 1.5em;
  }
  dl dd {
    font-size: 1em;
    line-height: 1.5em;
  }
  ol.list {
    counter-reset: section;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 0.75em;
  }
  ol.list[data-bullet=numeral] li {
    flex: 0 0 auto;
    gap: 0.5em;
    align-items: center;
    font-size: 1em;
    line-height: 1.2em;
  }
  ol.list[data-bullet=numeral] li::before {
    counter-increment: section;
    content: counters(section, ": ");
    flex: 0 0 auto;
    align-self: flex-start;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 1.5em;
    height: 1.5em;
  }
  /*variants*/
  ol.list[data-variant=steps] li::before {
    font-size: 16px;
    line-height: 0 !important;
    color: #404040;
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    color: #ffffff;
    background-color: #6b7280;
    border-radius: 50%;
  }
}
@media screen {
  .modal {
    position: fixed;
    z-index: 9996;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
    width: 100%;
    height: 100%;
    padding: 2.5em;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.85);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .modal .button[data-icon=close] {
    position: absolute;
    z-index: 100;
    top: 2em;
    right: 2em;
  }
  .content-modal {
    position: relative;
    overflow: hidden;
    margin: auto;
    max-width: 62em;
    background-color: #ffffff;
    border-radius: 0.5em;
    display: flex;
    flex-direction: column;
    transform: translateY(-1.25em);
    transition: transform 0.3s ease-in-out;
  }
  .modal-header {
    padding: 1.7em 1.7em 0 1.7em;
    text-align: left;
  }
  .modal-title {
    font-size: 1.44em;
  }
  .modal-body {
    padding: 0.8em 1.7em 1.7em 1.7em;
  }
  .modal-description {
    max-width: 55ch;
    line-height: 1.3;
    color: #1f2937;
  }
  .modal-footer {
    padding: 1.7em;
    gap: 0.5em;
    display: flex;
    justify-content: flex-end;
  }
  /*state*/
  body[data-state=inactive] {
    overflow: hidden;
  }
  .modal[data-state=open] {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto;
  }
  .modal[data-state=open] .content-modal {
    transform: translateY(0);
  }
  /*....*/
  /*type*/
  .modal[data-type=text] .modal-body {
    padding: 1.7em;
  }
  .modal[data-type=video] {
    transition-duration: 1s;
  }
  .modal[data-type=video] .content-modal {
    background: none;
    max-width: none;
    transform: none;
  }
  .modal[data-type=video] .modal-body {
    width: 75vw;
    padding: 0 !important;
    background-color: #000000;
    opacity: 0;
    transition: opacity 0.5s ease-in-out 1s;
  }
  .modal[data-type=video] .modal-video-load {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
  }
  .modal[data-type=video] .modal-video-load iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  /*open*/
  .modal[data-type=video][data-state=open] .modal-body {
    opacity: 1;
  }
  /*....*/
}
/*NAV FILTER*/
@media screen {
  .nav-filter {
    padding: 1em 0;
  }
  .nav-filter-result {
    flex: 1 1 100%;
    font-size: 1.2em;
  }
  .nav-filter-result strong {
    font-family: "PlusJakartaSans", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  .nav-filter form {
    display: flex;
    gap: 0.5em 1.7em;
    flex-wrap: wrap;
    width: 100%;
  }
  .nav-filter-presets {
    flex: 1;
  }
  a#BtnFilter {
    display: none;
  }
  .combo-filter-presets {
    display: flex;
    gap: 0.5em;
    flex-wrap: wrap;
    width: 100%;
  }
  .nav-filter .form-item {
    position: relative;
    overflow: hidden;
    flex: 0 1 auto;
    background-color: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 0.5em;
  }
  .nav-filter .form-label {
    display: block;
    margin-bottom: 0 !important;
    padding: 0.7em 1em 0 1.4em !important;
    font-size: 0.69em;
    color: #BD9D5A;
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 700;
    font-variation-settings: "wght" 700;
  }
  .nav-filter select {
    width: 100%;
    min-width: 9.6em;
    min-height: 0;
    border-radius: 0;
    padding-top: 0;
    font-size: 0.9em;
    color: #171717;
    border-color: transparent;
  }
  .nav-filter select::before {
    background-color: #BD9D5A;
  }
  .nav-filter .form-item[data-type=date] span {
    border-radius: 0;
    border-color: transparent;
  }
  .nav-filter .form-item[data-type=date] input[type=date] {
    padding-top: 0 !important;
  }
  .nav-filter-organic {
    flex: 1;
    max-width: 35em;
  }
  .nav-filter-organic .form-item {
    align-self: stretch;
    height: 100%;
  }
  .nav-filter-organic .form-item[data-type=search] input[type=search] {
    min-height: none !important;
  }
  .nav-filter-organic .form-item[data-type=search] span {
    height: 100%;
    border-color: transparent;
  }
  /*focus*/
  .nav-filter input:not([disabled]):focus,
  .nav-filter textarea:not([disabled]):focus,
  .nav-filter select:not([disabled]):focus {
    background-color: transparent !important;
    border-color: transparent !important;
  }
}
/*hover*/
@media (hover: hover) and (pointer: fine) {
  .nav-filter input:not([disabled]):hover,
  .nav-filter select:not([disabled]):hover,
  .nav-filter textarea:not([disabled]):hover {
    background-color: transparent !important;
  }
}
@media (max-width: 970px) {
  .nav-filter {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }
  .nav-filter form {
    gap: 0.5em;
  }
  .nav-filter-presets {
    order: 2;
    flex: 1 1 100%;
  }
  a#BtnFilter {
    display: inline-flex;
    padding-inline: 0 !important;
  }
  #DropFilter {
    position: relative;
    overflow: hidden;
    max-height: 0;
    transition: all 0.5s ease-in-out;
  }
  #ComboFiltroEmpresa,
  #ComboFiltroIndustria,
  #ComboFiltroFecha {
    flex: 1 1 100%;
  }
  .nav-filter-organic {
    order: 1;
    flex: 1 1 100%;
  }
  /*states*/
  a#BtnFilter[data-state=open] {
    color: #000000;
  }
  a#BtnFilter[data-state=open]::before {
    background-color: #000000;
  }
  #DropFilter[data-state=open] {
    max-height: 20em;
    padding-top: 0.5em;
  }
}
@media (max-width: 780px) {
  .nav-filter-result {
    font-size: 1.44em;
  }
  #DropFilter .form-item {
    flex: 1;
  }
}
@media (max-width: 560px) {
  .nav-filter-result {
    font-size: 1em;
  }
  a#BtnFilter {
    font-size: 0.75em !important;
  }
  #DropFilter[data-state=open] {
    padding-top: 0;
  }
}
@media screen {
  strong {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  strong[data-type=semi] {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
  }
  strong[data-type=medium] {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  strong[data-type=bold] {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 700;
    font-variation-settings: "wght" 700;
  }
  strong[data-type=extra-bold] {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 800;
    font-variation-settings: "wght" 800;
  }
  strong[data-type=black] {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 900;
    font-variation-settings: "wght" 900;
  }
  em {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-variation-settings: "ital" 1;
  }
  em[data-type=semi] {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
  }
  em[data-type=medium] {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  em[data-type=bold] {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 700;
    font-variation-settings: "wght" 700;
  }
  em[data-type=extra-bold] {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 800;
    font-variation-settings: "wght" 800;
  }
  em[data-type=black] {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 900;
    font-variation-settings: "wght" 900;
  }
}
@media screen {
  .scrollbar {
    scrollbar-color: #a3a3a3 rgba(0, 0, 0, 0.2);
    scrollbar-width: thin;
    scroll-behavior: smooth;
  }
  /*effect*/
  .scrollbar[data-effect=smooth] {
    overflow-y: scroll;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen {
  table {
    width: 100%;
    text-align: left;
  }
  table thead {
    position: relative;
    overflow: hidden;
  }
  table thead td {
    padding: 0.5em 1em;
    background-color: #000000;
  }
  table thead p {
    font-size: 0.9em;
    color: #ffffff;
  }
  table tbody td {
    padding: 1em;
    background-color: #ffffff;
    border-bottom: 0.06em solid #d4d4d4;
  }
  table tbody tr:last-child td {
    border: none;
  }
  table tbody td[data-info=adultos],
  table tbody td[data-info=ninos],
  table tbody td[data-info=infantes] {
    text-align: right;
  }
  table tbody td[data-info=acciones] {
    padding-top: 0.5em;
    padding-bottom: 0;
  }
  table tbody td p {
    font-size: 0.9em;
  }
}
/*HOVER EFFECTS*/
@media (min-width: 1023px) and (hover: hover) and (pointer: fine) {
  table tbody tr:hover td {
    background-color: #e5e7eb;
  }
}
@media (max-width: 1023px) {
  table[data-layout=responsive] {
    display: block;
    width: 100%;
    text-align: left !important;
  }
  table[data-layout=responsive] thead {
    display: none;
  }
  table[data-layout=responsive] tbody,
  table[data-layout=responsive] tbody tr,
  table[data-layout=responsive] tbody td {
    display: block;
    width: 100%;
    text-align: left !important;
  }
  table[data-layout=responsive] tbody {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));
  }
  table[data-layout=responsive] tbody tr {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    border: 0.06em solid #d1d5db;
  }
  table[data-layout=responsive] tbody td {
    flex: 0 0 auto;
    width: 100% !important;
    border: none;
    padding: 1em 1.5em !important;
  }
  table[data-layout=responsive] tbody td::before {
    font-variant: small-caps;
    display: block;
    font-size: 0.75em;
    color: #4b5563;
  }
  table[data-layout=responsive] tbody td[data-info]::before {
    content: attr(data-info);
  }
  table[data-layout=responsive] tbody td[data-info=acciones]::before {
    content: "";
  }
  table[data-layout=responsive] tbody td p {
    font-size: 1em;
  }
  table[data-layout=responsive] tbody td:first-child {
    background: #000000;
    color: #ffffff;
  }
  table[data-layout=responsive] tbody td:first-child::before {
    color: #ffffff;
  }
  table[data-layout=responsive] tbody td:last-child {
    padding-bottom: 2em !important;
  }
}
@media screen {
  .tag {
    display: inline-flex;
    gap: 0.25em;
    justify-content: center;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
    padding: 0.5em 1em;
    border: 0.06em solid #000000;
    background-color: #000000;
    border-radius: 0.5em;
    font-size: 1em;
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    color: #ffffff;
    text-box-trim: trim-both;
  }
  /*type - default*/
  .tag[data-type=solid] {
    color: #ffffff;
    background-color: #6b7280;
    border-color: #6b7280;
  }
  .tag[data-type=solid][data-icon]::before {
    background-color: #ffffff;
  }
  .tag[data-type=outline] {
    color: #6b7280;
    border-color: #6b7280;
    background-color: transparent;
  }
  .tag[data-type=outline][data-icon]::before {
    background-color: #6b7280;
  }
  .tag[data-type=basic] {
    color: #6b7280;
    border-color: transparent;
    background-color: transparent;
  }
  .tag[data-type=basic][data-icon]::before {
    background-color: #6b7280;
  }
  .tag[data-size="2x-small"] {
    font-size: 0.69em;
    padding: 0.16em;
    min-height: auto;
  }
  .tag[data-size=x-small] {
    font-size: 0.75em;
    padding: 0.16em 0.5em;
    min-height: auto;
  }
  .tag[data-size=small] {
    font-size: 0.9em;
  }
  .tag[data-size=medium] {
    font-size: 1.2em;
  }
  .tag[data-size=large] {
    font-size: 1.44em;
  }
  .tag[data-size=x-large] {
    font-size: 1.73em;
  }
  .tag[data-size="2x-large"] {
    font-size: 2.07em;
  }
  .tag[data-size="7x-large"] {
    font-size: 5.16em;
  }
  .tag[data-type=solid][data-variant=gray] {
    color: #374151;
    border-color: #e5e7eb;
    background-color: #e5e7eb;
  }
  .tag[data-type=solid][data-variant=gray]::before {
    background-color: #374151;
  }
  .tag[data-type=solid][data-variant=neutral] {
    color: #404040;
    border-color: #e5e5e5;
    background-color: #e5e5e5;
  }
  .tag[data-type=solid][data-variant=neutral]::before {
    background-color: #404040;
  }
  .tag[data-type=solid][data-variant=positive] {
    background-color: #ffffff;
    color: #000000;
    border-color: #ffffff;
  }
  .tag[data-type=solid][data-variant=positive][data-icon]::before {
    background-color: #000000;
  }
  .tag[data-type=solid][data-variant=negative] {
    background-color: #000000;
    color: #ffffff;
    border-color: #000000;
  }
  .tag[data-type=solid][data-variant=negative][data-icon]::before {
    background-color: #ffffff;
  }
  .tag[data-type=solid][data-variant=tint-primary] {
    background-color: #BD9D5A;
    color: #ffffff;
    border-color: #BD9D5A;
  }
  .tag[data-type=solid][data-variant=tint-primary][data-icon]::before {
    background-color: #ffffff;
  }
  .tag[data-type=solid][data-variant=tint-secondary] {
    background-color: #1B1D29;
    color: #ffffff;
    border-color: #1B1D29;
  }
  .tag[data-type=solid][data-variant=tint-secondary][data-icon]::before {
    background-color: #ffffff;
  }
  .tag[data-type=solid][data-variant=tint-accent] {
    background-color: transparent;
    color: #ffffff;
    border-color: transparent;
  }
  .tag[data-type=solid][data-variant=tint-accent][data-icon]::before {
    background-color: #ffffff;
  }
  .tag[data-type=outline][data-variant=gray] {
    color: #374151;
    border-color: #e5e7eb;
  }
  .tag[data-type=outline][data-variant=gray]::before {
    background-color: #374151;
  }
  .tag[data-type=outline][data-variant=neutral] {
    color: #404040;
    border-color: #e5e5e5;
  }
  .tag[data-type=outline][data-variant=neutral]::before {
    background-color: #404040;
  }
  .tag[data-type=outline][data-variant=positive] {
    color: #000000;
    border-color: #000000;
  }
  .tag[data-type=outline][data-variant=positive][data-icon]::before {
    background-color: #000000;
  }
  .tag[data-type=outline][data-variant=negative] {
    color: #ffffff;
    border-color: #ffffff;
  }
  .tag[data-type=outline][data-variant=negative][data-icon]::before {
    background-color: #ffffff;
  }
  .tag[data-type=outline][data-variant=tint-primary] {
    color: #BD9D5A;
    border-color: #BD9D5A;
  }
  .tag[data-type=outline][data-variant=tint-primary][data-icon]::before {
    background-color: #BD9D5A;
  }
  .tag[data-type=outline][data-variant=tint-secondary] {
    color: #1B1D29;
    border-color: #1B1D29;
  }
  .tag[data-type=outline][data-variant=tint-secondary][data-icon]::before {
    background-color: #1B1D29;
  }
  .tag[data-type=outline][data-variant=tint-accent] {
    color: transparent;
    border-color: transparent;
  }
  .tag[data-type=outline][data-variant=tint-accent][data-icon]::before {
    background-color: transparent;
  }
  .tag[data-type=ghost][data-variant=gray] {
    color: #374151;
    border-color: #e5e7eb;
  }
  .tag[data-type=ghost][data-variant=gray]::before {
    background-color: #374151;
  }
  .tag[data-type=ghost][data-variant=neutral] {
    color: #404040;
    border-color: #e5e5e5;
  }
  .tag[data-type=ghost][data-variant=neutral]::before {
    background-color: #404040;
  }
  .tag[data-type=ghost][data-variant=positive] {
    color: #000000;
    border-color: #000000;
  }
  .tag[data-type=ghost][data-variant=positive][data-icon]::before {
    background-color: #000000;
  }
  .tag[data-type=ghost][data-variant=negative] {
    color: #ffffff;
    border-color: #ffffff;
  }
  .tag[data-type=ghost][data-variant=negative][data-icon]::before {
    background-color: #ffffff;
  }
  .tag[data-type=ghost][data-variant=tint-primary] {
    color: #BD9D5A;
    border-color: #BD9D5A;
  }
  .tag[data-type=ghost][data-variant=tint-primary][data-icon]::before {
    background-color: #BD9D5A;
  }
  .tag[data-type=ghost][data-variant=tint-secondary] {
    color: #1B1D29;
    border-color: #1B1D29;
  }
  .tag[data-type=ghost][data-variant=tint-secondary][data-icon]::before {
    background-color: #1B1D29;
  }
  .tag[data-type=ghost][data-variant=tint-accent] {
    color: transparent;
    border-color: transparent;
  }
  .tag[data-type=ghost][data-variant=tint-accent][data-icon]::before {
    background-color: transparent;
  }
  .tag[data-type=basic][data-variant=gray],
  .tag[data-icon]:empty[data-variant=gray] {
    color: #374151;
  }
  .tag[data-type=basic][data-variant=gray]::before,
  .tag[data-icon]:empty[data-variant=gray]::before {
    background-color: #374151;
  }
  .tag[data-type=basic][data-variant=neutral],
  .tag[data-icon]:empty[data-variant=neutral] {
    color: #404040;
  }
  .tag[data-type=basic][data-variant=neutral]::before,
  .tag[data-icon]:empty[data-variant=neutral]::before {
    background-color: #404040;
  }
  .tag[data-type=basic][data-variant=positive],
  .tag[data-icon]:empty[data-variant=positive] {
    color: #000000;
  }
  .tag[data-type=basic][data-variant=positive][data-icon]::before,
  .tag[data-icon]:empty[data-variant=positive][data-icon]::before {
    background-color: #000000;
  }
  .tag[data-type=basic][data-variant=negative],
  .tag[data-icon]:empty[data-variant=negative] {
    color: #ffffff;
  }
  .tag[data-type=basic][data-variant=negative][data-icon]::before,
  .tag[data-icon]:empty[data-variant=negative][data-icon]::before {
    background-color: #ffffff;
  }
  .tag[data-type=basic][data-variant=tint-primary],
  .tag[data-icon]:empty[data-variant=tint-primary] {
    color: #BD9D5A;
  }
  .tag[data-type=basic][data-variant=tint-primary][data-icon]::before,
  .tag[data-icon]:empty[data-variant=tint-primary][data-icon]::before {
    background-color: #BD9D5A;
  }
  .tag[data-type=basic][data-variant=tint-secondary],
  .tag[data-icon]:empty[data-variant=tint-secondary] {
    color: #1B1D29;
  }
  .tag[data-type=basic][data-variant=tint-secondary][data-icon]::before,
  .tag[data-icon]:empty[data-variant=tint-secondary][data-icon]::before {
    background-color: #1B1D29;
  }
  .tag[data-type=basic][data-variant=tint-accent],
  .tag[data-icon]:empty[data-variant=tint-accent] {
    color: transparent;
  }
  .tag[data-type=basic][data-variant=tint-accent][data-icon]::before,
  .tag[data-icon]:empty[data-variant=tint-accent][data-icon]::before {
    background-color: transparent;
  }
  .tag[data-status] {
    color: #ffffff;
  }
  .tag[data-type=solid][data-status=success] {
    border-color: #3e9900;
    background-color: #3e9900;
  }
  .tag[data-type=solid][data-status=warning] {
    border-color: #E86427;
    background-color: #E86427;
  }
  .tag[data-type=solid][data-status=danger] {
    border-color: #D91F11;
    background-color: #D91F11;
  }
  .tag[data-type=solid][data-status=information] {
    border-color: #3b82f6;
    background-color: #3b82f6;
  }
  .tag[data-type=solid][data-variant=gray][data-status] {
    background-color: #e5e5e5;
    border-color: #e5e5e5;
  }
  .tag[data-type=solid][data-variant=gray][data-status=success] {
    color: #3e9900;
  }
  .tag[data-type=solid][data-variant=gray][data-status=success]::before {
    background-color: #3e9900;
  }
  .tag[data-type=solid][data-variant=gray][data-status=warning] {
    color: #E86427;
  }
  .tag[data-type=solid][data-variant=gray][data-status=warning]::before {
    background-color: #E86427;
  }
  .tag[data-type=solid][data-variant=gray][data-status=danger] {
    color: #D91F11;
  }
  .tag[data-type=solid][data-variant=gray][data-status=danger]::before {
    background-color: #D91F11;
  }
  .tag[data-type=solid][data-variant=gray][data-status=information] {
    color: #3b82f6;
  }
  .tag[data-type=solid][data-variant=gray][data-status=information]::before {
    background-color: #3b82f6;
  }
  .tag[data-type=outline][data-status=success] {
    color: #3e9900;
    border-color: #3e9900;
  }
  .tag[data-type=outline][data-status=success]::before {
    background-color: #3e9900;
  }
  .tag[data-type=outline][data-status=warning] {
    color: #E86427;
    border-color: #E86427;
  }
  .tag[data-type=outline][data-status=warning]::before {
    background-color: #E86427;
  }
  .tag[data-type=outline][data-status=danger] {
    color: #D91F11;
    border-color: #D91F11;
  }
  .tag[data-type=outline][data-status=danger]::before {
    background-color: #D91F11;
  }
  .tag[data-type=outline][data-status=information] {
    color: #3b82f6;
    border-color: #3b82f6;
  }
  .tag[data-type=outline][data-status=information]::before {
    background-color: #3b82f6;
  }
  .tag[data-type=ghost][data-status=success] {
    color: #3e9900;
    border-color: #3e9900;
  }
  .tag[data-type=ghost][data-status=success]::before {
    background-color: #3e9900;
  }
  .tag[data-type=ghost][data-status=warning] {
    color: #E86427;
    border-color: #E86427;
  }
  .tag[data-type=ghost][data-status=warning]::before {
    background-color: #E86427;
  }
  .tag[data-type=ghost][data-status=danger] {
    color: #D91F11;
    border-color: #D91F11;
  }
  .tag[data-type=ghost][data-status=danger]::before {
    background-color: #D91F11;
  }
  .tag[data-type=ghost][data-status=information] {
    color: #3b82f6;
    border-color: #3b82f6;
  }
  .tag[data-type=ghost][data-status=information]::before {
    background-color: #3b82f6;
  }
  .tag[data-type=basic][data-status=success],
  .tag[data-icon]:empty[data-status=success] {
    color: #3e9900;
  }
  .tag[data-type=basic][data-status=success]::before,
  .tag[data-icon]:empty[data-status=success]::before {
    background-color: #3e9900;
  }
  .tag[data-type=basic][data-status=warning],
  .tag[data-icon]:empty[data-status=warning] {
    color: #E86427;
  }
  .tag[data-type=basic][data-status=warning]::before,
  .tag[data-icon]:empty[data-status=warning]::before {
    background-color: #E86427;
  }
  .tag[data-type=basic][data-status=danger],
  .tag[data-icon]:empty[data-status=danger] {
    color: #D91F11;
  }
  .tag[data-type=basic][data-status=danger]::before,
  .tag[data-icon]:empty[data-status=danger]::before {
    background-color: #D91F11;
  }
  .tag[data-type=basic][data-status=information],
  .tag[data-icon]:empty[data-status=information] {
    color: #3b82f6;
  }
  .tag[data-type=basic][data-status=information]::before,
  .tag[data-icon]:empty[data-status=information]::before {
    background-color: #3b82f6;
  }
}
@media screen {
  #header-site {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9990;
    width: 100%;
    background: #1B1D29 url(../img/header-background.jpg) no-repeat 0 50%;
    padding: 1em 3em;
    text-align: left;
  }
  #header-site-content {
    display: flex;
  }
  #header-site-logo {
    flex: 0 0 5em;
    padding: 0.5em;
    display: flex;
  }
  #header-site-logo a {
    display: flex;
    align-items: center;
  }
  #menus-site-group {
    flex: 1;
    display: flex;
    gap: 1.5em;
    align-items: center;
  }
  /*effects*/
  #header-site[data-effect=sticky] {
    position: sticky;
  }
  /*......*/
}
@media (max-width: 1300px) {
  #header-site {
    position: relative;
  }
  #header-site-logo {
    flex: 1;
    padding-inline: 0;
  }
  #menus-site-group {
    position: fixed;
    z-index: 9000;
    overflow: clip;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: safe center;
    gap: 1em;
    width: 100%;
    height: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    transition: height 0.5s ease-in-out;
  }
  #menus-site-group .menu-language {
    display: flex;
  }
}
@media (max-width: 600px) {
  #header-site {
    padding-inline: 1.5em;
  }
  #header-site-logo {
    margin-left: 2em;
  }
  #menus-site-group {
    max-width: none;
  }
}
/*
@media (max-width: 500px) {    
#header-site { position: absolute; top: 0; left: 0; background:none; background: linear-gradient(to right, black 0%, black 35%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 100%);}  

}*/
@media screen {
  a#menu-site-button {
    display: none;
  }
  #menu-site {
    display: flex;
    height: 100%;
    flex: 1;
  }
  #menu-site > li {
    flex: 0 0 auto;
    position: relative;
    height: 100%;
  }
  #menu-site > li a {
    font-size: 1.2em !important;
  }
  #menu-site > li > a {
    width: 100%;
    height: 100%;
    padding-block: 0 !important;
    min-height: auto !important;
    border-radius: 0 !important;
  }
  #menu-site .submenu {
    text-align: left;
  }
  #menu-site .submenu ul {
    position: absolute;
    overflow: clip;
    top: 100%;
    left: 0;
    text-align: left;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 100%;
    background: rgb(255, 255, 255);
    max-height: 0;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  #menu-site .submenu li {
    display: block;
  }
  #menu-site .submenu a {
    text-align: left;
    justify-content: flex-start;
  }
  /*open*/
  #menu-site > li[data-state=open] > a {
    color: #BD9D5A !important;
    cursor: default !important;
    background-color: #000000 !important;
  }
  #menu-site > li[data-state=open] ul {
    max-height: 11em;
    padding-block: 0.5em;
  }
  /*select*/
  #menu-site a[data-state=select] {
    color: #BD9D5A;
  }
  /*......*/
  div[data-rel=home] li:has([data-link=home]) {
    display: none;
  }
}
@media (max-width: 1300px) {
  a#menu-site-button {
    display: flex;
    position: absolute;
    z-index: 9900;
    top: 0.25em;
    left: 0;
  }
  #menu-site {
    flex: 0 0 auto;
    width: 18em;
    display: flex;
    flex-direction: column;
    height: auto;
    background-color: transparent;
    margin-top: 2em;
  }
  #menu-site > li {
    flex: auto;
    width: 100%;
    height: auto;
    margin: 0;
    opacity: 0;
    text-align: left;
    transform: translateY(3em);
    transition: transform 0.3s ease-in-out, opacity 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), padding 0.3s ease-in-out;
  }
  #menu-site > li:nth-of-type(1) {
    transition-delay: 0s;
  }
  #menu-site > li:nth-of-type(2) {
    transition-delay: 0.15s;
  }
  #menu-site > li:nth-of-type(3) {
    transition-delay: 0.2s;
  }
  #menu-site > li:nth-of-type(4) {
    transition-delay: 0.25s;
  }
  #menu-site > li:nth-of-type(5) {
    transition-delay: 0.3s;
  }
  #menu-site > li:nth-of-type(6) {
    transition-delay: 0.35s;
  }
  #menu-site > li:nth-of-type(7) {
    transition-delay: 0.4s;
  }
  #menu-site > li a {
    width: auto !important;
    height: auto;
    padding-block: 1em !important;
    font-size: 1.73em !important;
    white-space: normal !important;
    transition: padding 0.3s ease-in-out;
  }
  #menu-site .submenu {
    width: 100%;
  }
  #menu-site .submenu ul {
    position: relative;
    top: 0;
    left: 0;
    height: auto;
    background-color: #000000;
  }
  #menu-site .submenu ul li {
    display: block;
  }
  #menu-site .submenu ul a {
    font-size: 1.2em !important;
    color: #ffffff;
    padding-block: 1em 0.5em !important;
  }
  /*open*/
  #menu-site > li.submenu[data-state=open] > a {
    padding-bottom: 0.5em !important;
  }
  #menu-site > li.submenu[data-state=open] ul {
    max-height: 20em;
    padding-top: 0;
    padding-bottom: 2em;
  }
  /*menumode*/
  body[data-state=menumode] {
    overflow: hidden;
  }
  body[data-state=menumode] #menus-site-group {
    height: 100vh;
    overflow: auto;
  }
  body[data-state=menumode] #menu-site > li {
    transform: translateY(-3em);
  }
  body[data-state=menumode][data-effect=progresive] #menu-site > li {
    opacity: 1;
    transform: translateY(0);
  }
  /*........*/
}
@media (max-width: 600px) {
  #menu-site {
    max-width: none;
  }
}
@media screen {
  .menu-language {
    flex: 0 0 auto;
    display: flex;
    gap: 0.5em;
  }
  /*select*/
  .menu-language a[data-state=select] {
    color: #BD9D5A !important;
    background-color: #262626;
  }
  /*......*/
}
@media (max-width: 1300px) {
  .menu-language {
    flex: 0 0 auto;
    width: 18em;
    margin-bottom: 2em;
    padding-inline: 1.5em;
  }
  .menu-language a {
    font-size: 1.2em !important;
  }
}
@media screen {
  #footer-site-top {
    text-align: center;
    padding-block: 7em;
    background-image: linear-gradient(#16161E, #161620, #0D1017, #16161E);
  }
  #footer-site-top .wrapper {
    display: flex;
    gap: 0.5em;
    flex-direction: column;
    align-items: center;
  }
  #footer-site-top .section-logo {
    width: 14em;
    padding-bottom: 1.5em;
  }
  #footer-site-top .section-title {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 2.49em;
    color: #ffffff;
  }
  #footer-site-top .section-description {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 1.44em;
    color: #ffffff;
    text-wrap: balance;
  }
  #footer-site-top .section-acciones {
    margin-top: 2em;
  }
  #footer-site-top #logo-poweredby {
    margin-top: 3em;
  }
  #footer-site-bottom {
    padding-block: 1em;
  }
  #footer-site-legal {
    display: flex;
    flex-wrap: wrap;
  }
  #footer-site-copy {
    flex: 1;
    font-size: 0.75em;
    text-align: left;
    text-wrap: balance;
  }
  #footer-site-legal a {
    color: #000000;
  }
  p#CreacionUno {
    font-family: Arial, sans-serif;
    font-size: 10px;
    text-align: right;
  }
}
@media (max-width: 1200px) {
  #footer-site-top .section-logo {
    width: 9em;
  }
  #footer-site-top .section-title {
    font-size: 1.73em;
  }
  #footer-site-top .section-description {
    font-size: 1.2em;
  }
}
@media (max-width: 600px) {
  #footer-site {
    padding-top: 0;
  }
  #footer-site-top .section-title {
    font-size: 1.44em;
    text-wrap: balance;
  }
  #footer-site-top .section-title br {
    display: none;
  }
  #footer-site-top .section-description {
    font-size: 1em;
  }
  #footer-site-top .section-acciones .button {
    white-space: wrap;
  }
  #footer-site-top .section-acciones .button::before {
    display: none;
  }
  #footer-site-legal {
    flex-direction: column;
    gap: 1em;
  }
  #footer-site-copy,
  p#CreacionUno {
    text-align: center;
  }
}
@media screen {
  /*.hero {}*/
  /*type*/
  .hero[data-type=image] {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
  }
  .hero[data-type=image] .wrapper {
    position: relative;
    z-index: 200;
    flex: 1;
    padding-block: 0 4em;
  }
  .hero[data-type=image] .hero-text {
    display: flex;
    flex-direction: column;
    gap: 0.25em;
    width: 100%;
    justify-content: center;
  }
  .hero[data-type=image] .hero-icon {
    text-align: center;
  }
  .hero[data-type=image] .hero-icon img {
    margin: 0 auto;
  }
  .hero[data-type=image] .hero-pre-title {
    display: inline-block;
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 1.44em;
    line-height: 1.1;
    text-align: center;
  }
  .hero[data-type=image] .hero-pre-title strong {
    display: block;
  }
  .hero[data-type=image] .hero-title {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 5.16em;
    line-height: 1;
    text-wrap: balance;
    text-align: center;
  }
  .hero[data-type=image] .hero-decription {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    color: #111827;
    font-size: 1.44em;
    line-height: 1.3;
    text-align: center;
    text-wrap: balance;
    margin: 0 auto;
    max-width: 25em;
  }
  .hero[data-type=image] .hero-body {
    margin-top: 3em;
  }
  .hero[data-type=image] .hero-body-title {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    text-align: center;
    font-size: 1.44em;
    display: block;
    margin-block: 3em 1em;
    color: #ffffff;
  }
  .hero[data-type=image] .card-hero-list {
    display: grid;
    gap: 0.5em;
    grid-template-columns: repeat(auto-fit, minmax(24em, 1fr));
    width: 100%;
  }
  .hero[data-type=image] .card-hero {
    position: relative;
  }
  .hero[data-type=image] .card-hero-text {
    position: relative;
    display: flex;
    gap: 1em;
    align-items: center;
    padding: 2.5em;
  }
  .hero[data-type=image] .card-hero-logo {
    flex: 0 0 auto;
    width: 8em;
  }
  .hero[data-type=image] .card-hero-icon {
    flex: 0 0 auto;
    width: 5em;
  }
  .hero[data-type=image] .card-hero-title {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 1.44em;
    color: #ffffff;
  }
  .hero[data-type=image] .card-hero-description {
    flex: 1;
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    color: #ffffff;
  }
  .hero[data-type=image] .card-background {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .hero[data-type=image] .card-background figure {
    width: 100%;
    height: 100%;
  }
  .hero[data-type=image] .card-background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: none;
  }
  .hero[data-type=image] .hero-background {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  .hero[data-type=image] .hero-background picture {
    width: 100%;
    height: 100%;
    text-align: center;
  }
  .hero[data-type=image] .hero-background img {
    margin: 0 auto;
  }
  #hero-nosotros {
    background-color: #f2f2f2;
  }
  #hero-nosotros .wrapper {
    padding-top: 30em;
  }
  #hero-nosotros .hero-text p {
    color: #111827;
  }
  #hero-novedades {
    padding-block: 3em 1.5em;
  }
  #hero-novedades .hero-title {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 2.07em;
    margin-bottom: 0.25em;
  }
  #hero-novedades .hero-decription {
    font-size: 1.2em;
    line-height: 1.3;
    text-wrap: unset;
  }
  #hero-oportunidades {
    background-color: #131112;
  }
  #hero-oportunidades .wrapper {
    padding-top: 15em;
  }
  #hero-oportunidades .hero-text p {
    color: #ffffff;
  }
  #hero-oportunidades .hero-pre-title {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 1.2em;
    color: #1f2937 !important;
  }
  #hero-oportunidades .hero-pre-title strong {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    display: block;
  }
  #hero-oportunidades .hero-title {
    margin-block: 0.25em 0.25em;
    color: #BD9D5A;
  }
  #hero-oportunidades-financieras {
    background-color: #131112;
  }
  #hero-oportunidades-financieras .wrapper {
    padding-top: 35em;
  }
  #hero-oportunidades-financieras .hero-title {
    color: #ffffff;
  }
  #hero-oportunidades-financieras .hero-decription {
    color: #ffffff;
    max-width: 45em;
  }
  #hero-oportunidades-financieras .hero-body {
    max-width: 50em;
    margin-inline: auto;
  }
  #hero-equipo {
    background-color: #2F333D;
    min-height: 100vh;
  }
  #hero-equipo .wrapper {
    padding-top: 35em;
  }
  #hero-equipo .hero-title {
    color: #ffffff;
  }
  #hero-equipo .hero-decription {
    color: #ffffff;
    max-width: 45em;
  }
}
@media (max-width: 1500px) {
  #hero-oportunidades .hero-pre-title {
    font-size: 1em;
    color: #ffffff !important;
  }
  #hero-oportunidades .hero-title {
    margin-top: 0;
  }
  #hero-oportunidades-financieras .wrapper {
    padding-top: 25em;
  }
}
@media (max-width: 1300px) {
  #hero-nosotros .wrapper {
    padding-block: 25em 0;
  }
  #hero-oportunidades .wrapper {
    padding-block: 25em 2em;
  }
  #hero-equipo .wrapper {
    padding-block: 25em 2em;
  }
}
@media (max-width: 1000px) {
  .hero[data-type=image] .hero-pre-title {
    font-size: 1em;
  }
  .hero[data-type=image] .hero-title {
    font-size: 3.58em;
  }
  .hero[data-type=image] .hero-decription {
    font-size: 1.2em;
  }
  .hero[data-type=image] .card-hero-text {
    height: 100%;
    padding: 2em 1em;
    align-items: center;
  }
  .hero[data-type=image] .card-hero-description {
    font-size: 0.9em;
  }
  .hero[data-type=image] .card-hero-logo {
    width: 5em;
  }
  #hero-nosotros .wrapper, #hero-oportunidades .wrapper, #hero-equipo .wrapper {
    padding-top: 15em;
  }
  #hero-oportunidades-financieras .wrapper {
    padding-top: 17em;
  }
}
@media (max-width: 980px) {
  .hero[data-type=image] .hero-body {
    flex-direction: column;
  }
  #hero-equipo {
    min-height: auto;
  }
}
@media (max-width: 500px) {
  .hero[data-type=image] .hero-pre-title {
    font-size: 0.9em;
  }
  .hero[data-type=image] .hero-title {
    font-size: 2.2em;
    margin-bottom: 0.25em;
  }
  .hero[data-type=image] .hero-decription {
    font-size: 1em;
  }
  .hero[data-type=image] .card-hero-list {
    grid-template-columns: repeat(auto-fit, minmax(20em, 1fr));
  }
  .hero[data-type=image] .card-hero-icon {
    width: 3.5em;
  }
  .hero[data-type=image] .card-hero-title {
    font-size: 1em;
  }
  #hero-nosotros .wrapper, #hero-oportunidades .wrapper {
    padding-top: 10em;
  }
  #hero-equipo .wrapper {
    padding-top: 13em;
    padding-bottom: 3em;
  }
  #hero-oportunidades .hero-icon {
    width: 3.5em;
    margin: 0 auto;
  }
  #hero-oportunidades .hero-pre-title {
    font-size: 0.75em;
    line-height: 1.5;
    color: #BD9D5A !important;
  }
  #hero-oportunidades .hero-title {
    margin-top: 0.25em;
  }
  #hero-oportunidades-financieras .wrapper {
    padding-top: 13em;
  }
}
@media screen {
  .pagination {
    text-align: center;
    width: 100%;
    padding: 2.5em 0;
    /*select*/
  }
  .pagination ul {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .pagination li.pagination-number .button {
    font-family: "PlusJakartaSans", Arial, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    color: #6b7280;
    cursor: pointer;
  }
  .pagination li .button[data-state=select] {
    color: #000000;
    font-family: "PlusJakartaSans", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
}
@media screen {
  #body-detalle-novedades {
    padding-top: 3em;
  }
  .news {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    padding-bottom: 4em;
  }
  .news header {
    flex: 0 0 auto;
    width: 100%;
  }
  .news-tag {
    display: flex;
    flex-direction: column;
  }
  .news h1 {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 3em !important;
    color: #000000;
    margin-bottom: 0.5em;
  }
  .news-body {
    display: flex;
    flex-wrap: wrap;
    gap: 2em;
  }
  .news-detail {
    flex: 1;
    max-width: 50em;
  }
  .news-extras {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 2em;
    width: 100%;
    margin-bottom: 1em;
  }
  .share {
    flex: 0 0 auto;
  }
  .nav-share {
    display: flex;
    align-items: center;
    gap: 0.5em;
  }
  .nav-share p {
    flex: 0 0 auto;
    font-size: 0.75em;
    color: #525252;
  }
  .nav-share-links {
    flex: 0 0 auto;
    padding-inline: 0.5em;
    border: 0.06em solid #d1d5db;
    border-radius: 2em;
  }
  .news-date {
    flex: 0 0 auto;
  }
  .news-date .tag[data-size=small] {
    font-family: "PlusJakartaSans", Arial, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .news-photo {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: 0.5em;
  }
  .news-copy {
    padding: 1.5em 0;
  }
  .news-copy p {
    font-size: 1.44em;
    line-height: 1.6em !important;
    color: #0a0a0a;
  }
  .news-text {
    padding: 2em 0 0 0;
  }
  .news-text > p {
    font-size: 1em;
    line-height: 1.8em !important;
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
  }
  .news-text > p strong {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  .news-text > div {
    font-size: 1em;
    line-height: 1.5em !important;
  }
  .news-source {
    margin-top: 1.5em;
  }
  .news-source p {
    font-size: 0.75em;
    color: #404040;
  }
  .news-body aside {
    flex: 0 0 auto;
    width: 16em;
    padding-top: 4em;
  }
  .nav-news-block {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    margin-bottom: 2em;
  }
  .nav-news-block .nav-news-header p {
    font-size: 1.2em;
    color: #6b7280;
    margin-bottom: 0.25em;
  }
  .nav-news-block .nav-news {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
  }
}
@media (max-width: 1023px) {
  .news {
    margin-top: 0;
  }
  .news-body {
    gap: 1.5em;
  }
}
@media (max-width: 970px) {
  .news-detail,
  .news-body aside {
    flex: 1 1 100%;
  }
  .news h1 {
    font-size: 2.07em !important;
  }
  .nav-news-block .nav-news {
    flex-direction: row;
    width: 100%;
  }
  .nav-news-block .nav-news a {
    flex: 1;
    align-self: stretch;
  }
  .nav-news-block .card[data-variant=blog][data-size=minimal] {
    max-width: none;
    min-height: 100%;
  }
}
@media (max-width: 720px) {
  .nav-news-block .nav-news {
    flex-direction: column;
  }
  .nav-news-block .nav-news a {
    flex: 0 0 auto;
  }
}
@media (max-width: 500px) {
  .news h1 {
    font-size: 1.73em !important;
    margin-bottom: 0.25em;
  }
  .news-extras {
    flex-direction: column;
    gap: 0.5em;
    align-items: flex-start;
  }
  .share {
    width: 100%;
    padding: 0.5em;
    background-color: #f5f5f5;
    border-radius: 0.5em;
  }
  .nav-share p {
    flex: 1;
  }
  .news-copy p {
    font-size: 1em;
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  .news .card[data-variant=blog] .card-body {
    padding: 1em;
  }
}
@media screen {
  div[data-rel=answer-form] main {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
  }
  .status-message .wrapper {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35em;
  }
  .status-message .status-message-title {
    font-size: 2.07em;
    text-align: center;
  }
  .status-message .status-message-description {
    font-size: 1.2em;
    color: #4b5563;
    text-align: center;
    margin-bottom: 1em;
  }
  /*status text*/
  p[data-status=information] {
    color: #3b82f6;
  }
  p[data-status=success] {
    color: #3e9900;
  }
  p[data-status=warning] {
    color: #E86427;
  }
  p[data-status=danger] {
    color: #D91F11;
  }
}
@media screen {
  .numeral {
    font-family: "PlusJakartaSans", Arial, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
  }
  #carousel-hero-home .splide__pagination {
    bottom: 2em;
  }
  #section-intro-home {
    width: 100%;
    text-align: center;
    padding-block: 8em;
  }
  #section-intro-home .wrapper {
    display: flex;
    flex-direction: column;
    gap: 1em;
    justify-content: center;
  }
  #section-intro-home .section-icon {
    margin: 0 auto;
    width: 4.5em;
  }
  #section-intro-home .section-title {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 2.49em;
  }
  #section-intro-home .section-subtitle {
    font-size: 1.44em;
    line-height: 1.3;
    color: #404040;
  }
  #section-intro-home .button {
    margin: 1em auto 0 auto;
  }
  #section-legado-lr {
    position: relative;
    z-index: 300;
  }
  #section-legado-lr .wrapper {
    display: flex;
    gap: 0.5em;
    align-items: flex-end;
  }
  #section-legado-lr .section-txt {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.35em;
    padding-block: 4em;
  }
  #section-legado-lr .section-description {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 1.245em;
    line-height: 1.4;
    color: #ffffff;
    margin-block: 0.5em 1.5em;
  }
  #section-legado-lr .section-acciones {
    display: flex;
    gap: 0.5em;
    align-items: center;
  }
  #section-legado-lr .section-photo {
    flex: 0 0 25em;
  }
  #section-legado-lr .section-photo figure {
    position: relative;
    width: 100%;
  }
  #section-legado-lr .section-background {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  #section-legado-lr .section-background picture {
    width: 100%;
    height: 100%;
  }
  #section-legado-lr .section-background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: none;
  }
  #section-oportunidades-home {
    position: relative;
    padding: 6em;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #section-oportunidades-home .wrapper {
    text-align: center;
  }
  #section-oportunidades-home .section-txt {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.35em;
    align-items: center;
    padding-block: 4em;
    margin: 0 auto;
  }
  #section-oportunidades-home .section-pre-title {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    color: #ffffff;
  }
  #section-oportunidades-home .section-pre-title strong {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 800;
    font-variation-settings: "wght" 800;
    display: block;
  }
  #section-oportunidades-home .section-title {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 4.3em;
    text-wrap: balance;
    color: #BD9D5A;
  }
  #section-oportunidades-home .section-description {
    font-size: 1.73em;
    line-height: 1.4;
    color: #ffffff;
    margin-bottom: 2em;
    text-wrap: balance;
  }
  #section-oportunidades-home .section-background {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #101012;
  }
  #section-oportunidades-home .section-background picture {
    width: 100%;
    height: 100%;
  }
  #section-oportunidades-home .section-background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: none;
  }
  #section-showcase-novedades {
    padding-block: 6em;
    text-align: center;
    background-color: #F2F2F2;
  }
  #section-showcase-novedades .wrapper {
    display: flex;
    flex-direction: column;
    gap: 2em;
  }
  #section-showcase-novedades .section-title {
    font-size: 2.07em;
    text-align: center;
    margin: 0 auto;
  }
  #section-showcase-novedades .section-title strong {
    display: block;
  }
  #section-showcase-novedades .splide__pagination {
    position: relative;
    justify-content: flex-start;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 1em;
    bottom: auto;
  }
  #section-showcase-novedades .section-footer {
    position: relative;
    text-align: center;
  }
  #section-showcase-novedades .section-footer .button {
    translate: 0 -3em;
    margin: 0 auto;
  }
  #section-access-map {
    position: relative;
    border: 1em solid #F2F2F2;
    padding-block: 14em;
  }
  #section-access-map .wrapper {
    display: flex;
    gap: 0.5em;
    justify-content: center;
  }
  #section-access-map .section-txt {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.35em;
  }
  #section-access-map .section-icon {
    margin: 0 auto;
    width: 5em;
  }
  #section-access-map .section-title {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 3.58em;
    text-align: center;
  }
  #section-access-map .section-description {
    font-size: 1.73em;
    line-height: 1.4;
    text-align: center;
    text-wrap: balance;
  }
  #section-access-map .section-description strong {
    display: block;
  }
  #section-access-map .section-acciones {
    text-align: center;
    margin-top: 3em;
  }
  #section-access-map .section-acciones .button {
    margin: 0 auto;
  }
  #section-access-map .section-background {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  #section-access-map .section-background picture {
    width: 100%;
    height: 100%;
  }
  #section-access-map .section-background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 0;
       object-position: 50% 0;
    max-width: none;
  }
}
@media (max-width: 1300px) {
  #section-legado-lr .wrapper {
    padding-inline: 8em;
  }
}
@media (max-width: 1200px) {
  #section-intro-home .section-title {
    font-size: 1.73em;
  }
  #section-intro-home .section-subtitle {
    font-size: 1.2em;
  }
}
@media (max-width: 960px) {
  #section-legado-lr .wrapper {
    padding-inline: 2em;
  }
  #section-access-map .section-title {
    font-size: 3em;
  }
  #section-access-map .section-description {
    font-size: 1.44em;
  }
}
@media (max-width: 800px) {
  #section-legado-lr .section-description {
    font-size: 1.2em;
  }
  #section-oportunidades-home {
    padding-inline: 2em;
  }
  #section-oportunidades-home .section-icon {
    width: 5em;
  }
  #section-oportunidades-home .section-pre-title {
    font-size: 0.9em;
  }
  #section-oportunidades-home .section-description {
    font-size: 1.2em;
  }
  #section-showcase-novedades {
    padding-block: 3em;
    text-align: center;
  }
  #section-showcase-novedades .section-title {
    font-size: 1.44em;
  }
  #section-showcase-novedades .splide__pagination {
    margin-inline: auto;
  }
  #section-showcase-novedades .section-footer .button {
    translate: 0;
  }
}
@media (max-width: 650px) {
  #section-legado-lr {
    padding-block: 2em;
  }
  #section-legado-lr .wrapper {
    flex-direction: column;
    gap: 0;
  }
  #section-legado-lr .section-txt {
    order: 2;
    flex: 0 0 auto;
    width: 100%;
    padding-inline: 2em;
    background-color: #000000;
  }
  #section-legado-lr .section-photo {
    order: 1;
    flex: 0 0 auto;
    width: 100%;
  }
  #section-legado-lr .section-description {
    font-size: 1em;
  }
  #section-legado-lr .section-acciones {
    flex-direction: column;
  }
  #section-oportunidades-home {
    padding-inline: 0;
  }
  #section-oportunidades-home .section-pre-title {
    font-size: 0.75em;
  }
  #section-oportunidades-home .section-title {
    font-size: 2.49em !important;
  }
  #section-oportunidades-home .section-title span {
    display: none;
  }
  #section-access-map .wrapper {
    padding-inline: 0.5em;
  }
  #section-access-map .section-title {
    font-size: 2.07em;
  }
  #section-access-map .section-description {
    font-size: 1.2em;
  }
}
@media screen {
  .card-filosofia {
    display: flex;
    justify-content: center;
    padding: 3em 3.5em 4em 3.5em;
    background-color: #ffffff;
  }
  .card-filosofia .card-filosofia-text {
    display: flex;
    flex-direction: column;
    gap: 0.25em;
    width: 100%;
    max-width: 30em;
  }
  .card-filosofia .card-filosofia-icon {
    width: 6em;
    margin-bottom: 1em;
    translate: -1em 0;
  }
  .card-filosofia .card-filosofia-pre-title {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    color: #BD9D5A;
  }
  .card-filosofia .card-filosofia-title {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 1.73em;
    margin-bottom: 0.25em;
  }
  .card-filosofia .card-filosofia-descripcion {
    font-size: 1em;
    line-height: 1.5;
  }
  .card-filosofia .card-filosofia-descripcion strong {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  #card-mision {
    justify-content: flex-end;
  }
  #card-vision {
    justify-content: flex-start;
  }
  #section-filosofia {
    display: flex;
    gap: 0.5em;
    padding: 0.5em;
    background-color: #f2f2f2;
  }
  #section-filosofia .card-filosofia {
    flex: 1;
  }
  #section-valores {
    padding-block: 4.5em 3em;
    background-color: #f2f2f2;
  }
  #section-valores .section-header {
    text-align: center;
    margin-bottom: 3em;
  }
  #section-valores .section-pre-title {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    color: #BD9D5A;
  }
  #section-valores .section-title {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 1.73em;
    margin-bottom: 0.25em;
  }
  #section-valores #cards-valores {
    display: grid;
    gap: 0.5em;
    grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));
    width: 100%;
  }
  #section-valores #cards-valores .card {
    aspect-ratio: unset;
    min-height: 350px;
  }
  #section-valores #cards-valores .card-body {
    gap: 0;
    padding: 5em 2em 4em 2em;
    justify-content: flex-start;
  }
  #section-valores #cards-valores .card-icon {
    width: 3.5em;
  }
  #section-valores #cards-valores .card-description {
    display: block !important;
    font-size: 1.2em;
    line-height: 1.3;
  }
}
@media (max-width: 1300px) {
  #section-filosofia {
    padding-inline: 2em;
  }
}
@media (max-width: 900px) {
  #section-filosofia {
    flex-direction: column;
    padding-inline: 1.5em;
    padding-bottom: 1.5em;
  }
  .card-filosofia {
    padding: 2em;
  }
  .card-filosofia .card-filosofia-text {
    max-width: none;
  }
  .card-filosofia .card-filosofia-icon {
    width: 4em;
    margin-bottom: 0.25em;
  }
  .card-filosofia .card-filosofia-pre-title {
    font-size: 0.9em;
  }
  .card-filosofia .card-filosofia-title {
    font-size: 1.73em;
    text-wrap: balance;
  }
  .card-filosofia .card-filosofia-descripcion {
    font-size: 1em;
  }
  #section-valores .section-header {
    margin-bottom: 1.5em;
  }
}
@media screen {
  #section-access-news {
    padding-bottom: 4em;
    text-align: center;
    background-color: #131112;
  }
  #section-access-news .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1em;
  }
  #section-access-news .section-description {
    flex: 0 0 auto;
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 1.44em;
    color: #ffffff;
  }
  #mineria-sustentable .section-header {
    position: relative;
    overflow: hidden;
    width: 100%;
  }
  #mineria-sustentable .section-header figure {
    width: 100%;
    height: 100%;
  }
  #mineria-sustentable .section-header img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: none;
  }
  #mineria-sustentable .section-body {
    padding-block: 6em;
  }
  #mineria-sustentable .wrapper {
    display: flex;
    gap: 4em;
    align-items: center;
    justify-content: center;
  }
  #mineria-sustentable .section-photo {
    flex: 0 0 auto;
    width: 12em;
  }
  #mineria-sustentable .section-text {
    flex: 1;
  }
  #mineria-sustentable .section-pre-title {
    color: #BD9D5A;
  }
  #mineria-sustentable .section-title {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 4.3em;
  }
  #mineria-sustentable .section-description {
    font-size: 1.2em;
    line-height: 1.3;
  }
}
@media (max-width: 1000px) {
  #mineria-sustentable .section-pre-title {
    font-size: 0.9em;
  }
  #mineria-sustentable .section-title {
    font-size: 3em;
    margin-bottom: 0.15em;
  }
  #mineria-sustentable .section-description {
    font-size: 1em;
    line-height: 1.5;
  }
}
@media (max-width: 750px) {
  #mineria-sustentable .wrapper {
    flex-direction: column;
    gap: 2em;
  }
  #mineria-sustentable .section-header {
    width: 100%;
    height: 12em;
  }
  #mineria-sustentable .section-body {
    padding-block: 3em;
  }
  #mineria-sustentable .section-photo {
    width: 8em;
  }
  #mineria-sustentable .section-text {
    text-align: center;
  }
  #mineria-sustentable .section-title {
    margin-block: 0.25em;
  }
}
@media screen {
  #section-inversores {
    position: relative;
    padding-block: 5em 7em;
    background-color: #111113;
  }
  #section-inversores .section-header {
    text-align: center;
  }
  #section-inversores .section-title {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 3em;
    color: #ffffff;
    margin-bottom: 0.25em;
  }
  #section-inversores .section-subtitle {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 1.44em;
    line-height: 1.2;
    color: #ffffff;
    text-wrap: balance;
  }
  #section-inversores .section-photo {
    width: 100%;
    text-align: center;
  }
  #section-inversores .section-photo img {
    margin: 2em auto;
  }
  #proceso-line .wrapper {
    display: flex;
    gap: 2em;
  }
  #proceso-line #proceso-line-header {
    flex: 0 0 5em;
  }
  #proceso-line #proceso-line-header h2 {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 1.73em;
    color: #ffffff;
  }
  #proceso-line #proceso-line-body {
    flex: 1;
    display: flex;
    gap: 1.5em;
  }
  #proceso-line #proceso-line-time {
    position: relative;
    overflow: hidden;
    flex: 0 0 auto;
    width: 1.8em;
    background: linear-gradient(180deg, #1B1D29, #BD9D5A);
    border-radius: 2em;
    text-align: center;
    padding-block: 0.8em;
  }
  #proceso-line #proceso-line-time img {
    margin: 0 auto;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  #proceso-line #proceso-line-step {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2em;
    padding-block: 0.5em;
  }
  #proceso-line #proceso-line-step li {
    flex: 0 0 auto;
  }
  #proceso-line #proceso-line-step h3 {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 1.44em;
    color: #ffffff;
  }
  #proceso-line #proceso-line-step h4 {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 1.2em;
    line-height: 1.3;
    color: #ffffff;
  }
  #section-propietarios {
    position: relative;
    padding-block: 7em;
  }
  #section-propietarios .section-header {
    text-align: center;
  }
  #section-propietarios .section-title {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 3em;
    margin-bottom: 0.25em;
  }
  #section-propietarios .section-subtitle {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 1.44em;
    line-height: 1.2;
    text-wrap: balance;
  }
  #section-propietarios .section-photo {
    width: 100%;
    text-align: center;
  }
  #section-propietarios .section-photo img {
    margin: 1em auto;
  }
  #section-propietarios .section-description {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 1.44em;
    line-height: 1.2;
  }
  #section-propietarios .section-description strong {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  #section-propietarios .section-background {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  #section-propietarios .section-background picture {
    width: 100%;
    height: 100%;
  }
  #section-propietarios .section-background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: none;
  }
}
@media (max-width: 650px) {
  #section-inversores .section-photo img {
    margin-block: 3em;
  }
  #proceso-line .wrapper {
    flex-direction: column;
  }
  #proceso-line #proceso-line-header {
    flex: 0 0 auto;
  }
  #proceso-line #proceso-line-header h2 {
    text-align: center;
  }
  #proceso-line #proceso-line-body {
    flex: 0 0 auto;
    padding-top: 0.5em;
  }
  #proceso-line #proceso-line-step h3 {
    font-size: 1.2em;
  }
  #proceso-line #proceso-line-step h4 {
    font-size: 1em;
  }
}
@media (max-width: 500px) {
  #section-inversores {
    padding-block: 0 2em;
  }
  #section-inversores .section-title {
    font-size: 2.49em;
  }
  #section-inversores .section-subtitle {
    font-size: 1.2em;
  }
  #section-propietarios {
    padding-block: 7em 2em;
  }
  #section-propietarios .section-title {
    font-size: 2.49em;
  }
  #section-propietarios .section-subtitle {
    font-size: 1.2em;
  }
  #section-propietarios .section-photo {
    margin-block: 2em;
  }
  #section-propietarios .section-description {
    font-size: 1.2em;
    line-height: 1.3;
  }
}
@media screen {
  .card-equipo {
    width: 100%;
    height: 100%;
    padding-top: 1.5em;
    background: url(../img/slide-equipo/back-equipo.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  .card-equipo .wrapper {
    display: flex;
    gap: 1em;
    align-items: flex-end;
    width: 100%;
    height: 100%;
  }
  .card-equipo .card-equipo-foto {
    flex: 0 0 auto;
    width: 18em;
  }
  .card-equipo .card-equipo-foto figure {
    width: 100%;
  }
  .card-equipo .card-equipo-text {
    flex: 1;
    align-self: center;
    display: flex;
    flex-direction: column;
    gap: 1em;
    padding-block: 1.5em 3em;
  }
  .card-equipo .card-equipo-title {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 1.44em;
    line-height: 1.3;
    color: #ffffff;
  }
  .card-equipo .card-equipo-description {
    font-size: 1.1em;
    line-height: 1.3;
    color: #ffffff;
    text-align: justify;
  }
  .card-equipo .card-equipo-acciones {
    display: flex;
    justify-content: space-between;
    gap: 1em;
    width: 100%;
  }
  .card-equipo .button {
    align-items: unset !important;
  }
  #carousel-campo .splide__pagination__page:not(.is-active) {
    background-color: #ffffff !important;
  }
  .card-campo {
    position: relative;
  }
  .card-campo .wrapper {
    width: 100%;
  }
  .card-campo .card-campo-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-block: 12em;
  }
  .card-campo .card-campo-icon {
    flex: 0 0 auto;
    width: 8em;
    text-align: center;
  }
  .card-campo .card-campo-icon img {
    margin: 0 auto;
  }
  .card-campo .card-campo-title {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 2.49em;
    line-height: 1.3;
    color: #ffffff;
  }
  .card-campo .card-campo-description {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 1.73em;
    line-height: 1.3;
    color: #ffffff;
    text-align: center;
  }
  .card-campo .card-campo-background {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .card-campo .card-campo-background figure {
    width: 100%;
    height: 100%;
  }
  .card-campo .card-campo-background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: none;
  }
  *[data-id=equipo] #cards-valores .card-title {
    margin-bottom: 0.35em;
  }
  *[data-id=equipo] #cards-valores .card-description {
    font-size: 0.9em !important;
    text-wrap: balance;
  }
  #seccion-propuesta-valor {
    position: relative;
    z-index: -2;
    background-color: #111113;
    padding-block: 5em;
  }
  #seccion-propuesta-valor .seccion-propuesta-valor-header {
    text-align: center;
  }
  #seccion-propuesta-valor .seccion-propuesta-valor-pre-title {
    font-size: 0.9em;
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    color: #BD9D5A;
  }
  #seccion-propuesta-valor .seccion-propuesta-valor-title {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 2.07em;
    margin-bottom: 0.25em;
    color: #ffffff;
  }
}
@media (max-width: 1100px) {
  .card-equipo .card-equipo-foto {
    width: 13em;
  }
}
@media (max-width: 800px) {
  .card-equipo {
    padding-bottom: 3em;
  }
  .card-equipo .wrapper {
    gap: 0 1em;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    height: auto;
  }
  .card-equipo .card-equipo-foto {
    flex: 1;
    width: 50%;
    max-width: 12em;
  }
  .card-equipo .card-equipo-foto figure {
    text-align: center;
  }
  .card-equipo .card-equipo-foto img {
    margin: 0 auto;
  }
  .card-equipo #foto-luis {
    order: 1;
  }
  .card-equipo #foto-aldana {
    order: 2;
  }
  .card-equipo .card-equipo-text {
    gap: 0.5em;
    flex: 0 0 100%;
    order: 3;
    background-color: #000000;
    padding: 2em;
  }
  .card-equipo .card-equipo-title {
    font-size: 1em;
  }
  .card-equipo .card-equipo-description {
    font-size: 0.9em;
  }
  .card-campo {
    min-height: 100%;
  }
  .card-campo .card-campo-icon {
    width: 6em;
    margin-bottom: 0.5em;
  }
  .card-campo .card-campo-title {
    font-size: 1.44em;
  }
  .card-campo .card-campo-description {
    font-size: 1.2em;
  }
  .card-campo .card-campo-description br {
    display: none;
  }
}
@media (max-width: 500px) {
  #section-valores .section-pre-title {
    font-size: 0.9em;
  }
  .card-equipo .card-equipo-foto {
    max-width: 10em;
  }
  .card-equipo .card-equipo-description {
    text-align: left;
  }
  .card-equipo .card-equipo-acciones {
    margin-bottom: 1em;
    gap: 0.5em;
    flex-direction: column;
  }
  .card-equipo .card-equipo-acciones .button {
    display: flex;
    width: 100%;
  }
  #seccion-propuesta-valor {
    padding-bottom: 0.5em;
  }
}
@media screen {
  #section-mapa {
    display: flex;
    gap: 24px;
    width: 100%;
    padding: 6em 6em 2em 2em;
    /*tooltip*/
    /*markers*/
    /*tiles*/
  }
  #section-mapa #trigger-filter,
  #section-mapa #close-trigger-filter,
  #section-mapa #ok-trigger-filter {
    display: none;
  }
  #section-mapa .section-locations {
    flex: 1;
    position: relative;
    height: 800px;
    border-radius: 1em;
  }
  #section-mapa .leaflet-popup-content {
    width: 200px !important;
    white-space: normal;
  }
  #section-mapa .leaflet-popup-content p {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-style: normal;
    margin: 0 !important;
    padding: 0 !important;
  }
  #section-mapa .leaflet-popup-content p::before {
    font-size: 0.69em;
    color: #6b7280;
    display: block;
    margin-top: 0.5em;
  }
  #section-mapa .leaflet-popup-content p.nombre {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 1.73em !important;
    margin-bottom: 1.5em;
  }
  #section-mapa .leaflet-popup-content p.provincia {
    font-size: 1.2em !important;
  }
  #section-mapa .leaflet-popup-content p.provincia::before {
    content: "PROVINCIA:";
  }
  #section-mapa .leaflet-popup-content p.tipo {
    font-size: 1.2em !important;
  }
  #section-mapa .leaflet-popup-content p.tipo::before {
    content: "METAL:";
  }
  #section-mapa .leaflet-popup-content p.estado {
    font-size: 1.2em !important;
  }
  #section-mapa .leaflet-popup-content p.estado::before {
    content: "ESTADO:";
  }
  #section-mapa img.leaflet-marker-icon {
    display: none;
  }
  #section-mapa img.leaflet-marker-icon.active {
    display: block;
  }
  #section-mapa .leaflet-tile-pane {
    filter: grayscale(1);
  }
  #section-mapa .section-locations img {
    max-width: unset !important;
    display: unset !important;
  }
  #section-mapa .section-controls {
    position: relative;
    overflow-x: auto;
    flex: 0 0 auto;
    width: 25em;
    height: 100%;
    padding-block: 2em;
    display: flex;
    flex-direction: column;
    gap: 1em;
  }
  #section-mapa .section-controls-icon {
    width: 4em;
  }
  #section-mapa .section-controls-title {
    font-size: 2.07em;
    margin-bottom: 0.25em;
  }
  #section-mapa .section-controls-description {
    font-size: 0.9em;
    line-height: 1.3;
  }
  #section-mapa .section-controls-body {
    display: flex;
    flex-direction: column;
    gap: 2em;
    padding-block: 2em;
  }
  #section-mapa .form-group-list-title {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
  }
  #section-mapa .section-controls-note {
    font-size: 0.69em;
    line-height: 1.3;
    color: #525252;
  }
  #section-mapa img.leaflet-marker-icon {
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  #section-mapa img.leaflet-marker-icon.active {
    opacity: 1;
  }
}
@media (max-width: 1300px) {
  #section-mapa {
    padding-top: 2em;
  }
}
@media (max-width: 1024px) {
  #section-mapa .section-locations {
    height: auto;
  }
  #section-mapa .section-controls {
    width: 15em;
  }
}
@media (max-width: 800px) {
  #section-mapa {
    flex-direction: column;
    padding-right: 2em;
  }
  #section-mapa #trigger-filter {
    order: 2;
    margin-left: auto;
    width: 100%;
    display: flex;
  }
  #section-mapa .section-locations {
    order: 3;
    width: 100%;
    height: auto;
    flex: 0 0 80vh;
  }
  #section-mapa .section-controls {
    order: 1;
    position: relative;
    width: 100%;
    padding-bottom: 0;
  }
  #section-mapa .section-controls-body {
    position: fixed;
    z-index: 9990;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.95);
    translate: 100vw 0;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  #section-mapa #close-trigger-filter {
    display: inline-flex;
    position: fixed;
    z-index: 9901;
    top: 2em;
    right: 2em;
  }
  #section-mapa #ok-trigger-filter {
    display: flex;
    width: 14em;
  }
  #section-mapa .form-group-list {
    width: 14em;
  }
  #section-mapa .section-controls-footer {
    padding-top: 1em;
  }
  .filter-mode #section-mapa .section-controls-body {
    translate: 0 0;
  }
}
@media screen {
  *[data-id=novedades] #page-interna {
    background-color: #f2f2f2;
  }
  *[data-id=novedades] #alert-no-result {
    width: 100%;
    min-height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  *[data-id=novedades] #alert-no-result p {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 1.73em;
  }
}
@media screen {
  #page-unirse {
    height: 100vh;
    background: url(../img/hero/unirse.jpg) no-repeat 0 50%;
    background-size: cover;
  }
  #page-unirse .wrapper {
    display: flex;
    gap: 1em;
    width: 100%;
    height: 100%;
    align-items: safe center;
  }
  #page-unirse .section-txt {
    flex: 0 0 30em;
    display: block;
    align-self: flex-end;
    padding-bottom: 10em;
  }
  #page-unirse .section-title {
    font-size: 3em;
    line-height: 1.2;
    color: #ffffff;
    margin-bottom: 0.25em;
    text-shadow: 0 0 10px #000;
  }
  #page-unirse .section-title strong {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    color: #BD9D5A;
  }
  #page-unirse .section-description {
    font-size: 1.44em;
    line-height: 1.3;
    color: #ffffff;
    text-wrap: balance;
    text-shadow: 0 0 10px #000;
  }
  #page-unirse .section-form {
    flex: 1;
  }
  #page-unirse .section-form .form-container {
    background: #ffffff;
  }
  #page-unirse .section-form .form-title {
    font-size: 1.44em;
  }
}
@media (max-width: 1380px) {
  #page-unirse {
    background-position: -200px 50%;
  }
}
@media (max-height: 850px) {
  #page-unirse {
    height: auto;
    padding-block: 6em 3em;
  }
}
@media (max-width: 950px) {
  #page-unirse {
    height: auto;
    padding-block: 12em 3em;
    background-position: 25% -15%;
    background-size: 130vh auto;
    background-color: #1B1D29;
  }
  #page-unirse .wrapper {
    flex-direction: column;
  }
  #page-unirse .section-txt {
    flex: 0 0 auto;
    align-self: center;
    padding-bottom: 0;
  }
  #page-unirse .section-title {
    font-size: 2.07em;
  }
  #page-unirse .section-title br {
    display: none;
  }
  #page-unirse .section-description {
    display: none;
  }
  #page-unirse .section-form {
    flex: 0 0 auto;
    width: 100%;
  }
  #page-unirse .section-form .form-container {
    max-width: none;
    padding: 2em 1.5em 1.7em 1.5em;
  }
  #page-unirse .section-form .form-title {
    font-size: 1em;
  }
  div[data-rel=interior] #footer-site {
    padding-top: 0;
  }
}
@media screen {
  #page-contacto {
    height: 90vh;
    background: url(../img/hero/contacto.jpg) no-repeat 0 50%;
    background-size: cover;
  }
  #page-contacto .wrapper {
    display: flex;
    gap: 1em;
    width: 100%;
    height: 100%;
    align-items: safe center;
  }
  #page-contacto .section-txt {
    flex: 0 0 30em;
    display: block;
  }
  #page-contacto .section-title {
    font-size: 3em;
    line-height: 1.2;
    color: #ffffff;
    margin-bottom: 0.25em;
    text-shadow: 0 0 10px #000;
  }
  #page-contacto .section-title strong {
    font-family: "Raleway", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    color: #BD9D5A;
  }
  #page-contacto .section-description {
    font-size: 1.44em;
    line-height: 1.3;
    color: #ffffff;
    text-wrap: balance;
    text-shadow: 0 0 10px #000;
  }
  #page-contacto .section-form {
    flex: 1;
  }
  #page-contacto .section-form .form-container {
    background: #ffffff;
  }
  #page-contacto .section-form .form-title {
    font-size: 1.44em;
  }
}
@media (max-height: 850px) {
  #page-contacto {
    height: auto;
    padding-block: 6em 3em;
  }
}
@media (max-width: 950px) {
  #page-contacto {
    height: auto;
    padding-block: 12em 3em;
    background-position: 17% -5%;
    background-size: 130vh auto;
    background-color: #1B1D29;
  }
  #page-contacto .wrapper {
    flex-direction: column;
  }
  #page-contacto .section-txt {
    flex: 0 0 auto;
  }
  #page-contacto .section-title {
    font-size: 2.07em;
  }
  #page-contacto .section-description {
    display: none;
  }
  #page-contacto .section-form {
    flex: 0 0 auto;
    width: 100%;
  }
  #page-contacto .section-form .form-container {
    max-width: none;
    padding: 2em 1.5em 1.7em 1.5em;
  }
  #page-contacto .section-form .form-title {
    font-size: 1em;
  }
  div[data-rel=interior] #footer-site {
    padding-top: 0;
  }
}/*# sourceMappingURL=main.css.map */