@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:not([type=date]), 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*/
/*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*/
@font-face {
  font-family: "PlusJakartaSans";
  src: url("../fonts/PlusJakartaSans-VariableFont_wght.ttf") format("truetype");
  font-weight: 1 999;
  font-display: swap;
}
/*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 FAMILY*/
*[data-icon]::before {
  content: "";
  display: block;
  flex: 0 0 auto;
  width: 1em;
  height: 1em;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  line-height: 0;
  background-color: #000000;
  transition: all 0.3s ease-in-out;
}

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

*[data-icon=chevron-up]::before {
  -webkit-mask-image: url(ic-chevron-up);
          mask-image: url(ic-chevron-up);
}

*[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-rigth]::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=eye-open]::before {
  -webkit-mask-image: url("../img/icons/eye-open.svg");
          mask-image: url("../img/icons/eye-open.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=calendar]::before {
  -webkit-mask-image: url("../img/icons/calendar.svg");
          mask-image: url("../img/icons/calendar.svg");
}

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

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

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

*[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/x.svg");
          mask-image: url("../img/icons/x.svg");
}

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

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

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

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

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

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

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

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

/*CUSTOM ICONS*/
*[data-icon-custom]::before {
  background: none !important;
}

*[data-icon-custom=circle-play]::before {
  content: url("../img/icons/circle-play.svg");
}

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

/*sizes*/
.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;
}

