@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;
  }
  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;
  }
  input, select, textarea, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  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*/
  }
}
/*PRIMITIVES*/
/*colors*/
/*functional*/
/*rrss*/
/*metals*/
/*neutral*/
/*gray*/
/*fonts size - ratio 1:20 Custom*/
/*8px*/
/*10px*/
/*12px*/
/*14px*/
/*16px*/
/*19px*/
/*23px*/
/*28px*/
/*33px*/
/*39px*/
/*48px*/
/*57px*/
/*69px*/
/*83px*/
/*font family*/
/*font weight*/
/*normaliza alto de inputs /buttons*/
/*radius*/
/*easing*/
/*icons*/
/*FONTS*/
/*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;
}
/*
.font-primary {
    p.font-thin {@include font-weight ($font-primary, $font-thin);}
    p.font-light {@include font-weight ($font-primary, $font-light);}
    p.font-regular {@include font-weight ($font-primary, $font-regular);}
    p.font-semi {@include font-weight ($font-primary, $font-semi);}
    p.font-medium {@include font-weight ($font-primary, $font-medium);}
    p.font-bold {@include font-weight ($font-primary, $font-bold);}
    p.font-extra-bold {@include font-weight ($font-primary, $font-extra-bold);}
    p.font-black {@include font-weight ($font-primary, $font-black);}
}*/
/*IMAGES*/
img {
  max-width: 100%;
  display: block;
}

img[data-src] {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

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

/*ICONS*/
/*mapea los pares de key/value de la variable $icons y construye el css*/
*[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=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=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=plus-thin]::before {
  -webkit-mask-image: url("../img/icons/plus-thin.svg");
          mask-image: url("../img/icons/plus-thin.svg");
}

*[data-icon="3lines-right"]::before {
  -webkit-mask-image: url("../img/icons/3lines-right.svg");
          mask-image: url("../img/icons/3lines-right.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;
}

.icon {
  display: inline-flex;
  width: -moz-fit-content;
  width: fit-content;
  aspect-ratio: 1/1;
}

/*sizes*/
.icon[data-size=extra-big]::before {
  width: 4em;
  height: 4em;
}

.icon[data-size=big]::before {
  width: 2em;
  height: 2em;
}

.icon[data-size=medium]::before {
  width: 1.5em;
  height: 1.5em;
}

.icon[data-size=small]::before {
  width: 0.5em;
  height: 0.5em;
}

/*variants*/
.icon[data-variant=negative][data-icon]::before {
  background-color: #ffffff;
}

.icon[data-variant=tint-primary][data-icon]::before {
  background-color: #BD9D5A;
}

/*ANIMACIONES*/
@keyframes starlogo {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*EFECTOS*/
@media screen {
  *[data-effect=autoshow] {
    transition: all 0.3s ease-in-out;
  }
  *[data-effect=autoshow][data-state=hide] {
    opacity: 0;
    transform: translateY(4em);
  }
  *[data-effect=autoshow][data-state=show] {
    opacity: 1;
    transform: translateY(0);
  }
  #GraficoMetales[data-effect=autoshow] #GraficoMetalesG1 {
    transform: translateX(2em);
  }
  #GraficoMetales[data-effect=autoshow] #GraficoMetalesG2 {
    transform: translateX(-30em);
  }
  #GraficoMetales[data-effect=autoshow] #InfoGraficoMetales {
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  }
  #GraficoMetales[data-effect=autoshow] #GraficoMetalesG1,
  #GraficoMetales[data-effect=autoshow] #InfoGraficoMetales,
  #GraficoMetales[data-effect=autoshow] #GraficoMetalesG2 {
    transition: all 2s cubic-bezier(0.25, 0.8, 0.25, 1) 0.3s;
  }
  #GraficoMetales[data-effect=autoshow][data-state=show] #GraficoMetalesG1,
  #GraficoMetales[data-effect=autoshow][data-state=show] #GraficoMetalesG2 {
    transform: translateX(0);
  }
  #GraficoMetales[data-effect=autoshow][data-state=show] #InfoGraficoMetales {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
@media (max-width: 850px) {
  #GraficoMetales[data-effect=autoshow] #GraficoMetalesG2 {
    transform: translateX(-12em);
  }
}
@media (max-width: 680px) {
  #GraficoMetales[data-effect=autoshow] #GraficoMetalesG1 {
    transform: translateX(0) translateY(2em);
  }
  #GraficoMetales[data-effect=autoshow] #GraficoMetalesG2 {
    transform: translateX(0) translateY(-2em);
  }
  #GraficoMetales[data-effect=autoshow] #InfoGraficoMetales {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  }
  #GraficoMetales[data-effect=autoshow][data-state=show] #GraficoMetalesG1 {
    transform: translateX(0) translateY(0);
  }
  #GraficoMetales[data-effect=autoshow][data-state=show] #GraficoMetalesG2 {
    transform: translateX(0) translateY(0);
  }
  #GraficoMetales[data-effect=autoshow][data-state=show] #InfoGraficoMetales {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
