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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*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);
  }
}
@media screen {
  body {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
  }
  .SafeZone {
    width: 100%;
    min-height: 100%;
    margin: 0 auto;
  }
  .wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto; /*border: 1px solid blue;*/
    max-width: 56em;
  }
  .wrapper[data-size=small] {
    max-width: 40em;
  }
  .wrapper[data-size=medium] {
    max-width: 70em;
  }
  .wrapper[data-size=large] {
    max-width: 100em;
  }
  .wrapper[data-size=extra-large] {
    max-width: none !important;
    width: calc(100% - 3em - 3em);
  }
  .wrapper[data-size=full] {
    padding-inline: 2em;
    max-width: none !important;
  }
}
@media (max-width: 1820px) {
  .wrapper[data-size=large],
  .wrapper[data-size=extra-large] {
    max-width: 70em;
  }
}
@media (max-width: 1300px) {
  .wrapper {
    padding-inline: 2em;
    max-width: none !important;
  }
}
@media (max-width: 500px) {
  .wrapper {
    padding-inline: 1.5em;
  }
}
@media screen {
  .form-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 35em;
    margin: 0 auto;
    padding: 3em 2.5em;
    border-radius: 0;
    border: 0.06em solid #e5e7eb;
  }
  form {
    width: 100%;
  }
  .form-header {
    display: block;
  }
  .form-title {
    font-size: 1.44em;
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    text-wrap: balance;
  }
  .form-body {
    display: flex;
    flex-direction: column;
    gap: 1em;
    padding-block: 1em 1.5em;
  }
  .form-section {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
  }
  p.form-section-title {
    margin-bottom: 0;
    font-size: 1em;
    color: #374151;
  }
  .form-group-list {
    display: flex;
    flex-direction: column;
    gap: 0.25em;
  }
  /*linea con 1 campo*/
  .form-line {
    display: block;
    width: 100%;
  }
  /*linea con 2 o 3 campos*/
  .form-line[data-layout=multiple] {
    display: flex;
    gap: 1.5em;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .form-line[data-layout=multiple] > * {
    flex: 1;
  }
  /*linea con grupo de campos / check - radio*/
  .form-line[data-layout=group] {
    padding-top: 1.5em;
    padding-bottom: 0.5em;
    border-top: 0.06em solid #e5e7eb;
  }
  /*sublinea con grupo de campos*/
  .form-group {
    display: flex;
    gap: 1.5em;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 1em;
  }
  .form-group > * {
    flex: 1;
  }
  .form-item[data-layout=short] {
    flex: 0 0 auto !important;
  }
  .form-item[data-layout=horizontal] {
    display: flex;
    align-items: baseline;
    gap: 0.5em;
  }
  .form-item[data-layout=horizontal] label {
    white-space: nowrap;
  }
  .form-footer {
    display: block;
  }
  .form-actionbar {
    display: inline-flex;
    gap: 0.5em;
    width: 100%;
  }
  .form-footer .button {
    display: flex;
    width: 100%;
    flex: 1;
  }
}
@media screen {
  .accordion .accordion-panel {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding-inline: 2em;
    background: url(../img/icons/specials/pin-flame-check-special.svg) no-repeat 1em 1em;
    background-size: 0 0;
    transition-property: background-size, padding;
    transition-duration: 0.25s;
    transition-timing-function: linear;
  }
  .accordion .accordion-panel:not(:last-child) {
    border-bottom: 0.06em solid #d1d5db;
  }
  .accordion .accordion-header .button {
    text-align: left !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding-inline: 0 !important;
    white-space: normal;
    line-height: 1.2;
  }
  .accordion .accordion-header .button::before {
    width: 2rem !important;
    height: 2rem !important;
  }
  .accordion .accordion-header h3 {
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .accordion .accordion-content {
    position: relative;
    overflow: clip;
    width: 100%;
    max-height: 0;
    padding-right: 3em;
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .accordion .accordion-content p {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
  }
  .accordion {
    /*open*/
  }
  .accordion .accordion-panel[data-state=open] {
    border: 0.06em solid #d1d5db;
    border-radius: 1em;
    margin-block: 0.5em;
    padding-left: 5em;
    background-size: 3em 3.5em;
  }
  .accordion .accordion-panel[data-state=open] .accordion-content {
    max-height: 25em;
    padding-bottom: 1em;
  }
  .accordion .accordion-panel[data-state=open] .accordion-header .button {
    font-size: 1.5em !important;
    color: #00B3E3 !important;
    padding-block: 0.25em 0 !important;
  }
  .accordion .accordion-panel:has(+ [data-state=open]) {
    border: none;
  }
  .accordion {
    /*.....*/
  }
}
@media (max-width: 600px) {
  .accordion .accordion-header .button {
    font-size: 1em !important;
  }
  .accordion .accordion-header .button::before {
    width: 1.5rem !important;
    height: 1.5rem !important;
  }
  .accordion .accordion-content {
    padding-right: 0;
  }
  .accordion .accordion-content p {
    font-size: 0.9em;
  }
  .accordion {
    /*open*/
  }
  .accordion .accordion-panel[data-state=open] {
    padding-left: 3em;
    background-size: 1.5em auto;
  }
  .accordion .accordion-panel[data-state=open] .accordion-header .button {
    font-size: 1.2em !important;
    padding-block: 0.5em 0 !important;
  }
}
@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: "Poppins", Arial, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    text-box-trim: trim-both;
    transition: all 0.3s ease-in-out;
  }
  /*type - default*/
  .button[data-type=solid] {
    color: #ffffff;
    border-color: #00B3E3;
    background-color: #00B3E3;
  }
  .button[data-type=solid][data-icon]::before {
    background-color: #ffffff;
  }
  .button[data-type=outline] {
    color: #00B3E3;
    border-color: #00B3E3;
  }
  .button[data-type=outline][data-icon]::before {
    background-color: #00B3E3;
  }
  .button[data-type=ghost] {
    color: #374151;
    border-color: #e5e7eb;
    background-color: #e5e7eb;
  }
  .button[data-type=ghost][data-icon]::before {
    background-color: #374151;
  }
  .button[data-type=basic] {
    color: #404040;
  }
  .button[data-type=basic][data-icon]::before {
    background-color: #404040;
  }
  /*icon*/
  .button[data-icon=menu][data-state=open]::before {
    -webkit-mask-image: url("../img/icons/close.svg");
            mask-image: url("../img/icons/close.svg");
  }
  .button[data-icon=heart][data-state=open]::before {
    -webkit-mask-image: url("../img/icons/heart-fill.svg");
            mask-image: url("../img/icons/heart-fill.svg");
  }
  .button[data-icon=eye-close][data-state=open]::before {
    -webkit-mask-image: url("../img/icons/eye-open.svg");
            mask-image: url("../img/icons/eye-open.svg");
  }
  .button[data-icon=chevron-down]:not(:empty),
  .button[data-icon=circle-arrow-down]:not(:empty) {
    padding-right: 0.5em;
  }
  .button[data-icon=chevron-down]:not(:empty)::before,
  .button[data-icon=circle-arrow-down]:not(:empty)::before {
    margin-left: 0.5em;
  }
  .button[data-icon=chevron-down][data-state=open][data-text-active]::after,
  .button[data-icon=circle-arrow-down][data-state=open][data-text-active]::after {
    content: attr(data-text-active);
  }
  .button[data-icon=chevron-down][data-state=open]::before,
  .button[data-icon=circle-arrow-down][data-state=open]::before {
    transform: rotate(180deg);
  }
  .button[data-icon=list][data-state=open]::before {
    background-color: #00B3E3;
  }
  .button[data-icon=grid][data-state=open]::before {
    background-color: #00B3E3;
  }
  /*state*/
  .button[data-state=disabled] {
    filter: grayscale(100%);
    opacity: 0.5;
    cursor: default;
  }
  .button[data-state=open][data-text-active] span {
    display: none;
  }
  .button[data-size="2x-small"] {
    font-size: 0.69em;
    padding: 0.16em;
    min-height: auto;
  }
  .button[data-size=x-small] {
    font-size: 0.75em;
    padding: 0.16em 0.5em;
    min-height: auto;
  }
  .button[data-size=small] {
    font-size: 0.9em;
  }
  .button[data-size=medium] {
    font-size: 1.2em;
  }
  .button[data-size=large] {
    font-size: 1.44em;
  }
  .button[data-size=x-large] {
    font-size: 1.73em;
  }
  .button[data-size="2x-large"] {
    font-size: 2.07em;
  }
  .button[data-size="7x-large"] {
    font-size: 5.16em;
  }
  .button[data-type=solid][data-variant=gray] {
    color: #374151;
    border-color: #e5e7eb;
    background-color: #e5e7eb;
  }
  .button[data-type=solid][data-variant=gray]::before {
    background-color: #374151;
  }
  .button[data-type=solid][data-variant=neutral] {
    color: #404040;
    border-color: #e5e5e5;
    background-color: #e5e5e5;
  }
  .button[data-type=solid][data-variant=neutral]::before {
    background-color: #404040;
  }
  .button[data-type=solid][data-variant=positive] {
    background-color: #ffffff;
    color: #000000;
    border-color: #ffffff;
  }
  .button[data-type=solid][data-variant=positive][data-icon]::before {
    background-color: #000000;
  }
  .button[data-type=solid][data-variant=negative] {
    background-color: #000000;
    color: #ffffff;
    border-color: #000000;
  }
  .button[data-type=solid][data-variant=negative][data-icon]::before {
    background-color: #ffffff;
  }
  .button[data-type=solid][data-variant=tint-primary] {
    background-color: #00B3E3;
    color: #ffffff;
    border-color: #00B3E3;
  }
  .button[data-type=solid][data-variant=tint-primary][data-icon]::before {
    background-color: #ffffff;
  }
  .button[data-type=solid][data-variant=tint-secondary] {
    background-color: #414042;
    color: #ffffff;
    border-color: #414042;
  }
  .button[data-type=solid][data-variant=tint-secondary][data-icon]::before {
    background-color: #ffffff;
  }
  .button[data-type=solid][data-variant=tint-accent] {
    background-color: #FFD200;
    color: #000000;
    border-color: #FFD200;
  }
  .button[data-type=solid][data-variant=tint-accent][data-icon]::before {
    background-color: #ffffff;
  }
  .button[data-type=outline][data-variant=gray] {
    color: #374151;
    border-color: #e5e7eb;
  }
  .button[data-type=outline][data-variant=gray]::before {
    background-color: #374151;
  }
  .button[data-type=outline][data-variant=neutral] {
    color: #404040;
    border-color: #e5e5e5;
  }
  .button[data-type=outline][data-variant=neutral]::before {
    background-color: #404040;
  }
  .button[data-type=outline][data-variant=positive] {
    color: #000000;
    border-color: #000000;
  }
  .button[data-type=outline][data-variant=positive][data-icon]::before {
    background-color: #000000;
  }
  .button[data-type=outline][data-variant=negative] {
    color: #ffffff;
    border-color: #ffffff;
  }
  .button[data-type=outline][data-variant=negative][data-icon]::before {
    background-color: #ffffff;
  }
  .button[data-type=outline][data-variant=tint-primary] {
    color: #00B3E3;
    border-color: #00B3E3;
  }
  .button[data-type=outline][data-variant=tint-primary][data-icon]::before {
    background-color: #00B3E3;
  }
  .button[data-type=outline][data-variant=tint-secondary] {
    color: #414042;
    border-color: #414042;
  }
  .button[data-type=outline][data-variant=tint-secondary][data-icon]::before {
    background-color: #414042;
  }
  .button[data-type=outline][data-variant=tint-accent] {
    color: #FFD200;
    border-color: #FFD200;
  }
  .button[data-type=outline][data-variant=tint-accent][data-icon]::before {
    background-color: #FFD200;
  }
  .button[data-type=ghost][data-variant=gray] {
    color: #374151;
    border-color: #e5e7eb;
  }
  .button[data-type=ghost][data-variant=gray]::before {
    background-color: #374151;
  }
  .button[data-type=ghost][data-variant=neutral] {
    color: #404040;
    border-color: #e5e5e5;
  }
  .button[data-type=ghost][data-variant=neutral]::before {
    background-color: #404040;
  }
  .button[data-type=ghost][data-variant=positive] {
    color: #000000;
    border-color: #000000;
  }
  .button[data-type=ghost][data-variant=positive][data-icon]::before {
    background-color: #000000;
  }
  .button[data-type=ghost][data-variant=negative] {
    color: #ffffff;
    border-color: #ffffff;
  }
  .button[data-type=ghost][data-variant=negative][data-icon]::before {
    background-color: #ffffff;
  }
  .button[data-type=ghost][data-variant=tint-primary] {
    color: #00B3E3;
    border-color: #00B3E3;
  }
  .button[data-type=ghost][data-variant=tint-primary][data-icon]::before {
    background-color: #00B3E3;
  }
  .button[data-type=ghost][data-variant=tint-secondary] {
    color: #414042;
    border-color: #414042;
  }
  .button[data-type=ghost][data-variant=tint-secondary][data-icon]::before {
    background-color: #414042;
  }
  .button[data-type=ghost][data-variant=tint-accent] {
    color: #FFD200;
    border-color: #FFD200;
  }
  .button[data-type=ghost][data-variant=tint-accent][data-icon]::before {
    background-color: #FFD200;
  }
  .button[data-type=basic][data-variant=gray],
  .button[data-icon]:empty[data-variant=gray] {
    color: #374151;
  }
  .button[data-type=basic][data-variant=gray]::before,
  .button[data-icon]:empty[data-variant=gray]::before {
    background-color: #374151;
  }
  .button[data-type=basic][data-variant=neutral],
  .button[data-icon]:empty[data-variant=neutral] {
    color: #404040;
  }
  .button[data-type=basic][data-variant=neutral]::before,
  .button[data-icon]:empty[data-variant=neutral]::before {
    background-color: #404040;
  }
  .button[data-type=basic][data-variant=positive],
  .button[data-icon]:empty[data-variant=positive] {
    color: #000000;
  }
  .button[data-type=basic][data-variant=positive][data-icon]::before,
  .button[data-icon]:empty[data-variant=positive][data-icon]::before {
    background-color: #000000;
  }
  .button[data-type=basic][data-variant=negative],
  .button[data-icon]:empty[data-variant=negative] {
    color: #ffffff;
  }
  .button[data-type=basic][data-variant=negative][data-icon]::before,
  .button[data-icon]:empty[data-variant=negative][data-icon]::before {
    background-color: #ffffff;
  }
  .button[data-type=basic][data-variant=tint-primary],
  .button[data-icon]:empty[data-variant=tint-primary] {
    color: #00B3E3;
  }
  .button[data-type=basic][data-variant=tint-primary][data-icon]::before,
  .button[data-icon]:empty[data-variant=tint-primary][data-icon]::before {
    background-color: #00B3E3;
  }
  .button[data-type=basic][data-variant=tint-secondary],
  .button[data-icon]:empty[data-variant=tint-secondary] {
    color: #414042;
  }
  .button[data-type=basic][data-variant=tint-secondary][data-icon]::before,
  .button[data-icon]:empty[data-variant=tint-secondary][data-icon]::before {
    background-color: #414042;
  }
  .button[data-type=basic][data-variant=tint-accent],
  .button[data-icon]:empty[data-variant=tint-accent] {
    color: #FFD200;
  }
  .button[data-type=basic][data-variant=tint-accent][data-icon]::before,
  .button[data-icon]:empty[data-variant=tint-accent][data-icon]::before {
    background-color: #FFD200;
  }
  .button[data-status] {
    color: #ffffff;
  }
  .button[data-type=solid][data-status=success] {
    border-color: #3e9900;
    background-color: #3e9900;
  }
  .button[data-type=solid][data-status=warning] {
    border-color: #E86427;
    background-color: #E86427;
  }
  .button[data-type=solid][data-status=danger] {
    border-color: #D91F11;
    background-color: #D91F11;
  }
  .button[data-type=solid][data-status=information] {
    border-color: #3b82f6;
    background-color: #3b82f6;
  }
  .button[data-type=solid][data-variant=gray][data-status] {
    background-color: #e5e5e5;
    border-color: #e5e5e5;
  }
  .button[data-type=solid][data-variant=gray][data-status=success] {
    color: #3e9900;
  }
  .button[data-type=solid][data-variant=gray][data-status=success]::before {
    background-color: #3e9900;
  }
  .button[data-type=solid][data-variant=gray][data-status=warning] {
    color: #E86427;
  }
  .button[data-type=solid][data-variant=gray][data-status=warning]::before {
    background-color: #E86427;
  }
  .button[data-type=solid][data-variant=gray][data-status=danger] {
    color: #D91F11;
  }
  .button[data-type=solid][data-variant=gray][data-status=danger]::before {
    background-color: #D91F11;
  }
  .button[data-type=solid][data-variant=gray][data-status=information] {
    color: #3b82f6;
  }
  .button[data-type=solid][data-variant=gray][data-status=information]::before {
    background-color: #3b82f6;
  }
  .button[data-type=outline][data-status=success] {
    color: #3e9900;
    border-color: #3e9900;
  }
  .button[data-type=outline][data-status=success]::before {
    background-color: #3e9900;
  }
  .button[data-type=outline][data-status=warning] {
    color: #E86427;
    border-color: #E86427;
  }
  .button[data-type=outline][data-status=warning]::before {
    background-color: #E86427;
  }
  .button[data-type=outline][data-status=danger] {
    color: #D91F11;
    border-color: #D91F11;
  }
  .button[data-type=outline][data-status=danger]::before {
    background-color: #D91F11;
  }
  .button[data-type=outline][data-status=information] {
    color: #3b82f6;
    border-color: #3b82f6;
  }
  .button[data-type=outline][data-status=information]::before {
    background-color: #3b82f6;
  }
  .button[data-type=ghost][data-status=success] {
    color: #3e9900;
    border-color: #3e9900;
  }
  .button[data-type=ghost][data-status=success]::before {
    background-color: #3e9900;
  }
  .button[data-type=ghost][data-status=warning] {
    color: #E86427;
    border-color: #E86427;
  }
  .button[data-type=ghost][data-status=warning]::before {
    background-color: #E86427;
  }
  .button[data-type=ghost][data-status=danger] {
    color: #D91F11;
    border-color: #D91F11;
  }
  .button[data-type=ghost][data-status=danger]::before {
    background-color: #D91F11;
  }
  .button[data-type=ghost][data-status=information] {
    color: #3b82f6;
    border-color: #3b82f6;
  }
  .button[data-type=ghost][data-status=information]::before {
    background-color: #3b82f6;
  }
  .button[data-type=basic][data-status=success],
  .button[data-icon]:empty[data-status=success] {
    color: #3e9900;
  }
  .button[data-type=basic][data-status=success]::before,
  .button[data-icon]:empty[data-status=success]::before {
    background-color: #3e9900;
  }
  .button[data-type=basic][data-status=warning],
  .button[data-icon]:empty[data-status=warning] {
    color: #E86427;
  }
  .button[data-type=basic][data-status=warning]::before,
  .button[data-icon]:empty[data-status=warning]::before {
    background-color: #E86427;
  }
  .button[data-type=basic][data-status=danger],
  .button[data-icon]:empty[data-status=danger] {
    color: #D91F11;
  }
  .button[data-type=basic][data-status=danger]::before,
  .button[data-icon]:empty[data-status=danger]::before {
    background-color: #D91F11;
  }
  .button[data-type=basic][data-status=information],
  .button[data-icon]:empty[data-status=information] {
    color: #3b82f6;
  }
  .button[data-type=basic][data-status=information]::before,
  .button[data-icon]:empty[data-status=information]::before {
    background-color: #3b82f6;
  }
  /*FOCUS*/
  /*.button:not([data-state='disabled']):focus { border-color: $color-brand-primary-bright !important; color: $color-white; background-color: $color-active-primary !important;}*/
}
/*HOVER*/
@media (hover: hover) and (pointer: fine) {
  .button[data-type=solid]:not([data-state=disabled]):hover {
    background-color: #000000;
    border-color: #000000;
  }
  .button[data-type=outline]:not([data-state=disabled]):hover,
  .button[data-type=ghost]:not([data-state=disabled]):hover {
    background-color: #d1d5db;
  }
  .button[data-type=basic]:not([data-state=disabled]):hover {
    color: #00B3E3;
  }
  .button[data-type=solid][data-variant=positive]:hover {
    background-color: #d4d4d4;
    border-color: #d4d4d4;
  }
  .button[data-type=solid][data-variant=negative]:hover {
    background-color: #404040;
    border-color: #404040;
  }
  .button[data-type=solid][data-variant=tint-accent]:hover {
    color: #FFD200;
    border-color: #FFD200;
    background-color: transparent;
  }
  .button[data-type=outline][data-variant=positive]:hover {
    border-color: #525252;
    color: #525252;
  }
  .button[data-type=outline][data-variant=negative]:hover {
    color: #ffffff;
    border-color: #00B3E3;
    background-color: #00B3E3;
  }
  .button[data-type=outline][data-variant=tint-primary]:hover {
    background-color: #00B3E3;
    color: #ffffff;
  }
  .button[data-type=ghost][data-variant=negative]:hover {
    background-color: #374151;
  }
  .button[data-type=basic][data-variant=positive]:hover {
    color: #404040;
  }
}
@media screen {
  #banner-productos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1em;
    padding: 2em;
    border: 0.06em solid #00B3E3;
    border-radius: 1em;
    transition: all 0.3s ease-in-out;
  }
  #banner-productos .banner-title {
    flex: 1;
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size: 1.73em;
    line-height: 1.3;
    color: #414042;
    text-wrap: balance;
  }
  #banner-productos .banner-title span {
    color: #00B3E3;
  }
  #banner-productos .button {
    flex: 0 0 auto;
  }
}
/*HOVER*/
@media (hover: hover) and (pointer: fine) {
  #banner-productos:hover {
    border-color: #414042;
  }
}
@media (max-width: 600px) {
  #banner-productos {
    flex-direction: column;
    gap: 0.5em;
    padding-inline: 1.5em;
  }
  #banner-productos .banner-title {
    font-size: 1.2em;
    text-align: center;
  }
}
@media screen {
  .banner-servicios {
    position: relative;
    overflow: hidden;
    border-radius: 1em;
    padding: 3em;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .banner-servicios .banner-txt {
    display: flex;
    flex-direction: column;
  }
  .banner-servicios .banner-pretitle {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 1em;
    line-height: 1.3;
    color: #FFD200;
  }
  .banner-servicios .banner-title {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 3.58em;
    line-height: 1.3;
    color: #ffffff;
  }
  .banner-servicios .banner-background {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .banner-servicios .banner-background::before {
    content: "";
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  }
  .banner-servicios .banner-background picture {
    width: 100%;
    height: 100%;
  }
  .banner-servicios .banner-background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: none;
  }
  *[data-id=productos-consultores] .banner-servicios .banner-background img {
    -o-object-position: 50% 25% !important;
       object-position: 50% 25% !important;
  }
}
/*HOVER*/
@media (hover: hover) and (pointer: fine) {
  .banner-servicios:hover {
    box-shadow: 0 5px 15px 5px rgba(0, 0, 0, 0.35);
  }
}
@media (max-width: 700px) {
  .banner-servicios {
    padding: 1.5em;
    margin-bottom: 0;
  }
  .banner-servicios .banner-pretitle {
    font-size: 0.75em;
    line-height: 1.3;
    color: #FFD200;
  }
  .banner-servicios .banner-title {
    font-size: 1.73em;
  }
}
@media screen {
  .card-productos {
    position: relative;
    overflow: hidden;
    border-radius: 1em;
    height: 20em;
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .card-productos .card-body {
    display: flex;
    flex-direction: column;
    gap: 1em;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0;
  }
  .card-productos .card-title {
    font-size: 2.07em;
    line-height: 1;
    color: #ffffff;
  }
  .card-productos .card-title strong {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 700;
    font-variation-settings: "wght" 700;
  }
  .card-productos .card-background {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .card-productos .card-background figure {
    width: 100%;
    height: 100%;
    transition: scale 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .card-productos .card-background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: none;
  }
}
/*HOVER EFFECTS*/
@media (hover: hover) and (pointer: fine) {
  .list-card-productos a:hover .card-productos {
    box-shadow: 0 5px 15px 5px rgba(0, 0, 0, 0.35);
  }
  .list-card-productos a:hover .card-background figure {
    scale: 1.2;
  }
}
@media screen {
  .card-servicios {
    position: relative;
    overflow: hidden;
    border-radius: 2em 2em 0 2em;
    height: 25em;
    margin-block: 1.5em;
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .card-servicios .card-body {
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    padding: 0 0 4em 1.5em;
  }
  .card-servicios .card-title {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 700;
    font-variation-settings: "wght" 700;
    color: #ffffff;
    font-size: 1.44em;
    line-height: 1;
  }
  .card-servicios .card-background {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .card-servicios .card-background figure {
    width: 100%;
    height: 100%;
    transition: scale 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .card-servicios .card-background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: none;
  }
  .card-servicios .card-background::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 10;
    bottom: 0;
    right: 0;
    width: 6.5em;
    height: 7.6em;
    background: url(../img/cards/solapa-flecha.svg) no-repeat 0 0;
  }
}
/*HOVER EFFECTS*/
@media (hover: hover) and (pointer: fine) {
  .card-servicios:hover {
    box-shadow: 0 5px 15px 5px rgba(0, 0, 0, 0.35);
    border-radius: 2em;
  }
  .card-servicios:hover .card-background figure {
    scale: 1.2;
  }
}
@media (max-width: 600px) {
  .card-servicios .card-title {
    font-size: 2.07em;
  }
}
@media screen {
  .card-staff {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    border-radius: 1em;
    transition: all 0.3s ease-in-out;
  }
  .card-staff .card-header {
    flex: 0 0 auto;
    padding: 1em 1em 0 1em;
  }
  .card-staff .card-photo {
    position: relative;
    overflow: hidden;
    border-radius: 1em;
    cursor: pointer;
  }
  .card-staff .card-photo::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 5em;
    aspect-ratio: 1/1.16;
    background: url(../img/cards/solapa-flecha.svg) no-repeat 0 0;
    background-size: 100% auto;
  }
  .card-staff .card-body {
    flex: 0 0 auto;
    padding: 0 1em 1em 1em;
  }
  .card-staff .card-title {
    font-size: 1.73em;
    line-height: 1.2em;
    color: #414042;
  }
  .card-staff .card-title strong {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  .card-staff .card-description {
    font-size: 1.2em;
    line-height: 1.2;
    color: #414042;
    text-wrap: balance;
  }
  .card-staff .card-link {
    font-size: 1em;
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    color: #6b7280;
  }
  .card-staff .button {
    margin-top: 0.5em;
    background-color: #ffffff;
  }
  .card-staff .card-footer {
    position: relative;
    flex: 0 0 auto;
    height: 0;
  }
  .card-staff .card-panel {
    position: absolute;
    overflow-x: hidden;
    z-index: 100;
    left: 0;
    padding-inline: 1em;
    width: 100%;
    max-height: 0;
    background-color: #f2f2f2;
    transition: max-height 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s ease-in-out;
  }
  .card-staff .card-panel p {
    font-size: 0.75em;
  }
  .card-staff .card-panel p strong {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  .card-staff .card-panel .list {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    margin-top: 1em;
    width: 100%;
  }
  .card-staff .card-panel .list li {
    line-height: 1.5;
  }
  .card-staff[data-state=open] {
    background-color: #f2f2f2;
    border-radius: 1em 1em 0 0;
    box-shadow: 0 5px 15px 3px rgba(0, 0, 0, 0.35);
  }
  .card-staff[data-state=open] .card-panel {
    max-height: 40em;
    padding-bottom: 1em;
    border-radius: 0 0 1em 1em;
    box-shadow: 0 17px 15px 3px rgba(0, 0, 0, 0.35);
  }
}
/*HOVER*/
@media (hover: hover) and (pointer: fine) {
  .card-staff:not([data-state=open]):hover {
    background-color: #e5e7eb;
  }
}
@media (max-width: 500px) {
  .card-staff .card-title {
    font-size: 1.44em;
  }
  .card-staff .card-description {
    font-size: 1em;
  }
  .card-staff .card-link {
    font-size: 0.9em;
  }
}
@media screen {
  .card-valores {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-align: right;
    padding: 5em;
    margin: 0 auto;
  }
  .card-valores .card-body {
    position: relative;
    width: 100%;
    max-width: 40em;
    margin-left: auto;
    background: rgba(255, 255, 255, 0.9);
    padding: 4em;
    text-align: left;
  }
  .card-valores .card-body::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 8em;
    aspect-ratio: 1/1;
    pointer-events: none;
    background: url(../img/cards/solapa-logo.svg) no-repeat 0 0;
  }
  .card-valores .card-pretitle {
    font-size: 0.9em;
    color: #414042;
  }
  .card-valores .card-title {
    font-size: 2.49em;
    color: #00B3E3;
  }
  .card-valores .card-description {
    font-size: 1.44em;
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    color: #414042;
    margin-bottom: 1em;
  }
  .card-valores .card-description strong {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  .card-valores .card-background {
    position: absolute;
    overflow: hidden;
    border-radius: 1em;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .card-valores .card-background picture {
    width: 100%;
    height: 100%;
  }
  .card-valores .card-background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: none;
  }
  /*custom*/
  #card-consultoria .card-title {
    color: #00B3E3;
  }
  /*types*/
  .card-valores[data-layout=full] {
    padding-top: 18em;
  }
  .card-valores[data-layout=full] .card-body {
    max-width: none;
  }
  .card-valores[data-layout=full] .card-description {
    text-wrap: auto;
  }
  .card-valores[data-layout=full] .card-bullets {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    margin-top: 1.5em;
    width: 100%;
  }
  .card-valores[data-layout=full] .card-bullets li {
    flex: 1;
    min-width: 20em;
    font-size: 0.9em;
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    color: #414042;
    padding-left: 1.5em;
    background: url("../img/icons/specials/dot-outline-spacial.svg") no-repeat 0 0.25em;
    background-size: 1em auto;
  }
  .card-valores[data-layout=full] .card-bullets strong {
    display: block;
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
  }
  .card-valores[data-layout=full] .card-bullets li:not(:last-child) {
    flex: 1;
  }
  .card-valores[data-layout=full] .card-bullets li:last-child {
    flex: 2;
  }
}
@media (max-width: 900px) {
  .card-valores,
  .card-valores[data-layout=full] {
    padding: 0;
    display: flex;
    flex-direction: column-reverse;
    height: auto;
  }
  .card-valores .card-body,
  .card-valores[data-layout=full] .card-body {
    max-width: none;
    padding-top: 2em;
  }
  .card-valores .card-body::before,
  .card-valores[data-layout=full] .card-body::before {
    display: none;
  }
  .card-valores .card-background,
  .card-valores[data-layout=full] .card-background {
    position: relative;
    z-index: 0;
    height: 10em;
  }
}
@media (max-width: 600px) {
  .card-valores .card-body,
  .card-valores[data-layout=full] .card-body {
    padding: 1em;
  }
  .card-valores .card-title,
  .card-valores[data-layout=full] .card-title {
    font-size: 1.73em;
    line-height: 1.2;
    margin-bottom: 0.25em;
  }
  .card-valores .card-description,
  .card-valores[data-layout=full] .card-description {
    font-size: 1em;
    text-wrap: unset;
  }
}
@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; mask-size: cover; mask-repeat: no-repeat; line-height: 0; background-color: $color-danger; }

  .splide__arrow svg { display: none !important;}
  .splide__arrow.splide__arrow--prev::before { mask-image:url(map.get($icons, "chevron-left"));}
  .splide__arrow.splide__arrow--next::before { mask-image:url(map.get($icons, "chevron-right"));}*/
  /*custom pagination*/
  .splide__pagination__page {
    width: 2em !important;
    height: 0.5em !important;
    border-radius: 1em !important;
    margin: 0 0.25em !important;
    background-color: #737373 !important;
    transition: width 0.5s ease-in-out !important;
  }
  .splide__pagination__page.is-active {
    width: 8em !important;
    background-color: #00B3E3 !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;}
  */
  .carousel li.splide__slide {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #carousel-servicios a {
    display: block;
    width: 100%;
    height: 100%;
  }
  #carousel-servicios .splide__pagination {
    position: relative !important;
    bottom: 0 !important;
    margin-top: 2em;
  }
  #carousel-valores .splide__pagination, #carousel-metricas .splide__pagination {
    position: relative !important;
    bottom: 0 !important;
    margin-top: 1em;
  }
}
@media (max-width: 600px) {
  #carousel-valores .splide__list {
    align-items: flex-start;
  }
}
@media screen {
  .fab {
    position: fixed;
    z-index: 8000;
    bottom: 2.5em;
    right: 2em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0.5em;
    border-radius: 50%;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease-in-out;
  }
  /*variants*/
  .fab[data-icon=wapp] {
    background-color: #1BD741;
  }
  .fab[data-icon=wapp] span {
    border-color: #1BD741 !important;
  }
  /*.........*/
  /*animacions type*/
  .fab[data-animation=waves] {
    animation: fav 1s ease-in-out infinite;
  }
  .fab[data-animation=waves] span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    border-radius: 50%;
  }
  .fab[data-animation=waves] span:first-child {
    border: 2px solid transparent;
    transform: scale(1.2);
    animation: wavessound1 1s ease-out infinite;
  }
  .fab[data-animation=waves] span:nth-child(2) {
    border: 2px solid transparent;
    transform: scale(1.5);
    animation: wavessound2 1s ease-out infinite;
  }
  .fab[data-animation=waves] span:nth-child(3) {
    border: 2px solid transparent;
    transform: scale(1.8);
    animation: wavessound3 1s ease-out infinite;
  }
  .fab[data-size="2x-small"] {
    font-size: 0.69em;
    padding: 0.16em;
    min-height: auto;
  }
  .fab[data-size=x-small] {
    font-size: 0.75em;
    padding: 0.16em 0.5em;
    min-height: auto;
  }
  .fab[data-size=small] {
    font-size: 0.9em;
  }
  .fab[data-size=medium] {
    font-size: 1.2em;
  }
  .fab[data-size=large] {
    font-size: 1.44em;
  }
  .fab[data-size=x-large] {
    font-size: 1.73em;
  }
  .fab[data-size="2x-large"] {
    font-size: 2.07em;
  }
  .fab[data-size="7x-large"] {
    font-size: 5.16em;
  }
  .fab[data-type=basic][data-variant=gray],
  .fab[data-icon]:empty[data-variant=gray] {
    color: #374151;
  }
  .fab[data-type=basic][data-variant=gray]::before,
  .fab[data-icon]:empty[data-variant=gray]::before {
    background-color: #374151;
  }
  .fab[data-type=basic][data-variant=neutral],
  .fab[data-icon]:empty[data-variant=neutral] {
    color: #404040;
  }
  .fab[data-type=basic][data-variant=neutral]::before,
  .fab[data-icon]:empty[data-variant=neutral]::before {
    background-color: #404040;
  }
  .fab[data-type=basic][data-variant=positive],
  .fab[data-icon]:empty[data-variant=positive] {
    color: #000000;
  }
  .fab[data-type=basic][data-variant=positive][data-icon]::before,
  .fab[data-icon]:empty[data-variant=positive][data-icon]::before {
    background-color: #000000;
  }
  .fab[data-type=basic][data-variant=negative],
  .fab[data-icon]:empty[data-variant=negative] {
    color: #ffffff;
  }
  .fab[data-type=basic][data-variant=negative][data-icon]::before,
  .fab[data-icon]:empty[data-variant=negative][data-icon]::before {
    background-color: #ffffff;
  }
  .fab[data-type=basic][data-variant=tint-primary],
  .fab[data-icon]:empty[data-variant=tint-primary] {
    color: #00B3E3;
  }
  .fab[data-type=basic][data-variant=tint-primary][data-icon]::before,
  .fab[data-icon]:empty[data-variant=tint-primary][data-icon]::before {
    background-color: #00B3E3;
  }
  .fab[data-type=basic][data-variant=tint-secondary],
  .fab[data-icon]:empty[data-variant=tint-secondary] {
    color: #414042;
  }
  .fab[data-type=basic][data-variant=tint-secondary][data-icon]::before,
  .fab[data-icon]:empty[data-variant=tint-secondary][data-icon]::before {
    background-color: #414042;
  }
  .fab[data-type=basic][data-variant=tint-accent],
  .fab[data-icon]:empty[data-variant=tint-accent] {
    color: #FFD200;
  }
  .fab[data-type=basic][data-variant=tint-accent][data-icon]::before,
  .fab[data-icon]:empty[data-variant=tint-accent][data-icon]::before {
    background-color: #FFD200;
  }
  /*states*/
  body[data-state=scroll-end] .fab {
    transform: translateX(20em);
  }
}
@media screen {
  /*elements*/
  .form-label {
    display: block;
    margin-bottom: 0.25em;
    font-size: 1em;
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    color: #374151;
    text-wrap: balance;
  }
  .form-label a {
    color: #000000;
    text-decoration: underline !important;
  }
  .form-label strong {
    font-variation-settings: "wght" 400;
  }
  legend {
    font-size: 0.9em;
    font-weight: 600 !important;
    font-variation-settings: "wght" 600 !important;
    color: #374151;
    display: block;
    margin-bottom: 0.5em;
  }
  p.form-descripcion-text {
    margin: 0.5em 0 0 0.13em;
    font-size: 0.69em;
    color: #737373;
  }
  /*types natives*/
  .form-item input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=reset]):not([type=submit]),
  .form-item select,
  .form-item textarea {
    font-size: 1em;
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    min-height: 2.26em;
    text-align: left;
    color: #000000;
    border: 0.06em solid #d4d4d4;
    padding: 0.5em 1em;
    border-radius: 0.5em;
    width: 100%;
    background-color: #ffffff;
  }
  .form-item select option {
    color: #000000;
  }
  .form-item input[type=checkbox],
  .form-item input[type=radio] {
    width: 1.5em;
    height: 1.5em;
    background-color: #ffffff;
    border: 0.06em solid #d4d4d4;
  }
  .form-item input[type=checkbox] {
    border-radius: 0.25em;
  }
  .form-item input[type=checkbox]:checked {
    background: url("../img/icons/check.svg") no-repeat 50% 50%;
    background-size: 1em auto;
    border-color: #00B3E3;
  }
  .form-item input[type=checkbox]:checked + .form-label {
    color: #00B3E3 !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: #00B3E3;
  }
  .form-item input[type=radio]:checked + .form-label {
    color: #00B3E3 !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 #00B3E3;
    color: #00B3E3;
    background-color: #ffffff;
    border-radius: 0.5em;
    cursor: pointer;
    font-size: 1em;
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    line-height: 0;
    transition: all 0.3s ease-in-out;
  }
  .form-item textarea {
    height: 11.25em;
    border-radius: 0.5em !important;
  }
  /*types custom*/
  .form-item[data-type=icon] > span {
    position: relative;
    overflow: hidden;
    width: 100%;
    background-color: #ffffff;
    border: 0.06em solid #d4d4d4;
    border-radius: 0.5em;
    display: flex;
    align-items: center;
  }
  .form-item[data-type=icon] .icon {
    padding: 0.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.5em;
  }
  .form-item[data-type=date] span .button {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    width: 3em !important;
    aspect-ratio: unset;
    background-color: #ffffff;
    pointer-events: none;
  }
  .form-item[data-type=date] input[type=date] {
    border: 0 !important;
    border-radius: 0 !important;
    text-align: left !important;
  }
  .form-item[data-type=password] span {
    position: relative;
    overflow: hidden;
    display: flex;
    border: 0.06em solid #d4d4d4;
    border-radius: 0.5em;
  }
  .form-item[data-type=password] input {
    border: 0 !important;
    border-radius: 0 !important;
  }
  .form-item[data-type=password] .button::before {
    transform: scale(1);
  }
  .form-item[data-type=numeric] span {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    border: 0.06em solid #d4d4d4;
    border-radius: 0.5em;
  }
  .form-item[data-type=numeric] input[type=number] {
    border: 0 !important;
    border-radius: 0 !important;
    text-align: center !important;
  }
  .form-item[data-type=numeric] .button {
    border-radius: 0 !important;
  }
  .form-item[data-type=search] span {
    position: relative;
    overflow: hidden;
    display: flex;
    border: 0.06em solid #d4d4d4;
    border-radius: 0.5em;
  }
  .form-item[data-type=search] input[type=search] {
    border: 0 !important;
    border-radius: 0 !important;
    text-align: center;
  }
  .form-item[data-type=search] .button::before {
    transform: scale(1);
  }
  .form-item[data-type=segmented-control] {
    position: relative;
    display: inline-flex;
    justify-content: space-between;
    min-height: 2.26em;
    border: 0.06em solid #d4d4d4;
    border-radius: 0.5em;
    background-color: #ffffff;
  }
  .form-item[data-type=segmented-control] input[type=radio] {
    position: absolute;
    width: 0;
    height: 0;
    visibility: hidden;
    opacity: 0;
  }
  .form-item[data-type=segmented-control] .form-label {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25em;
    padding: 0.25em 1em;
    color: #525252;
    border: 0.06em solid transparent;
    margin-bottom: 0;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
  }
  .form-item[data-type=segmented-control] .form-label:empty {
    padding: calc(0.65em - 2px);
  }
  .form-item[data-type=segmented-control] input[type=radio]:checked + .form-label {
    color: #00B3E3 !important;
    border-color: #00B3E3;
    border-radius: 0.5em;
  }
  .form-item[data-type=segmented-control] input[type=radio]:checked + .form-label::before {
    background-color: #00B3E3 !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: #00B3E3;
  }
  .form-item[data-type=switch-control] input:checked + label:after {
    left: calc(100% - 0.13em);
    transform: translateX(-100%);
  }
  .form-item[data-type=switch-control] .form-label {
    margin-bottom: 0;
  }
  .form-item[data-type=file] label {
    display: flex;
    gap: 0.25em;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    min-height: 2.26em;
    border-radius: 0.5em;
    white-space: nowrap;
    min-height: 2.26em;
    padding: 0.5em 1em;
    border: 0.06em solid #00B3E3;
    cursor: pointer;
    font-family: "Poppins", Arial, sans-serif !important;
    font-size: 1em;
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    line-height: 0;
    color: #00B3E3;
    transition: all 0.3s ease-in-out;
  }
  .form-item[data-type=file] label::before {
    background-color: #00B3E3;
  }
  .form-item[data-type=file] input[type=file] {
    position: absolute;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    visibility: hidden;
    opacity: 0 !important;
  }
  input[type=submit][data-icon] {
    padding-left: 2.5em !important;
    padding-right: 1em !important;
    background-repeat: no-repeat;
    background-position: 1em 50%;
    background-size: 1em auto;
  }
  input[type=submit][data-icon=mail] {
    background-image: url("../img/icons/mail.svg");
  }
  /*sizes*/
  .form-label[data-size=small] {
    font-size: 0.9em;
    margin-bottom: 0.25em;
  }
  .form-label[data-size=x-small] {
    font-size: 0.75em;
    margin-bottom: 0.25em;
  }
  .form-label[data-size="2x-small"] {
    font-size: 0.69em;
    margin-bottom: 0.25em;
  }
  input[data-size=small],
  select[data-size=small] {
    font-size: 0.9em;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
  }
  input[data-size=short] {
    width: 4.4em !important;
  }
  .form-item[data-type=segmented-control][data-size=full] {
    display: flex !important;
    width: 100% !important;
  }
  .form-item[data-type=segmented-control][data-size=full] label {
    flex: 1;
  }
}
/*SELECT*/
@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
  select {
    padding-right: 2em;
    background: #ffffff url("../img/icons/chevron-down.svg") no-repeat calc(100% - 0.5em) 50%;
    background-size: 1.2em auto;
  }
}
/*hover*/
@media (hover: hover) and (pointer: fine) {
  input:not([disabled]):hover,
  select:not([disabled]):hover,
  textarea:not([disabled]):hover {
    background-color: #f3f4f6 !important;
  }
  input[type=submit]:hover {
    background-color: #171717 !important;
  }
}
/*focus*/
input:not([class=button]):focus,
textarea:not([disabled]):focus,
select:not([disabled]):focus,
.form-item[data-type=search]:focus-within > span,
.form-item[data-type=icon]:focus-within > span,
.form-item[data-type=password]:focus-within > span,
.form-item[data-type=date]:focus-within > span,
.form-item[data-type=numeric]:focus-within > span {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-color: #00B3E3 !important;
}

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