/*ANIMACIONES*/
@keyframes fav {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@keyframes wavessound1 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@keyframes wavessound2 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes wavessound3 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.8);
    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(2em);
  }
  *[data-effect=autoshow][data-state=show] {
    opacity: 1;
    transform: translateY(0);
  }
}
/*LAYOUT GLOVAL*/
@media screen {
  body {
    margin: 0 auto;
    text-align: left;
    font-family: "PlusJakartaSans", Arial, Helvetica, sans-serif;
    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: 56em; /*900px*/
  }
}
@media (max-width: 1920px) {
  .Viewport {
    max-width: 85em;
  } /*1360px*/
}
@media (max-width: 1470px) {
  .Viewport {
    max-width: 75em !important;
  } /*1200px*/
}
@media (max-width: 1300px) {
  .Viewport,
  .ViewportLargo,
  .ViewportCorto {
    padding: 0 2em;
    max-width: none !important;
  }
}
@media (max-width: 500px) {
  .Viewport,
  .ViewportLargo,
  .ViewportCorto {
    padding: 0 1.5em;
  }
}
/*INTERIOR PAGES*/
@media screen {
  .hero-interior,
  .hero-interior-full {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 4em 3em;
  }
  .hero-interior-full {
    display: flex;
    flex-wrap: wrap;
    gap: 2em;
    height: 100%;
  }
  div[data-rel=interior] h1 {
    font-size: 2.07em;
    letter-spacing: 0.25em;
    text-align: right;
    font-weight: 100;
    font-variation-settings: "wght" 100;
    color: #ffffff;
    writing-mode: tb-rl;
    transform: scale(-1);
  }
}
@media (max-width: 1700px) {
  .main-interior > .Viewport {
    max-width: none !important;
    padding-left: 10em;
    padding-right: 7em;
  }
}
@media (max-width: 970px) {
  .main-interior > .Viewport {
    padding-left: 5em;
    padding-right: 5em;
  }
  .hero-interior,
  .hero-interior-full {
    padding: 2em 1em;
  }
}
@media (max-width: 600px) {
  .hero-interior-full {
    flex-direction: column;
  }
  div[data-rel=interior] h1 {
    font-size: 1.44em;
  }
  .main-interior > .Viewport {
    padding-left: 4em;
    padding-right: 2em;
  }
}
/*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 #e5e7eb;
  }
  form {
    width: 100%;
  }
  .form-header {
    display: block;
  }
  p.form-title {
    font-size: 1.44em;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    color: #132740;
  }
  .form-body {
    display: flex;
    flex-direction: column;
    gap: 0.8em;
    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.5em;
    font-size: 1.2em;
    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: 0;
    grid-template-columns: repeat(auto-fill, minmax(24em, 1fr));
    width: 100%;
  }
  /*types*/
  .cards-list .card[data-variant=blog] {
    border-color: transparent;
    outline: 0.06em solid transparent;
  }
}
@media (max-width: 600px) {
  .cards-list[data-layout=grid] {
    grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));
  }
}
/*HOME*/
@media screen {
  #Hero {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    max-height: 60em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: #000000;
  }
  #HeroTitle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #HeroTitle img {
    width: 37em;
    transform: translate(15em, -10em);
  }
  #HeroImage {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
  }
  #HeroImage picture {
    width: 100%;
    height: 100%;
  }
  #HeroImage img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 0%;
       object-position: 50% 0%;
  }
  .seccion-home {
    text-align: center;
  }
  .seccion-home p.seccion-home-title {
    text-align: center;
    font-size: 4.3em;
    font-weight: 100;
    font-variation-settings: "wght" 100;
    color: #a3a3a3;
  }
  .seccion-home p.seccion-home-subtitle {
    text-align: center;
    font-size: 3em;
    font-weight: 100;
    font-variation-settings: "wght" 100;
    color: #a3a3a3;
  }
  .seccion-home p.seccion-home-intro {
    width: 100%;
    max-width: 60em;
    margin: 0 auto;
    text-align: center;
    font-size: 2.07em;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    color: #132740;
  }
  .seccion-home p.seccion-home-text {
    width: 100%;
    max-width: 60em;
    margin: 0.5em auto 1.5em auto;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.5em;
  }
  #Intro {
    padding-top: 12em;
    padding-bottom: 10em;
  }
  #ContentIntro > .LogoTrayectoria {
    width: 15em;
    margin: 0 auto 2em auto;
  }
  .WordsLine {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    justify-content: center;
    align-items: center;
    margin-bottom: 2em;
  }
  .WordsLine p {
    font-size: 3em;
    font-weight: 100;
    font-variation-settings: "wght" 100;
    color: #a3a3a3;
  }
  .WordsLine strong {
    font-weight: 800;
    font-variation-settings: "wght" 800;
    color: #A69360;
  }
  .WordsLine img {
    width: 2.5em;
  }
  #Industrias {
    background-color: #f9fafb;
    padding-top: 2em;
  }
  #ContentIndustrias {
    width: 100%;
  }
  .nav-industrias-item header {
    box-shadow: inset 0.06em 0 0 0 #A69360;
  }
  #Vision {
    padding-top: 12em;
    padding-bottom: 12em;
    background-color: #fafafa;
  }
  .banda-sparks {
    display: inline-flex;
    gap: 1em;
    align-items: center;
    margin: 1.5em 0;
  }
  .banda-sparks img {
    width: 1.5em;
  }
  #Avales {
    padding-top: 6em;
    padding-bottom: 6em;
  }
  #CarruselAvales li {
    text-align: center;
  }
  #CarruselAvales img,
  #CarruselClientes img {
    margin: 0 auto;
    transform: scale(0.8);
    filter: grayscale(100%);
  }
  #CarruselNovedadesFeed {
    width: 100%;
    margin-top: 2em;
  }
  #CarruselNovedadesFeed .card[data-variant=blog] {
    border: none;
    outline: none;
  }
  #CarruselNovedadesFeed .card[data-variant=blog] .icon::before {
    background-color: #ffffff;
  }
  #CarruselNovedadesFeed .card[data-variant=blog] .card-title {
    color: #ffffff;
  }
  #CarruselNovedadesFeed li.splide__slide a {
    display: block;
    width: 100%;
    height: 100%;
  }
  #CarruselNovedadesFeed li.splide__slide:nth-child(even) .card[data-variant=blog] {
    background-color: #A69360;
  }
  #CarruselNovedadesFeed li.splide__slide:nth-child(odd) .card[data-variant=blog] {
    background-color: #1E3A5F;
  }
  #CarruselNovedadesFeed .splide__pagination__page {
    border-radius: 0 !important;
  }
  #CarruselNovedadesFeed .splide__pagination {
    position: relative !important;
    bottom: auto !important;
    padding-top: 2em !important;
    border-radius: 0 !important;
  }
  #CarruselNovedadesFeed .splide__pagination__page.is-active {
    background-color: #1E3A5F;
    opacity: 1;
    width: 3em;
    border-radius: 0 !important;
    transform: none;
  }
  #NuestrosClientes {
    padding-top: 6em;
    padding-bottom: 6em;
  }
  #CarruselClientes {
    margin-top: 1.5em;
  }
  #CarruselClientes li {
    text-align: center;
  }
  #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-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;
  }
}
/*HOVER EFFECTS*/
@media (hover: hover) and (pointer: fine) {
  #NovedadesFeed a:hover .card[data-variant=blog] {
    background-color: #ffffff !important;
  }
  #NovedadesFeed li:nth-child(even) a:hover .card[data-variant=blog] .icon::before {
    background-color: #A69360;
  }
  #NovedadesFeed li:nth-child(even) a:hover .card[data-variant=blog] .card-title {
    color: #A69360;
  }
  #NovedadesFeed li:nth-child(odd) a:hover .card[data-variant=blog] .icon::before {
    background-color: #1E3A5F;
  }
  #NovedadesFeed li:nth-child(odd) a:hover .card[data-variant=blog] .card-title {
    color: #1E3A5F;
  }
}
@media (max-width: 1600px) {
  .nav-industrias-item header {
    min-height: 10em;
  }
}
@media (max-width: 1500px) {
  #Intro .WordsLine {
    gap: 0.5em 1em;
  }
  #Intro .WordsLine p:nth-of-type(1) {
    flex: 1 1 100%;
  }
  #Intro .WordsLine img:nth-of-type(1) {
    display: none;
  }
}
@media (max-width: 1180px) {
  #Hero {
    position: relative;
    height: auto;
    max-height: none;
  }
  #HeroTitle {
    justify-content: flex-end;
    padding-right: 3em;
  }
  #HeroTitle img {
    width: 25em;
    transform: translate(0, -9em);
  }
  #HeroImage {
    position: relative;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: auto;
  }
  #HeroImage img {
    -o-object-fit: unset;
       object-fit: unset;
    max-width: 100%;
  }
  .seccion-home p.seccion-home-title {
    font-size: 3em;
  }
  .seccion-home p.seccion-home-intro br {
    display: none;
  }
  #BannerEconomiaCircular p:not(.TxtGreen) {
    font-size: 1.44em;
  }
  #BannerEconomiaCircular p.TxtGreen {
    font-size: 2.07em;
  }
  #BannerEconomiaCircular figure {
    width: 7.5em;
  }
}
@media (max-width: 970px) {
  #HeroTitle {
    padding: 2em;
    justify-content: center;
    align-items: center;
  }
  #HeroTitle img {
    transform: none;
    width: 50vw;
  }
}
@media (max-width: 920px) {
  #ContentIntro > .LogoTrayectoria {
    display: block;
    margin: 0 auto 1.5em auto;
    width: 10em;
  }
  #Intro .WordsLine {
    flex-direction: column;
    gap: 0.5em 1em;
    margin-bottom: 2em;
  }
  #Intro .WordsLine p {
    flex: 0 0 auto !important;
    width: 100%;
    font-size: 2.49em;
  }
  #Intro .WordsLine img {
    flex: 0 0 auto;
    display: block !important;
    width: 2.5em;
  }
  .seccion-home p.seccion-home-intro {
    font-size: 1.73em;
  }
  .seccion-home p.seccion-home-text {
    font-size: 1em;
  }
}
@media (max-width: 700px) {
  #ContentNovedadesFeed .card-body {
    padding: 2em;
  }
}
@media (max-width: 600px) {
  #Hero {
    height: 100vh;
  }
  #HeroTitle img {
    width: 80vw;
    transform: translateY(-5em);
  }
  #Intro .WordsLine p {
    font-size: 2.07em;
  }
  #Intro .WordsLine img {
    width: 1.5em;
  }
  .seccion-home p.seccion-home-intro {
    font-size: 1.2em;
    line-height: 1.6em;
    color: #000000;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  .seccion-home p.seccion-home-title {
    font-size: 2.07em;
  }
  .seccion-home p.seccion-home-subtitle {
    font-size: 1.44em;
  }
  .seccion-home p.seccion-home-text {
    line-height: 2em;
    margin-top: 0;
  }
  #CarruselClientes {
    margin-top: 0;
  }
  #CarruselClientes img,
  #CarruselAvales img {
    width: 11em;
  }
  #CarruselNovedadesFeed .splide__pagination {
    padding-top: 0.5em !important;
  }
}
@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;
  }
}
/*Novedades*/
@media screen {
  #HeroNovedades picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #HeroNovedades img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #MainNovedades {
    transform: translateY(-12em);
  }
  p#TxtResultado {
    font-size: 2.07em;
    color: #ffffff;
    font-weight: 100;
    font-variation-settings: "wght" 100;
  }
  #ContentNotResult {
    grid-column: span 3;
    padding: 6em;
    text-align: center;
    background-color: #ffffff;
  }
  #ContentNotResult p {
    font-weight: 100;
    font-variation-settings: "wght" 100;
    font-size: 2.07em;
  }
}
@media (min-width: 1920px) {
  #MainNovedades .card-body {
    padding: 3em 4em 6em 4em;
  }
}
@media (max-width: 970px) {
  #MainNovedades {
    transform: translateY(-10.5em);
  }
  p#TxtResultado {
    font-size: 1.44em;
  }
}
/*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-tag .icon {
    flex: 0 0 auto;
    width: 1.5em;
    margin-bottom: 0.25em;
  }
  .news-tag .icon::before {
    background-color: #A69360;
  }
  .news-tag .tag {
    flex: 0 0 auto;
    padding-left: 0 !important;
    color: #A69360 !important;
  }
  .news h2 {
    font-size: 3em !important;
    color: #132740;
    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;
  }
  .nav-share a {
    border-radius: 50%;
  }
  .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-weight: 300;
    font-variation-settings: "wght" 300;
  }
  .news-text > p strong {
    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.3em;
  }
  .nav-news-block {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    margin-bottom: 2em;
  }
  .nav-news-block .nav-news-header p {
    color: #404040;
  }
  .nav-news-block .nav-news {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
  }
  .nav-news-block .nav-news a:nth-child(even) .card[data-variant=blog] {
    border-color: #A69360;
  }
  .nav-news-block .nav-news a:nth-child(odd) .card[data-variant=blog] {
    border-color: #1E3A5F;
  }
}
/*HOVER EFFECTS*/
@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 h2 {
    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 h2 {
    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-weight: 600;
    font-variation-settings: "wght" 600;
  }
  .news .card[data-variant=blog] .card-body {
    padding: 1em;
  }
}
/*CONTACTO*/
@media screen {
  #HeroContacto,
  #HeroUnase {
    width: 100%;
    min-height: 80vh;
  }
  #HeroContacto {
    background: url(../img/internas/hero-contacto-medium.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  #HeroUnase {
    background: url(../img/internas/hero-unase-medium.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  #ContentForm {
    flex: 1;
    display: flex;
    gap: 2em;
    flex-wrap: wrap;
    max-width: 75em;
  }
  #InfoForm {
    flex: 1;
    display: flex;
    align-self: flex-end;
    margin-bottom: 5em;
  }
  #InfoForm figure {
    width: 3.75em;
  }
  p#FormTitle {
    display: block;
    margin-bottom: 0.25em;
    font-size: 4.3em;
    line-height: 1.1em;
    color: #ffffff;
    font-weight: 700;
    font-variation-settings: "wght" 700;
  }
  p#FormTitle span {
    color: #A69360;
  }
  p#FormDescription {
    font-size: 1.44em;
    line-height: 1.5em;
    color: #ffffff;
    width: 100%;
    max-width: 410px;
  }
  #FullForm {
    position: relative;
    overflow: hidden;
    flex: 1;
    text-align: left;
  }
  #FullForm .form-container {
    padding: 2.7em;
    max-width: 480px;
    text-align: left;
    margin: 0;
    background: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
  #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) {
  #HeroContacto {
    background-position: 25% 0;
    background-size: auto 100%;
  }
}
@media (max-width: 1100px) {
  #ContentForm {
    gap: 0;
    justify-content: flex-end;
  }
  #InfoForm {
    display: none;
  }
  #FullForm {
    flex: 0 0 auto;
  }
}
@media (max-width: 600px) {
  #HeroContacto {
    background: #2b2015 url(../img/internas/hero-contacto-small.jpg) no-repeat 50% -15%;
    background-size: 100% auto;
  }
  #HeroUnase {
    background: #757664 url(../img/internas/hero-unase-small.jpg) no-repeat 50% -15%;
    background-size: 100% auto;
  }
  #ContentForm {
    width: 100%;
    padding: 0 !important;
    justify-content: center;
  }
  #FullForm {
    flex: 1;
    margin-top: 3em;
  }
  #FullForm p.form-title span {
    display: block;
  }
  #FullForm .form-container {
    max-width: none;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