/*LAYOUT GLOVAL*/
@media screen {
  body {
    margin: 0 auto;
    text-align: left;
    font-family: "Raleway", Arial, Helvetica, sans-serif;
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    overflow-x: hidden;
  }
  .SafeZone {
    width: 100%;
    min-height: 100%;
    margin: 0 auto;
  }
  .ViewportLargo {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto; /*border: 1px solid green;*/
    max-width: 110em; /*1760px*/
  }
  .Viewport {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto; /*border: 1px solid red;*/
    max-width: 100em; /*1600px*/
  }
  .ViewportCorto {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto; /*border: 1px solid blue;*/
    max-width: 60em; /*960px*/
  }
}
@media (max-width: 1920px) {
  .Viewport {
    max-width: 80em;
  } /*1280px*/
}
@media (max-width: 1400px) {
  .Viewport,
  .ViewportLargo {
    padding: 0 4em;
    max-width: none !important;
  }
  .ViewportCorto {
    padding: 0 4em;
  }
}
@media (max-width: 500px) {
  .Viewport,
  .ViewportLargo,
  .ViewportCorto {
    padding: 0 1.5em;
  }
}
/*INTERIOR PAGES*/
@media screen {
  .hero-interior {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    height: 20em;
  }
  .hero-interior h1 {
    font-size: 8em;
    line-height: 0.8em;
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    color: #ffffff;
    padding-left: 0.2em;
    padding-right: 0.25em;
  }
  .hero-interior h1 span {
    color: #BD9D5A;
  }
  /*type*/
  .hero-interior[data-size=small] {
    height: 10em;
  }
  /*effect*/
  /*.hero-interior[data-effect= 'scroll'] {
      h1 { border: 1px solid blue;}
  }*/
  /*background*/
  #HeroNosotros {
    background: url(../img/internas/hero-nosotros.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: 50% 0;
  }
  #HeroServiciosGeneral {
    background: url(../img/internas/hero-servicios-general.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: 50% 50%;
  }
  #HeroServiciosMineria {
    background: url(../img/internas/hero-industrias-mineras.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: 50% 50%;
  }
  #HeroServiciosBancos {
    background: url(../img/internas/hero-entidades-bancarias.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: 50% 50%;
  }
  #HeroServiciosCorporaciones {
    background: url(../img/internas/hero-corporaciones.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: 50% 25%;
  }
  #HeroCertificaciones {
    background: url(../img/internas/hero-certificaciones.jpg) no-repeat 0 0;
    background-size: cover;
  }
  #HeroNovedades {
    background: url(../img/internas/hero-novedades.jpg) no-repeat 0 0;
    background-size: cover;
  }
  #HeroUnirte {
    background: url(../img/internas/hero-unirte.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: 50% 100%;
  }
  #HeroContacto {
    background: url(../img/internas/hero-contacto.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: 50% 50%;
  }
}
@media (max-width: 1280px) {
  .hero-interior,
  .hero-interior[data-size=small] {
    justify-content: flex-start;
  }
  .hero-interior h1 {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  div[data-id=servicios-corporaciones] .hero-interior h1 span {
    display: block;
  }
}
@media (max-width: 970px) {
  .hero-interior h1 {
    font-size: 13vw;
    padding-right: 0;
  }
}
@media (max-width: 600px) {
  .hero-interior,
  .hero-interior[data-size=small] {
    height: 10em;
  }
}
/*LAYOUT - FORMULARIOS*/
@media screen {
  .form-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 35em;
    margin: 0 auto;
    padding: 2em;
    border-radius: 0.5em;
    border: 0.06em solid #BD9D5A;
  }
  form {
    width: 100%;
  }
  .form-header {
    display: block;
  }
  p.form-title {
    font-size: 1.2em;
    font-family: "Raleway", Arial, Helvetica, 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 {
    margin-top: 1.5em;
    display: flex;
    flex-direction: column;
    gap: 0.5em;
  }
  p.form-section-title {
    margin-bottom: 0;
    font-size: 1em;
    color: #374151;
  }
  /*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-footer {
    display: block;
  }
  .form-actionbar {
    display: inline-flex;
    gap: 0.5em;
  }
}
/*CARDS*/
@media screen {
  .cards-list[data-layout=grid] {
    display: grid;
    gap: 1.5em;
    grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));
    width: 100%;
  }
  .cards-list[data-layout=list] {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    width: 100%;
  }
  #listado-novedades {
    min-height: 10em;
  }
}
/*CONSTRUCCION*/
@media screen {
  #ModuloContruccion {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
  }
  #ModuloContruccion > div {
    text-align: center;
    padding: 1.5em;
  }
  #ModuloContruccion figure {
    display: inline-block;
    margin: 0 auto;
  }
  #Mensaje {
    width: 100%;
    margin-block: 4em;
    display: flex;
    flex-direction: column;
    gap: 1em;
  }
  #ModuloContruccion p {
    display: block;
    text-align: center;
    font-size: 1.44em;
    color: #BD9D5A;
    letter-spacing: 0.25em;
    margin-right: -0.5em;
  }
  #ModuloContruccion p:first-child {
    color: #BD9D5A;
  }
  #ModuloContruccion p:last-child {
    color: #000000;
  }
  #ModuloContruccion a.button {
    border-bottom: 2px solid #BD9D5A;
    border-radius: 0 !important;
  }
}
@media (max-width: 500px) {
  #ModuloContruccion figure {
    width: 8em;
  }
  #ModuloContruccion p {
    font-size: 1em;
  }
}
/*CONTACTO*/
@media screen {
  #ContentForm {
    display: flex;
    gap: 3em;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 85em;
    padding-top: 5em;
    padding-bottom: 5em;
  }
  #InfoForm {
    flex: 0 0 fit-content;
    display: flex;
    padding-top: 2em;
  }
  #InfoForm figure {
    width: 3.75em;
  }
  p#FormTitle {
    display: block;
    margin-bottom: 0.25em;
    font-size: 3.58em;
    line-height: 1.1em;
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 700;
    font-variation-settings: "wght" 700;
  }
  p#FormSubTitle {
    display: block;
    font-size: 2.07em;
    line-height: 1.1em;
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    color: #BD9D5A;
  }
  p#FormTitle span {
    color: #BD9D5A;
  }
  p#FormDescription {
    font-size: 1.44em;
    line-height: 1.5em;
    width: 100%;
    max-width: 410px;
  }
  #FullForm {
    position: relative;
    overflow: hidden;
    flex: 0 0 28em;
    text-align: left;
  }
  #FullForm .form-container {
    padding: 2.7em;
    text-align: left;
    margin: 0;
  }
  #FullForm .form-actionbar {
    display: flex;
  }
  #FullForm .form-footer .button {
    width: 100%;
    padding-bottom: 1.5em !important;
    padding-top: 1.5em !important;
  }
}
@media (max-width: 1200px) {
  #InfoForm {
    flex: 1;
  }
  p#FormTitle {
    font-size: 2.49em;
  }
  p#FormSubTitle {
    font-size: 1.2em;
  }
  p#FormDescription {
    font-size: 1.2em;
    line-height: 1.3em;
    max-width: none;
  }
  p#FormTitle br,
  p#FormDescription br {
    display: none;
  }
}
@media (max-width: 1023px) {
  #ContentForm {
    flex-direction: column;
    gap: 1.5em;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #InfoForm {
    flex: 0 0 auto;
    width: 100%;
    max-width: 28em;
  }
  #FullForm {
    flex: 0 0 auto;
    width: 100%;
    max-width: 28em;
  }
}
@media (max-width: 600px) {
  #ContentForm {
    gap: 1.5em;
    padding-top: 3em;
  }
  p#FormTitle span {
    display: block;
  }
  #FullForm .form-container {
    padding: 3em 1.5em;
  }
}
/*CERTIFICACIONES*/
@media screen {
  #MainCertificaciones {
    padding: 4em 0;
  }
  .modulo-certificacion {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    align-items: center;
    justify-content: flex-end;
    border: 0.06em solid #9ca3af;
    margin-bottom: 1.5em;
  }
  .modulo-certificacion-info {
    flex: 1;
    width: 15em;
    padding: 2em;
  }
  p.modulo-certificacion-title {
    font-size: 1.44em;
    line-height: 1.2em;
  }
  p.modulo-certificacion-title strong {
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  .modulo-certificacion-info a {
    margin-top: 1em;
  }
  .modulo-certificacion-visual {
    flex: 1;
    display: flex;
    align-items: center;
    border-left: 0.06em solid #9ca3af;
    align-self: stretch;
  }
  .modulo-certificacion-items {
    display: flex;
    gap: 2em;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 1em;
  }
  .modulo-certificacion-items > div {
    text-align: center;
  }
  .modulo-certificacion-items img {
    margin: 0 auto;
  }
  .modulo-certificacion-items p {
    font-size: 0.75em;
    margin-top: 1em;
  }
}
@media (max-width: 920px) {
  .modulo-certificacion {
    flex-direction: column;
  }
  .modulo-certificacion-info {
    flex: 0 0 auto;
    width: 100%;
    padding-bottom: 0;
  }
  .modulo-certificacion-visual {
    flex: 0 0 auto;
    width: 100%;
    border: none;
  }
}
@media (max-width: 550px) {
  #CertificacionPlanta .modulo-certificacion-items {
    flex-direction: column;
  }
  #CertificacionPlanta .modulo-certificacion-items div {
    flex: 0 0 auto;
    display: flex;
    gap: 1em;
    align-items: center;
    width: 100%;
  }
  #CertificacionPlanta .modulo-certificacion-items img {
    flex: 0 0 auto;
    width: 5em;
  }
  #CertificacionPlanta .modulo-certificacion-items p {
    flex: 1;
    text-align: left;
    font-size: 0.9em;
    margin: 0;
  }
  #CertificacionPlanta .modulo-certificacion-items br {
    display: none;
  }
}
/*Detalle de Novedades*/
@media screen {
  #MainDetalleNovedades {
    position: relative;
  }
  #ContetnMainDetalleNovedades {
    position: unset;
    padding-top: 4em;
  }
  #ContetnMainDetalleNovedades .main-interior-title {
    position: absolute;
    top: 4em;
    left: 3em;
  }
  #ContetnMainDetalleNovedades .main-interior-title h1 {
    color: #1E3A5F;
  }
  .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, Helvetica, 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: 3em;
  }
  .news-detail {
    flex: 2;
    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 {
    font-size: 0.75em;
    color: #525252;
  }
  .nav-share > div {
    display: none;
  }
  .news-date {
    flex: 0 0 auto;
  }
  .news-date .tag[data-size=small] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .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, Helvetica, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
  }
  .news-text > p strong {
    font-family: "Raleway", Arial, Helvetica, 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: 1;
    padding-top: 2.5em;
  }
  .nav-news-block {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    margin-bottom: 2em;
  }
  .nav-news-block .nav-news-header p {
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    color: #BD9D5A;
    margin-bottom: 0.25em;
  }
  .nav-news-block .nav-news {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
  }
}
@media (max-width: 1400px) {
  #MainDetalleNovedades {
    padding-top: 4em;
  }
}
@media (max-width: 1023px) {
  .news {
    margin-top: 0;
  }
  .news-body {
    gap: 1.5em;
  }
}
@media (max-width: 970px) {
  #ContetnMainDetalleNovedades .main-interior-title {
    top: 2em;
    left: 1em;
  }
  .news-detail,
  .news-body aside {
    flex: 1 1 100%;
  }
  .news h1 {
    font-size: 2.07em !important;
  }
  .news .card[data-variant=blog][data-size=minimal] {
    max-width: none;
    width: 100%;
    min-height: 0;
  }
}
@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 0;
    border-top: 0.06em solid #e5e5e5;
    border-bottom: 0.06em solid #e5e5e5;
  }
  .nav-share p {
    flex: 1;
  }
  .news-copy p {
    font-size: 1em;
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  .news .card[data-variant=blog] .card-body {
    padding: 1em;
  }
}
/*HOME*/
@media screen {
  #HeroHome {
    position: relative;
    width: 100%;
  }
  #HeroVideoHome {
    position: absolute;
    z-index: 50;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #HeroVideoHome video {
    position: relative;
    overflow: hidden;
    width: 100vw;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 100%;
       object-position: 50% 100%;
  }
  .hero-home-txt {
    position: relative;
    z-index: 100;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 8em;
  }
  .separation-bar {
    width: 100%;
    height: 0.25em;
    display: block;
    background-color: #000000;
  }
  .separation-bar div {
    width: 50%;
    height: 100%;
    background-color: #BD9D5A;
  }
  .seccion-home {
    text-align: center;
  }
  .seccion-home p.seccion-home-title {
    text-align: center;
    font-size: 4.3em;
    color: #a3a3a3;
  }
  .seccion-home p.seccion-home-subtitle {
    text-align: center;
    font-size: 3em;
    color: #a3a3a3;
  }
  .seccion-home p.seccion-home-intro {
    width: 100%;
    max-width: 47em;
    margin: 0 auto;
    text-align: center;
    font-size: 2.07em;
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    color: #000000;
  }
  .seccion-home p.seccion-home-text {
    width: 100%;
    max-width: 47em;
    margin: 0.5em auto 1.5em auto;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.5em;
  }
  .seccion-home p.seccion-home-text strong {
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
  }
  /*tag indice de pureza - Global*/
  .tag-indice {
    font-family: "PlusJakartaSans", Arial, Helvetica, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    color: #BD9D5A;
  }
  /*....................*/
  #Intro {
    padding-top: 8em;
    padding-bottom: 8em;
  }
  #ContentIntro > .LogoTrayectoria {
    width: 12em;
    margin: 0 auto 1em auto;
  }
  #ContentIntro > .LogoPoweredBy {
    width: 15em;
    margin: 3em auto 0 auto;
  }
  #Planta {
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: left;
    padding: 8em 0 6em 0;
  }
  /*#PlantaPhoto { position: absolute; z-index: 50; overflow: hidden; top: 0; left: 0;  width: 100%; height: 100%;
                -webkit-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;}
  #PlantaPhoto img { object-fit: cover; object-position: 0% 80%; width: 100%; height: 100%;}*/
  #VideoPlanta {
    position: absolute;
    z-index: 50;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #VideoPlanta video {
    position: relative;
    overflow: hidden;
    width: 100vw;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 100%;
       object-position: 50% 100%;
  }
  #PlantaText {
    position: relative;
    z-index: 100;
    display: inline-flex;
    flex-direction: column;
    gap: 0.25em;
    width: -moz-fit-content;
    width: fit-content;
    text-align: left;
  }
  #PlantaIntro {
    flex: 0 0 auto;
    width: 100%;
    padding: 3em;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.85);
  }
  #PlantaIntro p {
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 2.49em;
    color: #BD9D5A;
  }
  #PlantaIntro p#PlantaIntroDestacado {
    font-size: 4.3em;
  }
  #PlantaIntro p#PlantaIntroLocation {
    color: #ffffff;
  }
  a#BtnPlayVideo {
    width: 8em;
    display: block;
    margin-top: 1em;
  }
  #PlantaAvales {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25em;
    width: 100%;
  }
  #PlantaAvales div {
    flex: 1;
    background-color: #ffffff;
    text-align: center;
    padding: 1em;
  }
  #PlantaAvales div:first-child {
    flex: 2;
  }
  #PlantaAvales img {
    margin: 0 auto;
  }
  #PlantaAvales p {
    font-size: 0.75em;
    display: block;
    margin-top: 0.5em;
  }
  /*hovermode*/
  /*#Planta.hovermode {
      #PlantaPhoto { -webkit-transform: scale(1.1);
                     transform: scale(1.1);}
  }*/
  /*.........*/
  #Diagrama360 {
    background: url(../img/back-diagrama.jpg) no-repeat 0 100%;
    padding: 8em 2em;
    text-align: center;
  }
  #Diagrama360Content {
    position: relative;
    width: 100%;
    max-width: 60em;
    margin: 0 auto;
    text-align: center;
  }
  #DiagramaFront {
    position: absolute;
    z-index: 100;
    text-align: center;
    width: 100%;
    opacity: 0;
    transition: opacity 1.5s cubic-bezier(0.25, 0.8, 0.25, 1) 2s;
  }
  #DiagramaFront picture {
    width: 100%;
    text-align: center;
  }
  #DiagramaFront img {
    margin: 0 auto;
  }
  #DiagramaBack {
    width: 100%;
  }
  #mask1, #mask2 {
    stroke-dasharray: 100;
    stroke-dashoffset: 0;
  }
  #mask1 {
    transition: stroke-dashoffset 3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  #mask2 {
    transition: stroke-dashoffset 3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  #Diagrama360[data-state=show] #DiagramaFront {
    opacity: 1;
  }
  #Diagrama360[data-state=show] #mask1, #Diagrama360[data-state=show] #mask2 {
    stroke-dashoffset: 100;
  }
  #QuickNovedades {
    padding: 3em 0;
  }
  #QuickNovedades > p {
    font-size: 8vw;
    color: #d4d4d4;
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 100;
    font-variation-settings: "wght" 100;
  }
  #ContentQuickNovedades {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  #ContentCarourelNovedades {
    flex: 0 0 auto;
    width: calc(100% - 320px);
    height: 100%;
  }
  #ContentAccessNovedades {
    flex: 0 0 auto;
    width: calc(320px - 2em);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 3em;
    margin-left: 2em;
    margin-top: 1em;
    margin-bottom: 3.2em;
    background-color: #BD9D5A;
  }
  #ContentAccessNovedades p {
    font-size: 1.73em;
    color: #ffffff;
  }
}
@media (max-width: 1680px) {
  .hero-home-txt {
    padding: 2em 0;
  }
}
@media (max-width: 1080px) {
  #ContentCarourelNovedades {
    width: 100%;
  }
  #ContentAccessNovedades {
    width: 100%;
    margin-left: 0;
    gap: 1em;
  }
}
@media (max-width: 900px) {
  #QuickNovedades > p {
    position: relative;
    font-size: 4.3em;
    color: #a3a3a3;
    display: block;
    margin-bottom: 0.1em;
  }
}
@media (max-width: 830px) {
  .hero-home-txt {
    padding-left: 4em;
    padding-right: 4em;
  }
}
@media (max-width: 680px) {
  .hero-home-txt {
    padding-left: 0;
    padding-right: 0;
  }
  #Planta {
    text-align: center;
  }
  #PlantaIntro p {
    font-size: 1.73em;
  }
  #PlantaIntro p#PlantaIntroDestacado {
    font-size: 3.58em;
  }
}
@media (max-width: 600px) {
  #DiagramaFront {
    position: relative;
    opacity: 1;
  }
  #DiagramaBack {
    display: none;
  }
}
@media (max-width: 550px) {
  .seccion-home p.seccion-home-intro {
    font-size: 1.73em;
  }
  .seccion-home p.seccion-home-text {
    font-size: 1em;
  }
  #Diagrama360 {
    padding: 4em 0.5em;
    background: none;
  }
  #PlantaAvales {
    flex-direction: column;
  }
  #PlantaAvales div {
    flex: 0 0 auto;
    display: flex;
    gap: 1em;
    align-items: center;
    width: 100%;
  }
  #PlantaAvales img {
    flex: 0 0 auto;
    width: 5em;
  }
  #PlantaAvales p {
    flex: 1;
    text-align: left;
    font-size: 0.9em;
    margin: 0;
  }
  #PlantaAvales br {
    display: none;
  }
  #QuickNovedades > p {
    font-size: 3em;
    padding-left: 0.55em;
    margin: 0;
  }
  #ContentAccessNovedades p {
    font-size: 1.44em;
  }
}
/*RESPUESTAS OK - FAIL:::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen {
  #RespuestaForm {
    height: 100%;
  }
  #RespuestaForm main {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
  }
  #ContentRespuesta {
    text-align: center;
  }
  #ContentRespuesta figure {
    text-align: center;
    transform: scale(2);
  }
  #ContentRespuesta img {
    margin: 0 auto;
  }
  #ContentRespuesta h1 {
    display: block;
    text-align: center;
    margin: 0.5em 0 0.25em 0;
  }
  #ContentRespuesta h1[data-status=success] {
    color: #3e9900;
  }
  #ContentRespuesta h1[data-status=danger] {
    color: #990000;
  }
  #ContentRespuesta h2 {
    display: block;
    text-align: center;
    margin: 0 0 1em 0;
  }
  #ContentRespuesta a {
    margin: 0 auto;
  }
}
@media (max-width: 500px) {
  #ContentRespuesta h1 span {
    display: block;
  }
}
/*NOSOTROS*/
@media screen {
  #IntroNosotros {
    padding: 6em 0;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
  }
  #IntroSocio360 {
    display: inline-flex;
    gap: 3em;
    flex-wrap: wrap;
    align-items: center;
  }
  #IntroSocio360 figure {
    flex: 0 0 auto;
    width: 15em;
  }
  #Socio360Text {
    flex: 1;
    display: flex;
    gap: 0 2em;
    flex-wrap: wrap;
    align-items: center;
    text-align: left;
  }
  #Socio360Text div {
    flex: 0 0 fit-content;
  }
  #Socio360Txt1 p,
  #Socio360Txt2 p {
    display: block;
    font-size: 2.07em;
    line-height: 1.1em;
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
  }
  #Socio360Text div p:nth-child(even) {
    color: #BD9D5A;
  }
  #Socio360Pie {
    flex: 1 1 100% !important;
    margin-top: 0.7em;
    padding-top: 0.3em;
    border-top: 0.06em solid #BD9D5A;
  }
  #Socio360Pie p {
    font-size: 3em;
    color: #BD9D5A;
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  #Detalle360 {
    display: flex;
    gap: 1em;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin: 3em 0;
  }
  #Detalle360 figure {
    flex: 0 0 auto;
    width: 7em;
  }
  #Detalle360 p {
    flex: 1;
    font-size: 1.2em;
    line-height: 1.5em;
    text-align: left;
  }
  #Detalle360 strong {
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  #KnowHow {
    display: flex;
    gap: 0 1em;
    flex-wrap: wrap;
  }
  p#KnowHowText {
    flex: 1 1 100%;
    font-size: 1.2em;
    font-family: "PlusJakartaSans", Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    color: #BD9D5A;
    text-align: left;
  }
  #KnowHow div {
    flex: 1;
    text-align: left;
  }
  #KnowHow p {
    line-height: 1.5em;
  }
  #VideoPlantaPropia {
    background-color: #000000;
    padding-block: 2em;
  }
  #VideoPlantaPropiaLoad {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
  }
  #VideoPlantaPropiaLoad iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  #GraficoMetales {
    background: url(../img/back-rock.jpg) no-repeat 0 100%;
    background-size: cover;
    padding: 4em 0;
  }
  #ContentGraficoMetales {
    display: flex;
    gap: 2em;
    max-width: 80em;
  }
  #GraficoMetalesTxt {
    flex: 0 0 auto;
    text-align: left;
  }
  #GraficoMetalesTxt figure {
    margin-bottom: 1em;
  }
  #GraficoMetalesTxt p {
    font-size: 1.73em;
    color: #ffffff;
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
  }
  #GraficoMetalesChart {
    flex: 1;
    display: flex;
    gap: 2em;
    flex-wrap: wrap;
  }
  #GraficoMetalesChart picture {
    flex: 0 0 auto;
  }
  #InfoGraficoMetales {
    position: relative;
    overflow: hidden;
    flex: 1;
  }
  #InfoGraficoMetales p {
    font-size: 1.2em;
    color: #ffffff;
    line-height: 1.2em;
    margin-top: 5em;
  }
  #GraficoMetalesChart span {
    color: #BD9D5A;
  }
  #Valores {
    padding: 6em 4em;
  }
}
@media (max-width: 1200px) {
  #GraficoMetales {
    padding-left: 4em;
    padding-right: 4em;
  }
  #ContentGraficoMetales {
    flex-direction: column;
  }
  #GraficoMetalesTxt figure {
    display: none;
  }
  #GraficoMetalesTxt p {
    font-size: 2.07em;
  }
  #GraficoMetalesTxt p br {
    display: none;
  }
}
@media (max-width: 1024px) {
  #GraficoMetalesChart p {
    margin-top: 2.5em;
  }
}
@media (max-width: 950px) {
  #IntroSocio360 {
    gap: 1em;
    align-items: flex-start;
  }
  #IntroSocio360 figure {
    width: 7em;
  }
  #Socio360Pie p {
    font-size: 2.49em;
  }
  #Detalle360 {
    align-items: flex-start;
  }
  #GraficoMetalesChart picture#GraficoMetalesG1 {
    flex: 0 0 auto;
    width: 9em;
  }
  #GraficoMetalesChart p {
    flex: 3;
    margin-top: 1em;
    line-height: 1.5em;
    font-size: 1em;
  }
  #GraficoMetalesChart picture#GraficoMetalesG2 {
    flex: 0 0 auto;
    width: 4.5em;
  }
}
@media (max-width: 850px) {
  #IntroNosotros {
    text-align: left;
  }
  #Socio360Text {
    flex-direction: column;
  }
  #Socio360Text div {
    flex: 0 0 auto;
    width: 100%;
  }
  #Socio360Text p {
    color: #000000 !important;
  }
  #Socio360Txt1 p:nth-child(even) {
    color: #BD9D5A !important;
  }
  #Socio360Txt2 p:nth-child(odd) {
    color: #BD9D5A !important;
  }
  #GraficoMetales {
    padding-left: 1em;
    padding-right: 1em;
  }
  #GraficoMetalesTxt p {
    font-size: 1.73em;
  }
}
@media (max-width: 680px) {
  #GraficoMetalesChart {
    flex-direction: column;
  }
  #GraficoMetalesChart picture {
    flex: 0 0 auto;
    width: 100% !important;
  }
  #GraficoMetalesChart p {
    flex: 0 0 auto;
    width: 100%;
    margin-top: 0;
  }
}
@media (max-width: 650px) {
  #IntroNosotros {
    padding-top: 3em;
  }
  #IntroSocio360 {
    gap: 0.5em;
  }
  #IntroSocio360 figure {
    width: 7em;
  }
  #IntroSocio360 > div {
    flex: 1 1 100%;
  }
  #Socio360Pie p {
    font-size: 2.07em;
  }
  #Detalle360 figure {
    width: 5em;
  }
  #Detalle360 p {
    flex: 1 1 100%;
  }
  #KnowHow {
    gap: 1em;
  }
  #KnowHow div {
    flex: 1 1 100%;
  }
}
@media (max-width: 560px) {
  #Valores {
    padding: 4em 2em;
  }
}
/*SERVICIOS*/
@media screen {
  #MainServicios {
    padding: 6em 0 4em 0;
  }
  div[data-id=servicios-bancos] #MainServicios,
  div[data-id=servicios-corporaciones] #MainServicios {
    padding-bottom: 0;
  }
  .ContentMainServicios {
    width: 100%;
  }
  p.servicios-name {
    display: block;
    margin-bottom: 0.25em;
    font-size: 0.9em;
  }
  p.servicios-name span {
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 700;
    font-variation-settings: "wght" 700;
  }
  .MainServicios h2 {
    font-size: 3.58em;
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    line-height: 1.1em;
    color: #BD9D5A;
    margin-bottom: 0.25em;
  }
  .MainServicios h3 {
    font-size: 1.2em;
    line-height: 1.5em;
  }
  .MainServicios h3 strong {
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 700;
    font-variation-settings: "wght" 700;
  }
  /*layout*/
  .ContentMainServicios[data-layout=column] {
    display: flex;
    flex-wrap: wrap;
    gap: 4em;
    width: 100%;
  }
  .ContentMainServicios[data-layout=column] section {
    flex: 1;
  }
  .ContentMainServicios[data-layout=column] aside {
    flex: 0 0 auto;
    width: 20em;
    align-self: flex-start;
    padding: 2em;
    background-color: #f3f4f6;
  }
  .ContentMainServicios[data-layout=column] aside figure {
    width: 13em;
  }
  /*general*/
  #MainServiciosGeneral {
    padding: 6em 0;
  }
  #IntroSeviciosGeneral {
    max-width: 55em;
    margin: 0 auto;
  }
  #IntroSeviciosGeneral p {
    font-size: 1.44em;
  }
  #IntroSeviciosGeneral strong {
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  #MainServiciosGeneral #Diagrama360 {
    padding-top: 4em;
  }
  #DescripcionSeviciosGeneral {
    padding: 4em 0;
  }
  #ContentDescripcionSeviciosGeneral {
    display: flex;
    flex-wrap: wrap;
    gap: 3em;
  }
  #DescripcionSeviciosHeader {
    flex: 0 0 auto;
    width: 22em;
  }
  #DescripcionSeviciosHeader p {
    font-size: 1.44em;
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
  }
  #DescripcionSeviciosHeader strong {
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  .DescripcionSeviciosItem {
    flex: 1;
  }
  .DescripcionSeviciosItem p {
    font-size: 1.2em;
    line-height: 1.5em;
  }
  #PorQueElegirnos {
    padding: 4em 0;
  }
  .modulo-carousel {
    display: flex;
    gap: 3em;
    flex-wrap: wrap;
    width: 100%;
  }
  .modulo-carousel-header {
    flex: 0 0 auto;
    width: calc(280px - 3em);
  }
  .modulo-carousel-header p {
    font-size: 1.73em;
    display: flex;
  }
  .modulo-carousel-header p::before {
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    background: url(../img/spark-turn.svg) no-repeat 0 0;
    background-size: 100% auto;
  }
  .modulo-carousel-content {
    flex: 0 0 auto;
    width: calc(100% - 280px);
  }
  #Avales .modulo-carousel {
    align-items: center;
  }
  #NuestrosClientes {
    padding: 4em 0;
  }
  #NuestrosClientes p {
    text-align: center;
    font-size: 8vw;
    color: #d4d4d4;
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 100;
    font-variation-settings: "wght" 100;
  }
  #ListadoClientes {
    display: flex;
    gap: 1.5em;
    flex-wrap: wrap;
    justify-content: center;
  }
  #ListadoClientes li {
    flex: 0 0 18em;
    text-align: center;
  }
  #ListadoClientes img {
    margin: 0 auto;
  }
  /*mineria*/
  #NuestroProceso {
    margin-top: 1em;
  }
  .servicios-steps-chart {
    display: flex;
    flex-direction: column;
    gap: 3em;
    padding: 3em 0;
  }
  .servicios-step {
    display: flex;
    gap: 2em;
  }
  .servicios-step figure {
    flex: 0 0 auto;
  }
  .servicios-step > div {
    flex: 1;
  }
  p.servicios-step-title {
    font-size: 1.2em;
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    margin-bottom: 0.5em;
  }
  p.servicios-step-description {
    line-height: 1.65em;
  }
  .beneficios-socio-360 header {
    padding-left: 1.5em;
  }
  .beneficios-socio-360 h2 {
    font-size: 1.73em;
  }
  .beneficios-socio-360 h2 strong {
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 700;
    font-variation-settings: "wght" 700;
  }
  .beneficios-socio-360 .tag-indice {
    color: #000000 !important;
  }
  .beneficios-socio-360 strong .tag-indice {
    font-family: "PlusJakartaSans", Arial, Helvetica, sans-serif !important;
    font-weight: 700;
    font-variation-settings: "wght" 700;
  }
  /*bancos*/
  .banner-servicios-full {
    width: 100%;
    margin-top: 4em;
  }
  #BannerLingotes {
    background: url(../img/internas/banner-lingotes-back.jpg) no-repeat 100% 50%;
  }
  #BannerMonedas {
    background: url(../img/internas/banner-monedas-back.jpg) no-repeat 100% 50%;
  }
  .banner-servicios-full figure {
    width: 100%;
  }
  #GrabadoLaser {
    padding: 4.5em 0;
    background: url(../img/internas/pattern-star-grey.jpg) repeat 0 0;
  }
  #GrabadoLaser .ContentMainServicios {
    display: flex;
    gap: 2.5em;
    flex-wrap: wrap;
    align-items: center;
  }
  #GrabadoLaser figure {
    flex: 0 0 auto;
    width: 15em;
  }
  #GrabadoLaser .GrabadoLaserTxt {
    flex: 1;
  }
  #GrabadoLaser .GrabadoLaserTxt > p {
    font-size: 1.73em;
    margin-bottom: 0.75em;
    margin-left: 0.75em;
  }
  /*empresas*/
  #UsosMonedas {
    margin: 5em 0;
  }
  #ContentUsosMonedas {
    display: flex;
    flex-wrap: wrap;
    gap: 2em;
  }
  .uso-moneda-modulo {
    flex: 1;
    text-align: left;
  }
  .uso-moneda-modulo figure {
    width: 10em;
    margin-bottom: 1em;
  }
  p.uso-moneda-title {
    font-size: 1.73em;
    color: #BD9D5A;
    margin-bottom: 0.25em;
  }
  p.uso-moneda-descripcion {
    font-size: 1.2em;
    line-height: 1.5em;
  }
  #MonedasCustom {
    padding: 6em 0;
    background: url(../img/internas/pattern-star-grey.jpg) repeat 0 0;
  }
  #MonedasCustom #ContentMonedasCustom {
    display: flex;
    gap: 2.5em;
    flex-wrap: wrap;
    align-items: center;
  }
  #MonedasCustom figure {
    flex: 2;
  }
  #MonedasCustom .MonedasCustomTxt {
    flex: 1;
  }
  #MonedasCustom .MonedasCustomTxt > p {
    font-size: 1.73em;
    margin-bottom: 0.75em;
    margin-left: 0.75em;
  }
}
@media (max-width: 1200px) {
  .ContentMainServicios[data-layout=column] section {
    flex: 1 1 100%;
  }
  .ContentMainServicios[data-layout=column] aside {
    flex: 1 1 100%;
  }
  .ContentMainServicios[data-layout=column] aside figure {
    width: 8em;
  }
  /*general*/
  #DescripcionSeviciosGeneral {
    padding-top: 0;
  }
  #DescripcionSeviciosHeader {
    flex: 1 1 100%;
  }
  /*bancos*/
  #BannerLingotes,
  #BannerMonedas {
    background-position: 300px 50%;
  }
}
@media (max-width: 900px) {
  #NuestrosClientes p {
    font-size: 4.3em;
    color: #a3a3a3;
  }
}
@media (max-width: 800px) {
  /*general*/
  .modulo-carousel {
    gap: 1.5em;
  }
  .modulo-carousel-header {
    width: 100%;
  }
  .modulo-carousel-header br {
    display: none;
  }
  .modulo-carousel-content {
    width: 100%;
  }
  /*bancos*/
  #GrabadoLaser figure {
    width: 10em;
    margin-left: 1em;
  }
  #GrabadoLaser .GrabadoLaserTxt {
    flex: 1 1 100%;
  }
  #ContentMonedasCustom figure {
    width: 10em;
  }
  #ContentMonedasCustom .MonedasCustomTxt {
    flex: 1 1 100%;
  }
}
@media (max-width: 740px) {
  #GrabadoLaser, #MonedasCustom {
    background-size: 1em auto;
  }
  #UsosMonedas {
    margin-bottom: 3.5em;
  }
  .uso-moneda-modulo {
    flex: 1 1 100%;
  }
}
@media (max-width: 550px) {
  #MainServicios {
    padding: 3em 0;
  }
  .MainServicios h2 {
    font-size: 2.49em;
  }
  .MainServicios h3 {
    font-size: 1em;
  }
  /*generales*/
  #MainServiciosGeneral {
    padding: 3em 0;
  }
  #IntroSeviciosGeneral p {
    font-size: 1.2em;
  }
  #IntroSeviciosGeneral p br {
    display: none;
  }
  #MainServiciosGeneral #Diagrama360 {
    padding-top: 3em;
  }
  .DescripcionSeviciosItem {
    flex: 1 1 100%;
  }
  #ListadoClientes {
    width: 100%;
  }
  #ListadoClientes li {
    flex: 0 0 8em;
  }
  /*mineras*/
  .servicios-step {
    flex-direction: column;
    gap: 1em;
  }
  .servicios-steps-chart {
    padding-bottom: 0;
  }
  .servicios-step figure {
    flex: 0 0 auto;
    width: 100%;
  }
  .servicios-step > div {
    flex: 0 0 auto;
    width: 100%;
  }
  #BannerLingotes {
    padding-top: 50vw !important;
    background-position: 0 0 !important;
    background-size: 100% auto !important;
  }
  #BannerMonedas {
    margin-top: 0;
    padding-bottom: 55vw !important;
    background-position: 100% 100% !important;
    background-size: 130% auto !important;
  }
  #BannerMonedas figure {
    width: 70vw;
  }
}
/*LEGALES*/
@media screen {
  .ModuloLegal {
    padding-block: 12em 6em;
  }
  .ModuloLegal .ModuloLegalTitle {
    font-size: 1.73em;
    margin-bottom: 1.5em;
  }
  .ModuloLegal .ModuloLegalTxt {
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    line-height: 1.7;
    margin-block: 1em;
  }
  .ModuloLegal .ModuloLegalTxt strong {
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
}
/*BANNER*/
@media screen {
  #BannerEconomiaCircular {
    background: url(../img/back-economia-circular.jpg) no-repeat 0 0;
    background-size: cover;
  }
  #BannerEconomiaCircular > div {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    align-items: center;
    padding-top: 2em;
    padding-bottom: 2em;
  }
  #TxtBannerEconomiaCircular {
    flex: 1;
  }
  #BannerEconomiaCircular p {
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
  }
  #BannerEconomiaCircular p:not(.TxtGreen) {
    font-size: 2.07em;
    color: #ffffff;
  }
  #BannerEconomiaCircular p.TxtGreen {
    display: block;
    font-size: 3em;
    color: #B5CF5A;
  }
  #BannerEconomiaCircular figure {
    flex: 0 0 auto;
    width: 10em;
  }
}
@media (max-width: 1180px) {
  #BannerEconomiaCircular p:not(.TxtGreen) {
    font-size: 1.44em;
  }
  #BannerEconomiaCircular p.TxtGreen {
    font-size: 2.07em;
  }
  #BannerEconomiaCircular figure {
    width: 7.5em;
  }
}
@media (max-width: 550px) {
  #BannerEconomiaCircular > div {
    justify-content: center;
  }
  #BannerEconomiaCircular figure {
    order: 1;
    width: 3.5em;
  }
  #TxtBannerEconomiaCircular {
    order: 2;
    flex: 1 1 100%;
  }
  #BannerEconomiaCircular p:not(.TxtGreen) {
    font-size: 1.2em;
    text-align: center;
  }
  #BannerEconomiaCircular p.TxtGreen {
    font-size: 1.73em;
    text-align: center;
  }
}
/*BOTONES / <a> / <button>*/
@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;
    cursor: pointer;
    font-size: 1em;
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    line-height: 0;
    transition: all 0.3s ease-in-out;
  }
  /*type - styles default*/
  .button[data-type=cta] {
    color: #ffffff;
    border-color: #BD9D5A;
    background-color: #BD9D5A;
  }
  .button[data-type=primary] {
    color: #BD9D5A;
    border-color: #BD9D5A;
  }
  .button[data-type=secondary] {
    color: #404040;
    border-color: #9ca3af;
  }
  .button[data-type=tertiary] {
    color: #374151;
    border-color: #e5e7eb;
    background-color: #e5e7eb;
  }
  .button[data-type=link] {
    color: #404040;
  }
  /*icon*/
  .button[data-icon]:empty {
    min-width: 2.26em;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .button[data-size=big][data-icon]:empty,
  .button[data-size=small][data-icon]:empty {
    padding: 0.25em !important;
  }
  .button[data-size=compact][data-icon]:empty {
    min-width: 1.7em;
    padding: 0.13em 0.06em !important;
  }
  .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");
  }
  .button[data-icon=chevron-down] {
    padding-right: 0.5em;
  }
  .button[data-icon=chevron-down]:not(:empty)::before {
    margin-left: 1em;
  }
  .button[data-icon=chevron-down][data-state=open][data-text-active]::after {
    content: attr(data-text-active);
  }
  .button[data-icon=chevron-down][data-state=open]::before {
    transform: rotate(180deg);
  }
  .button[data-icon=list][data-state=open]::before {
    background-color: #BD9D5A;
  }
  .button[data-icon=grid][data-state=open]::before {
    background-color: #BD9D5A;
  }
  /*icon position*/
  .button[data-icon-position=left] {
    flex-direction: row;
  }
  .button[data-icon-position=right] {
    flex-direction: row-reverse;
  }
  /*size*/
  .button[data-size=big] {
    font-size: 1.44em !important;
    padding: 0.25em 0.5em !important;
    border-radius: 0;
  }
  .button[data-size=big]::before {
    width: 1em;
    height: 1em;
  }
  .button[data-size=small] {
    font-size: 0.75em !important;
    padding: 0.5em 0.8em !important;
  }
  .button[data-size=compact] {
    font-size: 0.75em !important;
    padding: 0.2em 0.4em !important;
    min-height: 1.7em;
  }
  /*layout*/
  .button[data-layout=compact] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /*state*/
  .button[data-state=disabled] {
    filter: grayscale(100%);
    opacity: 0.5;
    cursor: default;
  }
  .button[data-state=open][data-text-active] span {
    display: none;
  }
  /*variants*/
  /*cta*/
  .button[data-type=cta][data-icon]::before {
    background-color: #ffffff;
  }
  .button[data-type=cta][data-variant=positive] {
    background-color: #ffffff;
    color: #000000;
    border-color: #ffffff;
  }
  .button[data-type=cta][data-variant=positive][data-icon]::before {
    background-color: #000000;
  }
  .button[data-type=cta][data-variant=positive][data-icon]::before {
    filter: none;
  }
  .button[data-type=cta][data-variant=negative] {
    background-color: #000000;
    color: #ffffff;
    border-color: #000000;
  }
  .button[data-type=cta][data-variant=gray] {
    background-color: #6b7280;
    color: #ffffff;
    border-color: #6b7280;
  }
  .button[data-type=cta][data-variant=neutral] {
    background-color: #737373;
    color: #ffffff;
    border-color: #737373;
  }
  .button[data-type=cta][data-variant=tint-secondary] {
    background-color: #1E3A5F;
    color: #ffffff;
    border-color: #1E3A5F;
  }
  .button[data-type=cta][data-variant=tint-tertiary] {
    background-color: transparent;
    color: #ffffff;
    border-color: transparent;
  }
  .button[data-type=cta][data-variant=tint-accent] {
    background-color: transparent;
    color: #ffffff;
    border-color: transparent;
  }
  /*primary*/
  .button[data-type=primary][data-icon]::before {
    background-color: #BD9D5A;
  }
  .button[data-type=primary][data-variant=positive] {
    color: #000000;
    border-color: #000000;
  }
  .button[data-type=primary][data-variant=positive][data-icon]::before {
    background-color: #000000;
  }
  .button[data-type=primary][data-variant=negative] {
    color: #ffffff;
    border-color: #ffffff;
  }
  .button[data-type=primary][data-variant=negative][data-icon]::before {
    background-color: #ffffff;
  }
  .button[data-type=primary][data-variant=gray] {
    color: #6b7280;
    border-color: #6b7280;
  }
  .button[data-type=primary][data-variant=gray][data-icon]::before {
    background-color: #6b7280;
  }
  .button[data-type=primary][data-variant=neutral] {
    color: #737373;
    border-color: #737373;
  }
  .button[data-type=primary][data-variant=neutral][data-icon]::before {
    background-color: #737373;
  }
  .button[data-type=primary][data-variant=tint-secondary] {
    color: #1E3A5F;
    border-color: #1E3A5F;
  }
  .button[data-type=primary][data-variant=tint-secondary][data-icon]::before {
    background-color: #1E3A5F;
  }
  .button[data-type=primary][data-variant=tint-tertiary] {
    color: transparent;
    border-color: transparent;
  }
  .button[data-type=primary][data-variant=tint-tertiary][data-icon]::before {
    background-color: transparent;
  }
  .button[data-type=primary][data-variant=tint-accent] {
    color: transparent;
    border-color: transparent;
  }
  .button[data-type=primary][data-variant=tint-accent][data-icon]::before {
    background-color: transparent;
  }
  /*tertiary*/
  .button[data-type=tertiary][data-variant=positive] {
    color: #000000;
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .button[data-type=tertiary][data-variant=negative] {
    color: #ffffff;
    background-color: #111827;
  }
  .button[data-type=tertiary][data-variant=negative][data-icon]::before {
    background-color: #ffffff;
  }
  .button[data-type=tertiary][data-variant=gray] {
    background-color: #6b7280;
    color: #ffffff;
  }
  .button[data-type=tertiary][data-variant=gray][data-icon]::before {
    background-color: #ffffff;
  }
  .button[data-type=tertiary][data-variant=neutral] {
    background-color: #737373;
    color: #ffffff;
  }
  .button[data-type=tertiary][data-variant=neutral][data-icon]::before {
    background-color: #ffffff;
  }
  .button[data-type=tertiary][data-variant=tint-primary] {
    color: #BD9D5A;
  }
  .button[data-type=tertiary][data-variant=tint-primary][data-icon]::before {
    background-color: #BD9D5A;
  }
  .button[data-type=tertiary][data-variant=tint-secondary] {
    color: #1E3A5F;
  }
  .button[data-type=tertiary][data-variant=tint-secondary][data-icon]::before {
    background-color: #1E3A5F;
  }
  .button[data-type=tertiary][data-variant=tint-accent] {
    color: transparent;
  }
  .button[data-type=tertiary][data-variant=tint-accent][data-icon]::before {
    background-color: transparent;
  }
  /*link*/
  .button[data-type=link][data-variant=positive] {
    color: #000000;
  }
  .button[data-type=link][data-variant=negative] {
    color: #ffffff;
  }
  .button[data-type=link][data-variant=negative][data-icon]::before {
    background-color: #ffffff;
  }
  .button[data-type=link][data-variant=gray] {
    color: #6b7280;
  }
  .button[data-type=link][data-variant=gray][data-icon]::before {
    background-color: #6b7280;
  }
  .button[data-type=link][data-variant=neutral] {
    color: #737373;
  }
  .button[data-type=link][data-variant=neutral][data-icon]::before {
    background-color: #737373;
  }
  .button[data-type=link][data-variant=tint-primary] {
    color: #BD9D5A;
  }
  .button[data-type=link][data-variant=tint-primary][data-icon]::before {
    background-color: #BD9D5A;
  }
  .button[data-type=link][data-variant=tint-secondary] {
    color: #1E3A5F;
  }
  .button[data-type=link][data-variant=tint-secondary][data-icon]::before {
    background-color: #1E3A5F;
  }
  .button[data-type=link][data-variant=tint-tertiary] {
    color: transparent;
  }
  .button[data-type=link][data-variant=tint-tertiary][data-icon]::before {
    background-color: transparent;
  }
  .button[data-type=link][data-variant=tint-accent] {
    color: transparent;
  }
  .button[data-type=link][data-variant=tint-accent][data-icon]::before {
    background-color: transparent;
  }
  /*destructive*/
  .button[data-type=cta][data-variant=destructive] {
    background-color: #D91F11;
    color: #ffffff;
    border-color: #D91F11;
  }
  .button[data-type=primary][data-variant=destructive] {
    border-color: #D91F11;
    color: #D91F11;
  }
  .button[data-type=primary][data-variant=destructive][data-icon]::before {
    background-color: #D91F11;
  }
  .button[data-type=tertiary][data-variant=destructive] {
    color: #D91F11;
  }
  .button[data-type=tertiary][data-variant=destructive][data-icon]::before {
    background-color: #D91F11;
  }
  .button[data-type=link][data-variant=destructive] {
    color: #D91F11;
  }
  .button[data-type=link][data-variant=destructive][data-icon]::before {
    background-color: #D91F11;
  }
}
/*HOVER EFFECTS*/
@media (hover: hover) and (pointer: fine) {
  .button[data-type=cta]:not([data-state=disabled]):hover {
    background-color: #000000;
    border-color: #000000;
  }
  .button[data-type=primary]:not([data-state=disabled]):hover,
  .button[data-type=secondary]:not([data-state=disabled]):hover {
    border-color: #000000;
    color: #000000;
  }
  .button[data-type=tertiary]:not([data-state=disabled]):hover {
    background-color: #d1d5db;
  }
  .button[data-type=link]:not([data-state=disabled]):hover {
    color: #000000;
  }
  .button[data-type=cta][data-variant=positive]:hover {
    background-color: #d4d4d4;
    border-color: #d4d4d4;
  }
  .button[data-type=cta][data-variant=negative]:hover {
    background-color: #404040;
    border-color: #404040;
  }
  .button[data-type=primary][data-variant=positive]:hover {
    border-color: #525252;
    color: #525252;
  }
  .button[data-type=primary][data-variant=negative]:hover {
    color: #737373;
    border-color: #737373;
  }
  .button[data-type=tertiary][data-variant=negative]:hover {
    background-color: #374151;
  }
  .button[data-type=link][data-variant=positive]:hover {
    color: #404040;
  }
  .button[data-type=link][data-variant=negative]:hover {
    color: #BD9D5A;
  }
}
/*CARDS*/
@media screen {
  .card {
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
    text-align: left;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 20em;
    height: 100%;
    padding: 0;
    border-radius: 0;
    border: 0.06em solid #d1d5db;
    transition: box-shadow 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .card-header {
    position: relative;
    overflow: hidden;
  }
  /*.card-header-top { position: absolute; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;
                    display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: flex-end; padding: 0 0 0.25em 0.5em;}*/
  .card-header .icon {
    position: absolute;
    z-index: 100;
    right: 0.5em;
    bottom: 0.5em;
  }
  .card-header figure {
    width: 100%;
    height: 100%;
  }
  .card-header img {
    max-width: none;
    width: 100%;
    height: 100%;
    max-height: 12em;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 0;
  }
  .card-header .button {
    pointer-events: auto;
  }
  .card-body {
    flex: 1;
    padding: 1em;
  }
  .card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25em;
    width: 100%;
    margin-bottom: 0.5em;
  }
  .card-rating {
    display: flex;
    align-items: center;
    margin-bottom: 0.5em;
  }
  .card-rating figure {
    display: flex;
    margin-right: 0.25em;
  }
  .card-rating img {
    flex: 0 0 auto;
    width: 0.9em;
  }
  .card-rating p {
    font-size: 0.69em;
    color: #171717;
  }
  .card-title {
    font-size: 1.44em;
    line-height: 1.2em;
    margin-bottom: 0.25em;
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    color: #000000;
  }
  .card-description {
    font-size: 0.9em;
    color: #000000;
    line-height: 1.5em;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .card-extras {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1em;
  }
  .card-colors {
    flex: 1;
    display: flex;
    gap: 0.25em;
  }
  .card-colors span {
    flex: 0 0 0.85em;
    height: 0.85em;
    aspect-ratio: 1/1;
    border-radius: 50%;
  }
  span[data-color=black] {
    background-color: #000000;
  }
  span[data-color=green] {
    background-color: #009D68;
  }
  span[data-color=baige] {
    background-color: #525252;
  }
  span[data-color=white] {
    background-color: #f5f5f5;
  }
  .card-sizes {
    flex: 1;
    display: flex;
    gap: 1em;
    justify-content: right;
  }
  .card-sizes p {
    font-size: 0.9em;
    color: #000000;
  }
  .card-price {
    display: flex;
    flex-wrap: wrap;
    gap: 0 0.5em;
    align-items: center;
  }
  .card-old-price {
    flex: 1 1 100%;
    font-size: 0.9em;
    color: #6b7280;
    text-decoration: line-through;
  }
  .card-current-price {
    flex: 0 0 auto;
    font-size: 1.44em;
    font-variation-settings: "wght" 300;
    color: #000000;
  }
  .card-alert {
    font-size: 0.75em;
    display: block;
    margin-top: 0.25em;
  }
  .card-alert[data-status=success] {
    color: #009D68;
  }
  .card-alert[data-status=warning] {
    color: #E86427;
  }
  .card-alert[data-status=danger] {
    color: #D91F11;
  }
  .card-alert[data-status=information] {
    color: #3b82f6;
  }
  .card-footer {
    padding: 0 1em 1.5em 1em;
  }
  /*size*/
  .card[data-size=small] {
    max-width: 14em;
  }
  .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=compact] {
    max-width: 12em;
    height: -moz-fit-content;
    height: fit-content;
  }
  .card[data-size=compact] .card-title {
    font-size: 1em;
    margin-bottom: 0.25em;
  }
  .card[data-size=compact] .card-footer {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .card[data-size=minimal] {
    max-width: 10em;
    height: -moz-fit-content;
    height: fit-content;
  }
  .card[data-size=minimal] .card-title {
    font-size: 1em;
  }
  .card[data-size=minimal] .card-footer {
    padding-bottom: 0.7em;
  }
  .card[data-size=minimal] .card-footer .tag {
    padding: 0 !important;
  }
  /*type*/
  /*modes*/
  .cards-list[data-layout=list] .card {
    flex: 0 0 auto;
    width: 100%;
    display: grid;
    grid-template-columns: 12em 1fr;
    grid-template-rows: auto auto;
    max-width: none;
  }
  .cards-list[data-layout=list] .card .card-header {
    position: unset;
    overflow: unset;
    grid-row: 1/3;
    grid-column: 1/2;
  }
  .cards-list[data-layout=list] .card .card-header-top {
    padding-left: 1em;
    padding-right: 1em;
  }
  .cards-list[data-layout=list] .card .card-body {
    grid-row: 1/2;
    grid-column: 2/2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .cards-list[data-layout=list] .card .card-colors,
  .cards-list[data-layout=list] .card .card-sizes {
    flex: 0 0 auto;
  }
  .cards-list[data-layout=list] .card .card-current-price {
    font-size: 1.73em;
  }
  .cards-list[data-layout=list] .card .card-footer {
    grid-row: 2/3;
    grid-column: 2/3;
  }
  .cards-list[data-layout=grid] .card {
    max-width: none;
  }
}
/*HOVER EFFECTS*/
@media (hover: hover) and (pointer: fine) {
  .card:hover {
    box-shadow: 0 5px 15px 5px rgba(0, 0, 0, 0.25);
  }
  .card:hover p.card-description {
    -webkit-line-clamp: 4;
  }
}
@media (min-width: 580px) {
  /*layout horizontal*/
  .card[data-layout=horizontal] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    max-width: 40em;
  }
  .card[data-layout=horizontal] .card-header {
    grid-column: 1/span 1;
    grid-row: 1/span 2;
    max-height: none;
  }
  .card[data-layout=horizontal] .card-header img {
    max-height: none;
  }
  .card[data-layout=horizontal] .card-body {
    display: flex;
    gap: 1em;
    align-items: center;
    padding: 2em 2em 1em 2em;
  }
  .card[data-layout=horizontal] .card-title {
    flex: 1;
  }
  .card[data-layout=horizontal] .card-tags {
    flex: 0 0 fit-content;
  }
  .card[data-layout=horizontal] .card-footer {
    padding-left: 2em;
    padding-bottom: 2em;
  }
  /*size*/
  .card[data-layout=horizontal][data-size=small] {
    max-width: 23em;
  }
  .card[data-layout=horizontal][data-size=small] .card-body {
    padding: 1em;
  }
  .card[data-layout=horizontal][data-size=small] .card-footer {
    padding-left: 1em;
    padding-bottom: 1em;
  }
  .card[data-layout=horizontal][data-size=compact] {
    grid-template-columns: 0.5fr 1.5fr;
    max-width: 20em;
  }
  .card[data-layout=horizontal][data-size=compact] .card-title {
    margin-bottom: 0;
  }
  .card[data-layout=horizontal][data-size=compact] .card-body {
    padding: 1em;
  }
  .card[data-layout=horizontal][data-size=compact] .card-footer {
    padding-left: 1em;
    padding-bottom: 2.5em;
  }
  .card[data-layout=horizontal][data-size=minimal] {
    grid-template-columns: 1fr;
    max-width: 20em;
  }
  .card[data-layout=horizontal][data-size=minimal] .card-title {
    margin-bottom: 0;
  }
  .card[data-layout=horizontal][data-size=minimal] .card-body {
    padding: 0.7em;
  }
  .card[data-layout=horizontal][data-size=minimal] .card-footer {
    padding: 0 0.7em 0.5em 0.7em;
  }
}
/*CAROUSEL*/
@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: 0.5em !important;
    height: 0.5em !important;
    margin: 0 0.5em !important;
    background-color: #737373 !important;
  }
  .splide__pagination__page.is-active {
    background-color: #BD9D5A !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*/
  .carousel[data-type=blog] .card {
    max-width: none;
  }
  .carousel[data-type=blog] li.splide__slide {
    padding: 1em 0.5em 1em 0.5em !important;
  }
  .carousel[data-type=blog] .splide__pagination {
    position: relative !important;
    margin-top: 1em;
  }
  .carousel[data-type=text] .scrollzone-item {
    width: 100%;
    text-align: left;
  }
  .carousel[data-type=text] .scrollzone-title {
    font-size: 2.07em;
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    color: #BD9D5A;
    margin-bottom: 0.5em;
  }
  .carousel[data-type=text] .scrollzone-description {
    font-size: 1em;
    line-height: 1.5em;
  }
  .carousel[data-type=text] .splide__pagination {
    position: relative !important;
    margin-top: 2em;
  }
  /*.carousel[data-type="logos"] {
       li { text-align: center;}
       img {max-width: 7.5em; margin: 0 auto;}
   } */
  #CarouselHeroHome .carousel-hero-home-module {
    position: relative;
    overflow: hidden;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.85);
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
  }
  #CarouselHeroHome .splide__slide {
    opacity: 0.3 !important;
    transition: opacity 0.3s ease-in-out;
  }
  #CarouselHeroHome .splide__slide.is-prev {
    opacity: 0 !important;
  }
  #CarouselHeroHome .splide__slide.is-active {
    opacity: 1 !important;
  }
  #CarouselHeroHome .splide__pagination {
    bottom: 1.5em;
  }
  #ModuloCarouselMetales {
    width: 100%;
    text-align: center;
    background: url(../img/back-rock.jpg) no-repeat 50% 50%;
  }
  #CarouselMetales {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
  }
  #CarouselMetales .slide-metales {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    text-align: left;
    padding: 3em;
  }
  #CarouselMetales .slide-metales div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5em;
  }
  #CarouselMetales .slide-metales figure {
    flex: 1;
  }
  #CarouselMetales .slide-metales p {
    flex: 3;
    font-size: 1.2em;
    color: #ffffff;
  }
  #CarouselMetales #SlideOro p {
    color: #BD9D5A;
  }
  #CarouselMetales #SlidePlata p {
    color: #D9D3D3;
  }
  #CarouselMetales #SlidePlatino p {
    color: #9b9898;
  }
  #CarouselMetales #SlidePaladio p {
    color: #E7AB7C;
  }
  #CarouselMetales .splide__pagination {
    bottom: 1em;
  }
  #CarourelNovedades a {
    width: 100%;
    height: 100%;
    display: block;
  }
  #CarourelTipoEventos {
    margin-bottom: 2em;
  }
  #CarourelTipoEventos .splide__slide p {
    font-size: 5em;
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
  }
  #CarourelTipoEventos .splide__slide:nth-child(odd) p {
    color: #000000;
  }
  #CarourelTipoEventos .splide__slide:nth-child(even) p {
    color: #BD9D5A;
  }
  #CarouselPorQueElegirnos .splide__pagination {
    justify-content: flex-start;
    padding: 0 !important;
  }
  #CarouselValores .scrollzone-item {
    padding: 0 1.5em;
  }
}
@media (max-width: 900px) {
  #CarouselMetales .slide-metales figure {
    flex: 0 0 auto;
  }
  #CarouselMetales .slide-metales p {
    flex: 1;
  }
}
@media (max-width: 800px) {
  #CarouselMetales .slide-metales figure {
    width: 6em;
  }
  .carousel[data-type=text] .scrollzone-item {
    padding: 0 1.5em;
  }
  #CarourelTipoEventos {
    margin-bottom: 3em;
  }
  #CarourelTipoEventos .splide__slide p {
    font-size: 1.73em;
  }
}
@media (max-width: 720px) {
  #CarouselMetales .slide-metales div {
    flex-direction: column;
  }
  #CarouselMetales .slide-metales figure,
  #CarouselMetales .slide-metales p {
    flex: 0 0 auto;
    text-align: center;
  }
  #CarouselMetales .slide-metales p br {
    display: none;
  }
  #CarouselPorQueElegirnos .splide__pagination {
    margin-top: 0.5em !important;
    padding-left: 1.2em !important;
  }
}
/*FOOTER*/
@media screen {
  #FooterTop {
    background-color: #000000;
    padding: 4em 0;
  }
  #FooterLogoSocial {
    display: flex;
    gap: 1em;
    width: 100%;
  }
  #LogoFooter {
    flex: 0 0 auto;
    width: 13em;
  }
  #FooterLogoSocial .NavSocial {
    flex: 1;
    text-align: right;
  }
  #FooterInfo {
    display: flex;
    gap: 1em;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 2em;
  }
  #CompanyInfo {
    flex: 1;
    display: flex;
    gap: 1em;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  #FooterInfo address {
    color: #ffffff;
    display: flex;
    gap: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  #FooterInfo address::before {
    content: "";
    display: block;
    flex: 0 0 auto;
    width: 1em;
    height: 1em;
    background: url("../img/icons/pin-star.svg") no-repeat 0 0;
    background-size: 100% auto;
  }
  #FooterInfo .button {
    font-family: "PlusJakartaSans", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
  }
  #FooterInfo .MenuIdioma {
    flex: 0 0 fit-content;
  }
  #PoweredByFooter {
    padding-left: 1.5em;
    padding-top: 1em;
  }
  #PoweredByFooter figure {
    width: 12em;
  }
  #FooterBotton {
    background-color: #ffffff;
  }
  #Legales {
    padding: 1em 0;
  }
  #ContentLegales {
    display: flex;
    flex-wrap: wrap;
  }
  #InfoLegales {
    flex: 1;
    color: #000000;
    display: flex;
    gap: 0.5em;
    flex-wrap: wrap;
  }
  #ContentLegales a {
    color: #000000;
  }
  p#Copy {
    flex: 0 0 auto;
    font-size: 0.75em;
    text-align: left;
  }
  #InfoLegales a {
    flex: 0 0 auto;
    font-size: 0.75em;
    text-decoration: underline !important;
  }
  p#CreacionUno {
    font-family: Arial;
    font-size: 10px;
    text-align: right;
  }
}
@media (max-width: 800px) {
  #ContentLegales, #InfoLegales {
    display: block;
    text-align: center;
  }
  #InfoLegales {
    margin-bottom: 2em;
  }
  p#Copy {
    margin-bottom: 0.5em;
    text-align: center;
  }
  p#CreacionUno {
    text-align: center;
  }
}
@media (max-width: 600px) {
  #FooterLogoSocial {
    flex-direction: column;
    align-items: center;
  }
  #FooterLogoSocial .NavSocial {
    text-align: left;
  }
  #FooterInfo {
    flex-direction: column;
    align-items: center;
  }
  #CompanyInfo {
    flex-direction: column;
    align-items: center;
  }
  #FooterInfo .MenuIdioma {
    margin-top: 1em;
  }
  #PoweredByFooter {
    text-align: center;
    margin: 2rem 0 0 0;
    padding-left: 0;
    padding-top: 0;
  }
  #PoweredByFooter figure {
    margin: 0 auto;
  }
  #ContentLegales {
    display: block;
  }
  p#Copy {
    margin-bottom: 0.5em;
    text-align: center;
  }
  p#CreacionUno {
    text-align: center;
  }
}
/*FORMULARIOS*/
/*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;
}

p[data-status=success] {
  color: #009D68;
}

p[data-status=warning] {
  color: #E86427;
}

p[data-status=danger] {
  color: #D91F11;
}

/*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, Helvetica, sans-serif;
  min-height: 2.26em;
  text-align: left;
  color: #000000;
  border: 0.06em solid #d4d4d4;
  padding: 0.75em 1em;
  border-radius: 0;
  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;
}
.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 transparent;
  color: transparent;
  background-color: #ffffff;
  border-radius: 0;
  cursor: pointer;
  font-size: 1em;
  font-family: "Raleway", Arial, Helvetica, 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;
}

/*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;
  display: flex;
  align-items: center;
}
.form-item[data-type=icon] .icon {
  padding: 0.3em 0 0.3em 0.5em;
}
.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.5em !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;
}
.form-item[data-type=date] span .button {
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
  width: 3em !important;
  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;
}
.form-item[data-type=password] input[type=password] {
  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;
}
.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;
}
.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.5em;
  border: 0.06em solid #d4d4d4;
  border-radius: 0;
  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 1em;
  color: #525252;
  border: 0.06em solid transparent;
  margin-bottom: 0;
  cursor: pointer;
}
.form-item[data-type=segmented-control] input[type=radio]:checked + .form-label {
  color: #BD9D5A !important;
  border-color: #BD9D5A;
  border-radius: 0;
}
.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;
  white-space: nowrap;
  min-height: 2.26em;
  padding: 0.5em 1em;
  border: 0.06em solid #1E3A5F;
  cursor: pointer;
  font-family: "Raleway", Arial, Helvetica, sans-serif !important;
  font-size: 1em;
  font-family: "Raleway", Arial, Helvetica, sans-serif !important;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 0;
  color: #1E3A5F;
  transition: all 0.3s ease-in-out;
}
.form-item[data-type=file] label::before {
  background-color: #1E3A5F;
}
.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: 1.8em !important;
  padding-right: 1em !important;
  background-repeat: no-repeat;
  background-position: 0.5em 50%;
  background-size: 1em auto;
}

/*sizes*/
.form-label[data-size=small] {
  font-size: 0.9em;
  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;
  }
}
/*focus*/
input:not([disabled]):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 {
  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;
}

