* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body.xf-web-container {
  background-color: #cecece;
}
ul,
ol,
dl {
  list-style: none;
}
a {
  text-decoration: none;
  color: inherit;
}
fieldset {
  border: 0;
}
img {
  user-drag: none;
  -webkit-user-drag: none;
}
[id] {
  scroll-margin-top: 100px;
  scroll-snap-margin-top: 100px;
  /* iOS 11 and older */
}
@media (min-width: 768px) {
  [id] {
    scroll-margin-top: 150px;
    scroll-snap-margin-top: 150px;
    /* iOS 11 and older */
  }
}
.no-margin-top {
  margin-top: 0 !important;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.element-invisible {
  position: absolute !important;
  height: 1px !important;
  width: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.element-visible {
  position: unset !important;
  height: unset !important;
  width: unset !important;
  padding: unset !important;
  margin: unset !important;
  overflow: unset;
  /* IE6, IE7 */
  clip: unset;
}
.edit-hint {
  font-size: 20px;
  line-height: 28px;
  /* 140% */
  font-family: 'N27 Bold';
  font-weight: 700;
  font-style: normal;
  color: #ffcd00;
  border: 2px dashed #ffcd00;
  padding: 8px;
  position: relative;
  margin-bottom: 16px;
  margin-top: 40px;
  margin-bottom: 20px;
}
.edit-hint::before {
  color: #333f48;
  content: "Solo visible en vista de edición";
  position: absolute;
  top: -22px;
  right: 0;
  font-size: 12px;
  line-height: 18px;
  /* 150% */
  font-family: 'N27 Regular';
  font-weight: 400;
  font-style: normal;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
/* Prevent eye in Edge Navigator */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
  display: none;
}
input[type="checkbox"] {
  cursor: pointer;
  display: flex;
  padding: 4px;
  position: relative;
  justify-content: center;
  align-items: center;
  min-width: 24px;
  min-height: 24px;
  font-family: "icomoon" !important;
}
input[type="checkbox"]::before {
  content: " ";
  display: block;
  min-width: 24px;
  min-height: 24px;
  background: #ffffff;
  border: 1px solid #c7d6d9;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
}
input[type="checkbox"]:hover::before {
  border-color: #333F48;
}
input[type="checkbox"]:disabled::before {
  border: 1px solid #EBEBEB;
  background: #EBEBEB;
}
input[type="checkbox"]:checked::after {
  content: "\ee970";
  font-size: 22px;
  color: #ffffff;
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  display: flex;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  -moz-border-radius: 4px;
  -moz-box-sizing: border-box;
}
input[type="checkbox"]:checked::before {
  background: #d52b1e;
  border: 1px solid #d52b1e;
}
input[type="checkbox"]:checked:hover::before {
  background-color: #BC131C;
  border-color: #BC131C;
}
input[type="checkbox"]:checked:disabled::after {
  color: #646468;
}
input[type="checkbox"]:checked:disabled::before {
  border: 1px solid #EBEBEB;
  background: #EBEBEB;
}

button.full-width {
  width: 100%;
}
input.button,
a.button,
button.button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-family: 'N27 Bold';
  border: 0;
  border-radius: 104px;
  cursor: pointer;
}
input.button:disabled,
a.button:disabled,
button.button:disabled {
  cursor: none;
  pointer-events: none;
}
input.primary,
a.primary,
button.primary {
  color: #fff;
  background-color: #D52B1E;
}
input.primary:hover,
a.primary:hover,
button.primary:hover {
  background-color: #BC131C;
}
input.primary:focus,
a.primary:focus,
button.primary:focus {
  background-color: #BC131C;
}
input.primary:active,
a.primary:active,
button.primary:active {
  background-color: #A01A1C;
}
input.primary:disabled,
a.primary:disabled,
button.primary:disabled {
  background-color: #EBEBEB;
  color: #7A777A;
}
input.secondary,
a.secondary,
button.secondary {
  color: #D52B1E;
  border: 1px solid #D52B1E;
  background-color: #fff;
}
input.secondary:hover,
a.secondary:hover,
button.secondary:hover {
  color: #BC131C;
  border: 1px solid #BC131C;
}
input.secondary:focus,
a.secondary:focus,
button.secondary:focus {
  color: #A01A1C;
  border: 2px solid #A01A1C;
}
input.secondary:active,
a.secondary:active,
button.secondary:active {
  color: #fff;
  border: 2px solid #BC131C;
  background-color: #BC131C;
}
input.secondary:disabled,
a.secondary:disabled,
button.secondary:disabled {
  background-color: #EBEBEB;
  color: #7A777A;
}
input.tertiary,
a.tertiary,
button.tertiary {
  color: #D52B1E;
  background-color: #fff;
}
input.tertiary:hover,
a.tertiary:hover,
button.tertiary:hover {
  color: #a01a1c;
}
input.tertiary:focus,
a.tertiary:focus,
button.tertiary:focus {
  color: #A01A1C;
  border: 2px solid #A01A1C;
}
input.tertiary:active,
a.tertiary:active,
button.tertiary:active {
  color: #fff;
  border: 2px solid #BC131C;
  background-color: #BC131C;
}
input.normal,
a.normal,
button.normal {
  font-size: 18px;
  line-height: 26px;
  padding: 16px 32px;
}
input.medium,
a.medium,
button.medium {
  font-size: 16px;
  line-height: 24px;
  padding: 12px 32px;
}
input.small,
a.small,
button.small {
  font-size: 14px;
  line-height: 22px;
  padding: 8px 24px;
}
input.disabled,
a.disabled,
button.disabled {
  color: #7A777A;
  background-color: #EBEBEB;
  border: 0;
}
input.disabled:hover,
a.disabled:hover,
button.disabled:hover,
input.disabled:focus,
a.disabled:focus,
button.disabled:focus,
input.disabled:active,
a.disabled:active,
button.disabled:active {
  color: #7A777A;
  background-color: #EBEBEB;
  border: 0;
  cursor: auto;
}

.embeded-reset {
  margin: 0 !important;
}
.embeded-reset .icex-container {
  margin: 0;
  max-width: none;
  width: 100%;
}
.icex-container {
  margin: 0 16px;
}
@media (min-width: 768px) {
  .icex-container {
    margin: 0 40px;
  }
}
@media (min-width: 1024px) {
  .icex-container {
    margin: 0 80px;
  }
}
@media (min-width: 1600px) {
  .icex-container {
    margin: 0 auto;
    max-width: 1440px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .icex-container--mobile-full-width {
    margin: 0 !important;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx) {
  body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
  }
}
@font-face {
  font-family: 'N27 Thin';
  src: url('clientlib-site/resources/fonts/n27/n27-thin-webfont.eot'), url('clientlib-site/resources/fonts/n27/n27-thin-webfont.woff2') format('woff2'), url('clientlib-site/resources/fonts/n27/n27-thin-webfont.woff') format('woff'), url('clientlib-site/resources/fonts/n27/n27-thin-webfont.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'N27 Thin Italic';
  src: url('clientlib-site/resources/fonts/n27/n27-thinitalic-webfont.eot'), url('clientlib-site/resources/fonts/n27/n27-thinitalic-webfont.woff2') format('woff2'), url('clientlib-site/resources/fonts/n27/n27-thinitalic-webfont.woff') format('woff'), url('clientlib-site/resources/fonts/n27/n27-thinitalic-webfont.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'N27 Extralight';
  src: url('clientlib-site/resources/fonts/n27/n27-extralight-webfont.eot'), url('clientlib-site/resources/fonts/n27/n27-extralight-webfont.woff2') format('woff2'), url('clientlib-site/resources/fonts/n27/n27-extralight-webfont.woff') format('woff'), url('clientlib-site/resources/fonts/n27/n27-extralight-webfont.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'N27 Extralight Italic';
  src: url('clientlib-site/resources/fonts/n27/n27-extralightitalic-webfont.eot'), url('clientlib-site/resources/fonts/n27/n27-extralightitalic-webfont.woff2') format('woff2'), url('clientlib-site/resources/fonts/n27/n27-extralightitalic-webfont.woff') format('woff'), url('clientlib-site/resources/fonts/n27/n27-extralightitalic-webfont.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'N27 Light';
  src: url('clientlib-site/resources/fonts/n27/n27-light-webfont.eot'), url('clientlib-site/resources/fonts/n27/n27-light-webfont.woff2') format('woff2'), url('clientlib-site/resources/fonts/n27/n27-light-webfont.woff') format('woff'), url('clientlib-site/resources/fonts/n27/n27-light-webfont.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'N27 Light Italic';
  src: url('clientlib-site/resources/fonts/n27/n27-lightitalic-webfont.eot'), url('clientlib-site/resources/fonts/n27/n27-lightitalic-webfont.woff2') format('woff2'), url('clientlib-site/resources/fonts/n27/n27-lightitalic-webfont.woff') format('woff'), url('clientlib-site/resources/fonts/n27/n27-lightitalic-webfont.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'N27 Regular';
  src: url('clientlib-site/resources/fonts/n27/n27-regular-webfont.eot'), url('clientlib-site/resources/fonts/n27/n27-regular-webfont.woff2') format('woff2'), url('clientlib-site/resources/fonts/n27/n27-regular-webfont.woff') format('woff'), url('clientlib-site/resources/fonts/n27/n27-regular-webfont.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'N27 Regular Italic';
  src: url('clientlib-site/resources/fonts/n27/n27-regularitalic-webfont.eot'), url('clientlib-site/resources/fonts/n27/n27-regularitalic-webfont.woff2') format('woff2'), url('clientlib-site/resources/fonts/n27/n27-regularitalic-webfont.woff') format('woff'), url('clientlib-site/resources/fonts/n27/n27-regularitalic-webfont.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'N27 Medium';
  src: url('clientlib-site/resources/fonts/n27/n27-medium-webfont.eot'), url('clientlib-site/resources/fonts/n27/n27-medium-webfont.woff2') format('woff2'), url('clientlib-site/resources/fonts/n27/n27-medium-webfont.woff') format('woff'), url('clientlib-site/resources/fonts/n27/n27-medium-webfont.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'N27 Medium Italic';
  src: url('clientlib-site/resources/fonts/n27/n27-mediumitalic-webfont.eot'), url('clientlib-site/resources/fonts/n27/n27-mediumitalic-webfont.woff2') format('woff2'), url('clientlib-site/resources/fonts/n27/n27-mediumitalic-webfont.woff') format('woff'), url('clientlib-site/resources/fonts/n27/n27-mediumitalic-webfont.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'N27 Bold';
  src: url('clientlib-site/resources/fonts/n27/n27-bold-webfont.eot'), url('clientlib-site/resources/fonts/n27/n27-bold-webfont.woff2') format('woff2'), url('clientlib-site/resources/fonts/n27/n27-bold-webfont.woff') format('woff'), url('clientlib-site/resources/fonts/n27/n27-bold-webfont.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'N27 Bold Italic';
  src: url('clientlib-site/resources/fonts/n27/n27-bolditalic-webfont.eot'), url('clientlib-site/resources/fonts/n27/n27-bolditalic-webfont.woff2') format('woff2'), url('clientlib-site/resources/fonts/n27/n27-bolditalic-webfont.woff') format('woff'), url('clientlib-site/resources/fonts/n27/n27-bolditalic-webfont.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'icomoon';
  src: url('clientlib-site/resources/icons/icomoon.woff') format('woff'), url('clientlib-site/resources/icons/icomoon.ttf') format('truetype'), url('clientlib-site/resources/icons/icomoon.svg') format('svg'), url('clientlib-site/resources/icons/icomoon.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon"],
[class*="icon"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 15px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*Please maintain alphabetical order*/
.icon--add-circle:before {
  content: "\ee948";
}
.icon--alarm:before {
  content: "\e972";
}
.icon--squared-arrow:before {
  content: "\e902";
}
.icon--arrow-reg-right-up:before {
  content: "\ee935";
}
.icon--arrow-reg-up:before {
  content: "\ee93a";
}
.icon--arrow-reg-right:before {
  content: "\ee936";
}
.icon--arrow-reg-down:before {
  content: "\ee934";
}
.icon--arrow-reg-left:before {
  content: "\ee93b";
}
.icon--arrow-tip-up:before {
  content: "\ee933";
}
.icon--arrow-tip-right:before {
  content: "\ee93c";
}
.icon--arrow-tip-down:before {
  content: "\ee93d";
}
.icon--arrow-tip-left:before {
  content: "\ee941";
}
.icon--arrow-tip-solid-up:before {
  content: "\e902a";
}
.icon--arrow-tip-solid-right:before {
  content: "\ee939";
}
.icon--arrow-tip-solid-down:before {
  content: "\e900";
}
.icon--arrow-tip-solid-left:before {
  content: "\e901";
}
.icon--arrow-tip-solid-round-down:before {
  content: "\ee902";
}
.icon--b:before {
  content: "\ee810";
}
.icon--banknote:before {
  content: "\ee813";
}
.icon--bell:before {
  content: "\ee914";
}
.icon--bell-filled:before {
  content: "\e905";
}
.icon--biretta:before {
  content: "\e906";
}
.icon--bookmark:before {
  content: "\ee990";
}
.icon--bookmark-filled:before {
  content: "\ee991";
}
.icon--briefcase:before {
  content: "\ee974";
}
.icon--buildings:before {
  content: "\ee944";
}
.icon--buildings2:before {
  content: "\ee958";
}
.icon--box-check:before {
  content: "\ee946";
}
.icon--calendar:before {
  content: "\ee942";
}
.icon--calendar-add:before {
  content: "\ee975";
}
.icon--chat-round:before {
  content: "\e911";
}
.icon--check:before {
  content: "\ee962";
}
.icon--close-book:before {
  content: "\ee981";
}
.icon--comment:before {
  content: "\ee904";
}
.icon--code-scan:before {
  content: "\ee976";
}
.icon--clock:before {
  content: "\ee950";
}
.icon--close:before {
  content: "\ee912";
}
.icon--close-session:before {
  content: "\e90a";
}
.icon--document-edit:before {
  content: "\ee959";
}
.icon--document-text:before {
  content: "\ee924";
}
.icon--dollar-circled:before {
  content: "\e802";
}
.icon--donut:before {
  content: "\ee988";
}
.icon--double-heart:before {
  content: "\ee957";
}
.icon--download:before {
  content: "\ee949";
}
.icon--download-file:before {
  content: "\ee951";
}
.icon--euro-circled:before {
  content: "\e803";
}
.icon--eye:before {
  content: "\ee922";
}
.icon--eye-closed:before {
  content: "\ee921";
}
.icon--eye-hide:before {
  content: "\ee943";
}
.icon--end-call:before {
  content: "\ee931";
}
.icon--external-link:before {
  content: "\e904";
}
.icon--facebook:before {
  content: "\ee907";
}
.icon--file-send:before {
  content: "\ee963";
}
.icon--file-right:before {
  content: "\ee978";
}
.icon--filled-heart:before {
  content: "\ee973";
}
.icon--folder-check:before {
  content: "\e907";
}
.icon--four-box:before {
  content: "\ee992";
}
.icon--gallery:before {
  content: "\ee985";
}
.icon--growth:before {
  content: "\e804";
}
.icon--hamburger-menu:before {
  content: "\ee928";
}
.icon--heart:before {
  content: "\ee927";
}
.icon--home:before {
  content: "\ee982";
}
.icon--info-circle:before {
  content: "\ee929";
}
.icon--info-list:before {
  content: "\ee965";
}
.icon--info-square:before {
  content: "\e908";
}
.icon--instagram:before {
  content: "\ee908";
}
.icon--interest:before {
  content: "\ee967";
}
.icon--ivoxx:before {
  content: "\ee993";
}
.icon--linkedin:before {
  content: "\ee910";
}
.icon--dislike:before {
  content: "\e903";
}
.icon--like:before {
  content: "\ee901";
}
.icon--lock:before {
  content: "\ee968";
}
.icon--login:before {
  content: "\e909";
}
.icon--magnifier:before {
  content: "\ee923";
}
.icon--map-point:before {
  content: "\ee926";
}
.icon--message:before {
  content: "\ee952";
}
.icon--microphone:before {
  content: "\ee986";
}
.icon--mouse:before {
  content: "\ee938";
}
.icon--money:before {
  content: "\ee977";
}
.icon--open-book:before {
  content: "\ee983";
}
.icon--options-points-empty-horiz:before {
  content: "\ee937";
}
.icon--options-points-solid-horiz:before {
  content: "\ee905";
}
.icon--options-points-solid-verti:before {
  content: "\ee905";
}
.icon--palette:before {
  content: "\ee984";
}
.icon--password:before {
  content: "\ee969";
}
.icon--pause:before {
  content: "\ee801";
}
.icon--pen:before {
  content: "\ee961";
}
.icon--pencil:before {
  content: "\ee811";
}
.icon--pen-square:before {
  content: "\ee925";
}
.icon--percentage:before {
  content: "\ee812";
}
.icon--phone-up:before {
  content: "\ee953";
}
.icon--phone-calling:before {
  content: "\ee932";
}
.icon--play:before {
  content: "\ee995";
}
.icon--play-circle:before {
  content: "\ee994";
}
.icon--previus:before {
  content: "\ee996";
}
.icon--printer:before {
  content: "\ee987";
}
.icon--question-circle:before {
  content: "\ee955";
}
.icon--record:before {
  content: "\ee997";
}
.icon--refresh:before {
  content: "\ee903";
}
.icon--scope:before {
  content: "\ee989";
}
.icon--seconds-back:before {
  content: "\ee998";
}
.icon--seconds-forward:before {
  content: "\ee999";
}
.icon--send-solid:before {
  content: "\ee906";
}
.icon--settings:before {
  content: "\ee919";
}
.icon--share:before {
  content: "\ee930";
}
.icon--spotify:before {
  content: "\ee800";
}
.icon--star:before {
  content: "\ee945";
}
.icon--star-empty:before {
  content: "\e806";
}
.icon--stock:before {
  content: "\e805";
}
.icon--three-bars:before {
  content: "\ee979";
}
.icon--tick:before {
  content: "\ee970";
}
.icon--tiktok:before {
  content: "\ee814";
}
.icon--trash-can:before {
  content: "\ee964";
}
.icon--tuning:before {
  content: "\ee940";
}
.icon--twitter:before {
  content: "\ee911";
}
.icon--union:before {
  content: "\ee947";
}
.icon--user:before {
  content: "\ee960";
}
.icon--user-check:before {
  content: "\ee962";
}
.icon--user-circled:before {
  content: "\ee915";
}
.icon--user-id:before {
  content: "\ee956";
}
.icon--user-plus:before {
  content: "\ee916";
}
.icon--user-rounded:before {
  content: "\ee917";
}
.icon--users-group:before {
  content: "\ee918";
}
.icon--video:before {
  content: "\ee913";
}
.icon--video-cam:before {
  content: "\ee954";
}
.icon--warning:before {
  content: "\ee971";
}
.icon--widget:before {
  content: "\ee920";
}
.icon--world:before {
  content: "\ee980";
}
.icon--youtube:before {
  content: "\ee909";
}

.icex-richtext {
  color: #333f48;
  font-size: 16px;
  line-height: 24px;
  /* 150% */
  font-family: 'N27 Regular';
  font-weight: 400;
  font-style: normal;
}
.icex-richtext h1,
.icex-richtext h2,
.icex-richtext h3,
.icex-richtext h4,
.icex-richtext h5,
.icex-richtext h6,
.icex-richtext .titularh5,
.icex-richtext .titularh6 {
  color: #333f48;
  margin-top: 56px;
  margin-bottom: 24px;
}
.icex-richtext h1,
.icex-richtext h2,
.icex-richtext h3,
.icex-richtext h4 {
  hyphens: auto;
  word-break: auto-phrase;
}
@media (min-width: 768px) {
  .icex-richtext h1,
  .icex-richtext h2,
  .icex-richtext h3,
  .icex-richtext h4 {
    hyphens: none;
    word-break: normal;
  }
}
.icex-richtext h2 {
  font-family: 'N27 Bold';
  font-weight: 700;
  font-style: normal;
  font-size: 40px;
  line-height: 48px;
}
@media (min-width: 1024px) {
  .icex-richtext h2 {
    font-size: 48px;
    line-height: 56px;
  }
}
@media (min-width: 1600px) {
  .icex-richtext h2 {
    font-size: 64px;
    line-height: 72px;
  }
}
.icex-richtext h3 {
  font-family: 'N27 Bold';
  font-weight: 700;
  font-style: normal;
  font-size: 32px;
  line-height: 40px;
}
@media (min-width: 1024px) {
  .icex-richtext h3 {
    font-size: 40px;
    line-height: 48px;
  }
}
@media (min-width: 1600px) {
  .icex-richtext h3 {
    font-size: 48px;
    line-height: 56px;
  }
}
.icex-richtext h4 {
  font-family: 'N27 Bold';
  font-weight: 700;
  font-style: normal;
  font-size: 28px;
  line-height: 36px;
  /* 128.571% */
}
@media (min-width: 1024px) {
  .icex-richtext h4 {
    font-size: 32px;
    line-height: 40px;
    /* 120% */
  }
}
@media (min-width: 1600px) {
  .icex-richtext h4 {
    font-size: 40px;
    line-height: 48px;
    /* 120% */
  }
}
.icex-richtext h5 {
  color: #333f48;
  margin-top: 56px;
  margin-bottom: 24px;
}
.icex-richtext h6 {
  color: #333f48;
  margin-top: 56px;
  margin-bottom: 24px;
}
.icex-richtext p,
.icex-richtext li {
  color: #333f48;
  font-size: 16px;
  line-height: 24px;
  /* 150% */
  font-family: 'N27 Regular';
  font-weight: 400;
  font-style: normal;
}
.icex-richtext p:not(:last-child) {
  margin-bottom: 1rem;
}
.icex-richtext b {
  font-family: 'N27 Bold';
  font-weight: 700;
  font-style: normal;
}
.icex-richtext i {
  font-style: italic;
}
.icex-richtext b > i,
.icex-richtext i > b {
  font-family: 'N27 Bold Italic';
  font-weight: 700;
  font-style: italic;
}
.icex-richtext u {
  text-decoration: none;
}
.icex-richtext a {
  text-decoration-line: underline;
  cursor: pointer;
  color: inherit;
}
.icex-richtext ul,
.icex-richtext ol {
  margin-top: 18px;
  list-style-type: none;
  margin-left: 20px;
}
.icex-richtext ul:not(:last-child),
.icex-richtext ol:not(:last-child) {
  margin-bottom: 32px;
}
.icex-richtext ul ul,
.icex-richtext ol ul,
.icex-richtext ul ol,
.icex-richtext ol ol {
  margin-top: 32px;
}
.icex-richtext ul ul:not(:last-child),
.icex-richtext ol ul:not(:last-child),
.icex-richtext ul ol:not(:last-child),
.icex-richtext ol ol:not(:last-child) {
  margin-bottom: 32px;
}
.icex-richtext ul li:not(:last-child),
.icex-richtext ol li:not(:last-child) {
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .icex-richtext ul:not(:last-child),
  .icex-richtext ol:not(:last-child) {
    margin-bottom: 16px;
  }
  .icex-richtext ul ul,
  .icex-richtext ol ul,
  .icex-richtext ul ol,
  .icex-richtext ol ol {
    margin-top: 16px;
  }
  .icex-richtext ul ul:not(:last-child),
  .icex-richtext ol ul:not(:last-child),
  .icex-richtext ul ol:not(:last-child),
  .icex-richtext ol ol:not(:last-child) {
    margin-bottom: 16px;
  }
  .icex-richtext ul li:not(:last-child),
  .icex-richtext ol li:not(:last-child) {
    margin-bottom: 16px;
  }
}
.whitetext {
  color: #ffffff;
}
.redtext {
  color: #d52b1e;
}
.yellowtext {
  color: #ffcd00;
}
.graytext {
  color: #646468;
}
.underlined {
  text-decoration-line: underline;
}
.upperCase {
  text-transform: uppercase;
}
.breakLine {
  display: block;
}
a:has(.arrowLink),
a:has(.linkICEX) {
  text-decoration: none;
}
.arrowLink {
  font-family: 'N27 Bold';
  font-weight: 700;
  font-style: normal;
  font-size: 22px;
  line-height: 30px;
  /* 133.333% */
  text-transform: uppercase;
  color: #d52b1e;
  cursor: pointer;
  text-wrap: balance;
}
@media (min-width: 1024px) {
  .arrowLink {
    font-size: 24px;
    line-height: 28px;
    /* 125% */
  }
}
@media (min-width: 1600px) {
  .arrowLink {
    font-size: 24px;
    line-height: 32px;
    /* 125% */
  }
}
.arrowLink:after {
  display: inline-block;
  font-family: "icomoon" !important;
  content: "\e902";
  font-weight: 400;
  position: relative;
  top: 1px;
  font-size: 20px;
  margin-left: 10px;
  transition: transform 0.3s ease-in-out;
}
.arrowLink:hover {
  color: #bc131c;
}
.arrowLink:hover:after {
  transform: rotate(45deg);
}
.linkICEX {
  font-size: 18px;
  line-height: 26px;
  /* 144.444% */
  font-family: 'N27 Bold';
  font-weight: 700;
  font-style: normal;
  color: #d52b1e;
  cursor: pointer;
  text-wrap: balance;
  padding-bottom: 3px;
}
.linkICEX:after {
  transition: all 0.3s ease-in-out;
  font-family: "icomoon" !important;
  content: "\ee935";
  font-weight: 400;
  position: relative;
  top: 2px;
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #d52b1e;
  border-radius: 50%;
  font-size: 20px;
  margin-left: 16px;
  display: inline-grid;
  place-items: center;
}
.linkICEX a {
  text-decoration: none !important;
}
.linkICEX:hover:after {
  background-color: #d52b1e;
  color: #ffffff;
  transform: rotate(45deg);
}
.documentTitle {
  font-size: 20px;
  line-height: 28px;
  /* 140% */
  font-family: 'N27 Bold';
  font-weight: 700;
  font-style: normal;
  color: #333f48;
}
.documentTitle a {
  text-decoration: none !important;
}
.documentText {
  font-size: 16px;
  line-height: 24px;
  /* 150% */
  font-family: 'N27 Regular';
  font-weight: 400;
  font-style: normal;
  color: #333f48;
}
.list-triangle-red > li,
.list-triangle-yellow > li {
  position: relative;
}
.list-triangle-red > li::before,
.list-triangle-yellow > li::before {
  font-family: 'icomoon';
  content: "\ee939";
  font-size: 36px;
  width: 25px;
  margin-right: 16px;
  position: absolute;
  top: 0;
  left: -32px;
}
.list-triangle-red > li::before {
  color: #d52b1e;
}
.list-triangle-yellow > li::before {
  color: #ffcd00;
}
.list-letters {
  list-style-type: lower-latin !important;
}
.list-dots,
.list-dots_less-margin {
  list-style-type: disc !important;
}
.list-dots_less-margin li:not(:last-child) {
  margin-bottom: 0.5rem !important;
}
.list-numbers {
  list-style-type: decimal !important;
}
.no-margin-top-richtext {
  margin-top: 0 !important;
}
.no-margin-bottom-richtext {
  margin-bottom: 0 !important;
}

.text-field {
  border: 1px solid #C3C1C2;
  border-radius: 4px;
  padding: 16px 20px;
  -webkit-box-shadow: inset 0 0 0 0 #d3d3d3, 0 0 0px 1000px #fff inset;
}
/* Change autocomplete styles in WebKit */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #333F48;
  -webkit-box-shadow: inset 0 0 0 0 #d3d3d3, 0 0 0px 1000px #fff inset;
}
input:-webkit-autofill::placeholder,
input:-webkit-autofill:hover::placeholder,
input:-webkit-autofill:focus::placeholder,
textarea:-webkit-autofill::placeholder,
textarea:-webkit-autofill:hover::placeholder,
textarea:-webkit-autofill:focus::placeholder,
select:-webkit-autofill::placeholder,
select:-webkit-autofill:hover::placeholder,
select:-webkit-autofill:focus::placeholder {
  color: #333F48;
}

/* #region  * * * * * * * * *   M O D I F I C A D O R E S   * * * * * * * * * */
.uppercase {
  text-transform: uppercase;
}
.underline {
  text-decoration-line: underline;
}
.light {
  font-family: 'N27 Light';
  font-weight: 300;
  font-style: normal;
}
.regular {
  font-family: 'N27 Regular';
  font-weight: 400;
  font-style: normal;
}
.regular-italic {
  font-family: 'N27 Regular Italic';
  font-weight: 400;
  font-style: italic;
}
.medium {
  font-family: 'N27 Medium';
  font-weight: 500;
  font-style: normal;
}
.medium-italic {
  font-family: 'N27 Medium Italic';
  font-weight: 500;
  font-style: normal;
}
.bold {
  font-family: 'N27 Bold';
  font-weight: 700;
  font-style: normal;
}
.bold-italic {
  font-family: 'N27 Bold Italic';
  font-weight: 700;
  font-style: italic;
}
/* #endregion */
/* #region  * * * * * * * * *   T I T U L A R E S   * * * * * * * * * */
/* N27 */
.titularBannerInfo {
  font-family: 'N27 Bold';
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 37px;
  line-height: 45px;
  margin-bottom: 25px;
}
@media (min-width: 375px) {
  .titularBannerInfo {
    font-size: 48px;
    line-height: 56px;
  }
}
@media (min-width: 1024px) {
  .titularBannerInfo {
    font-size: 62px;
    line-height: 80px;
    margin-bottom: 45px;
  }
}
@media (min-width: 1600px) {
  .titularBannerInfo {
    font-size: 74px;
    line-height: 90px;
  }
}
.titularBannerInfo_small {
  font-family: 'N27 Bold';
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 48px;
  line-height: 56px;
  /* 116.667% */
}
@media (min-width: 1024px) {
  .titularBannerInfo_small {
    font-size: 62px;
    line-height: 80px;
  }
}
/* N27/Desktop/H1 */
.titularh1 {
  font-family: 'N27 Bold';
  font-weight: 700;
  font-style: normal;
  font-size: 48px;
  line-height: 56px;
}
@media (min-width: 1024px) {
  .titularh1 {
    font-size: 64px;
    line-height: 72px;
  }
}
@media (min-width: 1600px) {
  .titularh1 {
    font-size: 72px;
    line-height: 82px;
  }
}
/* N27/Desktop/H2 */
.titularh2 {
  font-family: 'N27 Bold';
  font-weight: 700;
  font-style: normal;
  font-size: 40px;
  line-height: 48px;
}
@media (min-width: 1024px) {
  .titularh2 {
    font-size: 48px;
    line-height: 56px;
  }
}
@media (min-width: 1600px) {
  .titularh2 {
    font-size: 64px;
    line-height: 72px;
  }
}
/* N27/Desktop/H3 */
.titularh3 {
  font-family: 'N27 Bold';
  font-weight: 700;
  font-style: normal;
  font-size: 32px;
  line-height: 40px;
}
@media (min-width: 1024px) {
  .titularh3 {
    font-size: 40px;
    line-height: 48px;
  }
}
@media (min-width: 1600px) {
  .titularh3 {
    font-size: 48px;
    line-height: 56px;
  }
}
/* N27/Desktop/H4 */
.titularh4 {
  font-family: 'N27 Bold';
  font-weight: 700;
  font-style: normal;
  font-size: 28px;
  line-height: 36px;
  /* 128.571% */
}
@media (min-width: 1024px) {
  .titularh4 {
    font-size: 32px;
    line-height: 40px;
    /* 120% */
  }
}
@media (min-width: 1600px) {
  .titularh4 {
    font-size: 40px;
    line-height: 48px;
    /* 120% */
  }
}
/* N27/Desktop/h5 */
.titularh5 {
  font-family: 'N27 Bold';
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  line-height: 32px;
  /* 133.333% */
}
@media (min-width: 1024px) {
  .titularh5 {
    font-size: 28px;
    line-height: 36px;
    /* 125% */
  }
}
@media (min-width: 1600px) {
  .titularh5 {
    font-size: 32px;
    line-height: 40px;
    /* 125% */
  }
}
/* N27/Desktop/h6 */
.titularh6 {
  font-family: 'N27 Bold';
  font-weight: 700;
  font-style: normal;
  font-size: 22px;
  line-height: 30px;
  /* 133.333% */
}
@media (min-width: 1024px) {
  .titularh6 {
    font-size: 24px;
    line-height: 28px;
    /* 125% */
  }
}
@media (min-width: 1600px) {
  .titularh6 {
    font-size: 24px;
    line-height: 32px;
    /* 125% */
  }
}
/* #endregion */
/* #region  * * * * * * * * *   T E X T O   * * * * * * * * * */
/* N27/Texto24 */
.texto24 {
  font-size: 24px;
  line-height: 32px;
  /* 133.333% */
}
/* N27/Texto22 */
.texto22 {
  font-size: 22px;
  line-height: 30px;
  /* 133.333% */
}
/* N27/Texto20 */
.texto20 {
  font-size: 20px;
  line-height: 28px;
  /* 140% */
}
/* N27/Texto18 */
.texto18 {
  font-size: 18px;
  line-height: 26px;
  /* 144.444% */
}
/* N27/Texto16 */
.texto16 {
  font-size: 16px;
  line-height: 24px;
  /* 150% */
}
/* N27/Texto14 */
.texto14 {
  font-size: 14px;
  line-height: 22px;
  /* 157.143% */
}
/* N27/Texto12 */
.texto12 {
  font-size: 12px;
  line-height: 18px;
  /* 150% */
}
h2:has(> span.titularh5) {
  margin-top: 32px;
  line-height: 32px!important;
  /* 133.333% */
}
@media (min-width: 1024px) {
  h2:has(> span.titularh5) {
    line-height: 36px!important;
    /* 125% */
  }
}
@media (min-width: 1600px) {
  h2:has(> span.titularh5) {
    line-height: 40px!important;
    /* 125% */
  }
}
/* #endregion */

/* * * * * * * * * *   C O L O R S   * * * * * * * * * */
/* * * * * * * * * *   G E N E R A L   * * * * * * * * * */
/* * * * * * * * * *    S H A D O W S   * * * * * * * * * */
/* * * * * * * * * *     PRINCIPALES   * * * * * * * * * */

/* * * * * * * * * *   B R E A K P O I N T S   * * * * * * * * * */

.mx-hide-scrollbar {
  /* Hide scrollbar for Chrome, Safari and Opera */
  /* Hide scrollbar for IE, Edge and Firefox */
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE and Edge */
}
.mx-hide-scrollbar::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}
.mx-vertical-scrollbar {
  scrollbar-width: unset;
  /* Firefox */
  -ms-overflow-style: unset;
  /* IE and Edge */
  -webkit-overflow-scrolling: touch;
  /* Suaviza el scroll en iOS */
  overflow-y: auto;
  /* Asegura que la barra de desplazamiento aparezca */
}
.mx-vertical-scrollbar::-webkit-scrollbar {
  display: unset;
  /* for Chrome, Safari, and Opera */
  width: 3px;
}
.mx-vertical-scrollbar::-webkit-scrollbar-track {
  border-left: 1px solid #333F48;
}
.mx-vertical-scrollbar::-webkit-scrollbar-thumb {
  background: #D52B1E;
}
.mx-vertical-scrollbar::-webkit-scrollbar-thumb:hover {
  cursor: grab;
}
.mx-vertical-scrollbar::-webkit-scrollbar-thumb:active {
  cursor: grabbing;
}
.mx-horizontal-scrollbar {
  scrollbar-width: unset;
  /* Firefox */
  -ms-overflow-style: unset;
  /* IE and Edge */
  -webkit-overflow-scrolling: touch;
  /* Suaviza el scroll en iOS */
  overflow-x: auto;
  /* Asegura que la barra de desplazamiento aparezca */
}
.mx-horizontal-scrollbar::-webkit-scrollbar {
  display: unset;
  /* for Chrome, Safari, and Opera */
  height: 4px;
}
.mx-horizontal-scrollbar::-webkit-scrollbar-track {
  border-bottom: 1px solid #333F48;
}
.mx-horizontal-scrollbar::-webkit-scrollbar-thumb {
  background-color: #D52B1E;
}
.mx-horizontal-scrollbar::-webkit-scrollbar-thumb:hover {
  cursor: grab;
}
.mx-horizontal-scrollbar::-webkit-scrollbar-thumb:active {
  cursor: grabbing;
}
.mx-vertical-scrollbar-gray {
  scrollbar-width: unset;
  /* Firefox */
  -ms-overflow-style: unset;
  /* IE and Edge */
  -webkit-overflow-scrolling: touch;
  /* Suaviza el scroll en iOS */
  overflow-x: auto;
  /* Asegura que la barra de desplazamiento aparezca */
}
.mx-vertical-scrollbar-gray::-webkit-scrollbar {
  display: unset;
  /* for Chrome, Safari, and Opera */
  width: 4px;
}
.mx-vertical-scrollbar-gray::-webkit-scrollbar-track {
  border-left: 1px solid #FFF;
}
.mx-vertical-scrollbar-gray::-webkit-scrollbar-thumb {
  background: #C3C1C2;
  border-radius: 12px;
}
.mx-vertical-scrollbar-gray::-webkit-scrollbar-thumb:hover {
  cursor: grab;
}
.mx-vertical-scrollbar-gray::-webkit-scrollbar-thumb:active {
  cursor: grabbing;
}
.compo-margin {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .compo-margin {
    margin-top: 64px;
    margin-bottom: 64px;
  }
}
.compo-padding {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .compo-padding {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
.mx-yellow-highlight {
  position: absolute;
  top: 34px;
  display: flex;
  padding: 8px 16px;
  align-items: center;
  background: #ffcd00;
  color: #333f48;
  font-family: 'N27 Medium';
  font-size: 16px;
}
.mx-yellow-highlight span {
  font-size: 16px;
  margin-right: 8px;
  margin-bottom: 2px;
}
.mx-yellow-highlight--left {
  position: absolute;
  top: 34px;
  display: flex;
  padding: 8px 16px;
  align-items: center;
  background: #ffcd00;
  color: #333f48;
  font-family: 'N27 Medium';
  font-size: 16px;
  border-radius: 0px 44px 44px 0px;
  left: 0;
  right: unset;
}
.mx-yellow-highlight--left span {
  font-size: 16px;
  margin-right: 8px;
  margin-bottom: 2px;
}
.mx-yellow-highlight--right {
  position: absolute;
  top: 34px;
  display: flex;
  padding: 8px 16px;
  align-items: center;
  background: #ffcd00;
  color: #333f48;
  font-family: 'N27 Medium';
  font-size: 16px;
  border-radius: 44px 0 0 44px;
  left: unset;
  right: 0;
}
.mx-yellow-highlight--right span {
  font-size: 16px;
  margin-right: 8px;
  margin-bottom: 2px;
}
#links .main-link {
  font-family: 'N27 Bold';
  font-weight: 700;
  font-style: normal;
  font-size: 22px;
  line-height: 30px;
  /* 133.333% */
  text-transform: uppercase;
  color: #d52b1e;
  cursor: pointer;
  text-wrap: balance;
}
@media (min-width: 1024px) {
  #links .main-link {
    font-size: 24px;
    line-height: 28px;
    /* 125% */
  }
}
@media (min-width: 1600px) {
  #links .main-link {
    font-size: 24px;
    line-height: 32px;
    /* 125% */
  }
}
#links .main-link:after {
  display: inline-block;
  font-family: "icomoon" !important;
  content: "\e902";
  font-weight: 400;
  position: relative;
  top: 1px;
  font-size: 20px;
  margin-left: 10px;
  transition: transform 0.3s ease-in-out;
}
#links .main-link:hover {
  color: #bc131c;
}
#links .main-link:hover:after {
  transform: rotate(45deg);
}
#links .main-link-yellow {
  font-family: 'N27 Bold';
  font-weight: 700;
  font-style: normal;
  font-size: 22px;
  line-height: 30px;
  /* 133.333% */
  text-transform: uppercase;
  color: #d52b1e;
  cursor: pointer;
  text-wrap: balance;
  color: #ffcd00;
}
@media (min-width: 1024px) {
  #links .main-link-yellow {
    font-size: 24px;
    line-height: 28px;
    /* 125% */
  }
}
@media (min-width: 1600px) {
  #links .main-link-yellow {
    font-size: 24px;
    line-height: 32px;
    /* 125% */
  }
}
#links .main-link-yellow:after {
  display: inline-block;
  font-family: "icomoon" !important;
  content: "\e902";
  font-weight: 400;
  position: relative;
  top: 1px;
  font-size: 20px;
  margin-left: 10px;
  transition: transform 0.3s ease-in-out;
}
#links .main-link-yellow:hover {
  color: #bc131c;
}
#links .main-link-yellow:hover:after {
  transform: rotate(45deg);
}
#links .main-link-yellow:hover {
  color: #fabb1a;
}
#links .event-link {
  font-size: 18px;
  line-height: 26px;
  /* 144.444% */
  font-family: 'N27 Bold';
  font-weight: 700;
  font-style: normal;
  color: #d52b1e;
  cursor: pointer;
  text-wrap: balance;
  padding-bottom: 3px;
}
#links .event-link:after {
  transition: all 0.3s ease-in-out;
  font-family: "icomoon" !important;
  content: "\ee935";
  font-weight: 400;
  position: relative;
  top: 2px;
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #d52b1e;
  border-radius: 50%;
  font-size: 20px;
  margin-left: 16px;
  display: inline-grid;
  place-items: center;
}
#links .event-link:hover:after {
  background-color: #d52b1e;
  color: #ffffff;
  transform: rotate(45deg);
}
#links .event-link-small {
  font-size: 18px;
  line-height: 26px;
  /* 144.444% */
  font-family: 'N27 Bold';
  font-weight: 700;
  font-style: normal;
  color: #d52b1e;
  cursor: pointer;
  text-wrap: balance;
  padding-bottom: 3px;
  font-size: 16px;
  line-height: 24px;
  /* 150% */
}
#links .event-link-small:after {
  transition: all 0.3s ease-in-out;
  font-family: "icomoon" !important;
  content: "\ee935";
  font-weight: 400;
  position: relative;
  top: 2px;
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #d52b1e;
  border-radius: 50%;
  font-size: 20px;
  margin-left: 16px;
  display: inline-grid;
  place-items: center;
}
#links .event-link-small:hover:after {
  background-color: #d52b1e;
  color: #ffffff;
  transform: rotate(45deg);
}
#links .event-link-small:after {
  width: 24px;
  height: 24px;
  font-size: 16px;
  margin-left: 8px;
}
#links .event-link-white {
  font-size: 18px;
  line-height: 26px;
  /* 144.444% */
  font-family: 'N27 Bold';
  font-weight: 700;
  font-style: normal;
  color: #d52b1e;
  cursor: pointer;
  text-wrap: balance;
  padding-bottom: 3px;
  color: #ffffff;
}
#links .event-link-white:after {
  transition: all 0.3s ease-in-out;
  font-family: "icomoon" !important;
  content: "\ee935";
  font-weight: 400;
  position: relative;
  top: 2px;
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #d52b1e;
  border-radius: 50%;
  font-size: 20px;
  margin-left: 16px;
  display: inline-grid;
  place-items: center;
}
#links .event-link-white:hover:after {
  background-color: #d52b1e;
  color: #ffffff;
  transform: rotate(45deg);
}
#links .event-link-white:hover:after {
  background-color: #ffffff;
  color: #d52b1e;
}
#links .event-link-white:after {
  border: 1px solid #ffffff;
}
#links .event-link-download {
  font-size: 18px;
  line-height: 26px;
  /* 144.444% */
  font-family: 'N27 Bold';
  font-weight: 700;
  font-style: normal;
  color: #d52b1e;
  cursor: pointer;
  text-wrap: balance;
  padding-bottom: 3px;
}
#links .event-link-download:after {
  transition: all 0.3s ease-in-out;
  font-family: "icomoon" !important;
  content: "\ee935";
  font-weight: 400;
  position: relative;
  top: 2px;
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #d52b1e;
  border-radius: 50%;
  font-size: 20px;
  margin-left: 16px;
  display: inline-grid;
  place-items: center;
}
#links .event-link-download:hover:after {
  background-color: #d52b1e;
  color: #ffffff;
  transform: rotate(45deg);
}
#links .event-link-download:after {
  content: "\ee949";
  font-size: 16px;
  transform: rotate(0deg) !important;
}
.dropdown-list {
  font-size: 18px;
  line-height: 26px;
  /* 144.444% */
  font-family: 'N27 Bold';
  font-weight: 700;
  font-style: normal;
  color: #d52b1e;
  cursor: pointer;
  text-wrap: balance;
  padding-bottom: 3px;
}
.dropdown-list:after {
  transition: all 0.3s ease-in-out;
  font-family: "icomoon" !important;
  content: "\ee935";
  font-weight: 400;
  position: relative;
  top: 2px;
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #d52b1e;
  border-radius: 50%;
  font-size: 20px;
  margin-left: 16px;
  display: inline-grid;
  place-items: center;
}
.dropdown-list:hover:after {
  background-color: #d52b1e;
  color: #ffffff;
  transform: rotate(45deg);
}
.dropdown-list:after {
  content: "\ee934";
  font-size: 16px;
  transform: rotate(0deg) !important;
  transition: all .6s;
}
.dropdown-list.active:after {
  content: "\ee934";
  font-size: 16px;
  transform: rotate(180deg) !important;
  transition: all .6s;
}