/*EL GRUPO*/
@media screen {
  #ElGrupo {
    position: relative;
    height: 80vh;
    max-height: 750px;
    cursor: pointer;
    transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  a.trigger-video-hero {
    display: block;
    width: 100%;
    height: 100%;
  }
  .black-screen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .video-poster {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/internas/hero-elgrupo-medium.jpg) no-repeat 50% 50%;
    background-size: cover;
    transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  #InfoHero {
    flex: 1;
    display: flex;
    align-self: flex-end;
    margin-bottom: 5em;
  }
  #HeroActions {
    position: relative;
    overflow: hidden;
    align-self: flex-end;
    flex: 0 0 auto;
    width: 10em;
    padding-bottom: 3em;
  }
  #IntroElGrupo {
    padding: 8em 0;
  }
  #ContentIntroElGrupo {
    text-align: center;
  }
  #Trayectoria {
    display: inline-flex;
    gap: 1em;
    justify-content: center;
    align-items: center;
    margin: 0 auto 4em auto;
  }
  #Trayectoria figure {
    flex: 0 0 auto;
  }
  #Trayectoria p {
    flex: 1;
    font-size: 1.73em;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    text-align: left;
    color: #1E3A5F;
  }
  #TextElGrupo {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 2em;
  }
  #TextElGrupo p {
    line-height: 1.8em;
    font-weight: 300;
    font-variation-settings: "wght" 300;
  }
  #TextElGrupo strong {
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  #IntroOrigen {
    position: relative;
    padding: 2.5em 0 6em 0;
    text-align: center;
    background-color: #020407;
  }
  #BackIntroOrigen {
    position: absolute;
    z-index: 50;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #BackIntroOrigen img {
    overflow: hidden;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 0;
       object-position: 50% 0;
  }
  #ContentIntroElGrupo {
    position: relative;
    z-index: 100;
  }
  #OrigenStar {
    display: block;
    text-align: center;
    transform: translateX(-4.5em);
  }
  #OrigenStar img {
    margin: 0 auto;
  }
  p#OrigenTitle {
    font-size: 3.58em;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    color: #ffffff;
  }
  p.OrigenText {
    margin: 1em 0 2em 0;
    line-height: 1.8em;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    color: #ffffff;
  }
  p.OrigenText strong {
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  .TripleImpacto {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    justify-content: center;
  }
  .TripleImpacto > div {
    flex: 0 0 auto;
  }
  .TripleImpacto .Separador {
    width: 2em;
    margin-top: 0.75em;
  }
  p.TripleImpactoTitle {
    font-size: 2.49em;
    font-weight: 100;
    font-variation-settings: "wght" 100;
    color: #ffffff;
  }
  p.TripleImpactoText {
    font-weight: 300;
    font-variation-settings: "wght" 300;
    color: #ffffff;
  }
  #Mision {
    padding: 5em 0;
  }
}
/*HOVER EFFECTS*/
@media (hover: hover) and (pointer: fine) {
  #BtnPlayVideo {
    transform: translateX(-10em);
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  #ElGrupo:hover .black-screen {
    opacity: 0.6;
  }
  #ElGrupo:hover .video-poster {
    transform: scale(1.1);
  }
  #ElGrupo:hover #BtnPlayVideo {
    transform: translateX(0);
  }
}
@media (max-width: 1024px) {
  .video-poster {
    background-position: 95% 0;
  }
  #ElGrupo p#FormTitle {
    font-size: 3.58em;
  }
  .TripleImpacto {
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 860px) {
  #InfoHero {
    display: block;
  }
  #HeroActions {
    width: 8em;
    padding-bottom: 0;
    padding-top: 0.5em;
  }
  .black-screen {
    opacity: 0.35;
  }
  #BtnPlayVideo {
    transform: none;
  }
}
@media (max-width: 780px) {
  #ElGrupo {
    height: auto;
    max-height: none;
  }
  #ElGrupo p#FormTitle {
    font-size: 10vw;
  }
}
@media (max-width: 720px) {
  #Trayectoria {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #Trayectoria figure {
    width: 100%;
  }
  #Trayectoria p {
    flex: 0 0 auto;
  }
}
@media (max-width: 600px) {
  #Trayectoria figure img {
    max-width: 13em;
  }
  #BackIntroOrigen img {
    -o-object-fit: none;
       object-fit: none;
  }
}
/*INDUSTRIAS*/
@media screen {
  div[data-id=industrias] main {
    position: relative;
  }
  #HeroIndutrias {
    position: absolute;
    z-index: 200;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
  }
  .modulo-industria {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    background-color: #000000;
  }
  .modulo-industria-photo {
    position: absolute;
    z-index: 50;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .modulo-industria-photo img {
    overflow: hidden;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .modulo-industria-body {
    display: flex;
  }
  .modulo-industria-profile {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 2em;
    position: relative;
    z-index: 100;
    width: 100%;
    max-width: 600px;
    min-height: 100vh;
    padding: 5em 3em;
    background-color: #ffffff;
  }
  .modulo-industria-profile .modulo-indutria-logo {
    width: 100%;
    margin-bottom: 2em;
  }
  .modulo-industria-profile > div {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
  }
  .modulo-industria-profile .tag {
    position: relative;
    padding: 0;
    color: #A69360 !important;
  }
  .modulo-industria-profile .tag[data-variant=basic]::before {
    content: url(../img/internas/falling-star-gold.svg);
    position: absolute;
    background-color: transparent !important;
    left: -85px;
    bottom: 0;
  }
  .modulo-industria-profile p.modelo-industria-title {
    font-size: 2.07em;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    margin-bottom: 0.5em;
  }
  .modulo-industria-profile p.modelo-industria-description {
    font-size: 1em;
    line-height: 1.5em;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    margin-bottom: 0.5em;
  }
  .modulo-industria-profile p.modelo-industria-description strong {
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  .modulo-industria-profile .modulo-industria-action {
    margin-top: 2em;
  }
  #ModuloBluemoon .modulo-indutria-logo {
    max-width: 17em;
  }
  #ModuloRodhio .modulo-indutria-logo {
    max-width: 13em;
  }
  #ModuloUR .modulo-indutria-logo {
    max-width: 17em;
  }
  #ModuloLR .modulo-indutria-logo {
    max-width: 14em;
  }
  /*variants*/
  .modulo-industria[data-variant=to-rigth] .modulo-industria-body {
    justify-content: flex-end;
  }
  .modulo-industria[data-variant=to-left] .modulo-industria-body {
    justify-content: flex-start;
  }
  /*theme*/
  .modulo-industria[data-theme=dark] .modulo-industria-profile {
    background-color: #000000;
  }
  .modulo-industria[data-theme=dark] p.modelo-industria-title,
  .modulo-industria[data-theme=dark] p.modelo-industria-description {
    color: #ffffff;
  }
}
@media (max-width: 1640px) {
  .modulo-industria-body {
    padding-right: 2.5em;
  }
}
@media (max-width: 1300px) {
  .modulo-industria-body {
    padding-right: 6em;
  }
}
@media (max-width: 970px) {
  .modulo-industria[data-variant=to-rigth] .modulo-industria-body,
  .modulo-industria[data-variant=to-left] .modulo-industria-body {
    justify-content: center;
  }
  .modulo-industria-body {
    padding-right: 2em;
  }
}
@media (max-width: 820px) {
  #MenuAnchorIdustrias {
    display: none;
  }
  .modulo-industria-body {
    padding: 3em 5em;
  }
  .modulo-industria-profile p.modelo-industria-title {
    font-size: 1.73em;
  }
}
@media (max-width: 700px) {
  .modulo-industria {
    overflow: hidden;
  }
  .modulo-industria-photo {
    filter: blur(3px);
    transform: scale(1.1);
  }
  .modulo-industria-body {
    padding-right: 2em;
  }
}
@media (max-width: 500px) {
  .modulo-industria-body {
    padding-top: 2em;
    padding-left: 3.75em;
    padding-right: 1em;
  }
  .modulo-industria-profile {
    padding: 3em 1.5em;
    min-height: 0;
  }
  .modulo-industria-profile .modulo-indutria-logo {
    margin-bottom: 0.5em;
  }
  .modulo-industria-profile .tag[data-variant=basic] {
    font-size: 0.75em;
  }
  .modulo-industria-profile .tag[data-variant=basic]::before {
    display: none;
  }
  .modulo-industria-profile p.modelo-industria-title {
    font-size: 1.44em;
  }
  .modulo-industria-profile p.modelo-industria-description {
    font-size: 0.9em;
  }
  .modulo-industria-profile a.button {
    font-size: 0.9em;
  }
  #ModuloBluemoon .modulo-indutria-logo {
    max-width: 13em;
  }
  #ModuloRodhio .modulo-indutria-logo {
    max-width: 6.5em;
  }
  #ModuloUR .modulo-indutria-logo {
    max-width: 12em;
  }
  #ModuloLR .modulo-indutria-logo {
    max-width: 10em;
  }
}
/*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;
  }
}
/*LEGALES*/
@media screen {
  .ModuloLegal {
    padding-block: 6em;
  }
  .ModuloLegal .ModuloLegalTitle {
    font-size: 1.73em;
    margin-bottom: 1.5em;
  }
  .ModuloLegal .ModuloLegalTxt {
    font-weight: 300;
    font-variation-settings: "wght" 300;
    line-height: 1.7;
    margin-block: 1em;
  }
  .ModuloLegal .ModuloLegalTxt strong {
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
}
/*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;
    border-radius: 0;
    white-space: nowrap;
    min-height: 2.26em;
    padding: 0.5em 1em;
    border: 0.06em solid transparent;
    cursor: pointer;
    font-family: "PlusJakartaSans", Arial, Helvetica, sans-serif !important;
    font-size: 1em;
    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: #A69360;
    background-color: #A69360;
  }
  .button[data-type=primary] {
    color: #A69360;
    border-color: #A69360;
  }
  .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-thin][data-state=close]::before {
    -webkit-mask-image: url("../img/icons/menu-thin.svg");
            mask-image: url("../img/icons/menu-thin.svg");
  }
  .button[data-icon=menu-thin][data-state=open]::before {
    -webkit-mask-image: url("../img/icons/x-thin.svg");
            mask-image: url("../img/icons/x-thin.svg");
  }
  .button[data-icon=heart][data-state=close]::before {
    -webkit-mask-image: url("../img/icons/heart.svg");
            mask-image: url("../img/icons/heart.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=chevron-down] {
    padding-right: 0.5em;
  }
  .button[data-icon=chevron-down]:not(:empty)::before {
    margin-left: 1em;
  }
  .button[data-icon=chevron-down][data-state=close]::before {
    -webkit-mask-image: url("../img/icons/chevron-down.svg");
            mask-image: url("../img/icons/chevron-down.svg");
  }
  .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=eye-close][data-state=close]::before {
    -webkit-mask-image: url("../img/icons/eye-close.svg");
            mask-image: url("../img/icons/eye-close.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=list][data-state=open]::before {
    background-color: #A69360;
  }
  .button[data-icon=grid][data-state=open]::before {
    background-color: #A69360;
  }
  /*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;
  }
  /*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;
  }
  /*primary*/
  .button[data-type=primary][data-icon]::before {
    background-color: #A69360;
  }
  .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;
  }
  /*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: #A69360;
  }
  .button[data-type=tertiary][data-variant=tint-primary][data-icon]::before {
    background-color: #A69360;
  }
  .button[data-type=tertiary][data-variant=tint-secondary] {
    color: #1E3A5F;
  }
  .button[data-type=tertiary][data-variant=tint-secondary][data-icon]::before {
    background-color: #1E3A5F;
  }
  /*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: #A69360;
  }
  .button[data-type=link][data-variant=tint-primary][data-icon]::before {
    background-color: #A69360;
  }
  .button[data-type=link][data-variant=tint-secondary] {
    color: #1E3A5F;
  }
  .button[data-type=link][data-variant=tint-secondary][data-icon]::before {
    background-color: #1E3A5F;
  }
  /*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: #737373;
  }
  .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;
  }
}
/*CARDS*/
@media screen {
  .card {
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
    text-align: left;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: none;
    height: 100%;
    padding: 0.25em;
    border-radius: 0;
    border: 0.06em solid #d1d5db;
    transition: box-shadow 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 1.2s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .card-header {
    position: relative;
    overflow: hidden;
  }
  .card-header-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 3.75em;
    pointer-events: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 0.25em 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: 1em;
  }
  .card-header .button {
    pointer-events: auto;
  }
  .card-body {
    flex: 1;
    padding: 3em 6em 6em 6em;
  }
  .card-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-bottom: 2em;
  }
  .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: 2.07em;
    line-height: 1.3em;
    margin-bottom: 0.25em;
    font-weight: 100;
    font-variation-settings: "wght" 100;
    color: #000000;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
  .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;
  }
  /*styles*/
  div a:nth-child(even) .card[data-variant=blog] {
    outline-color: #A69360;
  }
  div a:nth-child(even) .card[data-variant=blog] .icon::before {
    background-color: #A69360;
  }
  div a:nth-child(even) .card[data-variant=blog] .card-title {
    color: #A69360;
  }
  div a:nth-child(odd) .card[data-variant=blog] {
    outline-color: #1E3A5F;
  }
  div a:nth-child(odd) .card[data-variant=blog] .icon::before {
    background-color: #1E3A5F;
  }
  div a:nth-child(odd) .card[data-variant=blog] .card-title {
    color: #1E3A5F;
  }
  /*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;
    border: 0.06em solid transparent;
  }
  .card[data-size=minimal] .card-title {
    font-size: 1em;
  }
  .card[data-size=minimal] .card-tags {
    justify-content: flex-start;
    margin-bottom: 0.5em;
  }
  .card[data-size=minimal] .card-footer {
    padding-bottom: 0.7em;
  }
  .card[data-size=minimal] .card-footer .tag {
    padding: 0 !important;
  }
}
/*HOVER EFFECTS*/
@media (hover: hover) and (pointer: fine) {
  .card:hover p.card-description {
    -webkit-line-clamp: 6;
  }
  div a:hover .card[data-variant=blog] .icon::before {
    background-color: #ffffff;
  }
  div a:hover .card[data-variant=blog] .card-title {
    color: #ffffff;
  }
  div a:nth-child(even):hover .card[data-variant=blog] {
    background-color: #A69360;
  }
  div a:nth-child(odd):hover .card[data-variant=blog] {
    background-color: #1E3A5F;
  }
}
/*aplica estilo en pantallas superiores a 580px*/
@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;
    flex-direction: column;
    justify-content: flex-end;
    padding: 2em 2em 1em 2em;
  }
  .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: 18em;
  }
  .card[data-layout=horizontal][data-size=minimal] .card-title {
    margin-bottom: 0;
  }
  .card[data-layout=horizontal][data-size=minimal] .card-body {
    padding: 1.2em;
  }
  .card[data-layout=horizontal][data-size=minimal] .card-footer {
    padding: 0 0.7em 0.5em 0.7em;
  }
}
@media (max-width: 600px) {
  .card[data-variant=blog] {
    min-height: 15em;
  }
  .card-body {
    padding: 1.5em 3em 3em 3em;
  }
  .card-tags {
    margin-bottom: 1em;
  }
  .card-title {
    font-size: 1.44em;
  }
}
/*FOOTER*/
@media screen {
  footer[data-type=primary] {
    background-color: #e5e5e5;
  }
  #FooterTop {
    padding: 4em 0;
    background-color: #132740;
    text-align: center;
  }
  #TopQuickContact {
    margin-bottom: 3em;
  }
  #TopQuickContact p {
    font-size: 3em;
    color: #a3a3a3;
  }
  #MiddleQuickContact {
    display: flex;
    flex-wrap: wrap;
    gap: 2em;
    justify-content: center;
  }
  #MiddleQuickContact > div {
    flex: 1;
    text-align: left;
  }
  p.titulo-footer {
    font-size: 1.73em;
    color: #A69360;
    text-decoration: underline;
    margin-bottom: 1.5em;
  }
  #QuickOficinas ul {
    margin-top: 1.5em;
  }
  #QuickOficinas li {
    display: block;
    margin-bottom: 1em;
  }
  #QuickOficinas address {
    display: flex;
    gap: 0.5em;
    font-size: 1.44em;
    color: #ffffff;
  }
  #QuickOficinas address::before {
    content: url("../img/icons/pin-star.svg");
    transform: scale(1.5);
  }
  #QuickOficinas a {
    padding-left: 0 !important;
  }
  #QuickOficinas a::before {
    background-color: #A69360 !important;
  }
  #QuickForm .form-body {
    padding: 0;
  }
  .NavSocial {
    display: flex;
    flex-direction: column;
    gap: 1em;
  }
  .NavSocial a {
    flex: 0 0 auto;
    width: 100%;
    max-width: 7em !important;
    border-color: #695d3a !important;
    transition: 0.3s ease-in-out;
  }
  #MenuIdiomaFooter {
    margin-top: 3em;
    display: none;
  }
  #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;
  }
  /*variant*/
  footer[data-type=primary][data-variant=noform] #QuickForm {
    display: none;
  }
  footer[data-type=primary][data-variant=noform] #MiddleQuickContact {
    gap: 8em;
  }
  footer[data-type=primary][data-variant=noform] #MiddleQuickContact > div {
    flex: 0 0 fit-content;
  }
}
/*HOVER EFFECTS*/
@media (hover: hover) and (pointer: fine) {
  .NavSocial a:hover {
    opacity: 0.5;
  }
}
@media (max-width: 1100px) {
  #MiddleQuickContact {
    width: 100%;
    max-width: 30em;
    margin: 0 auto;
  }
  #QuickOficinas {
    order: 2;
  }
  #QuickForm {
    order: 1;
    flex: 1 1 100% !important;
  }
  #QuickRRSS {
    order: 3;
  }
  #QuickOficinas address {
    font-size: 1em;
  }
  #QuickOficinas address::before {
    transform: scale(1.2);
  }
  #QuickOficinas a {
    font-size: 1em !important;
  }
  footer[data-type=primary][data-variant=noform] #MiddleQuickContact {
    gap: 2em;
  }
  footer[data-type=primary][data-variant=noform] .NavSocial {
    justify-content: center;
  }
}
@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) {
  #TopQuickContact p {
    text-align: left;
  }
  #MiddleQuickContact > div {
    flex: 1 1 100% !important;
  }
  p.titulo-footer {
    margin-bottom: 1em;
  }
  #MenuIdiomaFooter {
    display: block;
  }
  footer[data-type=primary][data-variant=noform] .NavSocial {
    justify-content: flex-start;
  }
}
/*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;
}

::-moz-placeholder {
  opacity: 1;
  color: #6b7280;
  font-weight: 100;
  font-variation-settings: "wght" 100;
}

::placeholder {
  opacity: 1;
  color: #6b7280;
  font-weight: 100;
  font-variation-settings: "wght" 100;
}

/*::-webkit-calendar-picker-indicator { display: none;} */
/*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 "PlusJakartaSans", Arial, Helvetica, sans-serif;
  min-height: 2.26em;
  text-align: left;
  color: #6b7280;
  border: 0.06em solid #d1d5db;
  padding: 0.75em 1em;
  border-radius: 0.25em;
  width: 100%;
  background-color: #ffffff;
}
.form-item select option {
  color: #000000;
}
.form-item input[type=checkbox],
.form-item input[type=radio] {
  width: 1.5em;
  height: 1.5em;
  background-color: #ffffff;
  border: 0.06em solid #d4d4d4;
}
.form-item input[type=checkbox] {
  border-radius: 0.25em;
}
.form-item input[type=checkbox]:checked {
  background: url("../img/icons/check.svg") no-repeat 50% 50%;
  background-size: 1em auto;
  border-color: #A69360;
}
.form-item input[type=checkbox]:checked + .form-label {
  color: #A69360 !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: #A69360;
}
.form-item input[type=radio]:checked + .form-label {
  color: #A69360 !important;
}
.form-item textarea {
  height: 11.25em;
}

/*types custom*/
.form-item[data-type=check],
.form-item[data-type=radio] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5em;
}