/*HEADER :::::::::::::::::::::::::::::::::::::::::::::*/
@media screen {
  header[data-type=primary] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9990;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    padding: 0 3em;
    text-align: left;
  }
  #ContentHeader {
    display: flex;
  }
  a#BtnMenuMobile {
    display: none;
  }
  #Logo {
    flex: 0 0 auto;
    width: 16em;
    padding: 1.5em 0.5em;
    display: flex;
  }
  #Logo a {
    position: relative;
    display: flex;
    align-items: center;
  }
  img#LogoStar {
    position: absolute;
    top: 0;
    left: 0;
    animation: starlogo 3s ease-out infinite;
  }
  #ActionsHeader {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  #Menus {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    height: 100%;
    justify-content: flex-end;
  }
  #MenuGeneral {
    flex: 1;
    display: flex;
    justify-content: flex-end;
  }
  #MenuGeneral > li {
    flex: 0 0 auto;
    position: relative;
    height: 100%;
  }
  #MenuGeneral > li a {
    width: 100%;
    height: 100%;
    padding: 0 1.5em !important;
    font-size: 1.2em !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  /*submenu desktop*/
  #MenuGeneral > li ul {
    position: absolute;
    overflow: hidden;
    top: 100%;
    left: 0;
    text-align: left;
    padding-bottom: 0;
    max-height: 0;
    background: rgba(0, 0, 0, 0.8);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    transition: max-height 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), padding 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  #MenuGeneral > li ul li {
    display: block;
  }
  #MenuGeneral > li ul li a {
    line-height: 1.25em !important;
    font-weight: 300 !important;
    font-variation-settings: "wght" 300 !important;
  }
  #MenuGeneral > li.submenu {
    text-align: left;
    font-size: 1em;
  }
  #MenuGeneral > li.submenu a {
    text-align: left;
    justify-content: flex-start;
  }
  /*open*/
  #MenuGeneral > li[data-state=open] {
    background-color: #000000 !important;
  }
  #MenuGeneral > li[data-state=open] > a {
    color: #BD9D5A !important;
    cursor: default !important;
  }
  #MenuGeneral > li[data-state=open] ul {
    max-height: 20em;
    padding-bottom: 0.5em;
  }
  /*.....*/
  /*select*/
  #MenuGeneral a:not([data-type=cta])[data-state=select] {
    color: #BD9D5A;
  }
  /*......*/
  .MenuIdioma {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.5em;
    margin-left: 2em;
  }
  /*select*/
  .MenuIdioma a[data-state=select] {
    border-color: #ffffff;
  }
  #MenuGeneral li:has(a[data-link=home]) {
    display: none !important;
  }
  /*effects*/
  header[data-effect=scalescroll] {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 9990;
  }
  header[data-effect=scalescroll] #Menus {
    transform-origin: 100% 100%;
  }
  header[data-effect=scalescroll] #Logo {
    transform-origin: 0 100%;
  }
  header[data-effect=scalescroll] .stockbar {
    transform-origin: 100% 100%;
  }
}
@media (max-width: 1550px) {
  header[data-type=primary] .MenuIdioma {
    display: none;
  }
}
@media (max-width: 1400px) {
  /*effects*/
  header[data-effect=scalescroll] {
    position: relative;
    z-index: 9990;
  }
  /*......*/
  #ContentHeader {
    align-items: center;
  }
  a#BtnMenuMobile {
    display: block;
    position: absolute;
    z-index: 9900;
    top: 0.9em;
    left: 1em;
    transform: scale(1.5);
  }
  #Logo {
    width: 13em;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-left: 1em;
  }
  #Menus {
    position: fixed;
    z-index: 9000;
    overflow: hidden;
    overflow-y: auto;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 20em;
    height: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    transition: height 0.3s ease-in-out;
  }
  #MenuGeneral {
    flex: 1 1 100%;
    display: flex;
    flex-wrap: wrap;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: flex-start;
    margin: 1.5em;
    background-color: transparent;
  }
  #MenuGeneral > li {
    flex: 1 1 100%;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0.5em 0;
    text-align: center;
    opacity: 0;
    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;
  }
  #MenuGeneral > li:nth-of-type(1) {
    transition-delay: 0s;
  }
  #MenuGeneral > li:nth-of-type(2) {
    transition-delay: 0.15s;
  }
  #MenuGeneral > li:nth-of-type(3) {
    transition-delay: 0.2s;
  }
  #MenuGeneral > li:nth-of-type(4) {
    transition-delay: 0.25s;
  }
  #MenuGeneral > li:nth-of-type(5) {
    transition-delay: 0.3s;
  }
  #MenuGeneral > li:nth-of-type(6) {
    transition-delay: 0.35s;
  }
  #MenuGeneral > li:nth-of-type(7) {
    transition-delay: 0.4s;
  }
  #MenuGeneral > li > a {
    display: flex;
    justify-content: flex-start;
    width: auto !important;
    height: auto;
    white-space: normal !important;
    line-height: normal !important;
    text-align: left !important;
  }
  #MenuGeneral > li > a[data-type=cta] {
    background: none !important;
    border-color: transparent !important;
  }
  /*submenu*/
  #MenuGeneral > li.submenu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #MenuGeneral > li.submenu > a {
    height: auto;
  }
  #MenuGeneral > li.submenu ul {
    position: relative;
    top: 0;
    left: 0;
    height: auto;
    background: none !important;
  }
  #MenuGeneral > li.submenu ul a {
    white-space: normal;
    text-align: left;
  }
  /*open*/
  #MenuGeneral > li.submenu[data-state=open] {
    background: none !important;
  }
  #MenuGeneral > li.submenu[data-state=open] ul {
    max-height: 20em;
  }
  /*.....*/
  .SafeZone:not([data-rel=home]) #MenuGeneral li:has(a[data-link=home]) {
    display: block !important;
  }
  /*select*/
  #MenuGeneral a[data-state=select] {
    color: #BD9D5A !important;
  }
  /*......*/
  /*menumode*/
  .menumode {
    overflow: hidden;
  }
  .menumode a#BtnMenuMobile {
    background-position: 50% -200px, 50% 50%;
  }
  .menumode #Menus {
    height: 100vh;
  }
  .menumode #MenuGeneral > li {
    transform: translateY(-3em);
  }
  /*menumode standby*/
  .menumode.standby #MenuGeneral > li {
    opacity: 1;
    transform: translateY(0);
  }
  /*........*/
  header[data-type=primary] .MenuIdioma {
    display: flex;
    flex: 1 1 100%;
    margin: 1.5em;
    padding: 0 1.5em;
  }
}
@media (max-width: 1400px) and (hover: hover) and (pointer: fine) {
  #MenuGeneral > li.submenu ul a:hover {
    color: #BD9D5A !important;
  }
  #MenuGeneral > li > a[data-type=cta]:hover {
    color: #BD9D5A;
  }
}
@media (max-width: 600px) {
  #Menus {
    max-width: none;
  }
  #MenuGeneral {
    max-width: none;
  }
  #Logo {
    margin-left: 0.8em;
  }
}
/*LISTS*/
@media screen {
  .list > li {
    display: flex;
    font-size: 0.9em;
    line-height: 1.5em;
  }
  .list li {
    margin-bottom: 1.5em;
  }
  .list p strong {
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 700;
    font-variation-settings: "wght" 700;
  }
  /*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.5em;
    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, Helvetica, 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, Helvetica, sans-serif !important;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    color: #ffffff;
    background-color: #6b7280;
    border-radius: 50%;
  }
  /*custom*/
  #Beneficios360List {
    margin-top: 2em;
  }
}
/*ALERT MESSAGE*/
@media screen {
  .alert-message {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 30em;
    padding: 0 1em 1.5em 1em;
  }
  .alert-message p {
    font-size: 1.73em;
    color: #1f2937;
    text-align: center;
  }
}
@media (max-width: 550px) {
  .alert-message {
    height: 15em;
  }
}
/*MODALES*/
@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;
    text-align: left;
    background-color: #ffffff;
    border-radius: 0.5em;
    transform: translateY(-1.25em);
    transition: transform 0.3s ease-in-out;
  }
  .modal-header {
    display: block;
    padding: 1.5em 1.5em 0 1.5em;
  }
  .modal-body {
    display: block;
    padding: 1.5em;
  }
  .modal-footer {
    display: block;
    padding: 1.5em;
  }
  /*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);
  }
  /*....*/
  #ModalAlerta {
    text-align: center;
  }
  #ModalAlerta .modal-body p {
    display: block;
    text-align: center;
  }
  #ModalAlerta .modal-footer {
    background-color: #e5e7eb;
  }
  /*Modal Video Hero*/
  .modal[data-modal=video] {
    transition-duration: 1s;
  }
  .modal[data-modal=video] .content-modal {
    background: none;
    max-width: none;
    transform: none;
  }
  .modal[data-modal=video] .modal-body {
    width: 75vw;
    padding: 0 !important;
    background-color: #000000;
    opacity: 0;
    transition: opacity 0.5s ease-in-out 1s;
  }
  .modal[data-modal=video] .modal-video-load {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
  }
  .modal[data-modal=video] .modal-video-load iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .modal[data-modal=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.73em;
  }
  .nav-filter-result strong {
    font-family: "PlusJakartaSans", Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  .nav-filter form {
    display: flex;
    gap: 1em 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 {
    flex: 0 1 auto;
    background-color: #ffffff;
    border: 1px solid #9ca3af;
  }
  .nav-filter .form-label {
    display: block;
    margin-bottom: 0 !important;
    padding: 0.7em 1em 0 1.4em !important;
    font-size: 0.75em;
    color: #BD9D5A;
    font-family: "Raleway", Arial, Helvetica, 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;
    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;
  }
  .nav-filter-organic .form-item {
    align-self: stretch;
    height: 100%;
  }
  .nav-filter-organic .form-item[data-type=search] span {
    height: 100%;
    border-radius: 0;
    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;
    background-color: #BD9D5A;
  }
  #DropFilter {
    position: relative;
    overflow: hidden;
    max-height: 0;
    background-color: #ffffff;
    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: 770px) {
  .nav-filter-result {
    font-size: 1.44em;
  }
  #DropFilter .form-item {
    flex: 1;
  }
}
/*HOME*/
@media screen {
  .nav-quick-servicios {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .nav-quick-servicios > p {
    position: absolute;
    z-index: 200;
    top: 0;
    left: 0;
    font-size: 8vw;
    color: #BD9D5A;
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 100;
    font-variation-settings: "wght" 100;
  }
  .nav-quick-servicios-modulo {
    position: relative;
    overflow: hidden;
    flex: 1;
    aspect-ratio: 1/1;
  }
  .nav-quick-servicios-foto {
    position: absolute;
    z-index: 50;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .nav-quick-servicios-foto img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 0 100%;
       object-position: 0 100%;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-in-out;
  }
  #ServicioEmpresas .nav-quick-servicios-foto img {
    -o-object-position: 0 20%;
       object-position: 0 20%;
  }
  .nav-quick-servicios-text {
    position: relative;
    z-index: 100;
    width: 100%;
    height: 100%;
    padding: 13em 1em 0 0;
  }
  .nav-quick-servicios-text .tag {
    display: none;
  }
  .nav-quick-servicios-text p {
    display: flex;
    gap: 0.5em;
    width: 100%;
    font-size: 3em;
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    color: #ffffff;
  }
  .nav-quick-servicios-text p::before {
    content: url(../img/icons/3lines.svg);
    transform-origin: 0 50%;
    transform: scale(0.7);
  }
  .nav-quick-servicios-text .icon {
    position: absolute;
    bottom: 1em;
    right: 1em;
  }
  div[data-rel=interior] .nav-quick-servicios > p {
    display: none;
  }
  div[data-rel=interior] .nav-quick-servicios-modulo {
    aspect-ratio: auto;
  }
  div[data-rel=interior] .nav-quick-servicios-text .tag {
    display: inline-flex;
    padding: 0 0 0 4.5em !important;
  }
  div[data-rel=interior] .nav-quick-servicios-text {
    padding-bottom: 2em;
  }
}
/*HOVER EFFECTS*/
@media (hover: hover) and (pointer: fine) {
  .nav-quick-servicios-modulo a:hover .nav-quick-servicios-foto img {
    transform: scale(1.2);
  }
}
@media (max-width: 1200px) {
  .nav-quick-servicios-text {
    padding-top: 8em;
  }
  .nav-quick-servicios-text p {
    font-size: 2.07em;
  }
  div[data-rel=interior] .nav-quick-servicios-text .tag {
    padding: 0 0 0 4em !important;
  }
}
@media (max-width: 900px) {
  .nav-quick-servicios > p {
    display: none;
  }
  .nav-quick-servicios-modulo {
    flex: 1 1 100%;
    aspect-ratio: auto;
    padding-bottom: 2em;
  }
  .nav-quick-servicios-text .tag {
    display: inline-flex;
    padding: 0 0 0 4em !important;
  }
}
@media (max-width: 550px) {
  .nav-quick-servicios > p {
    font-size: 3em;
  }
}
/*PAGINATION*/
@media screen {
  .pagination {
    text-align: center;
    width: 100%;
    padding: 2.5em 0;
  }
  .pagination ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5em;
  }
  .pagination li.pag-number a {
    font-family: "PlusJakartaSans", Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    color: #6b7280;
    cursor: pointer;
  }
  /*select*/
  .pagination li a.button[data-state=select] {
    color: #000000;
    border-color: #000000;
  }
  /*.......*/
}
/*Scroll Bar*/
@media screen {
  .scrollbar {
    scrollbar-color: #a3a3a3 rgba(0, 0, 0, 0.2);
    scrollbar-width: thin;
    scroll-behavior: smooth;
  }
  .smooth {
    overflow-y: scroll;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }
}
/*HEADER :::::::::::::::::::::::::::::::::::::::::::::*/
@media screen {
  .stockbar {
    width: 100%;
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    gap: 2em;
    width: 100%;
    padding: 0.5em 0;
  }
  .stockbar p {
    display: inline-flex;
    gap: 0.5em;
    align-items: center;
  }
  .stockbar .stockbar-value {
    font-size: 0.75em;
    font-family: "PlusJakartaSans", Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    color: #BD9D5A;
  }
}
@media (max-width: 650px) {
  #StockBarHeader {
    position: absolute;
    top: 33.75em;
    left: 0;
    background-color: #000000;
    width: 100%;
    justify-content: center;
  }
  div[data-rel=interior] #StockBarHeader {
    display: none;
  }
}
/*TAGS - CHIPS*/
@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.25em 0.5em;
    border: 0.06em solid transparent;
    border-radius: 0;
    font-size: 1em;
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
  }
  .tag strong {
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  /*type*/
  /*variant*/
  .tag[data-variant=solid] {
    color: #ffffff;
    background-color: #6b7280;
    border-color: #6b7280;
  }
  .tag[data-variant=solid]::before {
    background-color: #ffffff;
  }
  .tag[data-variant=outline] {
    color: #6b7280;
    border-color: #d1d5db;
    background-color: transparent;
  }
  .tag[data-variant=outline]::before {
    background-color: #6b7280;
  }
  .tag[data-variant=neutral] {
    color: #374151;
    border-color: #e5e7eb;
    background-color: #e5e7eb;
  }
  .tag[data-variant=neutral]::before {
    background-color: #374151;
  }
  .tag[data-variant=basic] {
    color: #525252;
    border-color: transparent;
    background-color: transparent;
  }
  .tag[data-variant=basic]::before {
    background-color: #525252;
  }
  /*size*/
  .tag[data-size=small] {
    font-size: 0.69em;
    padding: 0.13em 0.5em;
    border-radius: 0;
  }
  /*status*/
  .tag[data-status] {
    color: #ffffff;
  }
  .tag[data-variant=solid][data-status=success] {
    border-color: #009D68;
    background-color: #009D68;
  }
  .tag[data-variant=solid][data-status=warning] {
    border-color: #E86427;
    background-color: #E86427;
  }
  .tag[data-variant=solid][data-status=danger] {
    border-color: #D91F11;
    background-color: #D91F11;
  }
  .tag[data-variant=solid][data-status=information] {
    border-color: #3b82f6;
    background-color: #3b82f6;
  }
  .tag[data-variant=solid][data-status=negative] {
    border-color: #000000;
    background-color: #000000;
  }
  .tag[data-variant=outline][data-status=default] {
    color: #000000;
    border-color: #000000;
  }
  .tag[data-variant=outline][data-status=success] {
    color: #009D68;
    border-color: #009D68;
  }
  .tag[data-variant=outline][data-status=warning] {
    color: #E86427;
    border-color: #E86427;
  }
  .tag[data-variant=outline][data-status=danger] {
    color: #D91F11;
    border-color: #D91F11;
  }
  .tag[data-variant=outline][data-status=information] {
    color: #3b82f6;
    border-color: #3b82f6;
  }
  .tag[data-variant=neutral][data-status=success] {
    color: #009D68;
    background-color: #D5EDDA;
  }
  .tag[data-variant=neutral][data-status=warning] {
    color: #E86427;
    background-color: #EDE2D5;
  }
  .tag[data-variant=neutral][data-status=danger] {
    color: #D91F11;
    background-color: #EDD5D5;
  }
  .tag[data-variant=neutral][data-status=information] {
    color: #3b82f6;
    background-color: #D5E3ED;
  }
  .tag[data-variant=basic][data-status=success] {
    color: #009D68;
  }
  .tag[data-variant=basic][data-status=success]::before {
    background-color: #009D68;
  }
  .tag[data-variant=basic][data-status=warning] {
    color: #E86427;
  }
  .tag[data-variant=basic][data-status=warning]::before {
    background-color: #E86427;
  }
  .tag[data-variant=basic][data-status=danger] {
    color: #D91F11;
  }
  .tag[data-variant=basic][data-status=danger]::before {
    background-color: #D91F11;
  }
  .tag[data-variant=basic][data-status=information] {
    color: #3b82f6;
  }
  .tag[data-variant=basic][data-status=information]::before {
    background-color: #3b82f6;
  }
  .tag[data-variant=basic][data-status=tint-primary] {
    color: #BD9D5A;
  }
  /*styles*/
  .tag[data-style=rounded] {
    border-radius: 2em;
  }
}/*# sourceMappingURL=main.css.map */