.input-wrap,
.input-wrap-select {
  position: relative !important;
  cursor: pointer;
}
.input-wrap .select-icon,
.input-wrap-select .select-icon {
  font-size: 24px;
  position: absolute;
  left: unset;
  right: 1rem;
  top: 1rem;
  transition: all .3s;
  display: inline-block;
}
.input-wrap .select-list,
.input-wrap-select .select-list {
  background: #ffffff;
  box-shadow: 0px 6px 12px 0px rgba(171, 190, 209, 0.3);
  border-top: 0px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  width: 100%;
  max-height: 200px;
  display: none;
  z-index: 100;
  overflow: auto;
  position: absolute;
  scrollbar-width: unset;
  /* Firefox */
  -ms-overflow-style: unset;
  /* IE and Edge */
  -webkit-overflow-scrolling: touch;
  /* Suaviza el scroll en iOS */
  overflow-x: auto;
  /* Asegura que la barra de desplazamiento aparezca */
}
.input-wrap .select-list::-webkit-scrollbar,
.input-wrap-select .select-list::-webkit-scrollbar {
  display: unset;
  width: 4px;
}
.input-wrap .select-list::-webkit-scrollbar-track,
.input-wrap-select .select-list::-webkit-scrollbar-track {
  border-left: 1px solid #FFF;
}
.input-wrap .select-list::-webkit-scrollbar-thumb,
.input-wrap-select .select-list::-webkit-scrollbar-thumb {
  background: #C3C1C2;
  border-radius: 12px;
}
.input-wrap .select-list::-webkit-scrollbar-thumb:hover,
.input-wrap-select .select-list::-webkit-scrollbar-thumb:hover {
  cursor: grab;
}
.input-wrap .select-list::-webkit-scrollbar-thumb:active,
.input-wrap-select .select-list::-webkit-scrollbar-thumb:active {
  cursor: grabbing;
}
.input-wrap .select-list li,
.input-wrap-select .select-list li {
  padding: 12px 16px;
  cursor: pointer;
}
.input-wrap .select-list li:hover,
.input-wrap-select .select-list li:hover {
  background: #f5f5f5;
}