.form-item[data-type=check] input,
.form-item[data-type=radio] input {
  flex: 0 0 auto;
}

.form-item[data-type=check] .form-label,
.form-item[data-type=radio] .form-label {
  flex: 1;
  margin-bottom: 0;
}

.form-item[data-type=check] p,
.form-item[data-type=radio] p {
  flex: 1 1 100%;
  margin-top: 0;
  margin-left: 2em;
}

.form-item[data-type=date] span {
  position: relative;
  overflow: hidden;
  display: block;
  border: 0.06em solid #d4d4d4;
  border-radius: 0.5em;
}
.form-item[data-type=date] span .button {
  display: none !important; /*position: absolute; z-index: 100; top: 3px; right: 33px; width: 2.5em !important; background-color: $color-white; pointer-events: none;*/
}
.form-item[data-type=date] span .button::before {
  background-color: #A69360;
}
.form-item[data-type=date] input[type=date] {
  border: 0 !important;
  border-radius: 0 !important;
  text-align: left !important;
}

.form-item[data-type=password] span {
  position: relative;
  overflow: hidden;
  display: flex;
  border: 0.06em solid #d4d4d4;
  border-radius: 0.5em;
}
.form-item[data-type=password] input[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.5em;
}
.form-item[data-type=numeric] input[type=number] {
  border: 0 !important;
  border-radius: 0 !important;
  text-align: center !important;
}
.form-item[data-type=numeric] .button {
  border-radius: 0 !important;
}