@media screen {
  .list > li {
    display: flex;
    font-size: 1em;
    line-height: 1.5em;
  }
  /*bullets*/
  *[data-bullet] {
    align-items: baseline;
  }
  ul.list[data-bullet] li::before,
  ul.list li[data-bullet]::before {
    flex: 0 0 auto;
    margin-right: 0.5em;
    font-size: 1em;
  }
  /*types bullets*/
  ul.list[data-bullet=dot] li::before,
  ul.list li[data-bullet=dot]::before {
    content: "•";
  }
  ul.list[data-bullet=diamond] li::before,
  ul.list li[data-bullet=diamond]::before {
    content: "◆";
  }
  /*icons*/
  ul.list[data-icon] > li::before,
  ul.list li[data-icon]::before {
    flex: 0 0 auto;
    display: block;
    background-color: #00B3E3;
  }
  /*icon bullet automatico*/
  ul.list[data-icon]::before {
    display: none;
  }
  /*icon bullet personalizado*/
  ul.list li[data-icon] {
    gap: 0.25em;
    align-items: first baseline;
  }
}
@media screen {
  .scrollbar {
    scrollbar-color: #a3a3a3 rgba(0, 0, 0, 0.2);
    scrollbar-width: thin;
    scroll-behavior: smooth;
  }
  /*effect*/
  .scrollbar[data-effect=smooth] {
    overflow-y: scroll;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen {
  .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 #000000;
    background-color: #000000;
    border-radius: 0;
    font-size: 1em;
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    color: #ffffff;
    text-box-trim: trim-both;
  }
  /*type - default*/
  .tag[data-type=solid] {
    color: #ffffff;
    background-color: #6b7280;
    border-color: #6b7280;
  }
  .tag[data-type=solid][data-icon]::before {
    background-color: #ffffff;
  }
  .tag[data-type=outline] {
    color: #6b7280;
    border-color: #6b7280;
    background-color: transparent;
  }
  .tag[data-type=outline][data-icon]::before {
    background-color: #6b7280;
  }
  .tag[data-type=basic] {
    color: #6b7280;
    border-color: transparent;
    background-color: transparent;
  }
  .tag[data-type=basic][data-icon]::before {
    background-color: #6b7280;
  }
  .tag[data-size="2x-small"] {
    font-size: 0.69em;
    padding: 0.16em;
    min-height: auto;
  }
  .tag[data-size=x-small] {
    font-size: 0.75em;
    padding: 0.16em 0.5em;
    min-height: auto;
  }
  .tag[data-size=small] {
    font-size: 0.9em;
  }
  .tag[data-size=medium] {
    font-size: 1.2em;
  }
  .tag[data-size=large] {
    font-size: 1.44em;
  }
  .tag[data-size=x-large] {
    font-size: 1.73em;
  }
  .tag[data-size="2x-large"] {
    font-size: 2.07em;
  }
  .tag[data-size="7x-large"] {
    font-size: 5.16em;
  }
  .tag[data-type=solid][data-variant=gray] {
    color: #374151;
    border-color: #e5e7eb;
    background-color: #e5e7eb;
  }
  .tag[data-type=solid][data-variant=gray]::before {
    background-color: #374151;
  }
  .tag[data-type=solid][data-variant=neutral] {
    color: #404040;
    border-color: #e5e5e5;
    background-color: #e5e5e5;
  }
  .tag[data-type=solid][data-variant=neutral]::before {
    background-color: #404040;
  }
  .tag[data-type=solid][data-variant=positive] {
    background-color: #ffffff;
    color: #000000;
    border-color: #ffffff;
  }
  .tag[data-type=solid][data-variant=positive][data-icon]::before {
    background-color: #000000;
  }
  .tag[data-type=solid][data-variant=negative] {
    background-color: #000000;
    color: #ffffff;
    border-color: #000000;
  }
  .tag[data-type=solid][data-variant=negative][data-icon]::before {
    background-color: #ffffff;
  }
  .tag[data-type=solid][data-variant=tint-primary] {
    background-color: #00B3E3;
    color: #ffffff;
    border-color: #00B3E3;
  }
  .tag[data-type=solid][data-variant=tint-primary][data-icon]::before {
    background-color: #ffffff;
  }
  .tag[data-type=solid][data-variant=tint-secondary] {
    background-color: #414042;
    color: #ffffff;
    border-color: #414042;
  }
  .tag[data-type=solid][data-variant=tint-secondary][data-icon]::before {
    background-color: #ffffff;
  }
  .tag[data-type=solid][data-variant=tint-accent] {
    background-color: #FFD200;
    color: #000000;
    border-color: #FFD200;
  }
  .tag[data-type=solid][data-variant=tint-accent][data-icon]::before {
    background-color: #ffffff;
  }
  .tag[data-type=outline][data-variant=gray] {
    color: #374151;
    border-color: #e5e7eb;
  }
  .tag[data-type=outline][data-variant=gray]::before {
    background-color: #374151;
  }
  .tag[data-type=outline][data-variant=neutral] {
    color: #404040;
    border-color: #e5e5e5;
  }
  .tag[data-type=outline][data-variant=neutral]::before {
    background-color: #404040;
  }
  .tag[data-type=outline][data-variant=positive] {
    color: #000000;
    border-color: #000000;
  }
  .tag[data-type=outline][data-variant=positive][data-icon]::before {
    background-color: #000000;
  }
  .tag[data-type=outline][data-variant=negative] {
    color: #ffffff;
    border-color: #ffffff;
  }
  .tag[data-type=outline][data-variant=negative][data-icon]::before {
    background-color: #ffffff;
  }
  .tag[data-type=outline][data-variant=tint-primary] {
    color: #00B3E3;
    border-color: #00B3E3;
  }
  .tag[data-type=outline][data-variant=tint-primary][data-icon]::before {
    background-color: #00B3E3;
  }
  .tag[data-type=outline][data-variant=tint-secondary] {
    color: #414042;
    border-color: #414042;
  }
  .tag[data-type=outline][data-variant=tint-secondary][data-icon]::before {
    background-color: #414042;
  }
  .tag[data-type=outline][data-variant=tint-accent] {
    color: #FFD200;
    border-color: #FFD200;
  }
  .tag[data-type=outline][data-variant=tint-accent][data-icon]::before {
    background-color: #FFD200;
  }
  .tag[data-type=ghost][data-variant=gray] {
    color: #374151;
    border-color: #e5e7eb;
  }
  .tag[data-type=ghost][data-variant=gray]::before {
    background-color: #374151;
  }
  .tag[data-type=ghost][data-variant=neutral] {
    color: #404040;
    border-color: #e5e5e5;
  }
  .tag[data-type=ghost][data-variant=neutral]::before {
    background-color: #404040;
  }
  .tag[data-type=ghost][data-variant=positive] {
    color: #000000;
    border-color: #000000;
  }
  .tag[data-type=ghost][data-variant=positive][data-icon]::before {
    background-color: #000000;
  }
  .tag[data-type=ghost][data-variant=negative] {
    color: #ffffff;
    border-color: #ffffff;
  }
  .tag[data-type=ghost][data-variant=negative][data-icon]::before {
    background-color: #ffffff;
  }
  .tag[data-type=ghost][data-variant=tint-primary] {
    color: #00B3E3;
    border-color: #00B3E3;
  }
  .tag[data-type=ghost][data-variant=tint-primary][data-icon]::before {
    background-color: #00B3E3;
  }
  .tag[data-type=ghost][data-variant=tint-secondary] {
    color: #414042;
    border-color: #414042;
  }
  .tag[data-type=ghost][data-variant=tint-secondary][data-icon]::before {
    background-color: #414042;
  }
  .tag[data-type=ghost][data-variant=tint-accent] {
    color: #FFD200;
    border-color: #FFD200;
  }
  .tag[data-type=ghost][data-variant=tint-accent][data-icon]::before {
    background-color: #FFD200;
  }
  .tag[data-type=basic][data-variant=gray],
  .tag[data-icon]:empty[data-variant=gray] {
    color: #374151;
  }
  .tag[data-type=basic][data-variant=gray]::before,
  .tag[data-icon]:empty[data-variant=gray]::before {
    background-color: #374151;
  }
  .tag[data-type=basic][data-variant=neutral],
  .tag[data-icon]:empty[data-variant=neutral] {
    color: #404040;
  }
  .tag[data-type=basic][data-variant=neutral]::before,
  .tag[data-icon]:empty[data-variant=neutral]::before {
    background-color: #404040;
  }
  .tag[data-type=basic][data-variant=positive],
  .tag[data-icon]:empty[data-variant=positive] {
    color: #000000;
  }
  .tag[data-type=basic][data-variant=positive][data-icon]::before,
  .tag[data-icon]:empty[data-variant=positive][data-icon]::before {
    background-color: #000000;
  }
  .tag[data-type=basic][data-variant=negative],
  .tag[data-icon]:empty[data-variant=negative] {
    color: #ffffff;
  }
  .tag[data-type=basic][data-variant=negative][data-icon]::before,
  .tag[data-icon]:empty[data-variant=negative][data-icon]::before {
    background-color: #ffffff;
  }
  .tag[data-type=basic][data-variant=tint-primary],
  .tag[data-icon]:empty[data-variant=tint-primary] {
    color: #00B3E3;
  }
  .tag[data-type=basic][data-variant=tint-primary][data-icon]::before,
  .tag[data-icon]:empty[data-variant=tint-primary][data-icon]::before {
    background-color: #00B3E3;
  }
  .tag[data-type=basic][data-variant=tint-secondary],
  .tag[data-icon]:empty[data-variant=tint-secondary] {
    color: #414042;
  }
  .tag[data-type=basic][data-variant=tint-secondary][data-icon]::before,
  .tag[data-icon]:empty[data-variant=tint-secondary][data-icon]::before {
    background-color: #414042;
  }
  .tag[data-type=basic][data-variant=tint-accent],
  .tag[data-icon]:empty[data-variant=tint-accent] {
    color: #FFD200;
  }
  .tag[data-type=basic][data-variant=tint-accent][data-icon]::before,
  .tag[data-icon]:empty[data-variant=tint-accent][data-icon]::before {
    background-color: #FFD200;
  }
  .tag[data-status] {
    color: #ffffff;
  }
  .tag[data-type=solid][data-status=success] {
    border-color: #3e9900;
    background-color: #3e9900;
  }
  .tag[data-type=solid][data-status=warning] {
    border-color: #E86427;
    background-color: #E86427;
  }
  .tag[data-type=solid][data-status=danger] {
    border-color: #D91F11;
    background-color: #D91F11;
  }
  .tag[data-type=solid][data-status=information] {
    border-color: #3b82f6;
    background-color: #3b82f6;
  }
  .tag[data-type=solid][data-variant=gray][data-status] {
    background-color: #e5e5e5;
    border-color: #e5e5e5;
  }
  .tag[data-type=solid][data-variant=gray][data-status=success] {
    color: #3e9900;
  }
  .tag[data-type=solid][data-variant=gray][data-status=success]::before {
    background-color: #3e9900;
  }
  .tag[data-type=solid][data-variant=gray][data-status=warning] {
    color: #E86427;
  }
  .tag[data-type=solid][data-variant=gray][data-status=warning]::before {
    background-color: #E86427;
  }
  .tag[data-type=solid][data-variant=gray][data-status=danger] {
    color: #D91F11;
  }
  .tag[data-type=solid][data-variant=gray][data-status=danger]::before {
    background-color: #D91F11;
  }
  .tag[data-type=solid][data-variant=gray][data-status=information] {
    color: #3b82f6;
  }
  .tag[data-type=solid][data-variant=gray][data-status=information]::before {
    background-color: #3b82f6;
  }
  .tag[data-type=outline][data-status=success] {
    color: #3e9900;
    border-color: #3e9900;
  }
  .tag[data-type=outline][data-status=success]::before {
    background-color: #3e9900;
  }
  .tag[data-type=outline][data-status=warning] {
    color: #E86427;
    border-color: #E86427;
  }
  .tag[data-type=outline][data-status=warning]::before {
    background-color: #E86427;
  }
  .tag[data-type=outline][data-status=danger] {
    color: #D91F11;
    border-color: #D91F11;
  }
  .tag[data-type=outline][data-status=danger]::before {
    background-color: #D91F11;
  }
  .tag[data-type=outline][data-status=information] {
    color: #3b82f6;
    border-color: #3b82f6;
  }
  .tag[data-type=outline][data-status=information]::before {
    background-color: #3b82f6;
  }
  .tag[data-type=ghost][data-status=success] {
    color: #3e9900;
    border-color: #3e9900;
  }
  .tag[data-type=ghost][data-status=success]::before {
    background-color: #3e9900;
  }
  .tag[data-type=ghost][data-status=warning] {
    color: #E86427;
    border-color: #E86427;
  }
  .tag[data-type=ghost][data-status=warning]::before {
    background-color: #E86427;
  }
  .tag[data-type=ghost][data-status=danger] {
    color: #D91F11;
    border-color: #D91F11;
  }
  .tag[data-type=ghost][data-status=danger]::before {
    background-color: #D91F11;
  }
  .tag[data-type=ghost][data-status=information] {
    color: #3b82f6;
    border-color: #3b82f6;
  }
  .tag[data-type=ghost][data-status=information]::before {
    background-color: #3b82f6;
  }
  .tag[data-type=basic][data-status=success],
  .tag[data-icon]:empty[data-status=success] {
    color: #3e9900;
  }
  .tag[data-type=basic][data-status=success]::before,
  .tag[data-icon]:empty[data-status=success]::before {
    background-color: #3e9900;
  }
  .tag[data-type=basic][data-status=warning],
  .tag[data-icon]:empty[data-status=warning] {
    color: #E86427;
  }
  .tag[data-type=basic][data-status=warning]::before,
  .tag[data-icon]:empty[data-status=warning]::before {
    background-color: #E86427;
  }
  .tag[data-type=basic][data-status=danger],
  .tag[data-icon]:empty[data-status=danger] {
    color: #D91F11;
  }
  .tag[data-type=basic][data-status=danger]::before,
  .tag[data-icon]:empty[data-status=danger]::before {
    background-color: #D91F11;
  }
  .tag[data-type=basic][data-status=information],
  .tag[data-icon]:empty[data-status=information] {
    color: #3b82f6;
  }
  .tag[data-type=basic][data-status=information]::before,
  .tag[data-icon]:empty[data-status=information]::before {
    background-color: #3b82f6;
  }
}
@media screen {
  #header-site {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 9990;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 0.5em 3em;
    text-align: left;
    border-radius: 0 0 2em 0;
  }
  #header-site-content {
    display: flex;
  }
  #header-site-logo {
    flex: 0 0 15em;
    padding: 0.5em;
    display: flex;
  }
  #header-site-logo a {
    display: flex;
    align-items: center;
  }
  #menus-site-group {
    flex: 1;
    display: flex;
    gap: 1.5em;
    justify-content: flex-end;
    align-items: center;
  }
}
@media (max-width: 1100px) {
  #header-site-logo {
    flex: 1;
    padding-inline: 0;
  }
  #header-site-logo a {
    width: 14em;
  }
  #menus-site-group {
    position: fixed;
    z-index: 9000;
    overflow: clip;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: safe center;
    gap: 1em;
    width: 100%;
    height: 0;
    padding: 0;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(5px);
    transition: height 0.5s ease-in-out;
  }
}
@media (max-width: 600px) {
  #header-site {
    padding-inline: 1.5em;
  }
  #header-site-logo {
    margin-left: 2em;
  }
  #menus-site-group {
    max-width: none;
  }
}
@media screen {
  a#menu-site-button {
    display: none;
  }
  #menu-site {
    display: flex;
    height: 100%;
    justify-content: flex-end;
  }
  #menu-site > li {
    flex: 0 0 auto;
    position: relative;
    height: 100%;
  }
  #menu-site > li a {
    font-size: 1.2em !important;
  }
  #menu-site > li > a {
    width: 100%;
    height: 100%;
    padding-block: 0 !important;
    min-height: auto !important;
    border-radius: 0 !important;
  }
  #menu-site .submenu {
    text-align: left;
  }
  #menu-site .submenu ul {
    position: absolute;
    overflow: clip;
    top: 100%;
    left: 0;
    text-align: left;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 100%;
    background: #ffffff;
    max-height: 0;
    transition: max-height 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  #menu-site .submenu li {
    display: block;
  }
  #menu-site .submenu a {
    text-align: left;
    justify-content: flex-start;
  }
  #menu-site .submenu ul a {
    font-size: 0.9em !important;
    border-radius: 0 !important;
    width: 100% !important;
  }
  #menu-site .submenu ul li:not(:last-child) a {
    border-bottom-color: #a3a3a3;
  }
  #menu-site .servicios-drop {
    display: none;
  }
  /*open*/
  #menu-site > li[data-state=open] > a {
    cursor: default !important;
    background-color: #414042 !important;
    color: #ffffff !important;
    border-bottom: 0.3em solid #FFD200;
  }
  #menu-site > li[data-state=open] > a:not([aria-current=page])::before {
    background-color: #ffffff;
  }
  #menu-site > li[data-state=open] ul {
    max-height: 18em;
  }
  /*select*/
  #menu-site > li > a[aria-current=page] {
    color: #00B3E3;
  }
  #menu-site > li > a[aria-current=page]::before {
    background-color: #00B3E3 !important;
  }
  #menu-site > li.submenu li a[aria-current=page] {
    color: #00B3E3;
  }
  /*......*/
  div[data-rel=home] li:has([data-link=home]) {
    display: none;
  }
}
@media (max-width: 1850px) {
  #menu-site .servicios-drop {
    display: block;
  }
  #menu-site .button.servicios {
    display: none;
  }
}
@media (max-width: 1100px) {
  a#menu-site-button {
    display: flex;
    position: absolute;
    z-index: 9900;
    top: 0.5em;
    left: 0;
  }
  #menu-site {
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    display: block;
    background-color: transparent;
  }
  #menu-site > li {
    width: 100%;
    height: auto;
    margin: 0;
    text-align: left;
    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;
  }
  #menu-site > li:nth-of-type(1) {
    transition-delay: 0s;
  }
  #menu-site > li:nth-of-type(2) {
    transition-delay: 0.15s;
  }
  #menu-site > li:nth-of-type(3) {
    transition-delay: 0.2s;
  }
  #menu-site > li:nth-of-type(4) {
    transition-delay: 0.25s;
  }
  #menu-site > li:nth-of-type(5) {
    transition-delay: 0.3s;
  }
  #menu-site > li:nth-of-type(6) {
    transition-delay: 0.35s;
  }
  #menu-site > li > a {
    display: flex;
    justify-content: flex-start !important;
    width: 100% !important;
    height: auto !important;
    padding: 0.5em 1em !important;
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 2.07em !important;
    white-space: normal !important;
  }
  #menu-site > li > a:empty {
    aspect-ratio: initial !important;
  }
  #menu-site .submenu {
    text-align: center;
  }
  #menu-site .submenu > a {
    justify-content: flex-end !important;
  }
  #menu-site .submenu ul {
    position: relative;
    top: 0;
    left: 0;
    height: auto;
    background-color: #ffffff;
  }
  #menu-site .submenu li {
    display: block;
  }
  #menu-site .submenu li a {
    font-size: 1.44em !important;
    padding-inline: 1.5em !important;
    text-align: left !important;
    justify-content: flex-start !important;
    border-bottom-color: #a3a3a3;
    white-space: normal !important;
  }
  /*open*/
  #menu-site > li.submenu[data-state=open] ul {
    max-height: 25em;
  }
  /*menumode*/
  body[data-state=menumode] {
    overflow: hidden;
  }
  body[data-state=menumode] #menus-site-group {
    height: 100vh;
    overflow: auto;
  }
  body[data-state=menumode] #menu-site > li {
    transform: translateY(-3em);
  }
  body[data-state=menumode][data-effect=progresive] #menu-site > li {
    opacity: 1;
    transform: translateY(0);
  }
  /*........*/
}
@media (max-width: 600px) {
  #menu-site {
    max-width: none;
  }
}
@media screen {
  #footer-site {
    margin-top: 4em;
    padding-bottom: 2em;
  }
  *[data-id=contacto] #footer-site {
    margin-top: 0;
  }
  #footer-site-top {
    background-color: #f2f2f2;
  }
  #footer-site-top a {
    color: #414042;
  }
  #section-banner-social {
    position: relative;
    display: flex;
    width: 100%;
    height: auto;
    max-height: 10em;
  }
  #section-banner-social .section-txt {
    flex: 1;
    display: flex;
    gap: 1em;
    padding: 4em;
    align-items: center;
  }
  #section-banner-social .section-icon {
    flex: 0 0 auto;
    width: 6em;
  }
  #section-banner-social .section-title {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 1.44em;
    text-wrap: balance;
  }
  #section-banner-social .section-leyend {
    font-size: 1.2em;
    color: #00B3E3;
  }
  #section-banner-social .section-photo {
    flex: 1;
  }
  #section-banner-social .section-photo figure {
    position: relative;
    width: 100%;
    height: 100%;
  }
  #section-banner-social .section-photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: none;
  }
  #footer-site-middle {
    background-color: #414042;
    padding-block: 6em;
  }
  #footer-site-middle .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #footer-site-middle .section-logo {
    margin-bottom: 1.5em;
  }
  #footer-site-middle .section-title {
    font-size: 2.49em;
    color: #ffffff;
    text-align: center;
  }
  #footer-site-middle .section-title strong {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
  }
  #footer-site-middle .section-description {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    text-align: center;
    font-size: 1.44em;
    color: #ffffff;
    text-wrap: balance;
  }
  #footer-site-middle .section-acciones {
    width: 80%;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.5em;
    margin: 2em auto 0 auto;
  }
  #footer-site-middle .section-acciones .button {
    flex: 1;
  }
  #footer-site-middle .section-acciones #button-wapp {
    flex: 0 0 100%;
    width: 100%;
    background-color: #1BD741;
    border-color: #1BD741;
  }
  #footer-site-bottom {
    padding-block: 1em;
  }
  #footer-site-legal {
    display: flex;
    flex-wrap: wrap;
  }
  #footer-site-copy {
    flex: 1;
    font-size: 0.75em;
    text-align: left;
    text-wrap: balance;
  }
  #footer-site-legal a {
    color: #000000;
  }
  p#CreacionUno {
    font-family: Arial, sans-serif;
    font-size: 10px;
    text-align: right;
  }
}
/*HOVER EFFECTS*/
@media (hover: hover) and (pointer: fine) {
  #footer-site-middle #button-wapp:hover {
    background-color: #0B8F26;
  }
}
@media (max-width: 1450px) {
  #section-banner-social .section-title {
    font-size: 1.2em;
  }
}
@media (max-width: 1350px) {
  #section-banner-social {
    max-height: none;
  }
  #section-banner-social .section-icon {
    width: 3em;
    align-self: flex-start;
  }
  #footer-site-middle .wrapper {
    max-width: 40em !important;
  }
}
@media (max-width: 700px) {
  #section-banner-social {
    flex-direction: column-reverse;
  }
  #section-banner-social .section-txt {
    flex: 0 0 auto;
    padding: 2em;
  }
  #section-banner-social .section-title, #section-banner-social .section-leyend {
    font-size: 1em;
  }
  #section-banner-social .section-photo {
    flex: 0 0 auto;
    height: 9em;
  }
  #footer-site-middle .section-title {
    font-size: 1.73em;
    line-height: 1;
    text-wrap: balance;
    margin-bottom: 0.5em;
  }
  #footer-site-middle .section-description {
    font-size: 1em;
  }
}
@media (max-width: 600px) {
  #section-banner-social .section-txt {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
  #section-banner-social .section-icon {
    align-self: unset;
  }
  #section-banner-social .section-txt > div {
    text-align: center;
  }
  #footer-site-legal {
    flex-direction: column;
    gap: 1em;
  }
  #footer-site-copy,
  p#CreacionUno {
    text-align: center;
  }
}
@media screen {
  .hero-institucional {
    position: relative;
    overflow: hidden;
    border-radius: 1em;
    width: calc(100% - 3em - 3em);
    margin: 0 auto;
  }
  .hero-institucional .wrapper {
    display: flex;
    align-items: flex-end;
  }
  .hero-institucional .hero-text {
    padding-block: 6em;
  }
  .hero-institucional .hero-title {
    position: relative;
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 3.58em;
    line-height: 0.9;
    color: #414042;
  }
  .hero-institucional .hero-title::before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 5px;
    display: block;
    background-color: #00B3E3;
  }
  .hero-institucional .hero-background {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .hero-institucional .hero-background picture {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
  }
  .hero-institucional .hero-background img {
    max-width: none;
    max-height: 100%;
  }
}
@media (max-width: 1500px) {
  .hero-institucional .hero-background img {
    transform: translateX(3em);
  }
}
@media (max-width: 1300px) {
  .hero-institucional {
    width: calc(100% - 2em - 2em);
  }
  .hero-institucional .hero-title {
    font-size: 3em;
  }
}
@media (max-width: 1100px) {
  .hero-institucional .hero-text {
    padding-block: 3em;
  }
  .hero-institucional .hero-title {
    font-size: 3em;
  }
}
@media (max-width: 950px) {
  .hero-institucional .hero-title {
    font-size: 2.07em;
  }
}
@media (max-width: 800px) {
  .hero-institucional .wrapper {
    padding-block: 12em 0;
    padding-inline: 0;
  }
  .hero-institucional .hero-text {
    padding: 1em 1em 1em 0;
    background-color: #ffffff;
  }
  .hero-institucional .hero-background picture {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    display: block;
  }
  .hero-institucional .hero-background img {
    max-height: none;
    max-width: 100%;
    transform: translate(0, -5em);
  }
}
@media (max-width: 500px) {
  .hero-institucional {
    width: calc(100% - 1.5em - 1.5em);
  }
}
@media (max-width: 450px) {
  .hero-institucional .hero-background img {
    transform: none;
  }
}
@media screen {
  .hero-servicio {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 30em;
    display: flex;
    align-items: flex-end;
  }
  .hero-servicio .wrapper {
    position: relative;
    z-index: 200;
    flex: 1;
    padding-bottom: 3em;
  }
  .hero-servicio .hero-text {
    display: flex;
    align-items: flex-end;
    gap: 3em;
    width: 100%;
  }
  .hero-servicio .hero-text > div:first-child {
    flex: 0 0 auto;
    max-width: 41em;
  }
  .hero-servicio .hero-text > div:last-child {
    flex: 1;
  }
  .hero-servicio .hero-pre-title {
    display: inline-block;
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 1.44em;
    line-height: 1.1;
    color: #ffffff;
  }
  .hero-servicio .hero-title {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 7em;
    line-height: 0.9;
    color: #ffffff;
  }
  .hero-servicio .hero-decription {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    color: #111827;
    font-size: 1.2em;
    line-height: 1.3;
    color: #ffffff;
    text-wrap: balance;
  }
  .hero-servicio .hero-background {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  .hero-servicio .hero-background::before {
    content: "";
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  }
  .hero-servicio .hero-background picture {
    width: 100%;
    height: 100%;
  }
  .hero-servicio .hero-background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: none !important;
  }
  /*type*/
  .hero-servicio:has(.hero-text > div:last-child:empty) .hero-text > div:first-child {
    flex: 1;
    max-width: none;
  }
  .hero-servicio:has(.hero-text > div:last-child:empty) .hero-text > div:last-child {
    flex: 0;
  }
  *[data-id=servicios-consultoria] .hero-background img {
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
  }
}
@media (max-width: 1100px) {
  .hero-servicio {
    justify-content: flex-end;
  }
  .hero-servicio .hero-text {
    flex-direction: column;
    align-items: flex-start;
    gap: 1em;
  }
  .hero-servicio .hero-text > div:last-child {
    flex: 0 0 auto;
  }
}
@media (max-width: 800px) {
  *[data-id=productos-consultores] .banner-servicios .banner-background img {
    -o-object-position: 50% 35% !important;
       object-position: 50% 35% !important;
  }
}
@media (max-width: 700px) {
  .hero-servicio .hero-title {
    font-size: 3em;
    line-height: 1.1;
  }
}
@media screen {
  .hero-producto {
    padding-block: 4em 2em;
    background: url(../img/hero/internas/background-productos.jpg) no-repeat 0 0;
    background-size: cover;
  }
  .hero-producto .wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1.5em;
  }
  .hero-producto .hero-text {
    display: flex;
    align-items: flex-end;
    gap: 3em;
    width: 100%;
  }
  .hero-producto .hero-text > div:first-child {
    flex: 0 0 auto;
  }
  .hero-producto .hero-text > div:last-child {
    flex: 1;
  }
  .hero-producto .hero-pre-title {
    display: inline-block;
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 1.44em;
    line-height: 1.1;
    color: #00B3E3;
  }
  .hero-producto .hero-title {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 4.3em;
    line-height: 0.9;
    color: #414042;
  }
  .hero-producto .hero-decription {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    color: #111827;
    font-size: 1.2em;
    line-height: 1.3;
    text-wrap: balance;
  }
  .hero-producto .hero-decription strong {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  .hero-producto .hero-photo {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 1em;
  }
  .hero-producto .hero-photo picture {
    width: 100%;
    height: 100%;
  }
  .hero-producto .hero-photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: none !important;
  }
}
@media (max-width: 950px) {
  .hero-producto .hero-decription {
    font-size: 1em;
    line-height: 1.4;
  }
}
@media (max-width: 800px) {
  .hero-producto .hero-text {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5em;
  }
}
@media (max-width: 600px) {
  .hero-producto .hero-title {
    font-size: 3em;
  }
}
@media screen {
  .hero-contacto {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 3.5em;
  }
  .hero-contacto .wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding-bottom: 3em;
  }
  .hero-contacto .hero-text {
    flex: 1;
    padding-right: 4em;
    display: flex;
    flex-direction: column;
    gap: 0.5em;
  }
  .hero-contacto .hero-title {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 3.58em;
    line-height: 0.9;
    color: #ffffff;
  }
  .hero-contacto .hero-description {
    font-size: 1.44em;
    line-height: 1.2;
    color: #ffffff;
  }
  .hero-contacto .hero-form {
    flex: 0 0 auto;
    width: 30em;
    padding: 2.5em;
    background-color: #ffffff;
    border-radius: 1em;
  }
  .hero-contacto .hero-background {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
  }
  .hero-contacto .hero-background picture {
    width: 100%;
    height: 100%;
    opacity: 0.7;
  }
  .hero-contacto .hero-background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: none !important;
  }
  *[data-id=unase] .hero-contacto .hero-background img {
    -o-object-position: 50% 0;
       object-position: 50% 0;
  }
}
@media (max-width: 990px) {
  .hero-contacto .wrapper {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 2em;
    padding-inline: 1em;
  }
  .hero-contacto .hero-text {
    flex: 0 0 auto;
    width: 100%;
    max-width: 30em;
    padding-inline: 1.5em;
  }
  .hero-contacto .hero-description {
    font-size: 1.2em;
  }
  .hero-contacto .hero-form {
    flex: 0 0 auto;
    width: 100%;
    max-width: 30em;
    padding-inline: 1.5em;
  }
  *[data-id=unase] .hero-contacto .hero-background img {
    background-color: red;
  }
}
@media (max-width: 800px) {
  .hero-text:empty {
    min-height: 7em;
  }
}
@media screen {
  #section-paso-paso .wrapper {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    gap: 1em;
    align-items: center;
    width: 100%;
    padding: 4em 3em;
    border-radius: 1em;
    background-color: #00B3E3;
    transition: box-shadow 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  #section-paso-paso .section-header {
    flex: 0 0 auto;
    width: 17em;
  }
  #section-paso-paso h2 {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 1.73em;
    color: #ffffff;
    margin-bottom: 0.5em;
  }
  #section-paso-paso .tag {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    padding: 0.75em 1em !important;
    transition: scale 0.3s ease-in-out;
  }
  #section-paso-paso .section-body {
    flex: 1;
  }
  #section-paso-paso .list-pasos {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
  }
  #section-paso-paso .list-pasos li {
    flex: 1;
    text-align: center;
  }
  #section-paso-paso .list-pasos figure {
    width: 6em;
    margin: 0 auto 0.5em auto;
  }
  #section-paso-paso .list-pasos p {
    font-size: 1.2em;
    text-align: center;
    color: #ffffff;
  }
}
/*HOVER EFFECTS*/
@media (hover: hover) and (pointer: fine) {
  #section-paso-paso .wrapper:hover {
    box-shadow: 0 5px 15px 5px rgba(0, 0, 0, 0.35);
  }
  #section-paso-paso .wrapper:hover .tag {
    scale: 1.2;
  }
}
@media (max-width: 1300px) {
  #section-paso-paso {
    padding-inline: 2em;
  }
}
@media (max-width: 1023px) {
  #section-paso-paso .wrapper {
    flex-direction: column-reverse;
    gap: 1em;
  }
  #section-paso-paso .section-header,
  #section-paso-paso .section-body {
    flex: 0 0 auto;
    width: 100%;
  }
  #section-paso-paso .section-header {
    text-align: center;
  }
  #section-paso-paso .tag {
    width: 100%;
    display: flex;
  }
}
@media (max-width: 700px) {
  #section-paso-paso .wrapper {
    gap: 2em;
  }
  #section-paso-paso .list-pasos li:last-child {
    flex: 1 1 100%;
  }
}
@media (max-width: 500px) {
  #section-paso-paso {
    padding: 1em;
  }
  #section-paso-paso .list-pasos {
    gap: 2em;
  }
}
@media screen {
  div[data-rel=answer-form] main {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
  }
  .status-message .wrapper {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35em;
  }
  .status-message .status-message-title {
    font-size: 2.07em;
    text-align: center;
  }
  .status-message .status-message-description {
    font-size: 1.2em;
    color: #4b5563;
    text-align: center;
    margin-bottom: 1em;
  }
  /*status text*/
  p[data-status=information] {
    color: #3b82f6;
  }
  p[data-status=success] {
    color: #3e9900;
  }
  p[data-status=warning] {
    color: #E86427;
  }
  p[data-status=danger] {
    color: #D91F11;
  }
}
@media screen {
  #section-intro {
    padding-block: 6.5em;
  }
  #section-intro .section-header .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1em;
  }
  #section-intro .section-pretitle {
    font-size: 1.2em;
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    color: #00B3E3;
  }
  #section-intro .section-title {
    text-align: center;
    font-size: 2.49em;
    line-height: 1.3;
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    color: #414042;
  }
  #section-intro .section-title strong {
    color: #00B3E3;
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
  }
  #section-intro .section-body {
    width: 100%;
    margin-top: 2em;
  }
  #section-intro .section-body .wrapper {
    max-width: 85em !important;
  }
  #section-avales .wrapper {
    display: flex;
    gap: 1em;
    flex-wrap: wrap;
    align-items: center;
  }
  #section-avales .section-logo {
    flex: 0 0 auto;
    width: 10em;
  }
  #section-avales .section-txt {
    flex: 1;
    font-size: 1.44em;
    line-height: 1.5;
    color: #414042;
  }
  #section-avales .section-txt strong {
    color: #00B3E3;
  }
  #section-valores {
    padding-block: 3em;
  }
  #section-valores .wrapper {
    max-width: 85em !important;
  }
  #section-metricas {
    width: 100%;
    padding-block: 6em;
    background: url(../img/section/background-smoke.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  #section-metricas .wrapper {
    text-align: center;
  }
  #section-access-productos {
    padding-block: 3em 1.5em;
  }
  #section-access-productos .list-card-productos {
    display: grid;
    gap: 0.5em;
    grid-template-columns: repeat(auto-fill, minmax(14em, 1fr));
    width: 100%;
  }
}
@media (max-width: 1500px) {
  #section-intro .section-body .wrapper {
    padding-inline: 2em;
  }
  #section-valores .wrapper {
    padding-inline: 2em;
  }
}
@media (max-width: 1300px) {
  #section-access-productos .list-card-productos {
    grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));
  }
}
@media (max-width: 600px) {
  #section-intro {
    padding-block: 3.5em 2em;
  }
  #section-intro .section-pretitle {
    font-size: 1em;
  }
  #section-intro .section-title {
    font-size: 1.2em;
  }
  #section-avales {
    padding-block: 2em;
  }
  #section-avales .wrapper {
    flex-direction: column;
    gap: 0;
  }
  #section-avales .section-txt {
    font-size: 1.2em;
    text-align: center;
  }
  #section-valores {
    padding-block: 2em 0;
  }
  #section-metricas figure {
    padding-inline: 2em;
  }
}
@media screen {
  *[data-id=conozcanos] .hero-background img {
    background-color: #E1EFF3;
  }
  .section-destacado-primary {
    width: 100%;
    padding: 1.5em 2em;
    margin-block: 2em;
    border: 0.06em solid #00B3E3;
    border-radius: 1em;
  }
  .section-destacado-primary .section-txt {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 1.44em;
    color: #00B3E3;
  }
  #section-nuestros-valores {
    padding-block: 3em 5em;
  }
  #section-nuestros-valores .section-header {
    padding-bottom: 1em;
  }
  #section-nuestros-valores .section-header-title {
    font-size: 2.07em;
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    color: #00B3E3;
  }
  #section-nuestros-valores .section-list {
    display: grid;
    gap: 3em 2em;
    grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));
    width: 100%;
  }
  #section-nuestros-valores .section-list li {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
  }
  #section-nuestros-valores .section-list-photo {
    position: relative;
    overflow: hidden;
    border-radius: 1em;
    margin-bottom: 1em;
  }
  #section-nuestros-valores .section-list-title {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    font-size: 1.73em;
    line-height: 1;
    color: #00B3E3;
  }
  #section-nuestros-valores .section-list-txt {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    color: #414042;
    text-wrap: balance;
  }
  #section-staff {
    display: flex;
    flex-direction: column;
    gap: 1em;
  }
  #section-staff .section-header-title {
    font-size: 2.07em;
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    color: #00B3E3;
  }
  #section-staff .section-header-txt {
    color: #414042;
  }
  #section-staff .section-list {
    width: 100%;
    display: grid;
    gap: 1.5em;
    grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));
    margin-block: 2em;
  }
  #section-staff .section-list .card-staff {
    max-width: 25em;
  }
  .section-destacado-secondary {
    width: 100%;
    padding: 1.5em 2em;
    margin-block: 2em;
    border: 0.06em solid #6b7280;
    border-radius: 1em;
  }
  .section-destacado-secondary .section-txt {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 1.44em;
    color: #6b7280;
  }
}
@media (max-width: 1300px) {
  *[data-id=conozcanos] #section-intro-servicio .section-txt {
    font-size: 1.2em;
  }
}
@media (max-width: 950px) {
  *[data-id=conozcanos] #section-intro-servicio {
    padding-block: 1em;
  }
  *[data-id=conozcanos] #section-intro-servicio .section-txt {
    font-size: 1em;
  }
  *[data-id=conozcanos] .section-info-destacada .section-title {
    font-size: 1.44em !important;
  }
  *[data-id=conozcanos] .section-destacado-primary .section-txt,
  *[data-id=conozcanos] .section-destacado-secondary .section-txt {
    font-size: 1em !important;
  }
  *[data-id=conozcanos] #section-nuestros-valores .section-header-title {
    font-size: 1.73em;
  }
  *[data-id=conozcanos] #section-nuestros-valores .section-header-txt {
    line-height: 1.5;
  }
  *[data-id=conozcanos] #section-staff .section-header-title {
    font-size: 1.73em;
  }
  *[data-id=conozcanos] #section-staff .section-header-txt {
    font-size: 0.9em;
  }
}
@media (max-width: 900px) {
  #section-staff .section-header {
    padding-inline: 0;
  }
}
@media (max-width: 800px) {
  *[data-id=conozcanos] #section-intro-servicio {
    padding-block: 2em;
  }
  .section-destacado-primary,
  .section-destacado-secondary {
    margin-top: 0;
  }
}
@media (max-width: 600px) {
  #section-nuestros-valores {
    padding-block: 2em 1.5em;
  }
  #section-nuestros-valores .section-list {
    gap: 2em;
  }
  #section-nuestros-valores .section-list-title {
    font-size: 1.44em;
    padding-inline: 0.5rem;
  }
  #section-nuestros-valores .section-list-txt {
    padding-inline: 0.5rem;
    line-height: 1.5;
  }
  #section-staff {
    margin-top: 3em;
  }
  #section-staff .section-list {
    gap: 0.5em;
  }
}
@media screen {
  #section-caracteristicas {
    padding-block: 4em;
  }
  #section-caracteristicas .wrapper {
    display: flex;
    flex-direction: column;
    gap: 1em;
  }
  #section-caracteristicas .section-title {
    font-size: 1.73em;
    color: #414042;
  }
  #producto-data {
    display: flex;
    gap: 2em;
    flex-wrap: wrap;
    width: 100%;
  }
  #producto-data .sub-section-block {
    flex: 1;
  }
  #producto-data .sub-section-block:not(:last-child) {
    padding-right: 2em;
    border-right: 0.06em solid #d4d4d4;
  }
  #producto-data .sub-section-block:first-child {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 1em;
  }
  #producto-data .sub-section-block:first-child figure {
    flex: 0 0 auto;
    width: 8em;
  }
  #producto-data .sub-section-block:first-child img {
    border-radius: 1em;
  }
  #producto-data .sub-section-block:first-child > div {
    flex: 1;
  }
  #producto-data .sub-section-title {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 1.2em;
    color: #414042;
  }
  #producto-data .sub-section-txt {
    font-size: 0.75em;
    color: #414042;
  }
  #producto-data .sub-section-higthligth .sub-section-title {
    font-size: 1.44em;
  }
  #producto-data .sub-section-higthligth .sub-section-txt {
    font-size: 1em;
  }
  #gn-flama {
    position: relative;
    overflow: hidden;
    border-radius: 1em;
    margin-block: 2em 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  #gn-flama .sub-section-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #gn-flama .sub-section-title {
    font-size: 1.2em;
    line-height: 1.2;
  }
  #gn-flama .sub-section-txt {
    font-size: 0.9em;
  }
  #gn-flama #gn-flama-amarilla {
    text-align: right;
    padding-left: 2em;
    background: linear-gradient(to right, #FFD200, #B5C943);
  }
  #gn-flama #gn-flama-amarilla .sub-section-title,
  #gn-flama #gn-flama-amarilla .sub-section-txt {
    color: #414042;
  }
  #gn-flama #gn-flama-azul {
    padding-right: 2em;
    background: linear-gradient(to right, #06B4DF, #00B3E3);
  }
  #gn-flama #gn-flama-azul .sub-section-title,
  #gn-flama #gn-flama-azul .sub-section-txt {
    color: #ffffff;
  }
  #gn-flama .sub-section-photo {
    flex: 0 0 auto;
  }
  #section-ventajas-practicas {
    padding-block: 1.5em 3em;
  }
  #section-ventajas-practicas .section-list {
    display: grid;
    gap: 3em;
    grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));
    width: 100%;
  }
  #section-ventajas-practicas .section-list li:not(:first-child) {
    display: flex;
    flex-direction: column;
  }
  #section-ventajas-practicas .section-list-title {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 100;
    font-variation-settings: "wght" 100;
    font-size: 3.58em;
    line-height: 1;
  }
  #section-ventajas-practicas .section-list-title span {
    color: #00B3E3;
  }
  #section-ventajas-practicas .section-list-subtitle strong {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 1.44em;
    color: #00B3E3;
  }
  #section-ventajas-practicas .section-icon {
    width: 2em;
    margin-bottom: 0.75em;
  }
  #section-ventajas-practicas .section-list-txt {
    color: #414042;
  }
  #section-ventajas-practicas .section-list-txt strong {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  *[data-id=productos-gn] #section-ventajas-practicas .section-list li:last-child {
    grid-column: 2/4;
  }
  *[data-id=productos-consultores] #section-como-hacemos {
    padding-block: 3em;
  }
  *[data-id=productos-consultores] #banner-servicios .banner-pretitle {
    color: #ffffff !important;
  }
  #section-banners .wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
  }
  #section-banners a {
    display: block;
  }
}
@media (max-width: 1100px) {
  #producto-data .sub-section-block {
    border: none !important;
  }
  #producto-data .sub-section-block:first-child {
    border-right: 0.06em solid #d4d4d4 !important;
  }
  #producto-data #sub-section-combustion {
    flex: 1 1 100%;
  }
  #gn-flama .sub-section-txt {
    font-size: 0.75em;
  }
  #section-ventajas-practicas .section-list {
    grid-template-columns: repeat(auto-fill, minmax(14em, 1fr));
    gap: 1.5em 2.5em;
  }
  #section-ventajas-practicas .section-list li:first-child {
    grid-column: 1/4;
  }
  #section-ventajas-practicas .section-list li:last-child {
    grid-column: 1/2;
  }
}
@media (max-width: 800px) {
  #gn-flama {
    flex-direction: column;
    gap: 0;
    width: 100%;
    max-width: 17.5em;
  }
  #gn-flama #gn-flama-amarilla {
    order: 2;
    flex: 0 0 auto;
    text-align: left;
    padding: 2em;
  }
  #gn-flama .sub-section-photo {
    order: 1;
    flex: 0 0 auto;
    width: 100%;
    text-align: center;
  }
  #gn-flama .sub-section-photo img {
    margin: 0 auto;
  }
  #gn-flama #gn-flama-azul {
    order: 23;
    flex: 0 0 auto;
    padding: 2em;
  }
  *[data-id=productos-consultores] #section-como-hacemos .section-txt {
    font-size: 1.2em !important;
  }
  *[data-id=productos-consultores] #section-como-hacemos .section-highlight {
    font-size: 1.2em !important;
  }
}
@media (max-width: 700px) {
  #section-caracteristicas .wrapper {
    gap: 0.5em;
  }
  #producto-data {
    flex-direction: column;
    gap: 3em;
    margin-bottom: 0;
  }
  #producto-data .sub-section-block {
    padding-right: 0 !important;
  }
  #producto-data .sub-section-block:first-child {
    border: none !important;
  }
  #section-ventajas-practicas {
    padding-bottom: 0;
  }
  #section-ventajas-practicas .section-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 2em;
  }
  #section-ventajas-practicas .section-list:first-child {
    margin-bottom: 1em;
  }
  #section-ventajas-practicas .section-list-title {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 2.49em;
  }
  #section-ventajas-practicas .section-list-txt {
    font-size: 0.9em;
  }
  *[data-id=productos-consultores] #section-ventajas-practicas .wrapper {
    padding-top: 2em;
  }
  *[data-id=productos-consultores] #section-como-hacemos {
    padding-block: 1.5em;
  }
}
@media screen {
  #section-intro-servicio {
    padding-block: 4em;
  }
  #section-intro-servicio .section-title {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 2.49em;
    line-height: 1.3;
    color: #00B3E3;
    margin-bottom: 0.5em;
  }
  #section-intro-servicio .section-txt {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 1.44em;
    color: #414042;
  }
  #section-intro-servicio .section-txt strong {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
  }
  .section-info-destacada {
    position: relative;
    width: 100%;
    padding-block: 2em;
  }
  .section-info-destacada .wrapper {
    position: relative;
    display: flex;
    gap: 2em;
    align-items: center;
  }
  .section-info-destacada .section-txt {
    flex: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.75em;
  }
  .section-info-destacada .section-title {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 2.49em;
    line-height: 1.2;
    color: #00B3E3;
  }
  .section-info-destacada .section-description {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 1em;
    line-height: 1.5em;
    color: #414042;
    text-wrap: initial;
  }
  .section-info-destacada .section-description strong {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  .section-info-destacada .section-photo {
    flex: 1.5;
  }
  .section-info-destacada .section-photo figure {
    position: relative;
    overflow: hidden;
    width: 100%;
  }
  .section-info-destacada .section-photo img {
    border-radius: 1em;
  }
  .section-info-destacada[data-layout=reverse] .wrapper {
    flex-direction: row-reverse;
  }
  .section-experiencia-servicios {
    padding-bottom: 2em;
  }
  .section-experiencia-servicios .section-title {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 2.07em;
    line-height: 1.2;
    color: #00B3E3;
    margin-bottom: 0.75em;
  }
  #section-nuestros-servicios {
    padding-block: 3em;
  }
  #section-nuestros-servicios .wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
  }
  #section-nuestros-servicios .section-title {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 2.49em;
    line-height: 1.2;
    color: #00B3E3;
  }
  #section-nuestros-servicios .section-body {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
  }
  #section-nuestros-servicios .card-valores .card-title {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 2.07em;
    line-height: 1.2;
    margin-bottom: 0.5em;
  }
  #section-nuestros-servicios .card-valores .card-title span {
    background: url(../img/section/internas/highlight.png) round no-repeat left bottom;
    background-size: auto 5px;
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
  }
  #section-nuestros-servicios .card-valores .card-description {
    font-size: 1em;
    text-wrap: auto;
  }
  #section-como-hacemos {
    margin-block: 3em 2em;
  }
  #section-como-hacemos .wrapper {
    display: flex;
    flex-direction: column;
    gap: 1em;
  }
  #section-como-hacemos .section-title {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size: 2.49em;
    line-height: 1.2;
    color: #00B3E3;
  }
  #section-como-hacemos .section-title-secondary {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 2.07em;
    color: #414042;
  }
  #section-como-hacemos .section-subtitle {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 1.2em;
    line-height: 1.3;
    color: #414042;
    margin-top: 0.5em;
  }
  #section-como-hacemos .section-txt {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 1.44em;
    color: #414042;
    margin-block: 0.25em;
  }
  #section-como-hacemos .section-pre-highlight {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 1.44em;
    color: #00B3E3;
  }
  #section-como-hacemos .section-highlight {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size: 1.44em;
    color: #414042;
  }
  #section-como-hacemos strong.strong-brand-primary {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 600;
    font-variation-settings: "wght" 600;
  }
  #section-como-hacemos .section-process-list {
    display: grid;
    gap: 2em;
    grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));
    width: 100%;
    margin-block: 1em 2em;
  }
  #section-como-hacemos .section-process-list > li {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
  }
  #section-como-hacemos .section-process-list li p {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
  }
  #section-como-hacemos .section-process-list strong {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
  }
  #section-como-hacemos .section-process-list .section-process-sub-list {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
  }
  #section-como-hacemos .section-process-list .section-process-sub-list li {
    font-size: 0.9em;
    color: #414042;
    padding-left: 1.5em;
    background: url("../img/icons/specials/dot-outline-spacial.svg") no-repeat 0 0.25em;
    background-size: 1em auto;
  }
  #section-como-hacemos .section-process-list .section-process-list-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    width: 100%;
    max-width: 23em;
    padding-block: 0.5em;
  }
  #section-como-hacemos .section-process-list[data-layout=flexible] {
    grid-template-columns: repeat(auto-fill, minmax(25em, 1fr));
  }
}
@media (max-width: 1100px) {
  #section-intro-servicio .section-txt {
    font-size: 1.2em;
    line-height: 1.5;
  }
}
@media (max-width: 800px) {
  #section-intro-servicio {
    padding-block: 2.5em;
  }
  .section-info-destacada,
  .section-info-destacada[data-layout=reverse] {
    padding-top: 2em;
  }
  .section-info-destacada .wrapper,
  .section-info-destacada[data-layout=reverse] .wrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 1em;
  }
  .section-info-destacada .section-title,
  .section-info-destacada[data-layout=reverse] .section-title {
    font-size: 2.07em;
  }
  .section-info-destacada .section-txt,
  .section-info-destacada[data-layout=reverse] .section-txt {
    flex: 0 0 auto;
  }
  .section-info-destacada .section-description,
  .section-info-destacada[data-layout=reverse] .section-description {
    line-height: 1.5;
  }
  .section-info-destacada .section-photo,
  .section-info-destacada[data-layout=reverse] .section-photo {
    flex: 0 0 auto;
    width: 12em;
  }
  #section-nuestros-servicios {
    padding-bottom: 1em !important;
  }
  #section-nuestros-servicios .section-title {
    font-size: 2.07em;
  }
  #section-como-hacemos .section-txt {
    font-size: 1em;
  }
  #section-como-hacemos .section-highlight {
    font-size: 1.2em;
    margin-top: 1em;
  }
}
@media (max-width: 600px) {
  #section-nuestros-servicios .card-valores .card-title {
    font-size: 1.73em;
  }
  #section-como-hacemos .section-title {
    font-size: 2.07em;
  }
  #section-como-hacemos .section-title-secondary {
    font-size: 1.73em;
  }
  #section-como-hacemos .section-process-list[data-layout=flexible] {
    display: flex;
    flex-direction: column;
    gap: 1em;
  }
  *[data-id=servicios-glp] #section-intro-servicio .section-title {
    font-size: 2.07em;
  }
  *[data-id=servicios-glp] .section-experiencia-servicios {
    padding-block: 1.5em 4em;
  }
  *[data-id=servicios-consultoria] #section-intro-servicio .section-title {
    font-size: 2.07em;
  }
}
@media screen {
  #section-busqueda-perfil {
    padding-block: 1.5em 3em;
  }
  #section-busqueda-perfil .wrapper {
    display: flex;
    flex-direction: column;
    gap: 2em;
  }
  #section-busqueda-perfil .section-list-title {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 100;
    font-variation-settings: "wght" 100;
    font-size: 3.58em;
    line-height: 1;
  }
  #section-busqueda-perfil .section-list-title span {
    color: #00B3E3;
  }
  #section-busqueda-perfil .section-list {
    display: grid;
    gap: 2em;
    grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));
    width: 100%;
  }
  #section-busqueda-perfil .section-list li {
    display: flex;
    flex-direction: column;
    gap: 1em;
  }
  #section-busqueda-perfil .section-list figure {
    position: relative;
    overflow: hidden;
    border-radius: 1em;
  }
  #section-busqueda-perfil .section-list h3 {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    font-size: 1.2em;
  }
  #section-busqueda-perfil .section-list span {
    color: #00B3E3;
  }
  *[data-id=unase] #section-ventajas-practicas .section-list {
    padding-block: 2.5em;
  }
  *[data-id=unase] #section-ventajas-practicas .section-list-subtitle {
    font-size: 1.2em;
  }
  *[data-id=unase] #section-ventajas-practicas .section-list-txt {
    font-size: 1.2em;
  }
}
@media (max-width: 900px) {
  #section-busqueda-perfil .section-list-title {
    font-size: 2.49em;
  }
  *[data-id=unase] #section-ventajas-practicas .section-list-title {
    font-size: 2.49em;
  }
  *[data-id=unase] #section-ventajas-practicas .section-list-subtitle strong {
    font-size: 1em;
  }
  *[data-id=unase] #section-ventajas-practicas .section-list-txt {
    font-size: 1em;
  }
}
@media (max-width: 700px) {
  #section-busqueda-perfil .section-list-title {
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 300;
    font-variation-settings: "wght" 300;
  }
}
@media screen {
  #section-cotizaciones-form {
    padding-block: 3em;
  }
  #section-cotizaciones-form form {
    width: 100%;
    max-width: 40em;
  }
  #section-cotizaciones-form .form-body {
    gap: 3em;
  }
  #section-cotizaciones-form .form-section {
    gap: 1.5em;
  }
  #section-cotizaciones-form h2 {
    font-size: 1.44em !important;
    font-family: "Poppins", Arial, sans-serif !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    color: #00B3E3;
  }
}/*# sourceMappingURL=main.css.map */