.form-item[data-type=search] span {
  position: relative;
  overflow: hidden;
  display: flex;
  border: 0.06em solid #d4d4d4;
  border-radius: 0.5em;
}
.form-item[data-type=search] input[type=search] {
  border: 0 !important;
  border-radius: 0 !important;
  text-align: center;
}
.form-item[data-type=search] .button::before {
  transform: scale(1);
  background-color: #ffffff;
}

.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.5em;
  background-color: #ffffff;
}

.form-item[data-type=segmented-control] input[type=radio] {
  position: absolute;
  width: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
}
.form-item[data-type=segmented-control] .form-label {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25em;
  padding: 0 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: #A69360 !important;
  border-color: #A69360;
  border-radius: 0.25em;
}
.form-item[data-type=segmented-control] input[type=radio]:checked + .form-label::before {
  background-color: #A69360 !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: #A69360;
}
.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=icon] > span {
  position: relative;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  background-color: #ffffff;
  border: 0.06em solid #d4d4d4;
  border-radius: 0.25em;
}
.form-item[data-type=icon] .icon {
  padding: 0.5em 0 0.5em 1em;
}
.form-item[data-type=icon] .icon::before {
  background-color: #9ca3af;
}
.form-item[data-type=icon] input {
  border: none !important;
  border-radius: 0 !important;
}

.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.25em;
  white-space: nowrap;
  min-height: 2.26em;
  padding: 0.75em 1em;
  border: 0.06em solid #132740;
  cursor: pointer;
  font-family: "PlusJakartaSans", Arial, Helvetica, sans-serif !important;
  font-size: 1em;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 0;
  color: #132740;
  transition: all 0.3s ease-in-out;
}
.form-item[data-type=file] label::before {
  background-color: #132740;
}
.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;
}

#Captcha {
  display: block;
  margin-bottom: 1em;
}

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

input[type=submit][data-icon=mail] {
  background-image: url("../img/icons/mail.svg");
}

button[type=submit] strong {
  font-weight: 700;
  font-variation-settings: "wght" 700;
}

/*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=file][data-size=full] label {
  width: 100% !important;
}

/*SELECT*/
@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
  select {
    padding-right: 2.5em !important;
    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=icon]:focus-within > span {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-color: #A69360 !important;
}

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

/*HEADER :::::::::::::::::::::::::::::::::::::::::::::*/
@media screen {
  header[data-type=primary] {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 9990;
    width: 100%;
    padding: 0.7em 3em;
    text-align: left;
    background-color: #132740;
  }
  #ContentHeader {
    display: flex;
    align-items: center;
  }
  a#BtnMenuMobile {
    position: fixed;
    z-index: 9900;
    top: 0.2em;
    left: 2em;
    cursor: pointer;
    transform: scale(1.5);
  }
  a#BtnMenuMobile::before {
    background-color: #A69360;
  }
  #Logo {
    flex: 1;
    text-align: center;
    padding-left: 12.5em;
  }
  #Logo a {
    display: inline-block;
    margin: 0 auto;
    max-width: 15em;
  }
  #Menus {
    position: fixed;
    z-index: 9000;
    overflow: hidden;
    top: 0;
    left: 0;
    opacity: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    height: 0;
    background-color: #000000;
    transition: height 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.6s ease-in-out;
  }
  #MenuGeneral {
    flex: 0 0 auto;
    display: flex;
    gap: 1em;
    flex-direction: column;
    padding: 3em 6em;
  }
  #MenuGeneral > li {
    flex: 0 0 auto;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #MenuGeneral > li > a.button {
    width: 100%;
    justify-content: flex-start;
    font-size: 2.07em;
    letter-spacing: 0.25em;
    font-weight: 100;
    font-variation-settings: "wght" 100;
    color: #ffffff;
  }
  #MenuServicios {
    flex: 1;
    align-self: stretch;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  #MenuServicios li {
    flex: 1;
    height: 100%;
  }
  #MenuServicios a {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
  }
  #MenuServicios .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 1.2s cubic-bezier(0.25, 0.8, 0.25, 1);
    filter: brightness(50%);
  }
  #MenuServicios .background img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: none;
  }
  #MenuServicios .overlay {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  #MenuServicios .overlay figure {
    flex: 0 0 auto;
    transform: scale(0.5);
  }
  #MenuServicios .overlay .overlay-leyend {
    position: absolute;
    bottom: 2em;
    text-align: center;
    opacity: 0;
    transform: translateY(10em);
    transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  #MenuServicios .overlay .overlay-leyend p {
    margin-bottom: 1em;
    font-size: 1em;
    color: #A69360;
    font-weight: 300;
    font-variation-settings: "wght" 300;
  }
  #MenuServicios .overlay .icon::before {
    background-color: #A69360;
  }
  /*menumode*/
  .menumode {
    overflow: hidden;
  }
  .menumode a#BtnMenuMobile::before {
    background-color: #A69360 !important;
  }
  .menumode #Menus {
    height: 100%;
    opacity: 1;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  /*........*/
  #MenuSecundario {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
  }
  #MenuSecundario > a {
    flex: 0 0 auto;
  }
  .MenuIdioma {
    flex: 0 0 auto;
    display: flex;
    gap: 0.5em;
  }
  .MenuIdioma a.button[data-size=small] {
    padding: 0.5em !important;
  }
  .MenuIdioma a {
    opacity: 0.5;
  }
  /*select*/
  #MenuGeneral a[data-state=select]::before {
    background-color: #A69360;
  }
  .MenuIdioma a[data-state=select] {
    opacity: 1;
    border-color: #ffffff !important;
    color: #ffffff !important;
  }
  /*.......*/
  /*variants*/
  header[data-variant=float] {
    position: fixed;
    padding: 2em 3em;
    background-color: rgba(0, 0, 0, 0);
    transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  header[data-variant=float] a#BtnMenuMobile::before {
    background-color: #132740;
  }
  header[data-variant=float] #Logo a {
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  header[data-variant=float] a#BtnAnchorForm {
    color: #132740;
  }
  header[data-variant=float] .MenuIdioma a {
    border-color: #132740 !important;
    color: #132740 !important;
  }
  header[data-variant=float][data-state=active] {
    padding: 0.7em 3em;
    background-color: #132740;
  }
  header[data-variant=float][data-state=active] a#BtnMenuMobile::before {
    background-color: #A69360;
  }
  header[data-variant=float][data-state=active] #Logo a {
    opacity: 1;
    visibility: visible;
  }
  header[data-variant=float][data-state=active] a#BtnAnchorForm {
    color: #ffffff;
  }
  header[data-variant=float][data-state=active] .MenuIdioma a {
    border-color: #ffffff !important;
    color: #ffffff !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  #MenuServicios a:hover .overlay-leyend {
    opacity: 1;
    transform: translateY(0);
  }
  #MenuServicios a:hover picture {
    transform: scale(1.3);
  }
  .MenuIdioma > li a:not(.select):hover {
    opacity: 1;
  }
}
@media (max-width: 1600px) {
  #MenuGeneral {
    padding-left: 3em;
    padding-right: 3em;
  }
  #MenuGeneral > li > a.button {
    font-size: 1.44em;
  }
  #MenuServicios .overlay figure {
    transform: scale(0.45);
  }
}
@media (max-width: 1100px) {
  #MenuServicios li {
    flex: 0 1 50%;
    height: 50vh;
  }
  #MenuServicios .overlay .overlay-leyend p {
    font-size: 0.69em;
  }
}
@media (max-width: 970px) {
  #MenuSecundario {
    display: none;
  }
  #Logo {
    padding-left: 1em;
    text-align: left;
  }
  a#BtnMenuMobile {
    top: 0.25em;
    left: 0.5em;
    transform: none;
  }
}
@media (max-width: 800px) {
  #Logo a {
    width: 14em;
  }
  #Menus {
    display: block;
  }
  #MenuGeneral,
  #MenuServicios {
    width: 100%;
  }
  #MenuServicios li {
    height: 10em;
  }
  #MenuServicios a {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #MenuServicios .overlay-leyend {
    display: none;
  }
}
@media (max-width: 600px) {
  a#BtnMenuMobile {
    left: 0.3em;
  }
}
@media (max-width: 500px) {
  #MenuGeneral {
    padding-left: 0.5em;
    padding-top: 5em;
  }
  #MenuServicios {
    display: block;
  }
  #MenuServicios li {
    width: 100vw;
    display: block;
  }
}
/*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-hero] {
    background: rgb(0, 0, 0);
    transition-duration: 1s;
  }
  .modal[data-modal=video-hero] .content-modal {
    background: none;
    max-width: none;
    transform: none;
  }
  .modal[data-modal=video-hero] .modal-body {
    width: 75vw;
    padding: 0 !important;
    background-color: #000000;
    opacity: 0;
    transition: opacity 0.5s ease-in-out 1s;
  }
  .modal[data-modal=video-hero] .modal-video-load {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
  }
  .modal[data-modal=video-hero] .modal-video-load iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .modal[data-modal=video-hero][data-state=open] .modal-body {
    opacity: 1;
  }
}
/*NAV FILTER*/
@media screen {
  .nav-filter {
    padding: 1em 0;
  }
  .nav-filter form {
    display: flex;
    gap: 2em;
    flex-wrap: wrap;
    width: 100%;
  }
  .nav-filter-presets {
    flex: 0 1 auto;
  }
  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;
  }
  .nav-filter .form-label {
    display: block;
    margin-bottom: 0 !important;
    padding: 1em 1em 0 1.4em !important;
    font-size: 0.75em;
    color: #A69360;
    font-weight: 700;
    font-variation-settings: "wght" 700;
  }
  .nav-filter select {
    width: 100%;
    border-radius: 0;
    padding-top: 0;
    border-color: transparent;
  }
  .nav-filter select::before {
    background-color: #A69360;
  }
  .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: 1520px) {
  .nav-filter form {
    gap: 0.5em;
  }
  .nav-filter-presets {
    order: 2;
    flex: 1 1 100%;
  }
  .nav-filter-organic {
    order: 1;
    flex: 1 1 100%;
  }
}
@media (max-width: 1200px) {
  #ComboFiltroEmpresa {
    flex: 1;
  }
  #ComboFiltroIndustria {
    flex: 2;
  }
  #ComboFiltroFecha {
    flex: 1;
  }
}
@media (max-width: 970px) {
  .nav-filter {
    padding-bottom: 3em;
  }
  a#BtnFilter {
    display: inline-flex;
    background: rgba(0, 0, 0, 0.3);
  }
  #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%;
  }
  /*states*/
  a#BtnFilter[data-state=open] {
    background-color: #ffffff;
    color: #000000;
  }
  a#BtnFilter[data-state=open]::before {
    background-color: #000000;
  }
  #DropFilter[data-state=open] {
    max-height: 20em;
  }
}
/*NAV INDUSTIRAS*/
@media screen {
  .nav-industrias {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 2em;
  }
  .nav-industrias-item {
    flex: 1;
    text-align: center;
  }
  .nav-industrias-item header {
    padding: 2em;
  }
  .nav-industrias-item header p {
    font-size: 1.2em;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    color: #A69360;
  }
  .nav-industrias-item .nav-industrias-main {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 57em;
  }
  .nav-industrias-item picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 1.2s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .nav-industrias-item picture img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: none;
  }
  .nav-industrias-item .nav-industrias-overlay {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .nav-industrias-item .nav-industrias-overlay figure {
    flex: 0 0 auto;
    transform: scale(0.7);
  }
  .nav-industrias-item .nav-industrias-overlay .nav-industrias-leyend {
    position: absolute;
    bottom: 2em;
    text-align: center;
    opacity: 0;
    transform: translateY(10em);
    transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .nav-industrias-item .nav-industrias-overlay .nav-industrias-leyend p {
    margin-bottom: 1em;
    font-size: 1em;
    color: #A69360;
    font-weight: 300;
    font-variation-settings: "wght" 300;
  }
  .nav-industrias-item .nav-industrias-overlay .icon::before {
    background-color: #A69360;
  }
}
/*hover*/
@media (hover: hover) and (pointer: fine) {
  .nav-industrias-main a:hover picture {
    filter: brightness(40%);
    transform: scale(1.3);
  }
  .nav-industrias-main a:hover .nav-industrias-leyend {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 1180px) {
  .nav-industrias-item header {
    min-height: 8em;
  }
  .nav-industrias-item header p {
    font-size: 1em;
  }
  .nav-industrias-item .nav-industrias-overlay figure {
    transform: scale(0.5);
  }
  .nav-industrias-item .nav-industrias-main {
    height: 35em;
  }
}
@media (max-width: 1023px) {
  .nav-industrias-item {
    flex: 0 0 50%;
  }
}
@media (max-width: 600px) {
  .nav-industrias-item {
    flex: 0 0 100%;
  }
  .nav-industrias-item header {
    box-shadow: none;
    min-height: auto;
  }
  .nav-industrias-item .nav-industrias-main {
    height: 15em;
  }
  .nav-industrias-item .nav-industrias-overlay figure {
    transform: scale(0.6);
  }
}
/*NAV INDUSTRIAS ANCHOR*/
@media screen {
  .nav-industrias-anchor {
    position: fixed;
    z-index: 1000;
    width: auto;
    height: 100vh;
    top: 0;
    right: 5em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .nav-industrias-anchor > * {
    flex: 0 0 auto;
  }
  .nav-industrias-anchor .separador {
    width: 1px;
    height: 5em;
    background-color: #ffffff;
    opacity: 0.5;
  }
  .nav-industrias-anchor a.button::before {
    width: 2em;
    height: 2em;
  }
  .nav-industrias-anchor a[data-state=select]::before {
    background-color: #A69360 !important;
    transform: scale(1.5);
  }
}
@media (max-width: 1640px) {
  .nav-industrias-anchor {
    right: 2.5em;
  }
}
/*PAGINATION*/
@media screen {
  .pagination {
    text-align: center;
    width: 100%;
    padding: 2.5em 0;
  }
  .pagination ul {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .pagination li.pag-number a {
    color: #6b7280;
    cursor: pointer;
  }
  /*select*/
  .pagination li a.button[data-state=select] {
    background-color: #1E3A5F;
    color: #ffffff;
  }
  /*.......*/
}
/*HOME*/
@media screen {
  .tab-header {
    padding: 2em 0;
  }
  .tab-switch {
    display: flex;
    gap: 3em;
    justify-content: center;
  }
  .tab-switch a[data-state=select] {
    border-bottom-color: #A69360;
    color: #A69360 !important;
  }
  .tab-body {
    position: relative;
  }
  .tab-panel {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2em 0;
    background-color: #ffffff;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), visibility 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  #PanelMision .Viewport {
    max-width: 60em;
  }
  #PanelVision .Viewport {
    max-width: 60em;
  }
  p.tab-panel-title {
    font-size: 3em;
    color: #a3a3a3;
    font-weight: 100;
    font-variation-settings: "wght" 100;
  }
  .tab-stars-group {
    display: inline-flex;
    gap: 1em;
    margin: 1.5em auto;
  }
  .tab-stars-group img {
    width: 1em;
  }
  p.tab-panel-copy {
    margin-bottom: 1.5em;
    font-size: 1.44em;
    color: #171717;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  p.tab-panel-description {
    margin-bottom: 1.5em;
    line-height: 1.8em;
    font-weight: 300;
    font-variation-settings: "wght" 300;
  }
  p.tab-panel-description strong {
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  .tab-panel-info-group {
    display: flex;
    flex-wrap: wrap;
  }
  .tab-panel-info-group > div {
    flex: 1 0 30em;
    padding: 3em;
  }
  .tab-panel-info-group p.tab-panel-copy {
    margin-bottom: 0.5em;
  }
  .tab-panel[data-state=open] {
    position: relative;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}
@media (max-width: 580px) {
  .tab-panel-info-group > div {
    flex: 1 1 100%;
    padding: 1.5em 0;
  }
}
@media (max-width: 580px) {
  .tab-switch {
    gap: 2em;
  }
}
/*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: 5em;
    font-family: "PlusJakartaSans", Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 400;
    font-variation-settings: "wght" 400;
  }
  .tag strong {
    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: 5em;
  }
  .tag[data-size=big] {
    font-size: 1.44em !important;
    padding: 0.25em 0.5em !important;
    border-radius: 0;
  }
  .tag[data-size=big]::before {
    width: 1em;
    height: 1em;
  }
  /*status*/
  .tag[data-status] {
    color: #ffffff;
  }
  .tag[data-variant=solid][data-status=color-primary] {
    border-color: #A69360;
    background-color: #A69360;
  }
  .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=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;
  }
}/*# sourceMappingURL=main.css.map */