.styles_mainContainer__klrnE {
  background-image: url(/static/media/bg-curvas.6c09648794107798c9c2.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-blend-mode: overlay;
  padding: 33px 16px 33px 16px;
  height: 137px;
  border-bottom: 1px solid #EEEEEF;
}
.styles_mainContainer__klrnE .styles_title__YczPG {
  display: flex;
  gap: 6px;
  padding-bottom: 10px;
}
.styles_mainContainer__klrnE .styles_title__YczPG .styles_icon__Ne8ZV {
  font-size: 15px;
  color: #009E43;
}
.styles_mainContainer__klrnE .styles_title__YczPG .styles_text__VjDcW {
  font-family: 'Exo';
  font-weight: 600;
  font-size: 18px;
  color: #414745;
}
.styles_mainContainer__klrnE .styles_title__YczPG .styles_text__VjDcW .styles_highlight__QNTxY {
  font-weight: 500;
  font-style: italic;
}
.styles_mainContainer__klrnE .styles_label__QWCLq {
  display: flex;
  align-items: center;
  color: #FFFFFF;
  background: linear-gradient(90deg, #216A40 0%, #5CBF86 100%);
  font-family: 'Exo';
  font-weight: 400;
  font-size: 11px;
  border-radius: 15px;
  padding: 0 10px 0 10px;
  width: 329px;
  height: 45px;
}
@media (min-width: 1200px) {
  .styles_mainContainer__klrnE {
    padding: 60px 100px 60px 100px;
    height: 228px;
  }
  .styles_mainContainer__klrnE .styles_title__YczPG .styles_icon__Ne8ZV {
    font-size: 29px;
  }
  .styles_mainContainer__klrnE .styles_title__YczPG .styles_text__VjDcW {
    font-size: 30px;
  }
  .styles_mainContainer__klrnE .styles_label__QWCLq {
    font-size: 16px;
    border-radius: 30px;
    padding: 0 15px 0 15px;
    width: 577px;
    height: 46px;
  }
}
@media (min-width: 1366px) {
  .styles_mainContainer__klrnE .styles_title__YczPG .styles_text__VjDcW {
    font-size: 36px;
  }
}

.styles_mainContainer__8Kypi {
  display: flex;
  flex-direction: column;
  width: 313px;
  border-radius: 5px;
  border: 1px solid #0000000D;
  box-shadow: 0px 0px 25px 0px #0000000D;
  background-color: #FFFFFF;
  font-family: 'Exo';
  font-weight: 400;
  font-size: 14px;
  color: #414745;
  padding: 10px 0;
  margin-block: 25px;
}
.styles_mainContainer__8Kypi .styles_itemsContainer__umaiy .styles_item__jRhi5 {
  padding: 12px 16px;
  font-weight: 400;
  font-size: 14px;
  color: #414745;
  cursor: pointer;
  transition: all 0.2s ease;
}
.styles_mainContainer__8Kypi .styles_itemsContainer__umaiy .styles_item__jRhi5.styles_selected__-POXf {
  font-weight: 600;
  font-size: 16px;
  background-color: #FBFFF4;
  border-left: 3px solid #009E43;
}
.styles_mainContainer__8Kypi.styles_horizontalTabs__5c-d9 {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;
  background-color: #FFFFFF;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  transition: scroll-left 1.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.styles_mainContainer__8Kypi.styles_horizontalTabs__5c-d9::-webkit-scrollbar {
  display: none;
}
.styles_mainContainer__8Kypi.styles_horizontalTabs__5c-d9 .styles_itemsContainer__umaiy {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: -webkit-max-content;
  width: max-content;
  min-width: 100%;
  padding: 0;
  background-color: #FFFFFF;
}
.styles_mainContainer__8Kypi.styles_horizontalTabs__5c-d9 .styles_itemsContainer__umaiy .styles_item__jRhi5 {
  white-space: nowrap;
  padding: 16px;
  margin: 0;
  position: relative;
  font-weight: 400;
  font-size: 14px;
  color: #414745;
  border-bottom: 3px solid transparent;
  scroll-snap-align: start;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.styles_mainContainer__8Kypi.styles_horizontalTabs__5c-d9 .styles_itemsContainer__umaiy .styles_item__jRhi5.styles_selected__-POXf {
  font-weight: 600;
  color: #009E43;
  background-color: #FBFFF4;
  border-left: none;
  font-size: 14px;
  border-bottom: 3px solid #009E43;
}
.styles_mainContainer__8Kypi.styles_horizontalTabs__5c-d9 .styles_itemsContainer__umaiy .styles_item__jRhi5:first-child {
  margin-left: 0;
}
.styles_mainContainer__8Kypi.styles_horizontalTabs__5c-d9 .styles_itemsContainer__umaiy .styles_item__jRhi5:last-child {
  margin-right: 0;
}
@media (min-width: 1200px) {
  .styles_mainContainer__8Kypi {
    margin-block: 0;
  }
}

.styles_mainContainer__QjcNf {
  padding: 0 16px 0 16px;
  width: 100%;
  max-width: 100%;
  min-height: 100vh;
  background: #FFF;
  position: relative;
}
.styles_mainContainer__QjcNf::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-image: url(/static/media/circle-arrow-down-left.67686d933d20e3bf5148.webp);
  background-size: clamp(82.85px, 12vw, 267px) auto;
  background-position: left 0 top 100px;
  background-repeat: no-repeat;
  opacity: 0.5;
  pointer-events: none;
  z-index: 0;
}
.styles_mainContainer__QjcNf::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background-image: url(/static/media/gray-circles.bf6c9be0d567c56d67be.webp);
  background-size: clamp(110px, 17vw, 326px) auto;
  background-position: right 0 top 100px;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 0;
}
.styles_mainContainer__QjcNf .styles_leftColumn__9exed .styles_menuContainer__MzevN {
  background-color: #EEEEEF;
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
  top: 100px;
  padding-bottom: 20px;
  margin: 0 -16px;
  width: calc(100% + 32px);
}
.styles_mainContainer__QjcNf .styles_leftColumn__9exed .styles_menuContainer__MzevN::before {
  content: '';
  display: flex;
  justify-content: center;
  width: 100%;
}
.styles_mainContainer__QjcNf .styles_leftColumn__9exed .styles_menuContainer__MzevN > * {
  margin: 25px auto;
}
.styles_mainContainer__QjcNf .styles_leftColumn__9exed .styles_section__XdCv0 {
  position: relative;
  padding-top: 20px;
  margin-bottom: 40px;
  min-height: 100px;
}
.styles_mainContainer__QjcNf .styles_leftColumn__9exed .styles_section__XdCv0:first-child {
  padding-top: 0;
}
.styles_mainContainer__QjcNf .styles_leftColumn__9exed .styles_section__XdCv0 .styles_sectionHeader__hQ1MF {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 10px 0;
  margin-bottom: 20px;
}
.styles_mainContainer__QjcNf .styles_leftColumn__9exed .styles_paragraph__3sC7P {
  font-family: 'Inter';
  font-weight: 400;
  color: #414745;
  white-space: pre-line;
  margin-bottom: 20px;
}
.styles_mainContainer__QjcNf .styles_leftColumn__9exed .styles_title__k2rWl {
  font-family: 'Exo';
  font-weight: 600;
  color: #009E43;
  white-space: pre-line;
  display: inline-block;
  margin-bottom: 8px;
}
.styles_mainContainer__QjcNf .styles_leftColumn__9exed .styles_description__jUNJM {
  font-family: 'Inter';
  font-weight: 400;
  white-space: pre-line;
}
.styles_mainContainer__QjcNf .styles_leftColumn__9exed .styles_paragraph__3sC7P,
.styles_mainContainer__QjcNf .styles_leftColumn__9exed .styles_title__k2rWl,
.styles_mainContainer__QjcNf .styles_leftColumn__9exed .styles_description__jUNJM {
  font-size: 14px;
}
.styles_mainContainer__QjcNf .styles_leftColumn__9exed .styles_titleContainer__O0\+Bz {
  display: flex;
  gap: 6px;
  border-top: 3px dotted #7FC71B;
  padding-block: 20px;
}
.styles_mainContainer__QjcNf .styles_leftColumn__9exed .styles_titleContainer__O0\+Bz .styles_icon__QZIqA {
  font-size: 29px;
  color: #009E43;
}
.styles_mainContainer__QjcNf .styles_leftColumn__9exed .styles_titleContainer__O0\+Bz .styles_sectionTitle__hxnhs {
  font-family: 'Exo';
  font-weight: 600;
  font-size: 20px;
  color: #414745;
}
.styles_mainContainer__QjcNf .styles_rightColumn__WDhUw * {
  display: none;
}
@media (min-width: 1200px) {
  .styles_mainContainer__QjcNf {
    display: flex;
    flex-direction: row;
    padding: 100px;
    gap: 50px;
  }
  .styles_mainContainer__QjcNf .styles_leftColumn__9exed {
    width: 70%;
  }
  .styles_mainContainer__QjcNf .styles_leftColumn__9exed > div:first-of-type {
    display: none;
  }
  .styles_mainContainer__QjcNf .styles_leftColumn__9exed .styles_section__XdCv0 {
    margin-bottom: 60px;
    min-height: 150px;
  }
  .styles_mainContainer__QjcNf .styles_rightColumn__WDhUw {
    width: 30%;
  }
  .styles_mainContainer__QjcNf .styles_rightColumn__WDhUw * {
    display: block;
    position: -webkit-sticky;
    position: sticky;
    z-index: 1;
    top: 150px;
  }
}

@font-face {
  font-family: 'Exo';
  src: local("ExoVariableFont"), url(/static/media/ExoVariableFont.6c037f7506ee86084662.ttf) format('truetype');
  font-optical-sizing: auto;
  font-weight: 100 900;
  /* Admite un rango de peso desde 100 hasta 900 */

  /* * Font weight Regular: 400 */
  /* * Font weight Medium Italic: 500 */
  /* * Font weight Bold: 700 */
}

@font-face {
  font-family: 'Inter';
  src: local("InterVariableFont"), url(/static/media/InterVariableFont.e05c5f3d1fa6a3893d84.ttf) format('truetype');
  font-optical-sizing: auto;
  font-weight: 100 900;
  /* Admite un rango de peso desde 100 hasta 900 */

  /* * Font weight Regular: 400 */
  /* * Font weight Medium Italic: 500 */
  /* * Font weight Bold: 700 */
}

body {
  font-family: 'Exo', 'Inter';
  font-style: normal;
  font-weight: 400;
}

.bc-white {
  border-color: white !important;
}

.bc-green {
  border-color: #029e47 !important;
}

.br-10 {
  border-radius: 10px !important;
}

.br-15 {
  border-radius: 15px !important;
}

.br-20,
.bg-form-color {
  border-radius: 20px !important;
}

.br-50 {
  border-radius: 50px !important;
}

.br-rounded-left-20 {
  border-radius: 20px 0px 0px 20px !important;
}

.br-rounded-right-20 {
  border-radius: 0px 20px 20px 0px !important;
}

.br-rounded {
  border-radius: 20px 20px 20px 20px !important;
}

.cursor-pointer,
.btn-arrow-green,
.home-txt-auto,
.cms-nav-logo,
.cms-nav-item {
  cursor: pointer;
}

.float-l {
  float: left !important;
}

.float-r {
  float: right !important;
}

.float-c {
  float: center !important;
}

/* MAP */
.leaflet-container {
  width: auto;
  height: 50vh;
  max-width: 950px;
}

/* Tamaños */
.h-15 {
  height: 15% !important;
}

.h-25 {
  height: 25% !important;
}

.h-40 {
  height: 40% !important;
}

.h-50,
.col-logo {
  height: 50% !important;
}

.h-60 {
  height: 60% !important;
}

.h-70 {
  height: 70% !important;
}

.h-90 {
  height: 90% !important;
}

.h-100,
.video-container {
  height: 100% !important;
}

.hp-5 {
  height: 5px !important;
}

.hp-100 {
  height: 100px !important;
}

.hp-110 {
  height: 110px !important;
}

.hp-120,
.starken-pro-container {
  height: 120px !important;
}

.hp-130 {
  height: 130px !important;
}

.hp-150,
.icon-fixed-left {
  height: 150px !important;
}

.hp-200 {
  height: 200px !important;
}

.hp-250 {
  height: 250px !important;
}

.hp-300 {
  height: 300px !important;
}

.hp-400 {
  height: 400px !important;
}

.hp-500 {
  height: 500px !important;
}

.hp-600 {
  height: 600px !important;
}

.hp-700 {
  height: 700px !important;
}

.hp-800 {
  height: 800px !important;
}

.hp-900 {
  height: 900px !important;
}

.w-auto {
  width: auto !important;
}

.w-5 {
  width: 5% !important;
}

.w-15 {
  width: 15% !important;
}

.w-25 {
  width: 25% !important;
}

.w-30 {
  width: 30% !important;
}

.w-40 {
  width: 40% !important;
}

.w-50 {
  width: 50% !important;
}

.w-55 {
  width: 55% !important;
}

.w-70 {
  width: 70% !important;
}

.w-60 {
  width: 60% !important;
}

.w-80 {
  width: 80% !important;
}

.w-90,
.starken-pro-icon {
  width: 90% !important;
}

.w-95 {
  width: 95% !important;
}

.w-100,
.video-container,
.horizontal-hr,
.cms-nav-item {
  width: 100% !important;
}

.wp-100 {
  width: 100px !important;
}

.wp-500 {
  width: 500px !important;
}

/* Texto */
.txt-center,
.subtitle-icon-global {
  text-align: center !important;
}

.txt-left {
  text-align: left !important;
}

.txt-right,
.left-rounded-container,
.right-rounded-container {
  text-align: right !important;
}

.txt-justify {
  text-align: justify !important;
}

.txt-url {
  color: #029e47 !important;
}

.txt-url:hover {
  color: #029e47 !important;
}

.txt-url:focus {
  color: #029e47 !important;
}

.txt-overline {
  text-decoration: overline !important;
}

.txt-underline {
  text-decoration: underline !important;
}

.txt-underline-dotted {
  border-bottom: 3px dashed !important;
}

.txt-5 {
  font-size: 5px !important;
}

.txt-10 {
  font-size: 10px !important;
}

.txt-12 {
  font-size: 12px !important;
}

.txt-15,
.subtitle-global,
.subtitle-icon-global,
.subtitle-icon-global {
  font-size: 15px !important;
}

.txt-20 {
  font-size: 20px !important;
}

.txt-25,
.title-global {
  font-size: 25px !important;
}

.txt-30 {
  font-size: 30px !important;
}

.txt-35 {
  font-size: 35px !important;
}

.txt-40,
.icon-social-network,
.title-global-block {
  font-size: 40px !important;
}

.txt-45 {
  font-size: 45px !important;
}

.txt-50,
.btn-arrow-green {
  font-size: 50px !important;
}

.txt-100 {
  font-size: 100px !important;
}

.txt-auto {
  font-size: 50px;
}

.txt-shadow-1 {
  text-shadow: 2px 2px 0px rgba(34, 15, 9, 0.17);
}

.txt-shadow-2 {
  text-shadow: 2px 2px 0px rgba(34, 15, 9, 0.51);
}

.txt-danger {
  color: red !important;
}

.txt-white,
.cms-nav-logo {
  color: white !important;
}

.txt-green,
.btn-arrow-green,
.home-txt-auto {
  color: #029e47 !important;
}

.txt-dark-green {
  color: #00943e !important;
}

.txt-purple {
  color: #4d295b !important;
}

.txt-turquoise {
  color: #2d788d !important;
}

.txt-gray {
  color: #404246 !important;
}

.txt-black {
  color: black !important;
}

.txt-upper,
.title-global,
.title-global-block,
.subtitle-global,
.subtitle-icon-global {
  text-transform: uppercase !important;
}

.txt-lower {
  text-transform: lowercase !important;
}

.txt-lower:first-letter {
  text-transform: uppercase;
}

.txt-capitalize {
  text-transform: capitalize !important;
}

.txt-b,
.subtitle-global,
.subtitle-icon-global,
.subtitle-icon-global,
.home-txt-auto {
  font-weight: bolder !important;
}

.txt-b-500 {
  font-weight: 500 !important;
}

.txt-b-600 {
  font-weight: 600 !important;
}

.txt-b-800,
.title-global-block {
  font-weight: 800 !important;
}

.txt-b-900,
.title-global {
  font-weight: 900 !important;
}

/* Padding Bottom */
.pb-0 {
  padding-bottom: 0px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pb-10,
.title-global-block,
.subtitle-global {
  padding-bottom: 10px !important;
}

.pt-15 {
  padding-bottom: 15px !important;
}

.pb-20,
.title-global {
  padding-bottom: 20px !important;
}

.pb-30,
.icon-fixed-left {
  padding-bottom: 30px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pb-90 {
  padding-bottom: 90px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

/* Padding Top */
.pt-0 {
  padding-top: 0px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pt-10,
.title-global,
.subtitle-global {
  padding-top: 10px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pt-70 {
  padding-top: 70px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pt-90 {
  padding-top: 90px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pt-200 {
  padding-top: 200px !important;
}

.pt-15vh {
  padding-top: 15vh !important;
}

/* Padding Left */
.pl-0 {
  padding-left: 0px !important;
}

.pl-1 {
  padding-left: 1px;
}

.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px !important;
}

.pl-20 {
  padding-left: 20px;
}

.pl-30,
.icon-fixed-left {
  padding-left: 30px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-50 {
  padding-left: 50px;
}

.pl-60 {
  padding-left: 60px;
}

.pl-70 {
  padding-left: 70px;
}

.pl-80 {
  padding-left: 80px;
}

.pl-90 {
  padding-left: 90px;
}

.pl-100 {
  padding-left: 100px;
}

.pl-150 {
  padding-left: 150px;
}

.pl-auto-xs {
  padding-left: 10px;
}

.pl-auto-md {
  padding-left: 30px;
}

.pl-auto-xl {
  padding-left: 50px;
}

.pl-auto-xxl {
  padding-left: 250px;
}

/* Padding Right */
.pr-0 {
  padding-right: 0px !important;
}

.pr-1 {
  padding-right: 1px;
}

.pr-5,
.icon-social-network {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px !important;
}

.pr-20 {
  padding-right: 20px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-50 {
  padding-right: 50px;
}

.pr-60 {
  padding-right: 60px;
}

.pr-70 {
  padding-right: 70px;
}

.pr-80 {
  padding-right: 80px;
}

.pr-90 {
  padding-right: 90px;
}

.pr-100 {
  padding-right: 100px;
}

.pr-auto-xs {
  padding-right: 10px;
}

.pr-auto-md {
  padding-right: 30px;
}

.pr-auto-xl {
  padding-right: 50px;
}

.pr-auto-xxl {
  padding-right: 250px;
}

/* Padding Left-Right */
.plr-auto-xs {
  padding-left: 10px;
  padding-right: 10px;
}

.plr-auto-md {
  padding-left: 30px;
  padding-right: 30px;
}

.plr-auto-100 {
  padding-left: 100px;
  padding-right: 100px;
}

.plr-auto-xl {
  padding-left: 120px;
  padding-right: 120px;
}

.plr-auto-xxl {
  padding-left: 250px;
  padding-right: 250px;
}

.plr-menu-auto {
  padding-left: 200px;
  padding-right: 200px;
}

.mlr-auto-xxl {
  margin-left: 250px;
  margin-right: 250px;
}

/* Padding Top-Bottom */
.ptb-auto-xs,
.bg-form-color {
  padding-top: 10px;
  padding-bottom: 10px;
}

.ptb-auto-md {
  padding-top: 30px;
  padding-bottom: 30px;
}

.ptb-auto-xl {
  padding-top: 50px;
  padding-bottom: 50px;
}

.ptb-auto-xxl {
  padding-top: 250px;
  padding-bottom: 250px;
}

/* Padding Global */
.p-0 {
  padding: 0px !important;
}

.p-5 {
  padding: 5px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-20,
.left-rounded-container,
.right-rounded-container,
.cms-nav-logo,
.cms-nav-item {
  padding: 20px;
}

.p-30 {
  padding: 30px;
}

.p-50 {
  padding: 50px;
}

.p-80 {
  padding: 80px;
}

.m-0 {
  margin: 0px !important;
}

.m-5 {
  margin: 5px !important;
}

.m-10 {
  margin: 10px !important;
}

.m-auto {
  margin: auto !important;
}

.mtb-auto {
  margin: auto 0px auto 0px !important;
}

.mlr-auto {
  margin: 0px auto 0px auto !important;
}

.plr-auto {
  padding: 0px auto 0px auto !important;
}

.ptb-auto {
  padding: auto 0px auto 0px !important;
}

.mxw-0,
.p-line,
.vertical-orange-line,
.vertical-dotted-line,
.vertical-green-dotted-line,
.thick-vertical-dotted-line {
  max-width: 0px !important;
}

.mxw-100,
.col-logo {
  max-width: 100% !important;
}

/* Margin Bottom */
.mb-0 {
  margin-bottom: 0px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-40,
.thick-vertical-dotted-line {
  margin-bottom: 40px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mb-15vh {
  margin-bottom: 15vh !important;
}

.mb-negative-50 {
  margin-bottom: -50px;
}

.mb-negative-10vh {
  margin-bottom: -10vh;
}

.mb-negative-15vh {
  margin-bottom: -15vh;
}

.mb-negative-20vh {
  margin-bottom: -20vh;
}

/* Margin Top */
.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40,
.thick-vertical-dotted-line {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-200 {
  margin-top: 200px;
}

.mt-15vh {
  margin-top: 15vh !important;
}

.mt-negative-50 {
  margin-top: -50px;
}

.mt-negative-10vh {
  margin-top: -10vh;
}

.mt-negative-15vmin {
  margin-top: -15vmin;
}

.mt-negative-20vh {
  margin-top: -20vh;
}

.mt-auto {
  top: 50%;
  transform: translateY(-50%);
}

/* Margin Left */
.ml-0 {
  margin-left: 0px !important;
}

.ml-1 {
  margin-left: 1px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-20,
.p-line,
.vertical-dotted-line,
.vertical-green-dotted-line,
.thick-vertical-dotted-line {
  margin-left: 20px;
}

.ml-30,
.vertical-orange-line {
  margin-left: 30px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-auto {
  margin-left: auto;
}

/* Margin Right */
.mr-0 {
  margin-right: 0px !important;
}

.mr-1 {
  margin-right: 1px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-20,
.p-line,
.vertical-dotted-line,
.vertical-green-dotted-line,
.thick-vertical-dotted-line {
  margin-right: 20px;
}

.mr-30,
.vertical-orange-line {
  margin-right: 30px;
}

.mr-40 {
  margin-right: 40px;
}

/* Background Color */
.bg-cms,
.cms-bg {
  background-color: #fcfcfd !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.bg-primary {
  background-color: #1890ff !important;
}

.bg-orange {
  background-color: darkorange !important;
}

.bg-danger {
  background-color: #e03c3c !important;
}

.bg-white,
.bg-form-color,
.horizontal-hr {
  background-color: #ffffff !important;
}

.bg-orange {
  background-color: #ffa600 !important;
}

.bg-green {
  background-color: #029e47 !important;
}

.bg-dark-green {
  background-color: #008638 !important;
}

.bg-purple {
  background-color: #480b50 !important;
}

.bg-turquoise {
  background-color: #2d788d !important;
}

.bg-light-gray {
  /* background-color: #dadada !important; */
  background-color: #F3F2F6 !important;
}

.bg-dark-gray {
  background-color: #404246 !important;
}

.bg-medium-gray {
  background-color: #9d9d9C !important;
}

.bg-index-color {
  background-color: #04943C !important;
}

/* Images */
.img-opacity-1 {
  opacity: 0.2;
}

.img-opacity-2 {
  opacity: 0.5;
}

.img-opacity-3 {
  opacity: 1;
}

/* Posiciones y justificado */
.position-absolute {
  position: absolute !important;
}

.justify-center {
  justify-content: center !important;
}

.justify-left,
.left-rounded-container,
.right-rounded-container {
  justify-content: left !important;
}

.disp-block {
  display: block !important;
}

.disp-flex {
  display: flex !important;
}

/* Box Shadow */
.box-shadow-1 {
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.08);
}

* {
  font-size: 2, 9vw !important;
}

.icon-color {
  filter: none;
}

::-webkit-scrollbar {
  width: 13px;
  height: 13px;
}

::-webkit-scrollbar-thumb {
  background: #c7ceff;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #f9d4ff;
}

::-webkit-scrollbar-track {
  background: #ffffff;
  box-shadow: inset 7px 10px 12px #f0f0f0;
}

.icon-menu {
  margin: 3px;
  max-width: 32px;
  min-width: 32px;
  max-height: 32px;
  min-height: 32px;
}

.header-row {
  display: flex;
  align-items: center;
  justify-content: start;
}

.col-logo {
  display: flex;
  align-items: center !important;
  justify-content: center !important;
}

.header {
  color: #fff !important;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.content-space-between {
  display: flex;
  justify-content: space-between !important;
}

.content-space-around {
  display: flex;
  justify-content: space-around !important;
}

.tracking-content {
  margin-top: 16px;
  border: 1px dashed #e9e9e9;
  border-radius: 2px;
  background-color: #fafafa;
  min-height: 200px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.img-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.img-container-responsive {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}

.img-responsive-absolute {
  height: 100%;
  width: 100%;
}

.img-auto-size {
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.img-circle-auto-size {
  width: auto;
  border-radius: 50%;
}

.img-circle-left {
  height: 300px;
  display: flex;
  border-radius: 50%;
  float: left;
}

.img-circle-right {
  height: 300px;
  display: flex;
  border-radius: 50%;
  float: right;
}

.img-circle-center {
  border: 5px solid #555;
  height: 70%;
  display: flex;
  border-radius: 50%;
  justify-content: center;
}

.img-banner-container {
  width: 100%;
  max-width: 100%;
  height: 60vh;
  display: flex;
  justify-content: center;
}

.img-banner {
  height: 40vh;
  width: 100%;
  position: absolute;
}

.icon-sm {
  width: 100px;
  height: 100px;
  margin: 15px;
}

.icon-md {
  width: 120px;
  height: 120px;
  margin: 15px;
}

.icon-fixed-left {
  position: fixed;
  bottom: 0px;
  left: 0px;
}

.icon-square {
  width: 100px;
  height: 100px;
}

.icon-social-network {
  color: white;
}

.icon-social-network:hover,
.icon-social-network:visited {
  color: white;
  font-size: 42px;
}

.btn-rounded-white {
  border-radius: 15px !important;
  color: white !important;
  background-color: #ffffff !important;
}

.btn-rounded-white:focus,
.btn-rounded-white:hover,
.btn-rounded-white:visited,
.btn-rounded-white:active {
  background-color: #ffffff !important;
  color: white !important;
}

.btn-rounded-green {
  border-radius: 15px !important;
  color: white !important;
  background-color: #029e47 !important;
}

.btn-rounded-green:focus,
.btn-rounded-green:hover,
.btn-rounded-green:visited,
.btn-rounded-green:active {
  background-color: #029e47 !important;
  color: white !important;
}

.btn-rounded-purple {
  border-radius: 15px !important;
  color: white !important;
  background-color: #480b50 !important;
}

.btn-rounded-purple:focus,
.btn-rounded-purple:hover,
.btn-rounded-purple:visited,
.btn-rounded-purple:active {
  background-color: #480b50 !important;
  color: white !important;
}

.btn-rounded-orange {
  border-radius: 15px !important;
  color: white !important;
  background-color: #ffa600 !important;
}

.btn-rounded-orange:focus,
.btn-rounded-orange:hover,
.btn-rounded-orange:visited,
.btn-rounded-orange:active {
  background-color: #ffa600 !important;
  color: white !important;
}

.btn-rounded-gray {
  border-radius: 15px !important;
  color: white !important;
  background-color: #404246 !important;
}

.btn-rounded-gray:focus,
.btn-rounded-gray:hover,
.btn-rounded-gray:visited,
.btn-rounded-gray:active {
  background-color: #404246 !important;
  color: white !important;
}

.btn-rounded-blue {
  border-radius: 15px !important;
  color: white !important;
  background-color: #2d788d !important;
}

.btn-rounded-blue:focus,
.btn-rounded-blue:hover,
.btn-rounded-blue:visited,
.btn-rounded-blue:active {
  background-color: #2d788d !important;
  color: white !important;
}

.horizontal-dotted-line {
  color: #9d9d9C !important;
  border-width: 3px;
  border-style: dotted none none none;
}

.horizontal-dotted-white-line {
  color: white !important;
  border-width: 3px;
  border-style: dotted none none none;
}

.horizontal-dotted-green-line {
  color: #029e47 !important;
  border-width: 4px;
  border-style: dotted none none none;
}

.horizontal-green-line {
  color: #029e47 !important;
  border-width: 1.5px;
  border-style: solid none none none;
}

.horizontal-turquoise-line {
  color: #2d788d !important;
  border-width: 1.5px;
  border-style: solid none none none;
}

.horizontal-white-line {
  color: #ffffff !important;
  border-width: 1.5px;
  border-style: solid none none none;
}

.horizontal-white-dotted-line {
  color: white !important;
  border-width: 2px;
  border-style: solid none none none;
}

.vertical-dotted-line {
  color: #9d9d9C !important;
  border-width: 3px;
  border-style: none dotted none none;
}

.vertical-green-dotted-line {
  color: #029e47 !important;
  border-width: 4px;
  border-style: none dotted none none;
}

.vertical-orange-line {
  color: #ffa600 !important;
  border-width: 2px;
  border-style: none solid none solid;
  height: 100%;
}

.thick-vertical-dotted-line {
  color: #ffffff !important;
  border-width: 5px;
  border-style: none dotted none none;
}

.content-center-left {
  text-align: left;
  margin: auto;
  width: 50%;
  padding: 10px;
}

.center-content-right {
  text-align: right;
  margin: auto;
  width: 50%;
}

.center-content {
  text-align: center;
  width: 90%;
  padding: 10px;
}

.center-content-margin {
  text-align: center;
  width: 90%;
  margin: auto;
  padding: 10px;
}

.center-col {
  text-align: center;
  width: 90%;
  padding: 10px;
}

.content-center {
  display: flex;
  justify-content: center;
}

.chattigo-widget-trigger__logo {
  width: 70px !important;
  bottom: 70px !important;
  border: 3px green solid;
  border-radius: 50%;
}

.title-global {
  color: #3e3e3e;
}

.bg-img-home {
  box-shadow: 13px 0px 0px -6px #009e47;
}

.box-shadow-turquoise {
  box-shadow: 1px -6px 0px 1px #25778e;
}

.left-rounded-container {
  border-radius: 900px 0px 0px 900px;
}

.right-rounded-container {
  border-radius: 0px 900px 900px 0px;
}

.horizontal-hr {
  height: 2px;
  float: left;
}

.margin-rounded-img {
  display: flex;
  justify-content: center;
  align-content: "center";
  flex-direction: "column";
}

.auto-size-rounded-img {
  width: auto;
  border-radius: 50%;
}

.carousel-example {
  height: 160px;
  color: #fff;
  line-height: 160px;
  text-align: center;
  background: #364d79;
}

.img-sp {
  height: 100%;
  width: 100%;
  object-fit: contain;
  display: absolute;
}

.img-container-sp {
  background-color: #4b1759;
  display: flex;
  justify-content: center;
}

.bg-somos-partner {
  background: linear-gradient(180deg, #ca7e10 26%, #9c27b0 49%, #6a127e 65%);
}

.bg-loginCMS {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100%;
  background: linear-gradient(to top right, #026534, #009239);
}

.box-loginCMS {
  text-align: center;
  position: relative;
  background: #fff;
  margin: 20vh auto;
  padding: 5vh 5vw;
  height: auto;
  border-radius: 2px;
  width: 50%;
}

.image-loginCMS {
  display: flex;
  width: 300px;
  margin: 20px auto 0;
}

.textRadioButton span {
  display: inline-grid !important;
}

.motivo .ant-select-selector {
  border-radius: 20px !important;
  border-color: #a9a9a9 !important;
}

.banco .ant-select-selector {
  border-radius: 20px !important;
  border-color: #a9a9a9 !important;
}

.tipoCuenta .ant-select-selector {
  border-radius: 20px !important;
  border-color: #a9a9a9 !important;
}

.formReclamo .textRadioButton label {
  display: inline !important;
}

.formReclamo label[for="reclamo"] {
  display: block !important;
}

.plr-home-auto-xl {
  padding-left: 100px;
  padding-right: 100px;
}

.home-icon-auto {
  height: 45% !important;
  transition: all 0.5s ease;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 50%;

  &:hover {
    transform: scale(1.1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  }
}

.home-icon-nuevo {
  text-align: center !important;
  position: absolute;
  left: 68%;
  top: 0;
  color: white;
  width: auto;
  background: linear-gradient(#3CB6B7, #299DB6);
  padding: 2px 20px;
  font-weight: bold;
  font-size: 1.2rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  z-index: 9;
  border-radius: 8px;

  &&.card {

    top: -15%;
    border: none;
    max-width: 100px;
  }
}

@media screen and (max-width: 576px) {
  .home-icon-nuevo {
    margin: auto;
    top: 0;
    left: 0;
    padding: 2px 6px !important;
    font-size: .8rem !important;

    &&.card {
      left: 80% !important;
      top: -10px
    }
  }
}

.home-txt-auto {
  padding-top: 5px;
  font-size: 13px;
}

.home-padding-auto {
  padding-left: 330px;
  padding-right: 330px;
}

.starken-pro-margin {
  margin-bottom: -120px;
}

.main-form {
  margin-top: 30px;
  color: #009239;
  font-weight: 500;
}

.main-form .ant-tabs-nav {
  margin: auto;
}

.input-form-register {
  margin-top: 125px !important;
  margin-bottom: 125px !important;
}

.centered-container {
  text-align: center;
}

.cms-bg {
  margin: 0% 2% !important;
  padding: 2% !important;
}

.cms-col-p {
  padding: 10px 5px 5px 5px;
}

.cms-input-p {
  padding: 0px 20px 0px 20px;
}

.cms-nav {
  background-color: rebeccapurple;
}

.cms-nav-item {
  color: white;
}

.cms-0 {
  padding: 0px 20px 0px 20px;
}

.cms-1 {
  min-height: 900px;
  height: -webkit-fit-content;
  height: fit-content;
  min-width: 100%;
  width: -webkit-fit-content;
  width: fit-content;
  background-color: white;
  box-shadow: 1px 3px 8px #ebedf1;
}

.cms-3 {
  border: 1px solid #9fa9a3;
  background-color: #e6e6e6;
  border-radius: 8px 8px 0px 0px;
  width: 100%;
}

@media screen and (max-width: 1150px) {
  .home-padding-auto {
    padding-left: 100px;
    padding-right: 100px;
  }

  .box-loginCMS {
    width: 100%;
  }
}

@media screen and (max-width: 1180px) {

  .plr-auto-xxl,
  .plr-menu-auto,
  .plr-auto-xl {
    padding-left: 30px;
    padding-right: 30px;
  }

  .mlr-auto-xxl {
    margin-left: 30px;
    margin-right: 30px;
  }

  .center-content-right {
    text-align: center;
  }

  .content-center-left {
    text-align: center;
  }

  .img-circle-left {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 100%;
    float: center;
  }

  .img-circle-right {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 100%;
    float: center;
  }

  .box-loginCMS {
    width: 100%;
  }
}

@media screen and (max-width: 1000px) {

  .ml-20-only-lg,
  .mr-20-only-lg {
    margin-right: 0px;
    margin-left: 0px;
  }

  .starken-pro-container {
    height: 60px !important;
  }

  .vertical-orange-line {
    border-style: none none none none;
  }

  .vertical-white-line {
    border-style: none none none none;
  }

  .title-global-block {
    text-align: center;
    font-size: 25px !important;
  }

  .box-loginCMS {
    width: 100%;
  }
}

@media screen and (min-width: 1500px) {
  .plr-auto-xxl {
    padding-left: 450px;
    padding-right: 450px;
  }

  .home-padding-auto {
    padding-left: 500px;
    padding-right: 500px;
  }

  .plr-menu-auto {
    padding-left: 400px;
    padding-right: 400px;
  }

  .starken-pro-container {
    height: 85px !important;
  }
}

@media screen and (max-width: 576px) {
  .plr-home-auto-xl {
    padding-left: 0px;
    padding-right: 0px;
  }

  .starken-pro-icon {
    width: 40% !important;
  }

  .home-icon-auto {
    width: 80% !important;
    height: 80% !important;
  }

  .home-padding-auto {
    padding-left: 0px;
    padding-right: 0px;
  }

  .pl-auto-xs {
    padding-left: 0px;
  }

  .pr-auto-xs {
    padding-right: 0px;
  }

  .box-loginCMS {
    width: 100%;
  }

  .card-retiro {
    background-color: "#F5F5F5";
    border-radius: "2px";
    border: "1px solid rgba(97, 98, 98, 0.1)";
    box-sizing: "border-box";
    box-shadow: "0px 4px 4px rgba(0, 0, 0, 0.25)";
  }
}

.chatbot {
  position: fixed;
  bottom: 60px;
  right: 30px;
  cursor: pointer;
}

/* HEADER */
main {
  >.site-layout-content {

    /* overflow-x: hidden; */
    >div {
      >div {
        transform: none !important;

      }
    }

    .ant-menu-item.ant-menu-item-only-child.dynamic-bg {
      text-overflow: clip;
      /* overflow: visible; */
      border-radius: 0px 0px 20px 20px;

    }

    .ant-menu-item.ant-menu-item-only-child.dynamic-bg {
      border-radius: 20px;
    }

    .ant-menu.ant-menu-light.txt-right.ant-menu-root.ant-menu-vertical {
      /* border-right: 1px solid currentColor !important; */
      border-right: none;
      border-radius: 0px 0px 20px 0px !important;
    }

    .ant-menu-inline,
    .ant-menu-vertical,
    .ant-menu-vertical-left {
      border-right: none
    }

    .ant-menu.ant-menu-light.ant-menu-root.ant-menu-inline {
      li.ant-menu-submenu.ant-menu-submenu-inline {
        &:hover {
          background-color: #3CB6B7;
        }

        &:active {
          background-color: #3CB6B7;
        }

        &.ant-menu-submenu-open {
          background-color: #3CB6B7;

        }
      }

      li.ant-menu-item.ant-menu-item-only-child {
        &:hover {
          background-color: #3CB6B7;
        }
      }
    }

    .ant-affix {
      >div {
        >div {
          border-radius: 0px 0px 20px 20px;


          >div#sm-c {
            overflow: hidden;
            box-shadow: currentColor 0px 0px 14px 0px;
            border-radius: 0px 0px 20px 20px;
            transition: border-radius 0.5s;
          }
        }
      }
    }
  }


}

.hamburger-toggle {
  color: white !important;
  margin-left: 24px;
}

.ant-row.footer-bg.pt-5.plr-auto-md {
  ul {
    list-style: none !important;

    >li {
      text-decoration: none !important;
      /* Eliminar subrayado por defecto */
      transition: -webkit-text-decoration 0.3s ease !important;
      transition: text-decoration 0.3s ease !important;
      transition: text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease !important;

      &:hover {
        text-decoration: underline !important;
      }
    }
  }

  .horizontal-dotted-white-line {
    color: white !important;
    border-width: 1px !important;
    border-style: solid none none none !important;
  }
}

.ant-menu.ant-menu-sub.ant-menu-vertical {
  .ant-menu-item-active {
    /* background-color: #3CB6B7 !important; */
    border-bottom: none;
    /* Empieza con el borde transparente */
    transition: border-bottom 0.1s ease-in-out;

    /* Ajusta la duración y el tipo de transición */
    a {

      &:hover {
        border-bottom: 2px solid #fff !important;
        /* Cambia el color del borde al pasar el mouse */
      }
    }
  }
}

.menu-user-stk-open {
  ul {
    background-color: #009d4e;

    >li {
      margin: 0;
      color: #fff;

      a {
        color: #fff;
      }

      &:hover {
        background-color: #3cb6b7;
        color: #fff;

        a {
          color: #fff;
        }
      }
    }
  }
}

.fix-row-cotizador {
  .ant-row.ant-form-item-row {
    display: flex;
    flex-direction: column;

    .ant-form-item-label {
      text-align: start;
    }
  }
}

.cart-shopping {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 50px;
  height: 50px;
  height: 100%;
  text-align: center;
  border-radius: 30px;
  align-items: baseline;

  .cart-shopping__counter {
    position: absolute;
    top: 2px;
    right: 5px;
    background-color: red;
    color: white;
    border-radius: 50%;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.6;
    height: 16px;
    width: 16px;
    text-align: center;
  }
}

@keyframes highlight {
  0% {
    transform: scale(1);
    background-color: transparent;
  }

  50% {
    transform: scale(1.2);
    background-color: #10a34c;
  }

  100% {
    transform: scale(1);
    background-color: transparent;
  }
}

.cart-shopping.highlight {
  animation: highlight 0.5s ease;
}
/* 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;
}

.container-caja-3d{
    display: flex !important;
    justify-content: center !important;
}
.card-caja-3d{
    display: grid;
    height: 250px;
    width: 80%;
    background-color: rgb(206, 200, 200);
    border-radius: 10px;
}
.cube{
    margin: auto;
    height: 100px;
    width: 100px;
    transform-style: preserve-3d;
    transform: rotateX(-10deg) rotateY(45deg) rotateZ(0deg);
}
.top{
    position: absolute;
    height: 100px;
    width: 100px;
    transform: rotateX(90deg) translateZ(50px);
}
.right{
    position: absolute;
    height: 100px;
    width: 100px;
    transform: translateZ(50px);
}
.left{
    position: absolute;
    height: 100px;
    width: 100px;
    transform: translateX(-50px) rotateY(90deg);
}
.etiquetaAlto{
    display: none;
    position: absolute;
    transform: translateX(160px) translateY(50px);
}
.etiquetaAncho{
    display: none;
    position: absolute;
    transform: translateX(-25px) translateY(110px) rotateY(-90deg);
}
.etiquetaLargo{
    display: none;
    position: absolute;
    transform: translateX(100px) translateY(125px);
}
.ant-input-serguimiento-custom:placeholder-shown:hover {
  font-size: 15px;
  text-transform: uppercase;
}

.contacto-error-txt-22 {
  font-size: 22px !important;
}

.btn-contacto-error {
  font-size: 18px;
}

.seg-linea-txt-22 {
  font-size: 22px !important;
}

.seg-linea-txt-18 {
  font-size: 18px !important;
}

.br-rounded-left-3 {
  border-radius: 3px 0px 0px 3px !important;
}

.br-rounded-left-10 {
  border-radius: 10px 0px 0px 10px !important;
}

.br-rounded-left-12 {
  border-radius: 12px 10px 10px 12px !important;
}

.seg-rounded-right-3 {
  border-radius: 0px 3px 3px 0px !important;
}

.seg-rounded-right-10 {
  border-radius: 0px 10px 10px 0px !important;
}

.seg-rounded-left-10 {
  border-radius: 10px 0px 0px 10px !important;
}

.seg-rounded-10 {
  border-radius: 10px !important;
}

.seg-rounded-5 {
  border-radius: 5px !important;
}

.seg-btn-pago {
  border: none !important;
  background-color: #2C6FD5 !important;
  width: 100%;
  height: 100% !important;
  margin-left: 30px;
  margin-right: 30px;
}

.seg-btn-pago:hover {
  background-color: #85B5FC !important;
  color: #2C6FD5 !important;
}

.arrow-rectangle-yellow {
  width: 100%;
  height: 100%;
}

.error-center {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.align-error-btn {
  text-align: start;
  overflow-wrap: anywhere !important;
}

.padding-error-btn {
  padding-left: 30px;
  padding-right: 30px;

}

.txt-error-container {
  height: 100%;
  padding-right: 20px;
  padding-left: 30px;
  padding-top: 30px;
  padding-bottom: 15px;
  text-align: start !important;
}

.txt-error-fs-not-p {
  font-size: 26px;
}

.txt-error-fs-par {
  font-size: 26px;
}

.btn-error-container {
  width: 90%;
  padding-right: 20px;
  overflow-wrap: break-word !important;
}

.seg-btn-error {
  width: 100% !important;
  height: 60px !important;
  background-color: #3E9B55 !important;
  border-radius: 10px !important;
  border: none !important;
}

.seg-btn-encuesta {
  width: 230px !important;
  height: -webkit-fit-content !important;
  height: fit-content !important;
  background-color: #3E9B55 !important;
  border-radius: 10px !important;
  border: none !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  padding-top: 4px;
  padding-bottom: 4px;
}

.plr-seg-cont-gral {
  padding: 0 100px 0 100px;
}

.widget-recaptcha-seg {
  justify-content: center !important;
  align-items: center !important;
  display: flex !important;
  margin-top: 20px;
}

.necesitas-ayuda-container {
  margin-top: 40px;

}

.mb-title-seg-linea {
  margin-bottom: 18px;
}

.txt-align-compartir-seguimiento {
  text-align: center;
}

@media only screen and (max-width: 1600px) {
  .seg-btn-pago {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media only screen and (max-width: 1440px) {
  .btn-contacto-error {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1300px) {
  .btn-contacto-error {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1200px) {
  .widget-recaptcha-seg {
    justify-content: start !important;
    align-items: start !important;
    display: flex !important;
    margin-top: 20px;
  }

  .seg-btn-pago {
    margin-left: 10px;
    margin-right: 10px;
  }

  .contacto-error-txt-22 {
    font-size: 18px !important;
  }
}

@media only screen and (max-width: 992px) {
  .plr-seg-cont-gral {
    padding: 0 60px 0 60px;
  }

  .seg-linea-txt-22 {
    font-size: 20px !important;
  }

  .seg-linea-txt-18 {
    font-size: 16px !important;
  }

  .seg-btn-error {
    background-color: #3E9B55 !important;
    overflow-wrap: break-word !important;

  }

}


@media only screen and (max-width: 768px) {

  /* .txt-error-container{
    text-align: start;
  } */
  .seg-btn-error {
    height: 40px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }

  .btn-error-container {
    padding-right: 0;
  }

  .contacto-error-txt-22 {
    font-size: 16px !important;
  }
}

@media only screen and (max-width: 720px) {
  .pb-seg-override {
    padding-bottom: 20px !important;
  }

  .plr-seg-cont-gral {
    padding: 0 30px 0 30px;
  }

  .widget-recaptcha-seg {
    transform: scale(0.84);
    transform-origin: 0 0;
  }

  /* #gwd-reCAPTCHA_2   {
    transform: scale(0.84);
    transform-origin: 0 0;
   } */
  .txt-error-container {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }

  .seg-btn-error {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
}


@media only screen and (max-width: 576px) {
  .btn-contacto-error {
    font-size: 12px;
  }
}

@media only screen and (max-width: 520px) {
  .plr-seg-cont-gral {
    padding: 0 10px 0 10px;
  }

  .seg-linea-txt-22 {
    font-size: 18px !important;
  }

  .btn-error-container {
    width: 50% !important;
  }

  .seg-btn-error {
    padding-right: 4px !important;
    padding-left: 4px !important;
    height: 30px !important;
  }
}

@media only screen and (max-width: 420px) {
  .plr-seg-cont-gral {
    padding: 0;
  }

  .widget-recaptcha-seg {
    transform: scale(0.74);
    transform-origin: 0 0;
  }
}

@media only screen and (max-width: 360px) {
  .txt-error-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .btn-error-container {
    margin-right: 0;
  }

  .padding-error-btn {
    padding-left: 10px;
    padding-right: 10px;

  }
}

.modal-compartir .ant-modal-body {
  padding: 0px;
  border-radius: 20px !important;
}

.modal-compartir .ant-modal-content {
  border-radius: 20px !important;
  padding: -10px !important;
}
.custom-steps {
  font-size: 0;
  width: 100%;
  line-height: 1.5;
  display: flex;
}
.custom-steps,
.custom-steps * {
  box-sizing: border-box;
}
.custom-steps-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  flex: 1 1;
  overflow: hidden;
}
.custom-steps-item:last-child {
  flex: none;
}
.custom-steps-item:last-child .custom-steps-item-tail,
.custom-steps-item:last-child .custom-steps-item-title:after {
  display: none;
}
.custom-steps-item-icon,
.custom-steps-item-content {
  display: inline-block;
  vertical-align: top;
}
.custom-steps-item-icon {
  /* border: 1px solid #ccc; */
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border-radius: 26px;
  font-size: 14px;
  margin-right: 8px;
  transition: background-color 0.3s, border-color 0.3s;
}
.custom-steps-item-tail {
  position: absolute;
  left: 0;
  width: 5px;
  top: 0px;
  padding: 0 10px;
}
.custom-steps-item-tail:after {
  content: '';
  display: inline-block;
  background: #C4C4C4;
  height: 1px;
  border-radius: 1px;
  width: 5px;
  transition: background 0.3s;
}
.custom-steps-item-content {
  margin-top: 3px;
}
.custom-steps-item-title {
  font-size: 24px;
  margin-bottom: 34px;
  color: #434242;
  font-weight: bold;
  display: inline-block;
  padding-right: 10px;
  position: relative;
  margin-left: 7%;
}
.custom-steps-item-title:after {
  content: '';
  height: 1px;
  width: 1000px;
  background: #e9e9e9;
  display: block;
  position: absolute;
  top: 0.55em;
  left: 100%;
}
.custom-steps-item-description {
  color: #434242;
  margin-left: 7%;
}
.custom-steps-horizontal:not(.custom-steps-label-vertical) .custom-steps-item {
  margin-right: 10px;
}
.custom-steps-horizontal:not(.custom-steps-label-vertical)
  .custom-steps-item:last-child {
  margin-right: 0;
}
.custom-steps-horizontal:not(.custom-steps-label-vertical)
  .custom-steps-item-tail {
  display: none;
}
.custom-steps-horizontal:not(.custom-steps-label-vertical)
  .custom-steps-item-description {
  max-width: 100px;
}
.custom-steps-item-custom .custom-steps-item-icon {
  background: none;
  border: 0;
  width: auto;
  height: auto;
}
.custom-steps-vertical {
  display: block;
}
.custom-steps-vertical .custom-steps-item {
  display: block;
  overflow: visible;
}
.custom-steps-vertical .custom-steps-item-icon {
  float: left;
}
.custom-steps-vertical .custom-steps-item-icon-inner {
  margin-right: 16px;
}
.custom-steps-vertical .custom-steps-item-content {
  min-height: 48px;
  overflow: hidden;
  display: block;
}
.custom-steps-vertical .custom-steps-item-title {
  line-height: 26px;
}
.custom-steps-vertical .custom-steps-item-title:after {
  display: none;
}
.custom-steps-vertical .custom-steps-item-description {
  padding-bottom: 12px;
}
.custom-steps-vertical .custom-steps-item-tail {
  position: absolute;
  left: 11px;
  top: 0;
  padding: 25px 0 0 0;
  height: 100%;
  width: 5px;
  /* top: 8px; */
  /* padding: 18px 0 4px 0; */
}
.custom-steps-vertical .custom-steps-item-tail:after {
  height: 100%;
  width: 5px;
}
.custom-steps-label-vertical .custom-steps-item {
  overflow: visible;
}
.custom-steps-label-vertical .custom-steps-item-tail {
  padding: 0px 24px;
  margin-left: 44px;
}
.custom-steps-label-vertical .custom-steps-item-content {
  display: block;
  text-align: center;
  margin-top: 8px;
  width: 100px;
}
.custom-steps-label-vertical .custom-steps-item-icon {
  display: inline-block;
  margin-left: 36px;
}
.custom-steps-label-vertical .custom-steps-item-title {
  padding-right: 0;
}
.custom-steps-label-vertical .custom-steps-item-title:after {
  display: none;
}
.custom-steps-label-vertical .custom-steps-item-description {
  text-align: left;
}
.custom-steps-dot .custom-steps-item-tail {
  width: 100%;
  top: 1px;
  margin: 0 0 0 50px;
  padding: 0;
}
.custom-steps-dot .custom-steps-item-tail:after {
  height: 3px;
}
.custom-steps-dot .custom-steps-item-icon {
  padding-right: 0;
  width: 5px;
  height: 5px;
  line-height: 5px;
  border: 0;
  margin-left: 48px;
}

.custom-steps-item-success .custom-steps-item-icon {
  border-color: #108ee9;
  background-color: transparent;
}
.custom-steps-item-success .custom-steps-item-icon > .custom-steps-icon {
  color: #108ee9;
}
.custom-steps-item-success .custom-steps-item-icon > .custom-steps-icon .custom-steps-icon-dot {
  background: #108ee9;
}
.custom-steps-item-success .custom-steps-item-title {
  color: gba(0, 0, 0, 0.43);
}
.custom-steps-item-success .custom-steps-item-title:after {
  background-color: #108ee9;
}
.custom-steps-item-success .custom-steps-item-description {
  color: gba(0, 0, 0, 0.43);
}
.custom-steps-item-success .custom-steps-item-tail:after {
  background-color: #10e91b;
}


.iconArrow{
  transform: rotate(-45deg) !important;
  background-color: transparent !important;
}

.grey-divider{
  background-color: 1px solid #C4C4C4;
  margin-top: 40px;
  width: 100%;
}
.custom-steps-item:last-child .grey-divider{
  display:none;
}

.plr-percent {
  width: 100%;
  padding-left: 10%;
}

.vertical-hour{
  /* padding-right: 15px; */
}




@media screen and (max-width: 950px) {

  .vertical {
    display: block !important;
  }

  .fill-media{
    display: block;
  }
  .plr-percent {
    padding-left: 0;
  }
}


@media screen and (max-width: 600px) {

  .vertical {
    display: block !important;
  }

  .fill-media{
    display: block;
  }
}



@media screen and (max-width: 1200px) {

  .final-bar {
    display: none;
    
  } 
}


@media screen and (min-width: 1600px) {
  
  .final-bar-container{
    text-align: center !important;
  }
  
}



/* CSS GENERALES */

.btnPayWeb {
	width: 90%;
	height: 90px;
	color: #fff;
	padding: 12px 0px;
	margin: 30px 0px;
	border: solid 1px gray;
}

.paymentText {
	font-size: 10px;
	margin: 0;


}

.link-internacional {
	color: #1890ff !important;
	background-color: transparent !important;
	text-decoration: none !important;
}

.link-internacional:hover {
	color: rgb(59, 80, 136) !important;
	background-color: transparent !important;
	text-decoration: none !important;
}



.btnPay {
	width: 100%;
	height: 90px;
	color: #fff;
	padding: 0px;
	margin: 0px;
	border: none 1px gray;
}

.btnETPay {
	width: 100%;
	height: 90px;
	padding: 0px;
	margin: 0px;
	border: none 1px gray;
}

.logoImg:hover {
	border: solid 2px #f49e10;
	padding-top: 0.5;
}


.seg-txt-14 {
	font-size: 14px !important;
}

.seg-txt-16 {
	font-size: 16px !important;
}

.seg-txt-18 {
	font-size: 18px !important;
}

.seg-txt-22 {
	font-size: 22px !important;
}

.seg-txt-20 {
	font-size: 20px !important;
	align-content: center !important;
}

.seg-txt-24 {
	font-size: 24px !important;
}

.seg-txt-28 {
	font-size: 28px !important;
}

.fw-700 {
	font-weight: 700;
}

.seg-capitalize {
	text-transform: capitalize !important;
}

.border-encargo {
	border-bottom: 1px solid #C4C4C4 !important;
}

.cont-btn-seg-parcial {
	display: flex !important;
	align-items: center !important;
	text-align: center !important;
	justify-content: center;
}


.btn-seg-parcial {
	font-size: 18px !important;
	font-weight: 600 !important;
	width: 100% !important;
	height: 100px !important;
	border: none !important;
	line-height: 21px;
	color: #2C6FD5 !important;
}

.btn-seg-parcial:hover {
	color: #5254C1 !important;
}

.txt-seg-dark-grey {
	color: #434242 !important;
}

.txt-seg-light-grey {
	color: #676767 !important;
}

.tooltip-seg-pago {
	color: #F4C007;
}

.tooltip-seg-pago:hover {
	color: #10A34C;
}

.p-seg-principal {
	padding: 20px 50px 60px 50px;
}

.ptb-seg-parcial {
	padding: 30px 0 30px 0;
}

.plr-seg-parcial {
	padding: 0 30px 0 30px !important;
}

.mb-det-seg {
	margin-bottom: 30px;
}

.pb-seg-parcial {
	padding-bottom: 30px;
}


@media only screen and (max-width: 1440px) {
	.seg-txt-18 {
		font-size: 16px !important;
	}

	.seg-txt-20 {
		font-size: 18px !important;
	}

	.seg-txt-24 {
		font-size: 22px !important;
	}

	.seg-txt-28 {
		font-size: 26px !important;
	}

	.btn-seg-parcial {
		font-size: 16px !important;
	}
}

@media only screen and (max-width: 1300px) {
	.btn-seg-parcial {
		font-size: 14px !important;
	}

	.seg-txt-22 {
		font-size: 18px !important;
	}

	.seg-txt-24 {
		font-size: 18px !important;
	}

	.seg-txt-28 {
		font-size: 22px !important;
	}

	.seg-txt-14 {
		font-size: 12px !important;
	}

	.mb-det-seg {
		margin-bottom: 15px;
	}
}

@media only screen and (max-width: 1200px) {
	.p-seg-principal {
		padding: 20px 30px 50px 30px;
	}

	.mb-det-seg {
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 950px) {
	.ant-collapse-content-box {
		text-align: -webkit-center;
	}

	.ant-collapse-content-box .media-row {
		text-align: -webkit-left;
	}

	.media-row {
		min-width: -webkit-fit-content !important;
		min-width: fit-content !important;
	}

	.seg-txt-22 {
		font-size: 18px !important;
	}

	.seg-txt-20 {
		font-size: 16px !important;
	}

	.seg-txt-28 {
		font-size: 20px !important;
	}

	.seg-txt-14 {
		font-size: 10px !important;
	}
}

@media only screen and (max-width: 767px) {
	.salto-linea-none br {
		display: none;
	}

	.salto-linea-none span {
		margin-left: 4px;
	}
}

@media only screen and (max-width: 768px) {
	.pb-seg-parcial {
		padding-bottom: 15px;
	}

	.cont-btn-seg-parcial {
		display: flex !important;
		align-items: flex-start !important;
		text-align: start !important;
		justify-content: start;
	}

	.btn-seg-parcial {
		width: -webkit-fit-content !important;
		width: fit-content !important;
		height: 40px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.seg-txt-16 {
		font-size: 14px !important;
	}

	.seg-txt-22 {
		font-size: 16px !important;
	}

	.ptb-seg-parcial {
		padding: 20px 0 35px 0;
	}

	.plr-seg-parcial {
		padding: 0 20px 0 20px !important;
	}

	.seg-txt-28 {
		font-size: 18px !important;
	}

	.p-seg-principal {
		padding: 20px 30px 50px 30px;
	}
}

@media only screen and (max-width: 576px) {
	.btn-seg-parcial {
		font-size: 12px !important;
	}

	.seg-txt-18 {
		font-size: 12px !important;
	}

	.seg-txt-22 {
		font-size: 14px !important;
	}

	.ptb-seg-parcial {
		padding: 30px 0 15px 0;
	}

	.plr-seg-parcial {
		padding: 0 10px 0 10px !important;
	}

	.p-seg-principal {
		padding: 30px 30px 30px 30px;
	}

	.seg-txt-24 {
		font-size: 14px !important;
	}

	.seg-txt-28 {
		font-size: 16px !important;
	}

	.seg-txt-20 {
		font-size: 14px !important;
	}

	.pb-seg-parcial {
		padding-bottom: 5px;
	}
}

@media only screen and (max-width: 320px) {
	.p-seg-principal {
		padding: 30px 20px 50px 20px;
	}
}

/* FIN CSS GENERALES */


/* NUEVO CSS STEPS PRINCIPALES*/

.container-steps-principales {
	padding: 50px;
	margin-bottom: 40px;
}

.container {
	width: 100%;
}

.step-indicator {
	margin-top: 0px;
	display: flex;
	align-items: center;
	padding: 0 40px;
}

.step {
	display: flex;
	align-items: center;
	flex-direction: column;
	position: relative;
	z-index: 1;
}

.step-indicator .step-icon {
	height: 71px;
	width: 71px;
	border-radius: 50%;
	background: #818181;
	font-size: 10px;
	text-align: center;
	color: #ffffff;
	position: relative;
	line-height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 100%;
	max-height: 100%;
}

.img-icon {
	overflow: auto;
}

.step.active .step-icon {
	background: #10A34C;
}

.step.finished .step-icon {
	background: #10A34C;
	height: 120px;
	width: 120px;
	max-width: 100%;
	max-height: 100%;
}

.step p {
	text-align: center;
	position: absolute;
	margin-top: 100px;
	color: #787676;
	font-size: 20px;
	font-weight: bold;
	line-height: 19px;
	min-width: 120px;
	overflow: hidden;
}

.step.active p {
	color: #787676;
}

.step.finished p {
	color: #434242;
	margin-top: 125px;
	overflow: hidden;
}

.indicator-line {
	width: 100%;
	height: 3px;
	background: #c2c2c2;
	flex: 1 1;
}

.indicator-line.active {
	background: #10A34C;
}

.indicator-line:first-child {
	display: none;
}

@media screen and (max-width: 1440px) {
	.step p {
		font-size: 16px !important;
	}
}

@media screen and (max-width: 1200px) {
	.step p {
		min-width: 100px;
		font-size: 16px !important;
	}
}

@media screen and (max-width: 1100px) {
	.step-indicator {
		padding: 0 20px;
	}
}

@media screen and (max-width: 950px) {

	.step p {

		font-size: 14px !important;
		margin-top: 80px;
	}

	.step-indicator {
		padding: 0;
	}

	.step-indicator .step-icon {
		height: 60px;
		width: 60px;
	}

	.step.finished .step-icon {
		height: 90px;
		width: 90px;
	}

	.step.finished p {
		margin-top: 95px;
	}

}



@media only screen and (max-width: 768px) {
	.container-steps-principales {
		margin-bottom: 20px;
	}

	.step p {
		font-size: 12px !important;
		margin-top: 60px;
		min-width: 70px;
	}

	.step-indicator .step-icon {
		height: 40px;
		width: 40px;
	}

	.step.finished .step-icon {
		height: 70px;
		width: 70px;
	}

	.step.finished p {
		margin-top: 75px;
	}

}

@media only screen and (max-width: 576px) {
	.container-steps-principales {
		margin-bottom: 0;
	}

	.step p {
		font-size: 10px !important;
		line-height: 11px;
		margin-top: 40px;
	}

	.step-indicator {
		padding: 0;
	}

	.step-indicator .step-icon {
		height: 20px;
		width: 20px;
	}

	.step.finished .step-icon {
		height: 40px;
		width: 40px;
	}

	.step.finished p {
		margin-top: 50px;
	}

}

@media only screen and (max-width: 420px) {

	.step p {
		font-size: 10px !important;
		line-height: 11px;
		margin-top: 40px;
		min-width: 50px;
	}


	.step.finished p {
		margin-top: 50px;
	}

}

@media only screen and (max-width: 350px) {
	.step p {
		min-width: 25px;
		overflow-wrap: break-word !important;
	}
}

@media only screen and (max-width: 325px) {
	.step p {
		max-width: 40px;
	}
}

@media only screen and (max-width: 300px) {
	.step p {
		font-size: 8px !important;
	}

}

/* NUEVO CSS STEPS ENCARGOS PARCIALES*/
.container-par {
	width: 100%;
}

.step-indicator-par {
	margin-top: 0px;
	display: flex;
	align-items: center;
	padding: 0 40px;
}

.step-par {
	display: flex;
	align-items: center;
	flex-direction: column;
	position: relative;
	z-index: 1;
}

.step-indicator-par .step-icon-par {
	height: 40px;
	width: 40px;
	border-radius: 50%;
	background: #818181;
	font-size: 10px;
	text-align: center;
	color: #ffffff;
	position: relative;
	line-height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 100%;
	max-height: 100%;
}

.img-icon-par {
	overflow: auto;
}

.step-par.active .step-icon-par {
	background: #10A34C;
}

.step-par.finished .step-icon-par {
	background: #10A34C;
	height: 70px;
	width: 70px;
	max-width: 100%;
	max-height: 100%;
}

.step-par p {
	text-align: center;
	position: absolute;
	margin-top: 76px;
	color: #787676;
	font-size: 20px;
	font-weight: bold;
	line-height: 19px;
	width: 150px;
	overflow: visible;
	display: none;
}

.step-par.active p {
	color: #787676;
}

.step-par.finished p {
	color: #10A34C;
	margin-top: 76px;
	overflow: visible;
	display: flex;
	justify-content: center;
}

.indicator-line-par {
	width: 100%;
	height: 3px;
	background: #c2c2c2;
	flex: 1 1;
}

.indicator-line-par.active {
	background: #10A34C;
}

.indicator-line-par:first-child {
	display: none;
}

@media screen and (max-width: 1200px) {
	.step-par p {
		font-size: 17px !important;
		overflow: auto;
	}
}

@media screen and (max-width: 950px) {
	.step-par p {
		font-size: 14px !important;
		overflow: auto;
		width: 100px;
	}

	.step-indicator-par {
		padding: 0 20px 0 20px;
	}

	.step-indicator-par .step-icon-par {
		height: 35px;
		width: 35px;
	}

	.step-par.finished .step-icon-par {
		height: 65px;
		width: 65px;
	}

	.step-par.finished p {
		margin-top: 70px;
	}

	.indicator-line-par {
		margin: 0px auto 0 auto;
		width: 10px;
		height: 2px;
		flex: 1 1;
	}

}



@media only screen and (max-width: 768px) {
	.container-steps-principales {
		margin-bottom: 20px;
	}

	.step-par p {
		font-size: 12px !important;
		overflow: auto;
		margin-top: 60px;
	}

	.step-indicator-par {
		padding-right: 10px !important;
	}

	.step-indicator-par .step-icon-par {
		height: 30px;
		width: 30px;
	}

	.step-par.finished .step-icon-par {
		height: 55px;
		width: 55px;
	}

	.step-par.finished p {
		margin-top: 55px;
	}

}

@media only screen and (max-width: 576px) {
	.container-steps-principales {
		margin-bottom: 0;
	}

	.step-par p {
		font-size: 10px !important;
		line-height: 11px;
		overflow: auto;
		margin-top: 40px;
	}

	.step-indicator-par .step-icon-par {
		height: 20px;
		width: 20px;
	}

	.step-par.finished .step-icon-par {
		height: 35px;
		width: 35px;
	}

	.step-par.finished p {
		margin-top: 40px;
	}

}

.detalle-envio-hr {
	border: none;
	height: 1px;
	background-color: #dadada !important;
	/* Color de la línea principal */
	position: relative;
	margin: 20px 0;
}
.ant-descriptions-bordered .ant-descriptions-view {
  border: none !important;
}

.ant-descriptions-bordered .ant-descriptions-item-label,
.ant-descriptions-bordered .ant-descriptions-item-content {
  padding: 16px 24px;
  border-right: none !important;
}

.ant-descriptions-bordered .ant-descriptions-row {
  border-bottom: none !important;
}

.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label,
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content {
  border-right: none;
  border-left: none !important;
}

.seguro-declarado-descripcion {
  width: 100%;
  background-color: #D7E2FF;
  text-align: justify;
  padding: 45px;
  border: 1px solid #3870FF;
  font-size: 16px;
}


.bg-override1 {
  background-color: white !important;
}

.bg-override2 {
  background-color: #F2EEEE !important;
}

.bg-override3 {
  background-color: white !important;
}

.bg-override4 {
  background-color: white !important;
}

.bg-override5 {
  background-color: #F2EEEE !important;
}

.bg-override6 {
  background-color: #F2EEEE !important;
}

.mt-detalle-pago {
  /* margin-top: -6px; */
}

.mt-detalle-pago-title-drop {
  margin-top: 17px;
}

.desc-container-padding{
  padding-left: 30px;
  padding-right: 30px;
}

@media only screen and (max-width: 1600px) {
  .ant-descriptions-item-content{
    min-width: 80px !important;
    padding: 16px 12px 16px 0!important;
  }

  .desc-container-padding{
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 1200px) {

  .bg-override1 {
    background-color: white !important;
  }

  .bg-override2 {
    background-color: white !important;
  }

  .bg-override3 {
    background-color: white !important;
  }

  .bg-override4 {
    background-color: #F2EEEE !important;
  }

  .bg-override5 {
    background-color: #F2EEEE !important;
  }

  .bg-override6 {
    background-color: white !important;
  }
  
  .ant-descriptions-item-content{
    min-width: 80px !important;
    padding: 16px 12px 16px 0!important;
  }

  .desc-container-padding{
    padding-left: 10px;
    padding-right: 10px;
  }

  .mt-detalle-pago-title-drop {
    margin-top: 20px;
  }
}

@media only screen and (max-width:1152px) {
  .mt-detalle-pago-title-drop {
    margin-top: 40px;
  }
  .mt-detalle-pago {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width:1084px) {
  .mt-detalle-pago {
    margin-top: 18px;
  }
}

@media only screen and (max-width:992px) {
  .mt-detalle-pago-title-drop {
    margin-top: 15px;
  }
  .mt-detalle-pago {
    margin-top: 0;
  }
}
.styles_customModal__6omr6 .ant-modal-content {
  border-radius: 11px;
}
.styles_customModal__6omr6 .ant-modal-content .ant-modal-header {
  height: 73px;
  border-radius: 11px 11px 0px 0px;
  background-image: url(/static/media/info-header-bg.7a434514af951ffdb3bb.svg) !important;
  background-repeat: no-repeat;
  background-size: cover;
}
.styles_customModal__6omr6 .ant-modal-content .ant-modal-header .ant-modal-title .styles_header__79MUm {
  color: #FFFFFF;
}
.styles_customModal__6omr6 .ant-modal-content .ant-modal-header .ant-modal-title .styles_header__79MUm .styles_title__ZDPOw {
  font-size: 16px;
}
.styles_customModal__6omr6 .ant-modal-content .ant-modal-header .ant-modal-title .styles_header__79MUm .styles_highlight__7dd6O {
  font-weight: 700;
}
.styles_customModal__6omr6 .ant-modal-content .ant-modal-header .ant-modal-title .styles_header__79MUm .styles_subtitle__KNNGN {
  font-size: 12px;
}
.styles_customModal__6omr6 .ant-modal-content .ant-modal-body .styles_body__\+JuTi .styles_content__GkCBD {
  padding-inline: 15px;
}
.styles_customModal__6omr6 .ant-modal-content .ant-modal-body .styles_body__\+JuTi .styles_content__GkCBD .styles_firstParagraph__1Lx\+K {
  font-weight: 600;
  font-size: 14px;
}
.styles_customModal__6omr6 .ant-modal-content .ant-modal-body .styles_body__\+JuTi .styles_content__GkCBD .styles_secondParagraph__zJDwI {
  font-size: 11px;
  margin-bottom: 30px;
}
.styles_customModal__6omr6 .ant-modal-content .ant-modal-body .styles_body__\+JuTi .styles_content__GkCBD .styles_items__9meL5 .styles_itemContainer__1Sxq- {
  display: flex;
  align-items: center;
  padding-bottom: 36px;
}
.styles_customModal__6omr6 .ant-modal-content .ant-modal-body .styles_body__\+JuTi .styles_content__GkCBD .styles_items__9meL5 .styles_itemContainer__1Sxq- .styles_icon__DMuG1 {
  padding-right: 10px;
}
.styles_customModal__6omr6 .ant-modal-content .ant-modal-body .styles_body__\+JuTi .styles_content__GkCBD .styles_items__9meL5 .styles_itemContainer__1Sxq- .styles_textContainer__72W5t .styles_title__ZDPOw {
  font-weight: 500;
  font-size: 12px;
}
.styles_customModal__6omr6 .ant-modal-content .ant-modal-body .styles_body__\+JuTi .styles_content__GkCBD .styles_items__9meL5 .styles_itemContainer__1Sxq- .styles_textContainer__72W5t .styles_description__GEATc {
  white-space: pre-line;
  font-size: 11px;
}
.styles_customModal__6omr6 .ant-modal-content .ant-modal-body .styles_body__\+JuTi .styles_content__GkCBD .styles_paragraph__8edBA {
  text-align: center;
  font-size: 11px;
}
.styles_customModal__6omr6 .ant-modal-content .ant-modal-body .styles_body__\+JuTi .styles_content__GkCBD .styles_paragraph__8edBA .styles_highlight__7dd6O {
  font-weight: 600;
}
.styles_customModal__6omr6 .ant-modal-content .ant-modal-body .styles_body__\+JuTi .styles_content__GkCBD .styles_lastParagraph__l7ett {
  text-align: center;
  font-size: 11px;
  margin-top: 20px;
}
.styles_customModal__6omr6 .ant-modal-content .ant-modal-body .styles_body__\+JuTi .styles_footer__CzNT8 {
  height: 100px;
  background-image: url(/static/media/info-footer-bg.08cfebd31a69654cfe0a.svg);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_customModal__6omr6 .ant-modal-content .ant-modal-body .styles_body__\+JuTi .styles_footer__CzNT8 .styles_button__UPNX9 {
  background-color: #234D4C;
  color: #FFFFFF;
  border-radius: 20px;
  width: 224px;
  height: 45px;
}
.styles_customModal__6omr6 .ant-modal-content .ant-modal-body .styles_body__\+JuTi .styles_footer__CzNT8 .styles_button__UPNX9:hover {
  color: #ffffff;
  border-color: #234D4C;
  background-color: #234D4C;
}
@media (min-width: 768px) {
  .styles_customModal__6omr6 .ant-modal-content .ant-modal-body .styles_body__\+JuTi .styles_footer__CzNT8 .styles_button__UPNX9 {
    border-radius: 5px;
  }
}

.styles_customAlert__ygOrz {
  display: flex !important;
  justify-self: center !important;
  border-radius: 5px !important;
  width: 300px !important;
  height: 45px !important;
}
.styles_alertMessage__ZHVQO {
  display: block;
  font-size: 12px;
  text-align: justify;
}
.styles_addressContainer__xxaKx {
  display: flex;
  justify-content: center;
  justify-self: center;
  align-items: center;
  position: relative;
  background-color: #F2EEEE;
  width: 300px;
  min-height: 45px;
  height: auto;
  border-bottom: 1px solid transparent;
}
.styles_addressContainer__xxaKx .styles_address__sZS6d {
  font-family: 'Inter';
  font-weight: 500;
  font-family: 14px;
  line-height: 20px;
  text-transform: capitalize;
}
.styles_buttonsContainer__-NPDA {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.styles_buttonsContainer__-NPDA .styles_cancelButton__0ib\+z {
  order: 1;
  background-color: #FFFFFF;
  color: #7D878B;
  border: 1px solid #CED1D2;
}
.styles_buttonsContainer__-NPDA .styles_cancelButton__0ib\+z:hover {
  background-color: #FFFFFF;
  color: #7D878B;
  border: 1px solid #CED1D2;
}
.styles_buttonsContainer__-NPDA .styles_confirmButton__t0JPE {
  order: 2;
  background-color: #414745;
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .styles_customAlert__ygOrz {
    width: 400px !important;
  }
  .styles_addressContainer__xxaKx {
    min-height: 45px;
    height: auto;
    width: 400px;
  }
  .styles_addressContainer__xxaKx .styles_address__sZS6d {
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
  }
  .styles_buttonsContainer__-NPDA {
    flex-direction: row;
  }
  .styles_buttonsContainer__-NPDA .styles_cancelButton__0ib\+z,
  .styles_buttonsContainer__-NPDA .styles_confirmButton__t0JPE {
    width: 188px;
    border-radius: 5px;
    font-size: 16px;
  }
  .styles_buttonsContainer__-NPDA .styles_confirmButton__t0JPE {
    order: 1;
  }
  .styles_buttonsContainer__-NPDA .styles_cancelButton__0ib\+z {
    order: 2;
  }
}

.compartir-modal-cointainer {
  padding: 0 30px 20px 30px;
}

.compartir-modal-logo {
  text-align: right;
  margin-bottom: 15px;
  padding-top: 15px;
}

.compartir-container-titulos {
  color: #ffffff;
  background-color: #10a34c !important;
  text-align: start;
  padding: 8px 20px;
  margin-bottom: 20px;
  border-radius: 0;
  margin-left: -30px;
  display: inline-block;
  width: -webkit-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: fit-content;
}

.compartir-container-titulos p {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.2;
}

.compartir-container-titulos.compartir-compacto {
  padding: 8px 20px !important;
  margin-left: -30px;
  height: -webkit-fit-content;
  height: fit-content;
  display: inline-block;
  width: -webkit-fit-content;
  width: fit-content;
}

.compartir-container-titulos.compartir-compacto p {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.2;
}

.compartir-container-mensaje {
  border: 1px solid #dadada;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  padding: 25px 25px;
  margin-bottom: 15px;
  background-color: #ffffff;
}

.compartir-container-mensaje p {
  margin-bottom: 12px;
}

.compartir-container-mensaje p:last-child {
  margin-bottom: 0;
}

.compartir-link {
  text-decoration: underline;
  color: black;
}

.compartir-link:hover {
  text-decoration: underline;
  color: #10a34c;
}

.button-copiar {
  width: 175px !important;
  height: 45px !important;
  border-radius: 10px !important;
  border: none !important;
  margin-bottom: 10px;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}

.compartir-whatsapp-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  width: -webkit-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.compartir-whatsapp-icon p {
  margin-bottom: 0;
  font-size: 16px;
  color: #000000;
}

.links-call-action {
  color: #2c6fd5;
  margin-bottom: 0 !important;
}

.links-call-action:hover {
  color: #104961;
}

.modal-compartir-seguimiento .ant-modal-footer {
  display: flex !important;
  justify-content: flex-end !important;
  padding: 15px 30px !important;
  padding-right: 30px !important;
  border-top: none !important;
}

.modal-compartir-seguimiento
  .ant-modal-footer
  button.button-base.button-small.button-dark-gray {
  margin: 0 !important;
}

@media only screen and (max-width: 768px) {
  .modal-compartir-seguimiento .ant-modal-footer {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding-inline: 15px !important;
  }

  .modal-compartir-seguimiento
    .ant-modal-footer
    button.button-base.button-small.button-dark-gray {
    width: 100% !important;
    max-width: 352px !important;
    min-width: auto !important;
    border-radius: 25px !important;
    margin: 0 auto !important;
  }
}

@media only screen and (max-width: 576px) {
  .button-copiar {
    height: 35px !important;
  }
}

.ant-modal-header{
    background: #029e47  !important;
    border-radius: 10px 10px 0px 0px !important;
}

.ant-modal-content{
    border-radius: 10px !important;
}

.ant-modal-footer {
    padding-right: 50px !important;
    padding-bottom: 30px !important;
    border-top: #ffffff00 !important;
}

.divider-modal-valor {
    color: 'green' !important;
    border-top: 'green' !important;
}


.carousel .control-arrow,.carousel.carousel-slider .control-arrow{transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:''}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{transition:all .15s ease-in;transform:translate3d(0, 0, 0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,0.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:0.25;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px rgba(0,0,0,0.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,0.9);color:#fff}.carousel:hover .slide .legend{opacity:1}

:root {
  /* Márgenes y gutters */
  --side-margin-desktop: 100px;
  --side-margin-mobile: 16px;
  --top-margin-desktop: 32px;
  --top-margin-mobile: 16px;
  --bottom-margin-desktop: 32px;
  --bottom-margin-mobile: 16px;
  --gutter-desktop: 32px;
  --gutter-mobile: 16px;
  /* Ancho de columnas */
  --column-width: 74px;
  /* Breakpoints */
  --breakpoint-mobile: 768px;
  /* Tipografía */
  --font-family-primary: 'Exo';
  --font-family-secondary: 'Inter';
  --font-size-display-0-desktop: 60px;
  --font-size-display-1-desktop: 52px;
  --font-size-heading-1-desktop: 48px;
  --font-size-heading-2-desktop: 30px;
  --font-size-heading-3-desktop: 25px;
  --font-size-heading-4-desktop: 20px;
  --font-size-paragraph-1-desktop: 16px;
  --font-size-paragraph-2-desktop: 14px;
  --font-size-display-0-tablet: 42px;
  --font-size-display-1-tablet: 38px;
  --font-size-heading-1-tablet: 34px;
  --font-size-heading-2-tablet: 20px;
  --font-size-heading-3-tablet: 18px;
  --font-size-heading-4-tablet: 16px;
  --font-size-paragraph-1-tablet: 15px;
  --font-size-paragraph-2-tablet: 13px;
  --font-size-display-0-mobile: 28px;
  --font-size-display-1-mobile: 20px;
  --font-size-heading-1-mobile: 18px;
  --font-size-heading-2-mobile: 16px;
  --font-size-heading-3-mobile: 14px;
  --font-size-heading-4-mobile: 12px;
  --font-size-paragraph-1-mobile: 14px;
  --font-size-paragraph-2-mobile: 12px;
  /* Altura de línea */
  --line-height-ratio: 1.2;
  /* Colores principales */
  --primary-color-green: #009d4e;
  /* Verde */
  --primary-color-dark: #414745;
  /* Gris oscuro */
  --secondary-color-orange: #fe883e;
  /* Naranja */
  --secondary-color-purple: #602365;
  /* Púrpura */
  --secondary-color-grey: #d4d3d8;
  /* Gris claro */
  --secondary-color-mint: #52ab99;
  /* Verde menta */
  --disabled-color-gray: #b7b9b8;
  /* Gris deshabilitado */
  --disabled-color-green: #9fdabc;
  /* Verde claro para botón principal deshabilitado */
  --hover-primary-color: #007a3b;
  /* Verde oscuro para hover */
  --hover-secondary-orange: #FBA46E;
  /* Naranja hover */
  --hover-secondary-purple: #C960D1;
  /* Púrpura hover */
  --pressed-primary-color-green: #005f2e;
  /* Verde más oscuro para pressed */
  --pressed-primary-stroke-color: #009d4e;
  /* Verde más oscuro para pressed */
  --pressed-secondary-color-orange: #EC5B00;
  /* Naranja más oscuro para pressed */
  --pressed-secondary-color-purple: #4D0553;
  /* Púrpura más oscuro para pressed */
  --border: #ced1d2;
  --popup-error: #EA5455;
  --popup-warning: #F2A356;
  --popup-success: #61C478;
  --icon-size: 16px;
  /* Propiedades del botón */
  --button-padding: 13px 15px;
  --button-font-size: 14px;
  --button-border-radius: 5px;
  /* Predeterminado */
  /* Propiedades generales de elementos reutilizables */
  --element-height: 45px;
  --modal-border-top: 10px;
  /* Anchos máximos y mínimos para botones en Desktop */
  --button-large-min-width-desktop: 150px;
  --button-large-max-width-desktop: 300px;
  --button-small-min-width-desktop: 60px;
  --button-small-max-width-desktop: 150px;
  /* Anchos máximos y mínimos para botones en Mobile */
  --button-large-min-width-mobile: 100px;
  --button-large-max-width-mobile: 250px;
  --button-small-min-width-mobile: 80px;
  --button-small-max-width-mobile: 150px;
  /* Estructura */
  --button-spacing: 15px;
  /* Espaciado entre los botones */
  /*Colores para radial gradient Somos Partner*/
  --radial-gradient-somos-colors: #48185A 0%, #48185A 2.5%, #531F66 2.5%, #531F66 5%, #48185A 5%, #48185A 7.5%, #531F66 7.5%, #531F66 10%, #48185A 10%, #48185A 12.5%, #531F66 12.5%, #531F66 15%, #48185A 15%, #48185A 17.5%, #531F66 17.5%, #531F66 20%, #48185A 20%, #48185A 22.5%, #531F66 22.5%, #531F66 25%, #48185A 25%, #48185A 27.5%, #531F66 27.5%, #531F66 30%, #48185A 30%, #48185A 32.5%, #531F66 32.5%, #531F66 35%, #48185A 35%, #48185A 37.5%, #531F66 37.5%, #531F66 40%, #48185A 40%, #48185A 42.5%, #531F66 42.5%, #531F66 45%, #48185A 45%, #48185A 47.5%, #531F66 47.5%, #531F66 50%, #48185A 50%, #48185A 52.5%, #531F66 52.5%, #531F66 55%, #48185A 55%, #48185A 57.5%, #531F66 57.5%, #531F66 60%, #48185A 60%, #48185A 62.5%, #531F66 62.5%, #531F66 65%, #48185A 65%, #48185A 67.5%, #531F66 67.5%, #531F66 70%, #48185A 70%, #48185A 72.5%, #531F66 72.5%, #531F66 75%, #48185A 75%, #48185A 77.5%, #531F66 77.5%, #531F66 80%, #48185A 80%, #48185A 82.5%, #531F66 82.5%, #531F66 85%, #48185A 85%, #48185A 87.5%, #531F66 87.5%, #531F66 90%, #48185A 90%, #48185A 92.5%, #531F66 92.5%, #531F66 95%, #48185A 95%, #48185A 97.5%, #531F66 97.5%, #531F66 100%;
}
.f-primary {
  font-family: 'Exo';
  font-family: var(--font-family-primary);
}
.f-secondary {
  font-family: 'Inter';
  font-family: var(--font-family-secondary);
}
/* Estilos de contenedor general */
.container {
  width: 100%;
  margin: 0 auto;
  padding-top: 32px;
  padding-top: var(--top-margin-desktop);
  padding-bottom: 32px;
  padding-bottom: var(--bottom-margin-desktop);
  padding-right: 100px;
  padding-right: var(--side-margin-desktop);
  padding-left: 100px;
  padding-left: var(--side-margin-desktop);
}
/* Grilla de 12 columnas para escritorio */
.grid-12 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  /* 12 columnas en desktop */
  gap: 32px;
  grid-gap: 32px;
  grid-gap: var(--gutter-desktop);
  gap: var(--gutter-desktop);
}
/* Estilos específicos para tablet */
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .display-0 {
    font-family: 'Exo';
    font-family: var(--font-family-primary);
    font-style: bold;
    font-weight: 700;
    font-size: 42px !important;
    font-size: var(--font-size-display-0-tablet) !important;
    line-height: calc(42px * 1.2);
    line-height: calc(var(--font-size-display-0-tablet) * var(--line-height-ratio));
  }
  .display-1 {
    font-family: 'Exo';
    font-family: var(--font-family-primary);
    font-style: bold;
    font-weight: 700;
    font-size: 38px !important;
    font-size: var(--font-size-display-1-tablet) !important;
    line-height: calc(38px * 1.2);
    line-height: calc(var(--font-size-display-1-tablet) * var(--line-height-ratio));
  }
  .heading-1 {
    font-family: 'Exo';
    font-family: var(--font-family-primary);
    font-size: 34px !important;
    font-size: var(--font-size-heading-1-tablet) !important;
  }
  .heading-2 {
    font-family: 'Exo';
    font-family: var(--font-family-primary);
    font-size: 20px !important;
    font-size: var(--font-size-heading-2-tablet) !important;
  }
  .heading-3 {
    font-family: 'Exo';
    font-family: var(--font-family-primary);
    font-size: 18px !important;
    font-size: var(--font-size-heading-3-tablet) !important;
  }
  .heading-4 {
    font-family: 'Exo';
    font-family: var(--font-family-primary);
    font-size: 16px !important;
    font-size: var(--font-size-heading-4-tablet) !important;
  }
  .paragraph-1 {
    font-size: 15px !important;
    font-size: var(--font-size-paragraph-1-tablet) !important;
    line-height: calc(15px * 1.2);
    line-height: calc(var(--font-size-paragraph-1-tablet) * var(--line-height-ratio));
    font-weight: 400;
  }
  .paragraph-2 {
    font-size: 15px !important;
    font-size: var(--font-size-paragraph-1-tablet) !important;
    line-height: calc(13px * 1.2);
    line-height: calc(var(--font-size-paragraph-2-tablet) * var(--line-height-ratio));
    font-weight: 400;
  }
}
/* Estilos específicos para mobile */
@media (max-width: 768px) {
  /* Ajustes de márgenes y grilla para mobile */
  .container {
    padding-top: 16px;
    padding-top: var(--top-margin-mobile);
    padding-bottom: 16px;
    padding-bottom: var(--bottom-margin-mobile);
    padding-right: 16px;
    padding-right: var(--side-margin-mobile);
    padding-left: 16px;
    padding-left: var(--side-margin-mobile);
  }
  .grid-12 {
    grid-template-columns: repeat(4, 1fr) !important;
    /* 4 columnas en mobile */
    gap: 16px;
    gap: var(--gutter-mobile);
  }
  /* Tipo A1: Ocupa el 100% en mobile */
  .container-A1 {
    grid-column: span 4 !important;
    /* 4 de 4 columnas */
  }
  /* Tipo B: Ocupa el 50% en mobile */
  .container-B {
    grid-column: span 2 !important;
    /* 2 de 4 columnas */
  }
  /* Tipo C: Ocupa 4 columnas en mobile */
  .container-C {
    grid-column: span 4 !important;
    /* 4 de 4 columnas */
  }
  /* Tipo D: Ocupa 2 columnas en mobile */
  .container-D {
    grid-column: span 2 !important;
    /* 2 de 4 columnas */
  }
  /* Ajustes de tipografía para mobile */
  .display-0 {
    font-family: 'Exo';
    font-family: var(--font-family-primary);
    font-style: bold;
    font-weight: 700;
    font-size: 28px !important;
    font-size: var(--font-size-display-0-mobile) !important;
    line-height: calc(28px * 1.2);
    line-height: calc(var(--font-size-display-0-mobile) * var(--line-height-ratio));
  }
  .display-1 {
    font-family: 'Exo';
    font-family: var(--font-family-primary);
    font-style: bold;
    font-weight: 700;
    font-size: 20px !important;
    font-size: var(--font-size-display-1-mobile) !important;
    line-height: calc(20px * 1.2);
    line-height: calc(var(--font-size-display-1-mobile) * var(--line-height-ratio));
  }
  .heading-1 {
    font-family: 'Exo';
    font-family: var(--font-family-primary);
    font-size: 18px !important;
    font-size: var(--font-size-heading-1-mobile) !important;
  }
  .heading-2 {
    font-family: 'Exo';
    font-family: var(--font-family-primary);
    font-size: 16px !important;
    font-size: var(--font-size-heading-2-mobile) !important;
  }
  .heading-3 {
    font-family: 'Exo';
    font-family: var(--font-family-primary);
    font-size: 14px !important;
    font-size: var(--font-size-heading-3-mobile) !important;
  }
  .heading-4 {
    font-family: 'Exo';
    font-family: var(--font-family-primary);
    font-size: 12px !important;
    font-size: var(--font-size-heading-4-mobile) !important;
  }
  .paragraph-1 {
    font-size: 14px !important;
    font-size: var(--font-size-paragraph-1-mobile) !important;
    line-height: calc(14px * 1.2);
    line-height: calc(var(--font-size-paragraph-1-mobile) * var(--line-height-ratio));
    font-weight: 400;
  }
  .paragraph-2 {
    font-size: 14px !important;
    font-size: var(--font-size-paragraph-1-mobile) !important;
    line-height: calc(12px * 1.2);
    line-height: calc(var(--font-size-paragraph-2-mobile) * var(--line-height-ratio));
    font-weight: 400;
  }
  /* Botón Large en Mobile */
  .button-large {
    min-width: 100px;
    min-width: var(--button-large-min-width-mobile);
    max-width: 250px;
    max-width: var(--button-large-max-width-mobile);
  }
  /* Botón Small en Mobile */
  .button-small {
    min-width: 80px;
    min-width: var(--button-small-min-width-mobile);
    max-width: 150px;
    max-width: var(--button-small-max-width-mobile);
  }
}
/* Tipo A1: Ocupa 100% de las columnas en desktop */
.container-A1 {
  grid-column: span 12;
  /* 100% en desktop */
}
/* Tipo B: Ocupa 50% de las columnas en desktop */
.container-B {
  grid-column: span 6;
  /* 50% en desktop (6 de 12 columnas) */
}
/* Tipo C: Ocupa 4 columnas en desktop */
.container-C {
  grid-column: span 4;
  /* 4 columnas en desktop */
}
/* Tipo D: Ocupa 3 columnas en desktop */
.container-D {
  grid-column: span 3;
  /* 3 columnas en desktop */
}
/* Tipografía */
.display-0 {
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  font-style: bold;
  font-weight: 700;
  font-size: 60px;
  font-size: var(--font-size-display-0-desktop);
  line-height: calc(60px * 1.2);
  line-height: calc(var(--font-size-display-0-desktop) * var(--line-height-ratio));
}
.display-1 {
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  font-style: bold;
  font-weight: 700;
  font-size: 52px;
  font-size: var(--font-size-display-1-desktop);
  line-height: calc(52px * 1.2);
  line-height: calc(var(--font-size-display-1-desktop) * var(--line-height-ratio));
}
.heading-1 {
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  font-size: 48px;
  font-size: var(--font-size-heading-1-desktop);
  font-weight: 700;
}
.heading-2 {
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  font-size: 30px;
  font-size: var(--font-size-heading-2-desktop);
  font-weight: 700;
}
.heading-3 {
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  font-size: 25px;
  font-size: var(--font-size-heading-3-desktop);
  font-weight: 700;
}
.heading-4 {
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  font-size: 20px;
  font-size: var(--font-size-heading-4-desktop);
  font-weight: 700;
}
.paragraph-1 {
  font-family: 'Inter';
  font-family: var(--font-family-secondary);
  font-size: 16px;
  font-size: var(--font-size-paragraph-1-desktop);
  line-height: calc(16px * 1.2);
  line-height: calc(var(--font-size-paragraph-1-desktop) * var(--line-height-ratio));
  font-weight: 400;
}
.paragraph-2 {
  font-family: 'Inter';
  font-family: var(--font-family-secondary);
  font-size: 14px;
  font-size: var(--font-size-paragraph-2-desktop);
  line-height: calc(14px * 1.2);
  line-height: calc(var(--font-size-paragraph-2-desktop) * var(--line-height-ratio));
  font-weight: 400;
}
/* Botones */
/* Clase base para todos los botones */
.button-base {
  padding: 13px 15px;
  padding: var(--button-padding);
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  font-size: 14px;
  font-size: var(--button-font-size);
  font-weight: bold;
  height: 45px;
  height: var(--element-height);
  border-radius: 5px;
  border-radius: var(--button-border-radius);
  cursor: pointer;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ced1d2;
  border: 2px solid var(--border);
  width: 100%;
  /* Ajuste de ancho dinámico */
}
/* Botón Large en Desktop */
.button-large {
  min-width: 150px;
  min-width: var(--button-large-min-width-desktop);
  max-width: 300px;
  max-width: var(--button-large-max-width-desktop);
}
/* Botón Small en Desktop */
.button-small {
  min-width: 60px;
  min-width: var(--button-small-min-width-desktop);
  max-width: 150px;
  max-width: var(--button-small-max-width-desktop);
}
/* Botón Principal (Colored) */
.button-colored {
  background-color: #009d4e;
  background-color: var(--primary-color-green);
  color: #ffffff !important;
  border: none;
}
.button-colored:hover {
  background-color: #007a3b;
  background-color: var(--hover-primary-color);
  /* Hover */
}
.button-colored:active {
  background-color: #005f2e;
  background-color: var(--pressed-primary-color-green);
  /* Pressed */
}
.button-colored:disabled {
  background-color: #9fdabc;
  background-color: var(--disabled-color-green);
  /* Disabled */
  cursor: not-allowed;
}
/* Botón con borde (Stroke) */
.button-stroke {
  background-color: transparent;
  color: #009d4e;
  color: var(--pressed-primary-stroke-color);
  /* border: 2px solid var(--primary-color-green); */
}
.button-stroke:hover {
  border-color: #009d4e;
  border-color: var(--pressed-primary-stroke-color);
  color: #009d4e;
  color: var(--pressed-primary-stroke-color);
}
.button-stroke:active {
  border-color: #009d4e;
  border-color: var(--pressed-primary-stroke-color);
  background-color: #009d4e;
  background-color: var(--pressed-primary-stroke-color);
  color: #ffffff;
}
.button-stroke:disabled {
  border-color: #9fdabc;
  border-color: var(--disabled-color-green);
  color: #9fdabc;
  color: var(--disabled-color-green);
  cursor: not-allowed;
}
/* Botón redondeado (Rounded Colored) */
.button-rounded {
  border-radius: 20px;
  background-color: #009d4e;
  background-color: var(--primary-color-green);
  color: #ffffff;
  border: none;
}
.button-rounded:hover {
  background-color: #007a3b;
  background-color: var(--hover-primary-color);
}
.button-rounded:active {
  background-color: #005f2e;
  background-color: var(--pressed-primary-color-green);
}
.button-rounded:disabled {
  background-color: #9fdabc;
  background-color: var(--disabled-color-green);
  cursor: not-allowed;
}
/* Botón redondeado con borde (Rounded Stroke) */
.button-rounded-stroke {
  border-radius: 20px;
  background-color: transparent;
  color: #009d4e;
  color: var(--primary-color-green);
  /* border: 2px solid var(--pressed-primary-stroke-color); */
}
.button-rounded-stroke:hover {
  border-color: #009d4e;
  border-color: var(--primary-color-green);
  color: #009d4e;
  color: var(--primary-color-green);
}
.button-rounded-stroke:active {
  border-color: #009d4e;
  border-color: var(--primary-color-green);
  background-color: #009d4e;
  background-color: var(--primary-color-green);
  color: #ffffff;
}
.button-rounded-stroke:disabled {
  border-color: #9fdabc;
  border-color: var(--disabled-color-green);
  background-color: transparent;
  color: #9fdabc;
  color: var(--disabled-color-green);
  cursor: not-allowed;
}
/* Botón Gris Oscuro */
.button-dark-gray {
  background-color: #414745;
  background-color: var(--primary-color-dark);
  color: #ffffff;
  border: none;
}
.button-dark-gray:hover {
  background-color: #8d918f;
}
.button-dark-gray:active {
  background-color: #232726;
}
.button-dark-gray:disabled {
  background-color: #b7b9b8;
  background-color: var(--disabled-color-gray);
  /* Disabled en gris */
  cursor: not-allowed;
}
.button-dark-gray-small {
  background-color: transparent;
  color: #7d858b;
}
.button-dark-gray-small:hover {
  background-color: transparent;
  border: 2px solid #7d858b;
}
.button-dark-gray-small:active {
  background-color: #7d858b;
  color: #ffffff;
}
.button-dark-gray-small:disabled {
  background-color: transparent;
  /* Disabled en gris */
  cursor: not-allowed;
  border: 2px solid #ced1d2;
  border: 2px solid var(--border);
  color: #ced1d2;
  color: var(--border);
}
.button-dark-gray-small-ico {
  background-color: transparent;
  color: #49434b;
}
.button-dark-gray-small-ico:hover {
  background-color: transparent;
  border: 2px solid #49434b;
}
.button-dark-gray-small-ico:active {
  background-color: #232726;
  color: #ffffff;
}
.button-dark-gray-small-ico:disabled {
  background-color: #b7b9b8;
  background-color: var(--disabled-color-gray);
  /* Disabled en gris */
  cursor: not-allowed;
  border: none;
  color: #ffffff;
}
/* Botón somos Partner */
.button-purple {
  background-color: #602365;
  background-color: var(--secondary-color-purple);
  color: #ffffff;
  border: none;
}
.button-purple:hover {
  background-color: #C960D1;
  background-color: var(--hover-secondary-purple);
}
.button-purple:active {
  background-color: #4D0553;
  background-color: var(--pressed-secondary-color-purple);
}
.button-purple:disabled {
  background-color: #b7b9b8;
  background-color: var(--disabled-color-gray);
  cursor: not-allowed;
}
/* Botón Soy Starken */
.button-orange {
  background-color: #fe883e;
  background-color: var(--secondary-color-orange);
  color: #ffffff;
  border: none;
}
.button-orange:hover {
  background-color: #FBA46E;
  background-color: var(--hover-secondary-orange);
}
.button-orange:active {
  background-color: #EC5B00;
  background-color: var(--pressed-secondary-color-orange);
}
.button-orange:disabled {
  background-color: #b7b9b8;
  background-color: var(--disabled-color-gray);
  cursor: not-allowed;
}
/* Botón con ícono */
.button-icon {
  gap: 8px;
}
.button-icon img {
  width: 16px;
  width: var(--icon-size);
  height: 16px;
  height: var(--icon-size);
}
/* Clases para controlar el número de columnas que ocupan los botones */
/* Para Desktop (grilla de 12 columnas) */
.button-col-1 {
  grid-column: span 1;
}
.button-col-2 {
  grid-column: span 2;
}
.button-col-3 {
  grid-column: span 3;
}
.button-col-4 {
  grid-column: span 4;
}
.button-col-5 {
  grid-column: span 5;
}
.button-col-6 {
  grid-column: span 6;
}
.button-col-7 {
  grid-column: span 7;
}
.button-col-8 {
  grid-column: span 8;
}
.button-col-9 {
  grid-column: span 9;
}
.button-col-10 {
  grid-column: span 10;
}
.button-col-11 {
  grid-column: span 11;
}
.button-col-12 {
  grid-column: span 12;
}
/* Para Mobile (grilla de 4 columnas) */
@media (max-width: 768px) {
  .button-col-1 {
    grid-column: span 1;
  }
  .button-col-2 {
    grid-column: span 2;
  }
  .button-col-3 {
    grid-column: span 3;
  }
  .button-col-4 {
    grid-column: span 4;
  }
}
/* Elementos de formulario */
/* Estilo base del input */
.check-terms {
  margin-right: 10px;
}
.check-terms .ant-checkbox-inner {
  border: 1px solid #6A6969;
}
.check-terms-open-modal {
  text-decoration: underline;
  color: #679DF6 !important;
  cursor: pointer;
}
.check-terms-open-modal:hover {
  color: #3b7be2 !important;
}
.point-none {
  pointer-events: none;
}
.point-auto-cursor {
  pointer-events: auto;
  cursor: pointer;
}
.item-check-terms .ant-form-item-explain {
  padding-left: 24px !important;
  font-size: 12px;
}
.lbl-input .ant-input.input-nlg {
  border: 1px solid #b3b3b3;
  /* Borde por defecto */
  height: 45px !important;
  /* Ajuste de altura a 45px */
  width: 100% !important;
  border-radius: 4px !important;
  /* Borde redondeado */
  padding: 10px !important;
  font-weight: 400;
  font-size: 16px !important;
  line-height: 24px;
  color: #4a4a4a !important;
  /* Color del texto */
  background-color: #f5f5f5 !important;
  /* Fondo por defecto */
  font-family: 'Inter', sans-serif !important;
  /* Tipografía */
  box-shadow: none;
}
.lbl-input .ant-input.input-nlg:hover {
  border: 1px solid #007a3b !important;
  box-shadow: 0 0 0 2px rgba(0, 255, 123, 0.3) !important;
}
.lbl-input .ant-input.input-nlg:focus {
  border: 1px solid #007a3b !important;
  box-shadow: 0 0 0 2px rgba(0, 255, 123, 0.3) !important;
}
.lbl-input .textarea-nlg textarea {
  border: 1px solid #b3b3b3;
  /* Borde por defecto */
  height: 45px !important;
  /* Ajuste de altura a 45px */
  width: 100% !important;
  border-radius: 4px !important;
  /* Borde redondeado */
  padding: 10px !important;
  font-weight: 400;
  font-size: 16px !important;
  line-height: 24px;
  color: #4a4a4a !important;
  /* Color del texto */
  background-color: #f5f5f5 !important;
  /* Fondo por defecto */
  font-family: 'Inter', sans-serif !important;
  /* Tipografía */
  box-shadow: none;
}
.lbl-input .textarea-nlg textarea:hover {
  border: 1px solid #007a3b !important;
  box-shadow: 0 0 0 2px rgba(0, 255, 123, 0.3) !important;
}
.lbl-input .textarea-nlg textarea:focus {
  border: 1px solid #007a3b !important;
  box-shadow: 0 0 0 2px rgba(0, 255, 123, 0.3) !important;
}
.lbl-input .input-prefix-nlg .ant-input {
  border: 1px solid #b3b3b3;
  /* Borde por defecto */
  height: 45px !important;
  /* Ajuste de altura a 45px */
  width: 100% !important;
  border-radius: 4px !important;
  /* Borde redondeado */
  padding: 10px !important;
  font-weight: 400;
  font-size: 16px !important;
  line-height: 24px;
  color: #4a4a4a !important;
  /* Color del texto */
  background-color: #f5f5f5 !important;
  /* Fondo por defecto */
  font-family: 'Inter', sans-serif !important;
  /* Tipografía */
  box-shadow: none;
}
.lbl-input .input-prefix-nlg .ant-input:hover {
  border: 1px solid #007a3b !important;
  box-shadow: 0 0 0 2px rgba(0, 255, 123, 0.3) !important;
}
.lbl-input .input-prefix-nlg .ant-input:focus {
  border: 1px solid #007a3b !important;
  box-shadow: 0 0 0 2px rgba(0, 255, 123, 0.3) !important;
}
.lbl-input.ant-form-item-has-error .ant-input.input-nlg:focus {
  border: 1px solid red !important;
  box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.3) !important;
}
.lbl-input.ant-form-item-has-error .ant-input.input-nlg:hover {
  border: 1px solid red !important;
  box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.3) !important;
}
.lbl-input.ant-form-item-has-success .ant-input.input-nlg:focus {
  border: 1px solid #007a3b !important;
  box-shadow: 0 0 0 2px rgba(0, 255, 123, 0.3) !important;
}
.lbl-input.ant-form-item-has-success .ant-input.input-nlg:hover {
  border: 1px solid #007a3b !important;
  box-shadow: 0 0 0 2px rgba(0, 255, 123, 0.3) !important;
}
.lbl-input .select-nlg > .ant-select-selector {
  border: 1px solid #b3b3b3 !important;
  /* Borde por defecto */
  height: 45px !important;
  /* Altura ajustada a 45px */
  border-radius: 4px !important;
  background-color: #f5f5f5 !important;
  padding: 0 12px !important;
  /* Padding interno */
  display: flex;
  align-items: center;
}
.lbl-input .select-nlg > .ant-select-selector .ant-select-selection-search-input {
  height: 45px !important;
}
.lbl-input .select-nlg > .ant-select-selector:hover {
  border: 1px solid #007a3b !important;
  /* Verde en hover sin error */
  box-shadow: 0 0 0 2px rgba(0, 255, 123, 0.3) !important;
}
.lbl-input .select-nlg.ant-select-open .ant-select-selector {
  border: 1px solid #007a3b !important;
  /* Verde en foco sin error */
  box-shadow: 0 0 0 2px rgba(0, 255, 123, 0.3) !important;
  /* Sombra verde */
}
.lbl-input .radio-group-nlg .ant-radio-inner::after {
  background-color: #007a3b !important;
}
.lbl-input .radio-group-nlg .ant-radio-checked .ant-radio-inner {
  border-color: #007a3b !important;
}
.lbl-input .radio-group-nlg .ant-radio:hover .ant-radio-inner {
  border-color: #007a3b !important;
}
.lbl-input .radio-group-nlg .ant-radio-wrapper:hover .ant-radio,
.lbl-input .radio-group-nlg .ant-radio:hover .ant-radio-inner,
.lbl-input .radio-group-nlg .ant-radio-input:focus + .ant-radio-inner {
  border-color: #007a3b !important;
}
.dropdown-nlg {
  background-color: #fff;
  border-radius: 4px !important;
}
.dropdown-nlg .rc-virtual-list-holder-inner {
  margin-right: 14px !important;
}
.dropdown-nlg .rc-virtual-list-holder-inner .ant-select-item {
  padding: 0 14px !important;
  margin: 0px 12px 0 14px;
  display: flex;
  align-items: center;
}
.dropdown-nlg .rc-virtual-list-holder-inner .ant-select-item:hover {
  background-color: #dadada !important;
}
.dropdown-nlg .rc-virtual-list-scrollbar {
  width: 20px !important;
  background-color: #fff;
}
.dropdown-nlg .rc-virtual-list-scrollbar .rc-virtual-list-scrollbar-thumb {
  background-color: #dadada !important;
}
/* Select básico */
.select-pudos-nd .ant-select-selector {
  border: 1px solid #b3b3b3 !important;
  /* Borde por defecto */
  height: 45px !important;
  /* Altura ajustada a 45px */
  border-radius: 4px !important;
  background-color: #f5f5f5 !important;
  padding: 0 12px !important;
  display: flex;
  align-items: center;
}
/* Foco en select sin error */
.select-pudos-nd .ant-select-selector:focus {
  border-color: #007a3b !important;
  /* Verde en foco sin error */
  box-shadow: 0 0 0 2px rgba(0, 122, 59, 0.3) !important;
  /* Sombra verde */
}
/* Estado de error en select (con y sin focus) */
.ant-form-item-has-error .ant-select-selector,
.ant-form-item-has-error .ant-select-selector:focus {
  /* Select con error al recibir foco */
  border-color: #ff4d4f !important;
  /* Borde rojo */
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.5) !important;
  /* Sombra roja */
}
/* Estilo base del select */
.select-pudos-nd .ant-select-selector {
  border: 1px solid #b3b3b3 !important;
  /* Borde por defecto */
  height: 45px !important;
  /* Altura ajustada a 45px */
  border-radius: 4px !important;
  background-color: #f5f5f5 !important;
  padding: 0 12px !important;
  /* Padding interno */
  display: flex;
  align-items: center;
}
/* Elemento de selección */
.select-pudos-nd .ant-select-selection-item {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  color: #4a4a4a !important;
  /* Color de texto */
}
/* Icono de la flecha del select */
.select-pudos-nd .ant-select-arrow {
  color: #b3b3b3 !important;
  display: flex;
  align-items: center;
}
/* Foco en el select sin error */
.select-pudos-nd .ant-select-selector:focus {
  border-color: #007a3b !important;
  /* Verde en foco si no hay error */
  box-shadow: 0 0 0 2px rgba(0, 122, 59, 0.3) !important;
  /* Sombra verde */
}
/* Estado de error en el select (con y sin focus) */
.ant-select-status-error .ant-select-selector,
.ant-select-status-error .ant-select-selector:focus,
.ant-select-status-error .ant-select-selector .ant-select-selection-search-input:focus {
  border-color: #ff4d4f !important;
  /* Borde rojo en error */
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.5) !important;
  /* Sombra roja en error y focus */
}
/* Ajuste de sombra y borde para inputs sin error */
/* Alertas */
/* Danger */
.al-base {
  width: 100%;
  margin: 20px 0;
  padding: 16px 26px 32px 26px;
  border-radius: 4px;
}
.al-success {
  background-color: #f0fff7 !important;
  border: 2px solid #9fdabc !important;
  border: 2px solid var(--disabled-color-green) !important;
}
.al-danger {
  background-color: #fffbf9 !important;
  border: 2px solid #fe883e !important;
}
.al-info {
  background-color: #e6f7ff !important;
  border: 2px solid #36b4da !important;
}
.al-warning {
  background-color: #FFF8EC !important;
  border: 2px solid #F7D9A4 !important;
  color: white;
}
.al-home-alert {
  background-color: #52AB99 !important;
}
.al-floating {
  margin: 0 !important;
  border-radius: 0 !important;
  padding: 20px 20px 10px;
  height: auto;
  overflow: visible;
}
@media (max-width: 414px) {
  .al-floating {
    padding: 16px 20px 8px;
  }
}
.al-floating-carousel {
  position: relative;
  height: 100%;
  /* o una altura fija que sea apropiada */
  width: 100%;
}
.al-floating-carousel .slick-slider,
.al-floating-carousel .slick-list,
.al-floating-carousel .slick-track,
.al-floating-carousel .slick-slide > div {
  height: 100%;
}
.al-floating-carousel .slick-dots {
  position: absolute;
  bottom: -5px;
}
/*  modificar estilos de los puntos del dot */
.al-floating-carousel .slick-dots li button {
  background-color: #D8F5E8 !important;
  border-radius: 50% !important;
  width: 10px;
  height: 10px;
  opacity: 0.7;
}
.al-floating-carousel .slick-dots li.slick-active button {
  background-color: #004A3B !important;
  opacity: 1;
  width: 14px;
  height: 14px;
  transform: translateY(-2px) translateX(2px);
}
.truncate-two-lines {
  overflow: hidden;
  text-overflow: ellipsis !important;
  display: block;
  line-height: 1.2em;
  max-height: 1.2em;
  /* 2 líneas */
}
.alert-marquee-content {
  display: inline-block;
  padding-left: 100%;
  animation: alert-scroll-text 16s linear infinite;
  color: white !important;
  font-family: 'Inter';
  font-family: var(--font-family-secondary);
  font-size: 14px;
  font-size: var(--font-size-paragraph-2-desktop);
}
@media (max-width: 768px) {
  .alert-marquee-content {
    font-size: 12px !important;
    font-size: var(--font-size-paragraph-2-mobile) !important;
  }
}
@keyframes alert-scroll-text {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.alert-marquee-wrapper {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  white-space: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.alert-marquee-wrapper::-webkit-scrollbar {
  display: none;
}
.alert-marquee-item {
  min-width: 100%;
}
.alert-marquee-wrapper {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 3px;
  border-radius: 50%;
  cursor: pointer;
}
.dot.active {
  transform: translateY(-2px) !important;
}
.p-sin-marg {
  font-family: 'Inter';
  font-family: var(--font-family-secondary);
  font-size: 14px;
  font-size: var(--font-size-paragraph-2-desktop);
}
.p-sin-marg > p {
  margin: 0 !important;
}
@media (max-width: 1280px) {
  .p-sin-marg {
    font-size: 13px;
    font-size: var(--font-size-paragraph-2-tablet);
  }
}
@media (max-width: 768px) {
  .p-sin-marg {
    font-size: 12px;
    font-size: var(--font-size-paragraph-2-mobile);
  }
}
/* fixed-columns-layout.css */
.fixed-columns-row {
  width: 100%;
  flex-wrap: nowrap !important;
}
.fixed-column-first {
  flex: 0 0 auto !important;
  width: 40px;
}
.fixed-column-middle {
  flex: 1 1 auto !important;
  min-width: 0;
  /* Necesario para contenido largo */
  overflow: hidden;
  /* Opcional: contiene el contenido */
}
.fixed-column-last {
  flex: 0 0 auto !important;
  width: 28px;
  display: flex !important;
  justify-content: flex-end;
  align-items: center;
  padding-left: 12px;
}
/* Versión mobile */
@media (max-width: 768px) {
  .fixed-column-first {
    width: 36px;
  }
  .fixed-column-last {
    width: 24px;
  }
}
/* Modales */
.ant-modal-nlg .ant-modal {
  font-size: 1.25rem !important;
}
.ant-modal-content-nlg .ant-modal-content {
  border-radius: 10px !important;
  background-color: #fff !important;
}
.ant-modal-body-nlg .ant-modal-body {
  padding: 66px 32px !important;
}
.ant-mini-modal-content-nlg .ant-modal-content {
  border-radius: 10px !important;
  background-color: #fff !important;
}
.ant-mini-modal-body-nlg .ant-modal-body {
  padding: 32px 22px 44px 22px !important;
}
.ant-modal-content-nlg {
  border-radius: 10px !important;
  font-family: 'Inter';
  font-family: var(--font-family-secondary);
  color: #4B4B4B !important;
}
.ant-modal-content-nlg .ant-modal-content {
  border-radius: 10px !important;
  border-top: 10px solid #efa220;
}
.ant-modal-content-nlg .ant-modal-content .ant-modal-body {
  padding: 40px 35px !important;
}
.ant-modal-content-nlg .modal-container-nlg {
  display: block;
}
.ant-modal-content-nlg .modal-container-nlg .label-input-pudos .ant-form-item-explain-error {
  text-align: left;
  padding-left: 7px;
}
.ant-modal-content-nlg .modal-container-nlg > * {
  margin-bottom: 20px;
  /* titulo */
}
.ant-modal-content-nlg .modal-container-nlg > :first-child {
  margin-bottom: 35px;
  /* Icono*/
}
.ant-modal-content-nlg .modal-container-nlg > :last-child {
  margin-bottom: 0;
  /* Párrafo (si es que existe) */
}
.ant-modal-content-nlg .nlg-modal-icon {
  width: 64px;
}
@media (max-width: 768px) {
  .ant-modal-content-nlg .nlg-modal-icon {
    width: 50px;
  }
}
.ant-modal-content-nlg .nlg-modal-title {
  font-style: normal;
  font-weight: 600;
  font-size: 20px !important;
}
.ant-modal-content-nlg .nlg-modal-paragraph {
  /* font-family: var(--font-family-secondary); */
  font-style: normal;
  font-weight: 400;
  font-size: 16px !important;
}
.ant-modal-footer-nlg {
  width: 100%;
  gap: 20px;
}
.ant-modal-footer-nlg .btn-mod-success {
  color: #009d4e !important;
  color: var(--primary-color-green) !important;
}
.ant-modal-footer-nlg .btn-mod-success:active {
  color: #FFFFFF !important;
}
@media (max-width: 768px) {
  .ant-modal-footer-nlg > .button-small {
    min-width: 100%;
    max-width: 100%;
  }
  .ant-modal-footer-nlg > button:first-child {
    margin-bottom: 20px;
  }
}
.border-error .ant-modal-content {
  border-top: 10px solid #EA5455 !important;
  border-top: var(--modal-border-top) solid var(--popup-error) !important;
}
.border-warning .ant-modal-content {
  border-top: 10px solid #F2A356 !important;
  border-top: var(--modal-border-top) solid var(--popup-warning) !important;
}
.border-success .ant-modal-content {
  border-top: 10px solid #61C478 !important;
  border-top: var(--modal-border-top) solid var(--popup-success) !important;
}
.border-green .ant-modal-content {
  border-top: 10px solid #009d4e !important;
  border-top: var(--modal-border-top) solid var(--primary-color-green) !important;
}
.border-grey .ant-modal-content {
  border-top: 10px solid #d4d3d8 !important;
  border-top: var(--modal-border-top) solid var(--secondary-color-grey) !important;
}
.border-dark .ant-modal-content {
  border-top: 10px solid #414745 !important;
  border-top: var(--modal-border-top) solid var(--primary-color-dark) !important;
}
.border-orange .ant-modal-content {
  border-top: 10px solid #ff9a00 !important;
  border-top: var(--modal-border-top) solid #ff9a00 !important;
}
.border-mint .ant-modal-content {
  border-top: 10px solid #52ab99 !important;
  border-top: var(--modal-border-top) solid var(--secondary-color-mint) !important;
}
.border-purple .ant-modal-content {
  border-top: 10px solid #550D5D !important;
  border-top: var(--modal-border-top) solid #550D5D !important;
}
/* HOME */
/* Contenedor principal */
.menu-container {
  position: relative;
  width: 100%;
  padding: 0;
}
.shadow-banner {
  box-shadow: 0px 1.47px 1.47px 0px #00000040 !important;
  margin-bottom: 3px;
  height: 87vh;
  position: relative;
}
.shadow-banner .banner-image-robot {
  position: absolute;
  bottom: 0;
  right: 20%;
  max-height: 75%;
}
.shadow-banner .banner-image-text {
  position: absolute;
  width: 40%;
  top: 12%;
  left: 5%;
}
@media (max-width: 1366px) {
  .shadow-banner .banner-image-robot {
    right: 10%;
  }
}
@media (min-width: 769px) and (max-width: 1200px) {
  .shadow-banner {
    height: 70vh;
  }
  .shadow-banner .banner-image-robot {
    left: 2%;
    max-height: 70%;
  }
  .shadow-banner .banner-image-text {
    right: 50%;
    left: 50%;
    top: 50% !important;
    width: 45%;
    transform: translateX(5%);
  }
}
@media (max-width: 992px) {
  .shadow-banner {
    height: 60vh;
  }
}
@media (max-width: 768px) {
  .shadow-banner {
    height: 40vh;
  }
  .shadow-banner .banner-image-robot {
    right: 3%;
  }
  .shadow-banner .banner-image-text {
    top: 30% !important;
    left: 5%;
    width: 50%;
  }
}
@media (max-width: 576px) {
  .shadow-banner {
    height: 30vh;
  }
}
@media (max-width: 430px) {
  .shadow-banner {
    height: 20vh;
  }
}
@media (max-width: 768px) {
  .padding-first-home-info {
    padding-top: 3vh;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  .padding-first-home-info {
    padding-top: 24vh !important;
  }
}
@media (min-width: 993px) and (max-width: 1200px) {
  .padding-first-home-info {
    padding-top: 20vh !important;
  }
}
@media (min-width: 1200px) {
  .padding-first-home-info {
    padding-top: 6vh;
  }
}
.botonera {
  display: flex;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%) translateY(50%);
  z-index: 1 !important;
}
@media (max-width: 768px) {
  .botonera {
    justify-content: center;
  }
}
@media (max-width: 1200px) {
  .botonera {
    justify-content: center !important;
    transform: translateX(-50%) translateY(50%);
  }
}
@media (min-width: 1201px) {
  .botonera {
    top: 60% !important;
    left: 8vh;
  }
}
@media (min-width: 1201px) and (max-width: 1299px) {
  .botonera {
    transform: translateY(-20%) !important;
  }
}
@media (min-width: 1300px) {
  .botonera {
    left: 15vh;
    transform: translateY(-20%) !important;
  }
}
.boton {
  width: 190px;
  height: 160px;
  background-color: #FFFFFF;
  color: #1C1C1C;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
  transition: transform 1s ease, font-size 0.5s ease, transform 0.3s ease;
  box-shadow: 0px 2.64px 2.64px 0px #00000040;
  transform-origin: center;
  font-family: 'Exo';
  font-family: var(--font-family-primary);
}
.boton > img {
  width: 63px;
  margin-bottom: 5px;
}
.boton.active-class {
  background-color: #3C4B45;
  color: #FFFFFF;
  transform: scale(1.25);
  font-size: 18px !important;
  margin: 0 15px;
}
.boton:hover {
  color: #FFFFFF;
  background-color: #211D18 !important;
  transform: scale(1.25);
  font-size: 18px;
  font-weight: bold;
  z-index: 1;
}
.boton:active {
  color: #FFFFFF;
  background-color: #211D18;
}
@media (max-width: 768px) {
  .boton {
    width: 120px;
    height: 100px;
    font-size: 14px;
  }
  .boton img {
    width: 50px;
  }
  .boton.active-class {
    font-size: 14px !important;
  }
  .boton:hover {
    font-size: 14px !important;
  }
  .boton:active {
    background-color: #3C4B45;
    color: #FFFFFF;
    transform: scale(1.25);
    font-size: 14px !important;
  }
}
@media (max-width: 576px) {
  .boton {
    font-size: 12px;
  }
  .boton img {
    width: 40px;
  }
  .boton.active-class {
    font-size: 12px !important;
  }
  .boton:hover {
    font-size: 12px !important;
  }
  .boton:active {
    background-color: #3C4B45;
    color: #FFFFFF;
    transform: scale(1.25);
    font-size: 12px !important;
  }
}
@media (max-width: 430px) {
  .boton {
    width: 100px;
    height: 80px !important;
  }
  .boton img {
    width: 35px;
  }
  .boton.active-class {
    margin: 0 10px !important;
  }
}
.tracking-component {
  width: 600px;
}
@media (min-width: 769px) {
  .tracking-component {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(30%) !important;
  }
}
@media (max-width: 768px) {
  .tracking-component {
    margin-top: 10vh !important;
    width: 100% !important;
  }
}
.sucursal-3d {
  width: 70% !important;
}
@media (min-width: 1025px) and (max-width: 1400px) {
  .sucursal-3d {
    width: 90% !important;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .sucursal-3d {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  .sucursal-3d {
    width: 90% !important;
  }
}
.title-input-seguimiento {
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  color: #414745;
  font-weight: 600px !important;
  padding-left: 30px;
  font-size: 32px;
}
@media (max-width: 768px) {
  .title-input-seguimiento {
    font-size: 24px;
  }
}
@media (max-width: 576px) {
  .title-input-seguimiento {
    font-size: 21px;
  }
}
.input-seguimiento {
  padding: 20px 40px 5px 30px;
  background-color: #3C4B45;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.col-card {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  position: relative;
  overflow: visible;
  margin-bottom: 20vh;
}
/* Estilo base de card-home-marca */
.card-home-marca,
.card-redstarken-marca {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: #FFFFFF;
  /* Color inicial */
  box-shadow: 0px 2.77px 2.77px rgba(0, 0, 0, 0.25);
  width: 260px;
  max-width: 87%;
  padding: 20px;
  border-radius: 7px;
  z-index: 1;
  text-align: start;
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.card-home-marca .paragraph-2,
.card-redstarken-marca .paragraph-2 {
  font-size: 12px !important;
}
.col-card .content-container .card-home-marca ul,
.col-card .content-container .card-redstarken-marca ul {
  margin: 0 !important;
  padding: 10px 0 10px 20px !important;
}
.col-card:nth-child(1) .content-container:hover .card-home-marca {
  background-color: #602365;
}
.col-card:nth-child(1) .content-container:hover .card-redstarken-marca {
  background-color: #FF6D00;
}
.col-card:nth-child(2) .content-container:hover .card-redstarken-marca {
  background-color: #009E43;
}
.col-card:nth-child(3) .content-container:hover .card-redstarken-marca {
  background-color: #229DB6;
}
.col-card:nth-child(1) .content-container:hover .card-home-marca > button.button-purple {
  background-color: #fe883e !important;
  background-color: var(--secondary-color-orange) !important;
}
.col-card:nth-child(1) .content-container:hover .card-home-marca > button.button-purple:hover {
  background-color: #FBA46E !important;
  background-color: var(--hover-secondary-orange) !important;
}
.col-card:nth-child(1) .content-container:hover .card-home-marca > button.button-purple:active {
  background-color: #EC5B00 !important;
  background-color: var(--pressed-secondary-color-orange) !important;
}
.col-card:nth-child(2) .content-container:hover .card-home-marca {
  background-color: #52AB99;
}
.col-card:nth-child(3) .content-container:hover .card-home-marca {
  background-color: #414745;
  background-color: var(--primary-color-dark);
}
/* Efecto de escalado y movimiento suave durante el hover */
.content-container:hover .card-home-marca,
.content-container:hover .card-redstarken-marca {
  transform: translate(-50%, 20%) scale(1.05);
  /* Escalar y mover hacia abajo */
  color: #FFFFFF;
}
/* over en el contenedor que escala todo */
.content-container {
  position: relative;
  display: inline-block;
  text-align: center;
  transition: transform 0.3s ease-in-out;
  z-index: 2;
}
.content-container:hover {
  transform: scale(1.1);
  /* escalar el contenedor completo */
}
.content-container > .main-image {
  max-width: 100%;
  width: 300px;
  height: auto;
  transition: transform 0.3s ease-in-out;
}
.content-container:hover > .main-image {
  transform: scale(1.1);
  /* escalar imagen */
}
@media (max-width: 576px) {
  .card-home-marca {
    top: 60%;
    width: 90%;
  }
}
@media (min-width: 769px) {
  .tracking-component {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(0);
  }
}
@media (max-width: 768px) {
  .content-container:hover {
    transform: scale(1.05);
  }
  .content-container:hover .card-home-marca {
    transform: translate(-50%, 10%) scale(1.05);
  }
  .content-container:hover .card-home-marca {
    transform: translate(-50%, 10%) scale(1.05);
  }
  .input-seguimiento {
    border-radius: 0;
  }
  .tracking-component {
    margin-top: 10vh;
    width: 100%;
  }
}
.link-recovery-launcher {
  margin-right: 10px;
  color: white !important;
  text-decoration: underline;
  cursor: pointer;
}
.link-recovery-launcher:hover {
  color: #009D4E !important;
}
.affix-container {
  background-color: #FFFFFF !important;
}
.affix-container .affix-header-nd {
  box-shadow: 0px 0px 10px 0px !important;
  z-index: 100;
  position: relative;
}
.affix-container .affix-header-nd .ant-affix {
  box-shadow: 0px 0px 10px 0px;
  border-radius: 0 0 15px 15px;
  transition: border-radius 0.5s ease;
}
.affix-container .affix-header-nd .ant-affix .header-nd {
  border-radius: 0 0 15px 15px;
  transition: border-radius 0.5s ease;
}
.affix-container .affix-header-nd .ant-affix .header-nd .bot-side {
  border-radius: 0 0 15px 15px;
  transition: border-radius 0.5s ease;
}
.affix-container .affix-header-nd .ant-affix .header-nd .bot-side .ant-row {
  border-radius: 0 0 15px 15px;
  transition: border-radius 0.5s ease;
}
.affix-container .affix-header-nd .ant-affix .header-nd .bot-side .ant-row .container-logo {
  border-radius: 0 0 0 15px;
  transition: border-radius 0.5s ease;
}
.affix-container .affix-header-nd .header-nd {
  width: 100%;
  padding: 0;
  font-family: Exo;
  /* Estilos para pantallas grandes (>=1200px) */
  /* Estilos para pantallas pequeñas (<1200px) */
}
.affix-container .affix-header-nd .header-nd .container-space {
  /* background: 'none', border: 'none', padding: 0, cursor: 'pointer' */
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.affix-container .affix-header-nd .header-nd .container-space .ant-space-item {
  font-family: Exo;
  font-weight: 500;
}
.affix-container .affix-header-nd .header-nd .container-space .ant-space-item span {
  font-family: Exo;
  font-weight: 500;
}
.affix-container .affix-header-nd .header-nd a {
  font-family: Exo;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .affix-container .affix-header-nd .header-nd {
    /* Ocultar h-mobile en pantallas grandes */
  }
  .affix-container .affix-header-nd .header-nd.h-desktop {
    display: block;
    height: auto;
  }
  .affix-container .affix-header-nd .header-nd.h-desktop .ant-row {
    height: 100%;
    width: 100%;
  }
  .affix-container .affix-header-nd .header-nd.h-desktop .ant-row .top-side {
    font-size: 16px;
    height: 50px;
    background-color: #303030;
    color: #fff;
  }
  .affix-container .affix-header-nd .header-nd.h-desktop .ant-row .top-side .container-usr-info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-right: 30px;
  }
  .affix-container .affix-header-nd .header-nd.h-desktop .ant-row .top-side .container-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  .affix-container .affix-header-nd .header-nd.h-desktop .ant-row .top-side .container-btns .btn-registrate {
    border-radius: 5px;
    background-color: #303030;
    border: 1px solid #fff;
    height: 45px;
    width: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .affix-container .affix-header-nd .header-nd.h-desktop .ant-row .top-side .container-btns .btn-ingresa {
    background-color: #009E43;
    border: 1px solid #009E43;
    border-radius: 5px;
    width: 105px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .affix-container .affix-header-nd .header-nd.h-desktop .ant-row .bot-side {
    font-size: 16px;
    height: 63px;
    background-color: #fff;
  }
  .affix-container .affix-header-nd .header-nd.h-desktop .ant-row .bot-side .links {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .affix-container .affix-header-nd .header-nd.h-desktop .ant-row .bot-side .links a {
    display: flex;
    align-items: center;
    color: #303030;
    font-weight: 500;
    gap: 5px;
  }
  .affix-container .affix-header-nd .header-nd.h-desktop .ant-row .bot-side .links a:hover {
    color: #009E43;
  }
  .affix-container .affix-header-nd .header-nd.h-desktop .ant-row .bot-side .container-logo {
    width: 100%;
    height: 100%;
    background-color: #009E43;
    -webkit-clip-path: polygon(0% 0, 100% 0%, 70% 100%, 0% 100%);
            clip-path: polygon(0% 0, 100% 0%, 70% 100%, 0% 100%);
    display: flex;
    align-items: center;
    padding-left: 25px;
  }
  .affix-container .affix-header-nd .header-nd.h-mobile {
    display: none;
  }
}
@media (max-width: 1199px) {
  .affix-container .affix-header-nd .header-nd {
    /* Ocultar h-desktop en pantallas pequeñas */
  }
  .affix-container .affix-header-nd .header-nd.h-mobile {
    display: block;
    height: auto;
  }
  .affix-container .affix-header-nd .header-nd.h-mobile .ant-row {
    height: 100%;
    width: 100%;
  }
  .affix-container .affix-header-nd .header-nd.h-mobile .ant-row .top-side {
    background-color: #303030;
    height: 40px;
  }
  .affix-container .affix-header-nd .header-nd.h-mobile .ant-row .top-side .ant-row .ant-col {
    height: 40px;
    display: flex;
    align-items: center;
  }
  .affix-container .affix-header-nd .header-nd.h-mobile .ant-row .bot-side {
    font-size: 16px;
    height: 60px;
    background-color: #fff;
  }
  .affix-container .affix-header-nd .header-nd.h-mobile .ant-row .bot-side .container-logo {
    width: 100%;
    height: 100%;
    background-color: #009E43;
    -webkit-clip-path: polygon(0% 0, 100% 0%, 70% 100%, 0% 100%);
            clip-path: polygon(0% 0, 100% 0%, 70% 100%, 0% 100%);
    display: flex;
    align-items: center;
  }
  .affix-container .affix-header-nd .header-nd.h-desktop {
    display: none;
  }
}
.hover-stk:hover {
  color: #009E43;
}
.color-stk {
  color: #009E43 !important;
}
.color-white {
  color: #fff;
}
.color-black {
  color: #303030;
}
.dropdown-user-header {
  height: 100%;
}
.dropdown-user-header > div {
  height: 100%;
}
.dropdown-user-header .ant-space-item {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dropdown-user-header ul {
  background-color: #303030;
  color: #fff;
}
.dropdown-user-header ul li {
  margin: 0;
  color: #fff;
  background-color: #303030;
}
.dropdown-user-header ul li.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled a,
.dropdown-user-header ul li .ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled a,
.dropdown-user-header ul li .ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled a,
.dropdown-user-header ul li .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled a {
  color: gray;
}
.dropdown-user-header ul li.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled a:hover,
.dropdown-user-header ul li .ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled a:hover,
.dropdown-user-header ul li .ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled a:hover,
.dropdown-user-header ul li .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled a:hover {
  color: gray;
  background-color: #303030;
}
.dropdown-user-header ul li a {
  color: #fff;
}
.dropdown-user-header ul li:hover {
  background-color: #303030;
  color: #fff;
}
.dropdown-user-header ul li:hover a,
.dropdown-user-header ul li:hover span {
  background-color: #303030;
  color: #009E43;
}
.dropdown-user-header ul .ant-dropdown-menu-item.ant-dropdown-menu-item-disabled.ant-dropdown-menu-item-only-child {
  background-color: #303030;
}
.dropdown-user-header .divider-dropdown-user {
  color: #fff;
  background-color: #fff;
}
.dropdown-user-header .divider-dropdown-user:hover {
  color: #fff;
  background-color: #fff;
}
.dropdown-menu-header {
  height: 100%;
}
.dropdown-menu-header .ant-space-item {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dropdown-menu-header ul li {
  margin: 0;
}
.dropdown-menu-header ul li.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled a,
.dropdown-menu-header ul li .ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled a,
.dropdown-menu-header ul li .ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled a,
.dropdown-menu-header ul li .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled a {
  color: gray;
}
.dropdown-menu-header ul li a {
  color: #303030;
  font-weight: 500;
}
.dropdown-menu-header ul li:hover {
  background-color: none;
}
.dropdown-menu-header ul li:hover a {
  color: #009d4e;
}
.menu-header-nd {
  position: fixed;
  z-index: 2;
}
.container-seg-of-menu {
  background-color: #f2f3f3;
  padding: 22px 17px 22px 17px;
  border: 0.5px solid #d9dada;
  border-radius: 3px;
}
.menu-mobile-header {
  background: #fff !important;
  color: black !important;
}
.menu-mobile-header .ant-menu-item-divider {
  color: #b1b1b1;
}
.menu-mobile-header .ant-menu-submenu.ant-menu-submenu-inline {
  color: black;
  background-color: #fff;
  /* &.ant-menu-submenu-active {
      color: black !important;

      &:hover {
        color: black !important;
      }
    } */
}
.menu-mobile-header .ant-menu-submenu.ant-menu-submenu-inline:hover {
  color: black !important;
}
.menu-mobile-header .ant-menu-submenu.ant-menu-submenu-inline:hover span {
  color: black;
}
.menu-mobile-header .ant-menu-submenu.ant-menu-submenu-inline .ant-menu-submenu-arrow {
  filter: invert(1);
}
.menu-mobile-header .ant-menu-submenu.ant-menu-submenu-inline.ant-menu-submenu-open {
  color: black !important;
}
.menu-mobile-header .ant-menu-submenu.ant-menu-submenu-inline.ant-menu-submenu-open .ant-menu.ant-menu-sub.ant-menu-inline {
  color: black;
  background-color: #fff;
}
.menu-mobile-header .ant-menu-submenu.ant-menu-submenu-inline.ant-menu-submenu-open .ant-menu.ant-menu-sub.ant-menu-inline li {
  color: black;
}
.menu-mobile-header .ant-menu-submenu.ant-menu-submenu-inline .ant-menu-item-group {
  background-color: #fff;
  color: black;
}
.menu-mobile-header .ant-menu-submenu.ant-menu-submenu-inline .ant-menu-item-group .ant-menu-item-group-title {
  color: black;
}
.menu-mobile-header .ant-menu-submenu.ant-menu-submenu-inline .ant-menu-item-group .ant-menu-item-group-list {
  color: black;
  background-color: #fff;
}
.menu-mobile-header .ant-menu-submenu.ant-menu-submenu-inline .ant-menu-item-group .ant-menu-item-group-list .ant-menu-item.ant-menu-item-selected.ant-menu-item-only-child {
  background-color: #f2f3f3 !important;
}
.menu-mobile-header .ant-menu-item-group {
  background-color: #fff;
  color: black;
}
.menu-mobile-header .ant-menu-item-group .ant-menu-item-group-title {
  background-color: #fff;
  color: black;
}
.menu-mobile-header .ant-menu-item-group .ant-menu-item-group-list {
  color: black;
  background-color: #fff;
}
.menu-mobile-header .ant-menu-item-group .ant-menu-item-group-list .ant-menu-item.ant-menu-item-only-child {
  background-color: #fff;
  color: black;
}
.menu-mobile-header .ant-menu-item-group .ant-menu-item-group-list .ant-menu-item.ant-menu-item-only-child.ant-menu-item-selected {
  color: black;
  background-color: #fff;
}
.ant-menu-dark.ant-menu-inline.ant-menu-sub {
  background: transparent !important;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: transparent !important;
}
.drawer-user-header .ant-drawer-content {
  border-radius: 10px 10px 0 0;
}
.font-w-500 {
  font-weight: 500;
}
.segment-collapse-item {
  /* font-size: 16px; */
  font-weight: 500;
  background-color: #fff;
  min-height: 40px;
}
.segment-collapse-item :not(:last-child) {
  border-bottom: 1px solid #d9d9d9;
}
.segment-collapse-item .ant-collapse-item {
  min-height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #fff;
  /* 
    border-bottom excepto en el ultimo elemnto
    */
}
.segment-collapse-item .ant-collapse-item .ant-collapse-header {
  height: 40px;
  align-items: center;
  padding: 0;
}
.segment-collapse-item .ant-collapse-item .ant-collapse-expand-icon > span {
  font-size: medium !important;
}
.segment-collapse-item .ant-collapse-item.ant-collapse-no-arrow {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 40px;
}
.segment-collapse-item .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header-text {
  color: #009E43;
}
.segment-collapse-item .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-expand-icon {
  color: #009E43;
}
.segment-collapse-item .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-expand-icon > span {
  font-size: medium;
}
.segment-collapse-item .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-content.ant-collapse-content-active .ant-collapse-content-box {
  padding-bottom: 4px;
  text-align: start !important;
}
.segment-collapse-item .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-content.ant-collapse-content-active .ant-collapse-content-box .ant-row.ant-row-start .ant-col {
  height: 30px;
}
.segment-collapse-item .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-content.ant-collapse-content-active .ant-collapse-content-box .ant-row.ant-row-start .ant-col span {
  color: #414745;
  color: var(--primary-color-dark);
}
.segment-collapse-item .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-content.ant-collapse-content-active .ant-collapse-content-box .ant-row.ant-row-start .ant-col:hover span {
  color: #009E43;
}
.drawer-menu-header {
  font-size: 16px;
  font-weight: 500;
}
.drawer-menu-header .content-drawer .items-no-collapsable {
  height: 40px;
  border-bottom: 1px solid #d9d9d9;
  display: flex;
  align-items: center;
  gap: 10px;
}
.drawer-menu-header .content-drawer .collapse-container {
  width: 100%;
  gap: 10px;
  border: none;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item {
  border: none;
  border-radius: 5px;
  margin-bottom: 10px;
  box-shadow: 0px 4px 4px 0px #00000040;
  background-color: #fff;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item.color-personas {
  border-left: 6px solid #009E43 !important;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item.color-empresas {
  border-left: 6px solid #52AB99 !important;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item.color-emprendedores {
  border-left: 6px solid #622480 !important;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item.color-red {
  border-left: 6px solid #DE6944 !important;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item.color-internacional {
  border-left: 6px solid #0A202F !important;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item > .ant-collapse-content.ant-collapse-content-active {
  width: 100%;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item > .ant-collapse-content.ant-collapse-content-active > .ant-collapse-content-box {
  padding: 0 20px;
  text-align: start !important;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item > .ant-collapse-content.ant-collapse-content-active > .ant-collapse-content-box > div:not(:last-child) {
  border-bottom: 1px solid #d9d9d9;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item > .ant-collapse-content.ant-collapse-content-active > .ant-collapse-content-box > div .segment-collapse-item {
  border: none;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item > .ant-collapse-content.ant-collapse-content-active > .ant-collapse-content-box > div .segment-collapse-item .ant-collapse-header {
  border: none;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item > .ant-collapse-content.ant-collapse-content-active > .ant-collapse-content-box > div .segment-collapse-item .ant-collapse-item-active .ant-collapse-content.ant-collapse-content-active .ant-collapse-content-box > .ant-row .ant-col {
  height: 40px;
  align-items: center;
  display: flex;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item > .ant-collapse-content.ant-collapse-content-active > .ant-collapse-content-box > div .segment-collapse-item .ant-collapse-item-active .ant-collapse-content.ant-collapse-content-active .ant-collapse-content-box > .ant-row .ant-col > a {
  height: auto;
  width: 100%;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item > .ant-collapse-content.ant-collapse-content-active > .ant-collapse-content-box > div .items-no-collapsable {
  border: none;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item > .ant-collapse-header {
  font-size: 16px;
  font-weight: 600;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item div:nth-child(2) .ant-collapse-content-box {
  padding: 0 20px;
  padding-bottom: 4px;
  text-align: start !important;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item div:nth-child(2) .ant-collapse-content-box > div:not(:last-child) {
  border-bottom: 1px solid #d9d9d9;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item div:nth-child(2) .ant-collapse-content-box > div .items-no-collapsable {
  border: none;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item div:nth-child(2) .ant-collapse-content-box .ant-row.ant-row-start .ant-col {
  height: 30px;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item div:nth-child(2) .ant-collapse-content-box .ant-row.ant-row-start .ant-col span {
  color: #414745;
  color: var(--primary-color-dark);
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item div:nth-child(2) .ant-collapse-content-box .ant-row.ant-row-start .ant-col:hover span {
  color: #009E43;
}
@media (max-width: 768px) {
  .drawer-menu-header .ant-drawer-content-wrapper {
    width: 100vw !important;
  }
}
.footer-nd {
  min-height: 532px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #303030 !important;
}
.footer-nd ::selection {
  color: green;
}
.footer-nd ::-moz-selection {
  color: green;
}
.footer-nd hr {
  border: 1px solid #60717B;
  margin-top: 20px;
}
.footer-nd .footer-row {
  padding-left: 40px;
  padding-right: 40px;
}
.footer-nd .footer-row.h-mobile {
  display: none;
}
@media (min-width: 1200px) {
  .footer-nd .footer-row.h-mobile {
    display: flex !important;
  }
}
.footer-nd .footer-row .premios-container {
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: #fff;
  max-width: 240px;
  line-height: 14px;
  margin-right: 40px;
  padding-top: 50px;
}
.footer-nd .footer-row .redes-sociales-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 60px;
  padding-top: 50px;
  color: #fff;
}
.footer-nd .footer-row .redes-sociales-container .last-item-row {
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: #fff;
}
.footer-nd .footer-row .redes-sociales-container .last-item-row .icon {
  display: flex;
  align-items: start;
}
.footer-nd .footer-row .items-col {
  font-size: 16px;
  font-weight: 500;
  gap: 30px;
  display: flex !important;
  flex-direction: column !important;
  padding-top: 50px;
}
.footer-nd .footer-row .items-col .item-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px;
}
.footer-nd .footer-row .items-col .item-content .item-title {
  color: #fff;
}
.footer-nd .footer-row .items-col .item-content .item-link {
  color: #60717B;
}
.footer-nd .footer-row .items-col .item-content .item-link:hover {
  color: #009E43;
}
.footer-nd .footer-row .items-col .item-content .item-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px;
}
.footer-nd .h-desktop {
  display: none;
}
@media (max-width: 1199px) {
  .footer-nd .h-desktop {
    display: flex !important;
    /* flex-direction: column; */
    padding-left: 20px;
    padding-right: 20px;
  }
  .footer-nd .h-desktop .redes-sociales-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 60px;
    padding-top: 50px;
    color: #fff;
  }
  .footer-nd .h-desktop .redes-sociales-container .last-item-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #fff;
  }
  .footer-nd .h-desktop .redes-sociales-container .last-item-row .icon {
    display: flex;
    align-items: start;
  }
  .footer-nd .h-desktop .premios-container {
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    line-height: 14.46px;
    text-align: left;
    text-underline-position: from-font;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
    color: #fff;
    line-height: 14px;
    padding-top: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .footer-nd .h-desktop .premios-container > div > p {
    text-align: center;
  }
}
.footer-nd .bot-side-footer {
  background: #60717B;
  height: 41px;
}
@media (max-width: 1199px) {
  .footer-nd .bot-side-footer {
    justify-content: center !important;
  }
}
.footer-nd .bot-side-footer .container-item-text {
  display: flex;
  align-items: center;
  justify-content: start;
}
.footer-nd .bot-side-footer .container-item-text .item-text {
  color: #B9BFC3;
}
.footer-nd .collapsable-footer {
  background-color: #303030 !important;
  border: none !important;
  width: 80%;
}
.footer-nd .collapsable-footer .ant-collapse-item .ant-collapse-header {
  color: #fff;
}
.footer-nd .collapsable-footer .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
  text-align: start;
  background: #303030;
  display: flex;
  flex-direction: column;
}
.footer-nd .collapsable-footer .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .item-link {
  color: #9AA6AD;
}
.footer-nd .collapsable-footer .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .item-link:hover {
  color: #009E43;
}
.footer-only-rights {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #303030 !important;
}
.footer-only-rights .bot-side-footer {
  background: #60717B;
  height: 41px;
}
@media (max-width: 1199px) {
  .footer-only-rights .bot-side-footer {
    justify-content: center !important;
  }
}
.footer-only-rights .bot-side-footer .container-item-text {
  display: flex;
  align-items: center;
  justify-content: start;
}
.footer-only-rights .bot-side-footer .container-item-text .item-text {
  color: #B9BFC3;
}
.font-inter {
  font-family: 'Inter', 'Exo', sans-serif;
  font-family: var(--font-family-secondary), var(--font-family-primary), sans-serif;
}
@media (min-width: 992px) {
  .container-inno {
    padding-left: 150px !important;
    padding-right: 50px !important;
  }
}
@media (min-width: 1200px) {
  .container-inno {
    padding-left: 200px !important;
  }
}
@media (min-width: 1600px) {
  .container-inno {
    padding-left: 180px !important;
    padding-right: 20px !important;
  }
}
.background-home-img {
  max-width: 20%;
}
@media (min-width: 768px) {
  .background-home-img {
    max-width: 15% !important;
  }
}
.background-emp-A-img {
  background-image: url(/static/media/background_section_A.95ae1c09a101bf1ed77b.webp) !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100% !important;
  height: 666px;
}
@media (max-width: 1150px) {
  .background-emp-A-img {
    height: 60vh !important;
  }
}
@media (max-width: 992px) {
  .background-emp-A-img {
    height: 50vh !important;
  }
}
@media (max-width: 790px) {
  .background-emp-A-img {
    height: 40vh !important;
  }
}
@media (max-width: 768px) {
  .background-emp-A-img {
    height: 45vh !important;
  }
}
@media (max-width: 576px) {
  .background-emp-A-img {
    height: 30vh !important;
  }
}
.container-emp-A {
  display: flex;
  flex-direction: row;
  justify-content: end;
  padding: 8vh 20vh 3vh;
}
.container-emp-A > img {
  position: relative;
  width: 50%;
  right: 10vh;
  top: 0;
}
@media (max-width: 1670px) {
  .container-emp-A > img {
    right: 5vh;
  }
}
@media (max-width: 1600px) {
  .container-emp-A {
    padding: 8vh 15vh 3vh;
  }
}
@media (max-width: 1536px) {
  .container-emp-A {
    padding: 8vh 15vh 3vh 10vh;
  }
  .container-emp-A > img {
    right: 0;
    width: 60%;
  }
}
@media (max-width: 1440px) {
  .container-emp-A {
    padding: 8vh 10vh 3vh !important;
  }
  .container-emp-A > img {
    width: 60% !important;
    height: 90% !important;
  }
}
@media (max-width: 1280px) {
  .container-emp-A {
    padding: 8vh 10vh 3vh !important;
  }
  .container-emp-A > img {
    right: 0;
  }
}
@media (max-width: 1150px) {
  .container-emp-A > img {
    width: 60% !important;
    height: 80% !important;
    transform: translateY(20%);
  }
}
@media (max-width: 992px) {
  .container-emp-A {
    padding: 5vh 5vh 3vh 10vh !important;
    height: 500px !important;
  }
  .container-emp-A > img {
    width: 70% !important;
    height: 70%;
    transform: translateY(13%);
  }
}
@media (max-width: 834px) {
  .container-emp-A {
    padding: 6vh 5vh 3vh 3vh !important;
  }
  .container-emp-A > img {
    transform: translateY(5%);
    width: 60% !important;
    height: 80% !important;
  }
}
@media (max-width: 768px) {
  .container-emp-A {
    padding: 5vh 4vh 3vh !important;
    height: 400px !important;
  }
  .container-emp-A > img {
    transform: translateY(8%);
    width: 65% !important;
    height: 90% !important;
  }
}
@media (max-width: 576px) {
  .container-emp-A {
    padding: 4vh 3vh 3vh 5vh !important;
    height: 237px !important;
  }
  .container-emp-A > img {
    transform: translateY(30%);
    width: 55% !important;
    height: 75% !important;
  }
}
@media (max-width: 414px) {
  .container-emp-A {
    padding: 4vh 3vh 3vh 5vh !important;
    height: 237px !important;
  }
  .container-emp-A > img {
    transform: translateY(25%) translateX(8%);
    width: 70% !important;
    height: 75% !important;
  }
}
.content-emp {
  position: absolute;
  flex-direction: column;
  left: 0;
  width: 50%;
  margin-left: 30vh;
  height: auto;
  z-index: 2;
  overflow: visible;
  font-size: 66px;
  font-weight: 700;
}
.content-emp > div {
  font-family: 'Inter' !important;
  font-family: var(--font-family-secondary) !important;
}
.content-emp > div:nth-child(1) {
  color: #550D5D;
  margin: 0 !important;
}
.content-emp > div:nth-child(2) {
  color: #FFA400;
  margin: 0 !important;
}
.content-emp > div:nth-child(3),
.content-emp div:nth-child(4) {
  color: #414745;
  color: var(--primary-color-dark);
  margin: 0 !important;
}
.content-emp > img {
  margin-top: 5vh;
  left: 0;
  max-width: 350px !important;
}
@media (max-width: 1700px) {
  .content-emp {
    padding-top: 0;
    margin-left: 25vh;
  }
  .content-emp > div {
    font-size: 52px !important;
    font-size: var(--font-size-display-1-desktop) !important;
  }
}
@media (max-width: 1500px) {
  .content-emp {
    margin-left: 15vh;
  }
}
@media (max-width: 1400px) {
  .content-emp {
    padding-top: 0;
    margin-left: 18vh;
  }
  .content-emp > div {
    font-size: 48px !important;
    font-size: var(--font-size-heading-1-desktop) !important;
    margin-bottom: 10px;
  }
  .content-emp > img {
    max-width: 300px !important;
  }
}
@media (max-width: 1200px) {
  .content-emp {
    margin-left: 15vh;
  }
}
@media (max-width: 992px) {
  .content-emp {
    margin-left: 10vh;
  }
  .content-emp > img {
    width: 50%;
  }
  .content-emp > div {
    font-size: 34px !important;
    font-size: var(--font-size-heading-1-tablet) !important;
  }
}
@media (max-width: 870px) {
  .content-emp {
    width: 45%;
  }
}
@media (max-width: 790px) {
  .content-emp > div {
    font-size: 30px !important;
    font-size: var(--font-size-heading-2-desktop) !important;
  }
}
@media (max-width: 768px) {
  .content-emp {
    width: 50%;
    margin-left: 8vh !important;
  }
  .content-emp > div {
    margin-bottom: 0;
  }
}
@media (max-width: 576px) {
  .content-emp {
    width: 60%;
    height: 170px !important;
    margin-bottom: 0;
    margin-left: 2vh !important;
  }
  .content-emp > div {
    margin-bottom: 0;
    font-size: 20px !important;
    font-size: var(--font-size-display-1-mobile) !important;
  }
  .content-emp > img {
    margin-top: -40px;
  }
}
.container-emp-B {
  width: 100%;
  overflow: hidden;
  margin: 0 !important;
  padding: 125px 0 8vh 28vh !important;
}
@media (max-width: 1700px) {
  .container-emp-B {
    padding: 125px 0 8vh 24vh !important;
  }
}
@media (max-width: 1500px) {
  .container-emp-B {
    padding: 125px 0 8vh 14vh !important;
  }
}
@media (max-width: 1400px) {
  .container-emp-B {
    padding: 125px 0 8vh 17vh !important;
  }
}
@media (max-width: 1280px) {
  .container-emp-B {
    padding: 100px 0 8vh 15vh !important;
  }
}
@media (max-width: 992px) {
  .container-emp-B {
    padding: 6vh 0 8vh 9vh !important;
  }
}
@media (max-width: 834px) {
  .container-emp-B {
    padding: 6vh 0 8vh 4vh !important;
  }
}
@media (max-width: 767px) {
  .container-emp-B {
    padding: 6vh 6vh 5vh !important;
  }
}
@media (max-width: 576px) {
  .container-emp-B {
    padding: 6vh 3vh !important;
  }
}
.title-emp-B {
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  font-weight: 600;
  font-size: 48px;
  font-size: var(--font-size-heading-1-desktop);
  line-height: 100%;
  letter-spacing: 0px;
  margin-bottom: 20px;
}
@media (max-width: 1280px) {
  .title-emp-B {
    line-height: 115% !important;
    font-size: 30px !important;
    font-size: var(--font-size-heading-2-desktop) !important;
  }
}
@media (max-width: 767px) {
  .title-emp-B {
    line-height: 115% !important;
    font-size: 24px !important;
  }
}
.paragraph-emp-B {
  font-family: 'Inter';
  font-family: var(--font-family-secondary);
  font-weight: 500 !important;
  line-height: 29px !important;
  letter-spacing: 8% !important;
  font-size: 20px !important;
  font-size: var(--font-size-heading-2-tablet) !important;
}
@media (max-width: 767px) {
  .paragraph-emp-B {
    font-size: 14px !important;
    font-size: var(--font-size-paragraph-1-mobile) !important;
    line-height: 20px !important;
  }
}
.arrow-emp-section-B {
  transition: transform 0.5s ease-in-out;
  width: 100%;
  max-width: 87px;
}
@media (min-width: 768px) {
  .arrow-emp-section-B {
    transform: rotate(0deg);
  }
}
@media (max-width: 767px) {
  .arrow-emp-section-B {
    width: 37px;
    transform: rotate(90deg) !important;
    margin-top: 2vh;
  }
}
.col-video-layout {
  padding-right: 0 !important;
  height: 527px !important;
}
@media (max-width: 1600px) {
  .col-video-layout {
    height: 480px !important;
  }
}
@media (max-width: 1280px) {
  .col-video-layout {
    height: 450px !important;
  }
}
@media (min-width: 993px) {
  .col-video-layout {
    padding-left: 5vh !important;
  }
}
@media (min-width: 768px) {
  .col-video-layout {
    padding-left: 3vh !important;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .col-video-layout {
    padding: 0 20px !important;
  }
}
@media (max-width: 576px) {
  .col-video-layout {
    padding-left: 0 !important;
    max-height: 250px;
  }
}
.emp-video-layout {
  width: 100%;
  height: 100%;
  border-radius: 30px 0px 0px 30px;
  border: 1px solid #EDEAEA;
  box-shadow: 0px 4px 4px 0px #00000040;
  background: #F1EEEE;
  padding: 5vh;
}
.emp-video-layout > iframe {
  border-radius: 20px;
  width: 100%;
  height: 100%;
  max-height: 364px;
}
@media (max-width: 834px) {
  .emp-video-layout {
    padding: 3vh 2vh;
  }
}
@media (max-width: 767px) {
  .emp-video-layout {
    width: 100%;
    height: 300px;
    border-radius: 5px;
    padding: 15px 25px 30px;
  }
}
@media (max-width: 576px) {
  .emp-video-layout {
    height: 220px !important;
    padding: 10px 15px 30px;
  }
  .emp-video-layout > iframe {
    height: 174px;
  }
}
.container-emp-CDE {
  overflow: hidden !important;
  padding: 0 28vh !important;
}
@media (max-width: 1700px) {
  .container-emp-CDE {
    padding: 0 24vh !important;
  }
}
@media (max-width: 1600px) {
  .container-emp-CDE {
    padding: 0 14vh !important;
  }
}
@media (max-width: 1400px) {
  .container-emp-CDE {
    padding: 0 12vh !important;
  }
}
@media (max-width: 1200px) {
  .container-emp-CDE {
    padding: 0 10vh !important;
  }
}
@media (max-width: 992px) {
  .container-emp-CDE {
    padding: 0 5vh !important;
  }
}
@media (max-width: 768px) {
  .container-emp-CDE {
    padding: 0 4vh !important;
  }
}
@media (max-width: 576px) {
  .container-emp-CDE {
    padding: 0 4vh !important;
  }
}
.row-emp-CDE {
  background-color: #F4F9F5;
  padding: 10vh 3vh;
}
@media (max-width: 992px) {
  .row-emp-CDE {
    padding: 10vh 1vh;
  }
}
@media (max-width: 576px) {
  .row-emp-CDE {
    padding: 5vh 1vh;
  }
}
@media (max-width: 576px) {
  .row-emp-CDE > .col-emp-CDE {
    padding: 5px !important;
  }
}
.radius-top-row-emp-CDE {
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
}
@media (max-width: 1280px) {
  .radius-top-row-emp-CDE {
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
  }
}
.radius-bottom-row-emp-CDE {
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
}
.card-emp-C {
  position: relative;
  width: 100%;
  max-width: 436px;
  border-radius: 4px;
  box-shadow: 0px 4px 4px 0px #00000040;
  overflow: hidden;
  background-color: #fff;
}
.card-emp-C > ul > li {
  font-size: 14px !important;
  font-size: var(--font-size-paragraph-2-desktop) !important;
}
@media (max-width: 1280px) {
  .card-emp-C > ul > li {
    font-size: 13px !important;
    font-size: var(--font-size-paragraph-2-tablet) !important;
  }
}
@media (max-width: 834px) {
  .card-emp-C > ul > li {
    font-size: 11px !important;
  }
}
.card-emp-C::before {
  content: '';
  display: block;
  padding-top: calc(374 / 436 * 100%);
}
.card-emp-C .emp-c-background-container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: end;
}
.object-contain {
  object-fit: contain;
}
.card-absolute {
  position: absolute;
}
.card-emp-C .emp-c-background-img {
  width: 80% !important;
  height: auto;
}
.card-emp-C .emp-c-woman-img {
  bottom: 0;
  left: 0;
  z-index: 2;
  max-height: 80%;
  max-width: 100%;
}
.card-emp-C .emp-c-discount-img {
  top: 15%;
  right: 0;
  z-index: 2;
  max-height: 45%;
  max-width: 100%;
}
.card-emp-C .emp-c-gift-img {
  top: 28%;
  left: 35%;
  z-index: 2;
  max-height: 15%;
  max-width: 15%;
}
.emp-c-card-title {
  top: 5%;
  left: 5%;
  z-index: 2;
  font-size: 22px;
  font-weight: 700;
  color: #414745 !important;
  color: var(--primary-color-dark) !important;
}
@media (max-width: 1440px) {
  .emp-c-card-title {
    font-size: 18px;
    font-size: var(--font-size-heading-3-tablet);
  }
}
@media (max-width: 576px) {
  .emp-c-card-title {
    font-size: 16px;
    font-size: var(--font-size-heading-2-mobile);
  }
}
.emp-c-card-list {
  right: 5%;
  bottom: 5%;
  color: #FFFFFF;
  z-index: 3;
}
.emp-c-card-list > li {
  font-size: 14px !important;
  font-size: var(--font-size-paragraph-2-desktop) !important;
}
@media (max-width: 1600px) {
  .emp-c-card-list {
    right: 3%;
  }
}
@media (max-width: 1400px) {
  .emp-c-card-list {
    right: 3%;
    bottom: 1%;
  }
}
@media (max-width: 1400px) {
  .emp-c-card-list {
    right: 3%;
    bottom: 1%;
  }
}
@media (max-width: 1280px) {
  .emp-c-card-list {
    right: 2%;
    bottom: 2%;
  }
  .emp-c-card-list > li {
    font-size: 13px !important;
    font-size: var(--font-size-paragraph-2-tablet) !important;
  }
}
@media (max-width: 992px) {
  .emp-c-card-list {
    right: 3%;
    bottom: 3%;
  }
  .emp-c-card-list > li {
    font-size: 11px !important;
  }
}
@media (max-width: 768px) {
  .emp-c-card-list {
    right: 2%;
    bottom: 5%;
  }
}
@media (max-width: 576px) {
  .emp-c-card-list {
    right: 3% !important;
    bottom: 5%;
  }
}
.emp-c-card-list-2 {
  top: 35%;
  color: #414745 !important;
  color: var(--primary-color-dark) !important;
  z-index: 3;
}
.emp-c-card-list-3 {
  bottom: 8%;
  color: #414745 !important;
  color: var(--primary-color-dark) !important;
  z-index: 3;
}
.card-emp-C .emp-c-woman-2-img {
  bottom: 0%;
  right: 0;
  z-index: 2;
  max-height: 70%;
  max-width: 100%;
}
.card-emp-C .emp-c-woman-4-img {
  max-height: 80%;
}
.card-emp-C .emp-c-purple-text {
  top: 20%;
  left: 0;
  width: 95%;
  z-index: 2;
  color: #FFFFFF;
  background-color: #622480;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 5px 20px;
  font-size: 12px;
  font-size: var(--font-size-paragraph-2-mobile);
}
.card-emp-C .emp-c-phone-img {
  top: 25%;
  left: 5%;
  z-index: 2;
  height: 30% !important;
  max-width: 100%;
}
.card-emp-C .emp-c-trofeo-img {
  top: 20%;
  left: 26%;
  z-index: 2;
  max-height: 35%;
  max-width: 100%;
}
.card-emp-C .emp-c-cameraman-img {
  bottom: 0;
  right: 0;
  z-index: 2;
  max-height: 75%;
  max-width: 90% !important;
}
.grid-emp-D {
  width: 90%;
  margin-top: 3vh;
  color: #414745 !important;
  color: var(--primary-color-dark) !important;
  gap: 32px;
  padding-bottom: 10px;
  /* 2 tarjetas por fila hasta 1200px */
}
@media (max-width: 576px) {
  .grid-emp-D {
    gap: 20px;
    height: auto;
  }
}
.background-emp-D {
  position: absolute;
  width: 70%;
  z-index: 1;
  left: 0;
  transform: translateX(20%) translateY(-10%);
  object-fit: contain;
}
@media (max-width: 1600px) {
  .background-emp-D {
    transform: translateX(8%) translateY(-12%);
    width: 85%;
  }
}
@media (max-width: 1400px) {
  .background-emp-D {
    transform: translateX(4%) translateY(-7%);
    width: 90%;
  }
}
@media (max-width: 1193px) {
  .background-emp-D {
    object-fit: contain;
    transform: translateX(5%) translateY(7%);
    width: 90%;
    height: 70%;
  }
}
@media (max-width: 992px) {
  .background-emp-D {
    object-fit: contain;
    transform: translateX(5%) translateY(-10%);
    width: 90%;
    height: 100%;
  }
}
@media (max-width: 768px) {
  .background-emp-D {
    object-fit: cover;
    transform: translateX(-4%) translateY(18%);
    width: 140%;
    height: 80%;
  }
}
@media (max-width: 576px) {
  .background-emp-D {
    transform: translateX(0) translateY(28%);
    width: 100%;
    height: 67%;
  }
}
.card-emp-D {
  position: relative;
  overflow: visible;
  display: flex;
  flex-direction: column !important;
  justify-content: space-between !important;
  width: 220px;
  height: 400px !important;
  z-index: 2;
  border-radius: 32px;
  box-shadow: 0px 3.23px 3.23px 0px #00000040;
  background-color: #ffffff;
  box-sizing: border-box;
  /* Centra la tarjeta si hay espacio extra */
  margin: auto;
}
@media (min-width: 993px) and (max-width: 1200px) {
  .card-emp-D {
    justify-content: start;
  }
}
@media (max-width: 576px) {
  .card-emp-D {
    width: 100%;
    height: 100%;
    max-width: 142px;
    max-height: 256px;
    gap: 0;
    border-radius: 20px;
  }
}
.card-emp-D .header-card-emp-D {
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
}
@media (max-width: 576px) {
  .card-emp-D .header-card-emp-D {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
}
.card-emp-D .footer-card-emp-D {
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
}
@media (max-width: 576px) {
  .card-emp-D .footer-card-emp-D {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
}
.card-emp-D .footer-card-emp-D.visible {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  transition: transform 2s ease, opacity 2s ease;
}
.header-card-emp-D {
  width: 100%;
  height: 63px;
  color: #FFFFFF;
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  font-size: 16.13px;
  font-weight: 800;
  line-height: 21.43px;
}
@media screen and (max-width: 576px) {
  .header-card-emp-D {
    font-size: 14px;
    line-height: 18.61px;
    height: 40px;
  }
}
.body-card-emp-D {
  width: 100%;
  height: calc(100% - 113px) !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between !important;
  font-family: 'Exo';
  font-family: var(--font-family-primary);
}
@media screen and (max-width: 576px) {
  .body-card-emp-D {
    height: calc(100% - 52px) !important;
  }
}
.body-card-emp-D > div {
  height: 100%;
  text-align: center;
  align-content: center;
}
.body-card-emp-D > .body-message {
  font-size: 14px;
  font-size: var(--font-size-paragraph-2-desktop);
}
@media (max-width: 576px) {
  .body-card-emp-D > .body-message {
    font-size: 12px !important;
    font-size: var(--font-size-paragraph-2-mobile) !important;
  }
}
.card-emp-D-text div {
  display: flex;
  width: 100%;
  height: 100% !important;
  font-size: 12.9px;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  line-height: 17.14px;
  padding: 7% 15%;
  flex-direction: column;
}
.footer-card-emp-D {
  width: 100%;
  height: 50px !important;
  background-color: #52575C;
  color: #FFFFFF;
  font-family: 'Inter';
  font-family: var(--font-family-secondary);
  font-size: 16.13px;
  font-weight: 400;
  line-height: 19.52px;
}
@media screen and (max-width: 576px) {
  .footer-card-emp-D {
    font-size: 10.37px;
    line-height: 12.55px;
    height: 32px !important;
  }
}
.expandable-card-emp-D {
  position: relative;
  width: 220px;
  background: white;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  height: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  animation: slideUp 1s ease forwards;
  padding: 10% 5%;
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
  z-index: 2;
}
@media (max-width: 576px) {
  .expandable-card-emp-D {
    width: 100%;
    height: 100%;
    max-width: 142px;
    max-height: auto;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
}
.expandable-card-emp-D > ul {
  padding: 0 0 0 20px;
}
.expandable-card-emp-D > ul > li {
  font-size: 14px;
  font-size: var(--font-size-paragraph-2-desktop);
}
@media (max-width: 576px) {
  .expandable-card-emp-D > ul > li {
    font-size: 12px;
    font-size: var(--font-size-paragraph-2-mobile);
  }
}
@keyframes slideDown {
  0% {
    height: 0;
    opacity: 0;
  }
  100% {
    height: -webkit-fit-content;
    height: fit-content;
    /* Ajusta según el contenido */
    opacity: 1;
  }
}
@keyframes slideUp {
  0% {
    height: -webkit-fit-content;
    height: fit-content;
    /* El valor debe ser el mismo que en el 100% de `slideDown` */
    opacity: 1;
  }
  100% {
    height: 0;
    opacity: 0;
  }
}
.expandable-card-emp-D.visible {
  animation: slideDown 1s ease forwards;
  /* Activar la animación de expansión */
  pointer-events: all;
}
.expandable-card-emp-D.hidden {
  animation: slideUp 1s ease forwards;
  /* Activar la animación de contracción */
  pointer-events: none;
}
.partner-verify-container.row-emp-CDE {
  padding-left: 0 !important;
}
.partner-verify-form-container {
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  justify-content: start;
  background-color: #550D5D;
  padding: 3vh 7vh 1vh;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  height: 200px;
  font-size: 20px;
  font-size: var(--font-size-heading-4-desktop);
}
.partner-verify-form-container > .partner-verify-form {
  width: 90%;
}
@media (max-width: 1200px) {
  .partner-verify-form-container {
    font-size: 16px;
    font-size: var(--font-size-heading-4-tablet);
  }
}
@media (max-width: 992px) {
  .partner-verify-form-container {
    padding: 1vh 7vh 1vh 5vh !important;
  }
}
@media (max-width: 768px) {
  .partner-verify-form-container {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    min-height: 122px;
    max-height: 180px;
    font-size: 16px;
    font-size: var(--font-size-paragraph-1-desktop);
    padding: 4vh 7vh 0;
  }
  .partner-verify-form-container > .partner-verify-form {
    width: 100%;
  }
}
@media (max-width: 467px) {
  .partner-verify-form-container {
    padding: 2vh 3vh 1vh 4vh !important;
    font-size: 14px;
    font-size: var(--font-size-paragraph-1-mobile);
  }
}
.label-input-somos {
  color: #FFFFFF !important;
  padding-bottom: 15px;
  display: flex;
  flex-direction: row;
  gap: 3px;
}
.input-somos {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.button-input-somos {
  border: none !important;
  background-color: #FFA400 !important;
  height: 45px;
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
.find-somos-title {
  font-weight: 600 !important;
  font-size: 48px;
  font-size: var(--font-size-heading-1-desktop);
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .find-somos-title {
    font-size: 38px !important;
    font-size: var(--font-size-display-1-tablet) !important;
  }
}
@media only screen and (max-width: 768px) {
  .find-somos-title {
    font-size: 25px !important;
    font-size: var(--font-size-heading-3-desktop) !important;
  }
}
@media only screen and (max-width: 576px) {
  .find-somos-title {
    font-size: 24px !important;
  }
}
@media (max-width: 768px) {
  .plr-0-mobile {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.rectangle-somos {
  height: 545px;
  position: relative;
  padding: 5vh 25vh;
}
@media only screen and (max-width: 1700px) {
  .rectangle-somos {
    padding: 5vh 18vh;
  }
}
@media only screen and (max-width: 1600px) {
  .rectangle-somos {
    height: 500px;
    padding: 5vh 16vh;
  }
}
@media only screen and (max-width: 1400px) {
  .rectangle-somos {
    height: 500px;
  }
}
@media only screen and (max-width: 992px) {
  .rectangle-somos {
    padding: 7vh 5vh;
  }
}
@media only screen and (max-width: 768px) {
  .rectangle-somos {
    height: 280px;
    padding: 3vh 5vh 2vh;
  }
}
@media only screen and (max-width: 640px) {
  .rectangle-somos {
    height: 280px;
    padding: 4vh 7vh 2vh;
  }
}
@media only screen and (max-width: 576px) {
  .rectangle-somos {
    padding: 4vh 5vh 2vh;
  }
}
@media only screen and (max-width: 500px) {
  .rectangle-somos {
    padding: 4vh 3vh 2vh;
  }
}
.rectangle-radial-somos {
  background: radial-gradient(circle at -10% 250%, #48185A 0%, #48185A 2.5%, #531F66 2.5%, #531F66 5%, #48185A 5%, #48185A 7.5%, #531F66 7.5%, #531F66 10%, #48185A 10%, #48185A 12.5%, #531F66 12.5%, #531F66 15%, #48185A 15%, #48185A 17.5%, #531F66 17.5%, #531F66 20%, #48185A 20%, #48185A 22.5%, #531F66 22.5%, #531F66 25%, #48185A 25%, #48185A 27.5%, #531F66 27.5%, #531F66 30%, #48185A 30%, #48185A 32.5%, #531F66 32.5%, #531F66 35%, #48185A 35%, #48185A 37.5%, #531F66 37.5%, #531F66 40%, #48185A 40%, #48185A 42.5%, #531F66 42.5%, #531F66 45%, #48185A 45%, #48185A 47.5%, #531F66 47.5%, #531F66 50%, #48185A 50%, #48185A 52.5%, #531F66 52.5%, #531F66 55%, #48185A 55%, #48185A 57.5%, #531F66 57.5%, #531F66 60%, #48185A 60%, #48185A 62.5%, #531F66 62.5%, #531F66 65%, #48185A 65%, #48185A 67.5%, #531F66 67.5%, #531F66 70%, #48185A 70%, #48185A 72.5%, #531F66 72.5%, #531F66 75%, #48185A 75%, #48185A 77.5%, #531F66 77.5%, #531F66 80%, #48185A 80%, #48185A 82.5%, #531F66 82.5%, #531F66 85%, #48185A 85%, #48185A 87.5%, #531F66 87.5%, #531F66 90%, #48185A 90%, #48185A 92.5%, #531F66 92.5%, #531F66 95%, #48185A 95%, #48185A 97.5%, #531F66 97.5%, #531F66 100%);
  background: radial-gradient(circle at -10% 250%, var(--radial-gradient-somos-colors));
}
.rectangle-radial-somos .man-box-img {
  bottom: 0;
  right: 25vh;
  z-index: 2;
  height: auto;
}
@media only screen and (max-width: 1700px) {
  .rectangle-radial-somos .man-box-img {
    right: 12vh;
    height: 90%;
  }
}
@media only screen and (max-width: 1600px) {
  .rectangle-radial-somos .man-box-img {
    right: 15vh;
    height: 85%;
  }
}
@media only screen and (max-width: 1500px) {
  .rectangle-radial-somos .man-box-img {
    right: 10vh;
    height: 75%;
  }
}
@media only screen and (max-width: 1400px) {
  .rectangle-radial-somos .man-box-img {
    right: 12vh;
    height: 70%;
  }
}
@media only screen and (max-width: 1200px) {
  .rectangle-radial-somos .man-box-img {
    right: 10vh;
    height: 75%;
  }
}
@media only screen and (max-width: 1024px) {
  .rectangle-radial-somos .man-box-img {
    height: 70%;
  }
}
@media only screen and (max-width: 992px) {
  .rectangle-radial-somos .man-box-img {
    height: 65%;
    right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .rectangle-radial-somos .man-box-img {
    height: 84%;
    right: 10vh;
  }
}
@media only screen and (max-width: 640px) {
  .rectangle-radial-somos .man-box-img {
    height: 75%;
  }
}
@media only screen and (max-width: 576px) {
  .rectangle-radial-somos .man-box-img {
    height: 73%;
    right: 4vh;
  }
}
@media only screen and (max-width: 480px) {
  .rectangle-radial-somos .man-box-img {
    height: 77%;
    right: 0;
  }
}
.somos-banner-title > div:nth-child(1) {
  font-size: 56px !important;
}
.somos-banner-title > div:nth-child(2) {
  font-size: 56px;
}
.somos-banner-title > div:nth-child(3) {
  font-size: 45px;
}
@media (max-width: 834px) {
  .somos-banner-title > div:nth-child(1) {
    font-size: 30px !important;
    font-size: var(--font-size-heading-2-desktop) !important;
  }
  .somos-banner-title > div:nth-child(2) {
    font-size: 38px !important;
    font-size: var(--font-size-display-1-tablet) !important;
  }
  .somos-banner-title > div:nth-child(3) {
    font-size: 30px !important;
    font-size: var(--font-size-heading-2-desktop) !important;
  }
}
@media only screen and (max-width: 768px) {
  .somos-banner-title > div {
    line-height: 27.75px;
  }
  .somos-banner-title > div:nth-child(1) {
    font-size: 20px !important;
    font-size: var(--font-size-heading-4-desktop) !important;
  }
  .somos-banner-title > div:nth-child(2) {
    font-size: 30px !important;
    font-size: var(--font-size-heading-2-desktop) !important;
  }
  .somos-banner-title > div:nth-child(3) {
    font-size: 20px !important;
    font-size: var(--font-size-heading-4-desktop) !important;
  }
}
@media (max-width: 576px) {
  .somos-banner-title > div:nth-child(1) {
    font-size: 18px !important;
    font-size: var(--font-size-heading-1-mobile) !important;
  }
  .somos-banner-title > div:nth-child(2) {
    font-size: 18px !important;
    font-size: var(--font-size-heading-1-mobile) !important;
  }
  .somos-banner-title > div:nth-child(3) {
    font-size: 14px !important;
    font-size: var(--font-size-paragraph-1-mobile) !important;
  }
}
@media only screen and (max-width: 640px) {
  .somos-banner-paragraph > div {
    font-size: 12px !important;
    font-size: var(--font-size-heading-4-mobile) !important;
  }
}
.row-emp-G {
  padding: 10vh !important;
  gap: 30px;
}
@media only screen and (max-width: 992px) {
  .row-emp-G {
    padding: 6vh 2vh !important;
  }
}
.alianzas-title {
  color: #414745;
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  font-size: 28px;
  font-weight: 600;
  line-height: 33.6px;
  letter-spacing: 5px;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .alianzas-title {
    font-size: 22px;
    line-height: 26.4px;
  }
}
.alianzas-body {
  color: #414745;
  font-family: 'Inter';
  font-family: var(--font-family-secondary);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 1px;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .alianzas-body {
    font-size: 14px;
    line-height: 26.07px;
  }
}
.alianzas-italic {
  font-family: 'Inter';
  font-family: var(--font-family-secondary);
  font-size: 16px;
  font-style: italic;
  font-weight: 500;
  line-height: 26px;
  text-align: left;
  color: #414745;
}
@media only screen and (max-width: 768px) {
  .alianzas-italic {
    font-size: 14px;
    line-height: 26.07px;
  }
}
.card-emp-G {
  width: 100%;
  max-width: 360px;
  max-height: 360px;
  aspect-ratio: 1 / 1 !important;
  border-radius: 10px;
  box-shadow: 0px 4px 4px 0px #00000040;
}
.img-card-emp-G {
  height: 47%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom: 1px solid #A3A4A3;
}
.body-card-emp-G {
  font-family: 'Inter';
  font-family: var(--font-family-secondary);
  padding: 20px 18px;
  height: 53%;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.title-card-emp-G {
  color: #550D5D;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.78px;
}
.text-card-emp-G {
  font-size: 14px;
  color: #4B4B4B;
  line-height: 16.94px;
  margin-top: 20px;
}
.rectangle-form-somos {
  position: relative;
  width: 100% !important;
  color: #FFFFFF;
  min-height: 100px;
}
.rectangle-radial-form-somos {
  background: radial-gradient(circle at 200% 50%, #48185A 0%, #48185A 2.5%, #531F66 2.5%, #531F66 5%, #48185A 5%, #48185A 7.5%, #531F66 7.5%, #531F66 10%, #48185A 10%, #48185A 12.5%, #531F66 12.5%, #531F66 15%, #48185A 15%, #48185A 17.5%, #531F66 17.5%, #531F66 20%, #48185A 20%, #48185A 22.5%, #531F66 22.5%, #531F66 25%, #48185A 25%, #48185A 27.5%, #531F66 27.5%, #531F66 30%, #48185A 30%, #48185A 32.5%, #531F66 32.5%, #531F66 35%, #48185A 35%, #48185A 37.5%, #531F66 37.5%, #531F66 40%, #48185A 40%, #48185A 42.5%, #531F66 42.5%, #531F66 45%, #48185A 45%, #48185A 47.5%, #531F66 47.5%, #531F66 50%, #48185A 50%, #48185A 52.5%, #531F66 52.5%, #531F66 55%, #48185A 55%, #48185A 57.5%, #531F66 57.5%, #531F66 60%, #48185A 60%, #48185A 62.5%, #531F66 62.5%, #531F66 65%, #48185A 65%, #48185A 67.5%, #531F66 67.5%, #531F66 70%, #48185A 70%, #48185A 72.5%, #531F66 72.5%, #531F66 75%, #48185A 75%, #48185A 77.5%, #531F66 77.5%, #531F66 80%, #48185A 80%, #48185A 82.5%, #531F66 82.5%, #531F66 85%, #48185A 85%, #48185A 87.5%, #531F66 87.5%, #531F66 90%, #48185A 90%, #48185A 92.5%, #531F66 92.5%, #531F66 95%, #48185A 95%, #48185A 97.5%, #531F66 97.5%, #531F66 100%);
  background: radial-gradient(circle at 200% 50%, var(--radial-gradient-somos-colors));
}
@media only screen and (max-width: 767px) {
  .rectangle-radial-form-somos {
    background: radial-gradient(circle at 200% 350%, #48185A 0%, #48185A 2.5%, #531F66 2.5%, #531F66 5%, #48185A 5%, #48185A 7.5%, #531F66 7.5%, #531F66 10%, #48185A 10%, #48185A 12.5%, #531F66 12.5%, #531F66 15%, #48185A 15%, #48185A 17.5%, #531F66 17.5%, #531F66 20%, #48185A 20%, #48185A 22.5%, #531F66 22.5%, #531F66 25%, #48185A 25%, #48185A 27.5%, #531F66 27.5%, #531F66 30%, #48185A 30%, #48185A 32.5%, #531F66 32.5%, #531F66 35%, #48185A 35%, #48185A 37.5%, #531F66 37.5%, #531F66 40%, #48185A 40%, #48185A 42.5%, #531F66 42.5%, #531F66 45%, #48185A 45%, #48185A 47.5%, #531F66 47.5%, #531F66 50%, #48185A 50%, #48185A 52.5%, #531F66 52.5%, #531F66 55%, #48185A 55%, #48185A 57.5%, #531F66 57.5%, #531F66 60%, #48185A 60%, #48185A 62.5%, #531F66 62.5%, #531F66 65%, #48185A 65%, #48185A 67.5%, #531F66 67.5%, #531F66 70%, #48185A 70%, #48185A 72.5%, #531F66 72.5%, #531F66 75%, #48185A 75%, #48185A 77.5%, #531F66 77.5%, #531F66 80%, #48185A 80%, #48185A 82.5%, #531F66 82.5%, #531F66 85%, #48185A 85%, #48185A 87.5%, #531F66 87.5%, #531F66 90%, #48185A 90%, #48185A 92.5%, #531F66 92.5%, #531F66 95%, #48185A 95%, #48185A 97.5%, #531F66 97.5%, #531F66 100%);
    background: radial-gradient(circle at 200% 350%, var(--radial-gradient-somos-colors));
  }
}
.form-somos-description {
  width: 473px;
  height: 228px;
  font-family: 'Inter';
  font-family: var(--font-family-secondary);
  line-height: 38px;
  text-align: left;
}
@media only screen and (max-width: 1199px) {
  .form-somos-description {
    line-height: 30px;
  }
}
.scroll-form-somos-container {
  overflow-y: hidden;
}
@media only screen and (min-width: 768px) {
  .scroll-form-somos-container {
    overflow-y: scroll;
  }
}
.scroll-form-somos-container::-webkit-scrollbar {
  display: none;
  max-height: -webkit-fit-content;
  max-height: fit-content;
}
.btn-volver-landings {
  color: #787676;
  display: flex;
  flex-direction: row;
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  font-size: 16px;
  gap: 8px;
  font-weight: 600;
  line-height: 21.26px;
}
.btn-volver-landings:hover {
  color: #787676;
}
.container-autoatencion-A {
  padding: 9% 3% 9% 5%;
}
.video-autoatencion-container {
  position: relative;
  height: 100%;
  overflow: visible;
}
.video-autoatencion-container > iframe {
  border: none;
  border-radius: 20px;
  height: 100%;
  width: 100%;
  max-width: 630px;
  max-height: 376px;
  z-index: 2;
}
.video-autoatencion-container > img {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  transform: translateX(0) translateY(-10%);
  object-fit: cover;
}
@media only screen and (max-width: 1599px) {
  .video-autoatencion-container > iframe {
    max-width: 560px;
    max-height: 315px;
  }
  .video-autoatencion-container > img {
    object-fit: contain;
    transform: translateX(0) !important;
  }
}
@media only screen and (max-width: 1399px) {
  .video-autoatencion-container > iframe {
    max-width: 520px;
    max-height: 275px;
  }
  .video-autoatencion-container > img {
    width: 110%;
    object-fit: cover;
    transform: translateX(-5%) !important;
  }
}
@media only screen and (max-width: 1199px) {
  .video-autoatencion-container > iframe {
    max-width: 500px;
    max-height: 255px;
  }
  .video-autoatencion-container > img {
    width: 105%;
    transform: translateX(-5%) !important;
  }
}
@media only screen and (max-width: 991px) {
  .video-autoatencion-container > iframe {
    max-width: 450px;
    max-height: 205px;
  }
  .video-autoatencion-container > img {
    width: 110%;
  }
}
@media only screen and (max-width: 767px) {
  .video-autoatencion-container > iframe {
    max-width: 80%;
    max-height: 315px;
    position: absolute;
  }
  .video-autoatencion-container > img {
    position: static;
    width: 90%;
    transform: translateX(0) !important;
  }
}
@media only screen and (max-width: 575px) {
  .video-autoatencion-container > iframe {
    max-width: 80%;
    max-height: 200px;
  }
  .video-autoatencion-container > img {
    width: 90%;
    transform: translateX(0) !important;
  }
}
@media only screen and (max-width: 415px) {
  .video-autoatencion-container > iframe {
    max-width: 90%;
    max-height: 170px;
  }
  .video-autoatencion-container > img {
    width: 100%;
    transform: translateX(0) !important;
  }
}
.container-autoatencion-B {
  padding: 5%;
  overflow: hidden;
}
.autoatencion-main-title {
  font-family: 'Exo';
  font-weight: 700;
  font-size: 30px;
}
@media (min-width: 1366px) {
  .autoatencion-main-title {
    font-size: 52px;
  }
}
.autoatencion-a-subtitles {
  font-family: 'Inter';
  font-weight: 700;
  font-size: 16px;
  display: flex;
  margin-top: 4vh;
}
@media (min-width: 1366px) {
  .autoatencion-a-subtitles {
    font-size: 24px;
  }
}
.autoatencion-a-paragraphs {
  font-family: 'Inter';
  font-weight: 500;
  font-size: 14px;
  margin-top: 4vh;
}
@media (min-width: 1366px) {
  .autoatencion-a-paragraphs {
    font-size: 20px;
  }
}
.autoatencion-a-divider {
  margin: 0 5%;
  border-right: 2px solid #414745;
}
@media (min-width: 1366px) {
  .autoatencion-a-divider {
    border-right: 5px solid #414745;
  }
}
.autoatencion-b-title {
  font-family: 'Exo';
  font-size: 18px;
  font-weight: 700;
  color: #414745;
  text-align: center;
}
@media (min-width: 1366px) {
  .autoatencion-b-title {
    font-size: 30px;
  }
}
.autoatencion-b-paragraph {
  font-family: 'Inter';
  font-weight: 500;
  font-size: 14px;
  color: #414745;
  margin-top: 4vh;
}
@media (min-width: 1366px) {
  .autoatencion-b-paragraph {
    font-size: 16px;
    text-align: center;
  }
}
.autoatencion-d-title {
  font-weight: 700;
  font-family: 'Exo';
  font-size: 18px;
  color: #414745;
  width: 100%;
  text-align: center;
}
@media (min-width: 1366px) {
  .autoatencion-d-title {
    font-size: 30px;
  }
}
.autoatencion-d-paragraph {
  width: 60%;
  margin-block: 20px;
  text-align: center;
  font-family: 'Inter';
  font-weight: 500;
  font-size: 14px;
  color: #414745;
}
@media (min-width: 1366px) {
  .autoatencion-d-paragraph {
    font-size: 20px;
  }
}
.autoatencion-titles {
  line-height: 23.92px !important;
}
@media only screen and (min-width: 768px) {
  .autoatencion-titles {
    line-height: 44.45px !important;
  }
}
@media only screen and (min-width: 1200px) {
  .autoatencion-titles {
    line-height: 66.45px !important;
  }
}
.auto-lnh-body-B {
  line-height: 15px;
  text-align: start;
  color: #414745 !important;
  color: var(--primary-color-dark) !important;
}
@media only screen and (min-width: 768px) {
  .auto-lnh-body-B {
    line-height: 30px !important;
    text-align: center;
  }
}
.autoatencion-cards-container-B {
  width: 100%;
  margin-top: 5vh;
  color: #414745 !important;
  color: var(--primary-color-dark) !important;
  gap: 10%;
  padding-bottom: 10px;
  /* 2 tarjetas por fila hasta 1200px */
}
@media (max-width: 768px) {
  .autoatencion-cards-container-B {
    gap: 40px !important;
    height: auto;
  }
}
@media (max-width: 576px) {
  .autoatencion-cards-container-B {
    gap: 20px !important;
  }
}
@media (min-width: 577px) and (max-width: 768px) {
  .card-auto-B.card-emp-D {
    width: 100%;
    height: 100%;
    max-width: 172px !important;
    max-height: 296px !important;
    justify-content: center !important;
    gap: 0;
  }
}
@media (max-width: 576px) {
  .card-auto-B.card-emp-D > .header-card-emp-D {
    font-size: 12px;
  }
}
.expandable-card-autoatencion.expandable-card-emp-D .ul-expandable {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
}
@media (min-width: 1366px) {
  .expandable-card-autoatencion.expandable-card-emp-D .ul-expandable {
    font-size: 14px;
  }
}
.expandable-card-autoatencion.expandable-card-emp-D .ul-expandable li {
  color: #414745;
  position: relative;
  padding-left: 35px;
  margin-bottom: 5px;
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  font-weight: 400;
  line-height: 29.56px;
}
.expandable-card-autoatencion.expandable-card-emp-D .ul-expandable li::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAFQUExURQAAAACfTwCdTgCXTQCfTgCsVgCbUACcTQCcTgCaUACdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTv///9+DNX8AAABudFJOUwAAAAAAAAAAAAADI2GTrCIBGoXj/vHh2CoHGAIxxcJnLxswaY0Jicwnz/R4EIuvFar6irFPmwT9GabuMh3bugsOJjfwj0XrCNpAgrKOsIP2QTSU1sEKPUP1QgWYgJe8/B4fIa3ZSCBo+Pnv9xaiLOpRFQAAAAFiS0dEb1UIYYEAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfpAQ8UMhaaFzOAAAABNklEQVQY002Q61sBURDGp+kuu9ntEBI2bWq7YtcuKrrqootE2kSFRPj/P3bOrnp6v8yZ35l3Zp4BABhDJofDCmCLvsbnnBzPc8551+gDJ1AQF4jb43GTRS+iz7/E6gLLJBgKS9JKZFVCeS3qpXB9Q9ncwpHkbbKzCyjvxSKTdiPK4iQhIKAa05LW0CnG9IRBk2QqnfnnZQxh/+DQh5jNyL8sd5SE45NTnMaz83g+b9dFLgJwqVxRg/9aLxT0G+a9vbuHYppj7YTEcGgxfEgXwSg9li2aSgksZoMlA1yaUrFH01EziBVFcwE+Vfky/qnMV5/p8uYLqZk0naXLo1kjryaFKNUb3Jtd98416hIyiB9N0hLb4XBbbJHmJ+1snSHXiX51e73ud7STGx2f+fqqOBiIat+++w8WYy7C7WnDNAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyNS0wMS0xNVQyMDo0OTozNSswMDowMBwds54AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjUtMDEtMTVUMjA6NDk6MzUrMDA6MDBtQAsiAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDI1LTAxLTE1VDIwOjUwOjIyKzAwOjAwDsPg5wAAAABJRU5ErkJggg==) no-repeat center center;
  background-size: contain;
}
@media (max-width: 768px) {
  .expandable-card-autoatencion.expandable-card-emp-D {
    padding-left: 10px;
    max-width: 172px !important;
  }
  .expandable-card-autoatencion.expandable-card-emp-D .ul-expandable li {
    padding-left: 24px;
  }
  .expandable-card-autoatencion.expandable-card-emp-D .ul-expandable li::before {
    width: 15px;
    height: 15px;
    top: 0;
    transform: translateY(50%);
  }
}
@media (max-width: 576px) {
  .expandable-card-autoatencion.expandable-card-emp-D {
    padding-left: 8px;
    max-width: 142px !important;
  }
  .expandable-card-autoatencion.expandable-card-emp-D .ul-expandable li {
    padding-left: 22px;
  }
}
.container-autoatencion-B .autoatencion-back-left {
  max-height: 60%;
  left: 0;
  top: 0;
  transform: translateX(-38%);
}
@media (max-width: 576px) {
  .container-autoatencion-B .autoatencion-back-left {
    max-height: 50%;
  }
}
.container-autoatencion-B .autoatencion-back-right-top {
  opacity: 0.5;
  max-height: 40%;
  right: 0;
  top: 0;
}
@media (max-width: 768px) {
  .container-autoatencion-B .autoatencion-back-right-top {
    max-height: 30%;
  }
}
@media (max-width: 576px) {
  .container-autoatencion-B .autoatencion-back-right-top {
    max-height: 20%;
  }
}
.container-autoatencion-B .autoatencion-back-left-bottom {
  opacity: 0.5;
  max-height: 40%;
  left: 0;
  bottom: 0;
  transform: translateY(10%);
}
.container-autoatencion-B .autoatencion-back-right-bottom {
  max-height: 50%;
  right: 0;
  bottom: 0;
  transform: translateX(38%);
}
.container-autoatencion-cards-D {
  justify-content: center;
  padding: 5% 2% 8%;
  gap: 30px;
  position: relative;
}
@media only screen and (max-width: 1399px) {
  .container-autoatencion-cards-D {
    padding-bottom: 10%;
  }
}
@media only screen and (max-width: 767px) {
  .container-autoatencion-cards-D {
    padding-bottom: 12%;
    gap: 25px;
  }
}
@media only screen and (max-width: 575px) {
  .container-autoatencion-cards-D {
    padding: 2% 5px 15%;
    gap: 10px;
  }
}
@media (max-width: 991px) {
  .card-auto-D.card-emp-G {
    max-width: 300px;
    max-height: 300px;
  }
}
@media (max-width: 767px) {
  .card-auto-D.card-emp-G {
    max-width: 260px;
    max-height: 260px;
  }
}
@media (max-width: 575px) {
  .card-auto-D.card-emp-G {
    max-width: 230px !important;
    max-height: 230px !important;
  }
}
.img-card-auto-D.img-card-emp-G {
  padding: 5px;
}
.img-card-auto-D.img-card-emp-G img {
  height: 95%;
  max-height: 150px;
}
@media (max-width: 767px) {
  .body-card-auto-D.body-card-emp-G {
    padding: 12px 10px;
  }
}
@media (max-width: 575px) {
  .body-card-auto-D.body-card-emp-G {
    padding: 10px 8px;
  }
}
@media (max-width: 767px) {
  .title-card-auto-D.title-card-emp-G {
    font-size: 14px !important;
  }
}
@media (max-width: 575px) {
  .title-card-auto-D.title-card-emp-G {
    font-size: 12px !important;
  }
}
@media (max-width: 991px) {
  .text-card-auto-D.text-card-emp-G {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .text-card-auto-D.text-card-emp-G {
    font-size: 13px !important;
    line-height: 14px;
  }
}
@media (max-width: 575px) {
  .text-card-auto-D.text-card-emp-G {
    font-size: 11px !important;
    margin-top: 10px;
  }
}
.autoatencion-back-D-1 {
  max-width: 10%;
  left: 0;
  transform: translateX(30%);
}
@media (max-width: 1391px) {
  .autoatencion-back-D-1 {
    max-width: 7%;
    transform: translateX(20%) translateY(24%) !important;
  }
}
@media (max-width: 1200px) {
  .autoatencion-back-D-1 {
    max-width: 9%;
    transform: translateX(25%) translateY(4%) !important;
  }
}
@media (max-width: 991px) {
  .autoatencion-back-D-1 {
    max-width: 8%;
    transform: translateX(30%) translateY(14%) !important;
  }
}
@media (max-width: 676px) {
  .autoatencion-back-D-1 {
    display: none;
  }
}
.autoatencion-back-D-2 {
  max-width: 20%;
  right: 0;
  bottom: 0;
  transform: translateX(-110%);
}
@media (max-width: 1700px) {
  .autoatencion-back-D-2 {
    transform: translateX(-40%) !important;
  }
}
@media (max-width: 1391px) {
  .autoatencion-back-D-2 {
    transform: translateX(-20%) !important;
  }
}
@media (max-width: 1200px) {
  .autoatencion-back-D-2 {
    transform: translateX(-25%) translateY(14%) !important;
  }
}
@media (max-width: 991px) {
  .autoatencion-back-D-2 {
    transform: translateX(-30%) translateY(14%) !important;
  }
}
.wrapper-recom-embalaje {
  background-color: #fff;
}
.bg-fondo-titulo {
  position: absolute;
  width: 100%;
  height: 300px;
  object-fit: cover;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  opacity: 0.5;
}
.embalaje-banner {
  gap: 10px;
}
@media screen and (max-width: 677px) {
  .embalaje-banner {
    padding: 25px 16px;
    gap: 2px;
    padding-top: 0;
  }
}
@media screen and (min-width: 678px) {
  .embalaje-banner {
    padding: 25px 24px;
  }
}
@media screen and (min-width: 1366px) {
  .embalaje-banner {
    padding: 25px 100px;
  }
}
@media screen and (min-width: 1920px) {
  .embalaje-banner {
    padding: 25px 200px;
  }
}
.embalaje-banner .emb-banner-title {
  font-weight: 500;
  font-size: 38px;
  line-height: 20px;
  letter-spacing: 0%;
}
@media screen and (max-width: 1199px) {
  .embalaje-banner .emb-banner-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 9.69px;
    letter-spacing: 0%;
  }
}
.embalaje-banner .emb-banner-subt {
  font-weight: 500;
  font-size: 25px;
  line-height: 20px;
  letter-spacing: 0%;
}
@media screen and (max-width: 1199px) {
  .embalaje-banner .emb-banner-subt {
    font-weight: 500;
    font-size: 14px;
    line-height: 9.69px;
    letter-spacing: 0%;
  }
}
.wrapper-sub-titulo {
  padding-top: 20px;
}
@media screen and (max-width: 677px) {
  .wrapper-sub-titulo {
    padding: 0 16px;
  }
}
@media screen and (min-width: 678px) {
  .wrapper-sub-titulo {
    padding: 0 24px;
  }
}
@media screen and (min-width: 1366px) {
  .wrapper-sub-titulo {
    padding: 0 100px;
  }
}
@media screen and (min-width: 1920px) {
  .wrapper-sub-titulo {
    padding: 0 200px;
  }
}
.wrapper-sub-titulo > .texto-sub-t {
  display: flex;
  text-align: center;
  justify-content: center;
}
.wrapper-sub-titulo > .texto-sub-t .wrapper-text-banner {
  justify-content: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 550px;
}
.wrapper-sub-titulo > .texto-sub-t .wrapper-text-banner .nos-inspira {
  font-family: Inter;
  border: 2px solid #303030;
  border-radius: 100px;
  padding: 10px 20px;
  gap: 10px;
  height: auto;
  text-align: left;
}
.wrapper-sub-titulo > .texto-sub-t .wrapper-text-banner .nos-inspira > span {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0%;
}
@media screen and (max-width: 767px) {
  .wrapper-sub-titulo > .texto-sub-t .wrapper-text-banner .nos-inspira {
    border: 2px solid #303030;
    border-radius: 100px;
    padding: 4px 20px;
    gap: 10px;
    height: auto;
    text-align: left;
  }
  .wrapper-sub-titulo > .texto-sub-t .wrapper-text-banner .nos-inspira > span {
    font-weight: 500;
    font-size: 12px;
    line-height: 11.35px;
    letter-spacing: 0%;
  }
}
.wrapper-sub-titulo > .texto-sub-t .wrapper-text-banner .txt-banner-pregunta {
  font-family: Exo;
  font-weight: 700;
  font-size: 30px;
  line-height: 20px;
  letter-spacing: 0%;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .wrapper-sub-titulo > .texto-sub-t .wrapper-text-banner .txt-banner-pregunta {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0%;
    text-align: center;
  }
}
.wrapper-sub-titulo > .texto-sub-t .wrapper-text-banner .txt-banner-txt {
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0%;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .wrapper-sub-titulo > .texto-sub-t .wrapper-text-banner .txt-banner-txt {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 0%;
    text-align: center;
  }
}
.wrapper-sub-titulo > .caja-sub-t {
  margin-bottom: 15px;
}
.wrapper-sub-titulo > .caja-sub-t .wrapper-super-cajita {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #FAF6F6;
  border-radius: 30px;
  text-align: center;
  font-family: Inter;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0%;
}
@media screen and (max-width: 767px) {
  .wrapper-sub-titulo > .caja-sub-t .wrapper-super-cajita {
    font-family: Inter;
    font-weight: 400;
    font-size: 11px;
    line-height: 10.97px;
    letter-spacing: 0%;
    text-align: center;
  }
}
.wrapper-sub-titulo > .caja-sub-t .wrapper-super-cajita .embalaje-super-cajita {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 96%, 0% 96%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 96%, 0% 96%);
  max-width: 500px;
  width: 100%;
  mask-image: linear-gradient(to bottom, #000000 94%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-image: linear-gradient(to bottom, #000000 94%, rgba(0, 0, 0, 0) 100%);
}
.sabias-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
}
.sabias-wrapper .sabias-que {
  background-color: #FAF6F6;
  padding-top: 50px;
  padding-right: 10px;
  padding-bottom: 50px;
  padding-left: 10px;
  gap: 100px;
  border-radius: 50px;
  min-width: 328px;
  max-width: 1513px;
  width: 100%;
}
@media screen and (max-width: 677px) {
  .sabias-wrapper .sabias-que {
    margin: 0 16px;
  }
}
@media screen and (min-width: 678px) {
  .sabias-wrapper .sabias-que {
    margin: 0 24px;
  }
}
@media screen and (min-width: 1366px) {
  .sabias-wrapper .sabias-que {
    margin: 0 100px;
  }
}
@media screen and (min-width: 1920px) {
  .sabias-wrapper .sabias-que {
    margin: 0 200px;
  }
}
.sabias-wrapper .sabias-que__card {
  background-color: #fff;
  border-radius: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
  height: 360px;
  min-width: 322px;
  max-width: 322px;
}
@media screen and (max-width: 767px) {
  .sabias-wrapper .sabias-que__card {
    background-color: #fff;
    border-radius: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    height: 328px;
    min-width: 322px;
    max-width: 322px;
  }
}
.sabias-wrapper .sabias-que__card-icon {
  height: 0;
  position: absolute;
  right: 32px;
  z-index: 0;
}
.sabias-wrapper .sabias-que__card-icon .sabias-que__icon-check {
  position: relative;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #009D4E;
  padding: 8px;
  border-radius: 100%;
  z-index: 1;
  color: #fff;
  padding: 20px;
}
.sabias-wrapper .sabias-que__card-box {
  position: relative;
  z-index: 2;
}
.sabias-wrapper .sabias-que__card-divider {
  border-top: 1px solid #414745;
  width: 100%;
}
.sabias-wrapper .sabias-que__card-title-container {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
  padding: 20px 10px;
}
.sabias-wrapper .sabias-que__card-title {
  font-family: Inter;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0px;
}
@media screen and (max-width: 767px) {
  .sabias-wrapper .sabias-que__card-title {
    font-family: Inter;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0px;
  }
}
.sabias-wrapper .sabias-que__card-text-container {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
}
.sabias-wrapper .sabias-que__card-text {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0px;
  padding: 0 5px;
}
@media screen and (max-width: 767px) {
  .sabias-wrapper .sabias-que__card-text {
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0px;
    padding: 0 5px;
  }
}
.sabias-wrapper .sabias-que__card-exclamation-i-container {
  justify-content: center;
  display: flex;
  width: 100%;
  align-items: center;
}
.sabias-wrapper .sabias-que__card-top,
.sabias-wrapper .sabias-que__card-bottom {
  min-height: 144px;
}
.sabias-wrapper .sabias-que__1-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 5px;
}
@media screen and (max-width: 767px) {
  .sabias-wrapper .sabias-que__1-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 5px;
  }
}
.sabias-wrapper .sabias-que__1-text {
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 1px;
}
.sabias-wrapper .sabias-que__1-text > b {
  font-family: Inter;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  .sabias-wrapper .sabias-que__1-text {
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 1px;
  }
  .sabias-wrapper .sabias-que__1-text > b {
    font-family: Inter;
    font-weight: 700;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 1px;
  }
}
.sabias-wrapper .sabias-que__6-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  width: 322px;
}
.sabias-wrapper .sabias-que__6-img {
  width: 60%;
  align-self: end;
}
.sabias-wrapper .sabias-que__6-bold {
  font-family: Exo;
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0px;
  color: black;
}
@media screen and (max-width: 767px) {
  .sabias-wrapper .sabias-que__6-bold {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0px;
    color: black;
  }
}
.sabias-wrapper .sabias-que__6-text {
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0px;
}
@media screen and (max-width: 767px) {
  .sabias-wrapper .sabias-que__6-text {
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0px;
  }
}
.sabias-wrapper .sabias-que .correcto-et__txt-1-title {
  font-family: Exo;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0px;
  color: black;
}
.sabias-wrapper .sabias-que .correcto-et__txt-1-text {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0px;
}
.sabias-wrapper .sabias-que .correcto-et__txt-2-text {
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0%;
}
.sabias-wrapper .sabias-que .correcto-et__txt-3-text {
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0%;
}
@media screen and (max-width: 767px) {
  .sabias-wrapper .sabias-que .correcto-et__txt-3-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
  }
}
.sabias-wrapper .sabias-que .correcto-et__txt-4-text {
  font-family: Exo;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0%;
}
@media screen and (max-width: 767px) {
  .sabias-wrapper .sabias-que .correcto-et__txt-4-text {
    font-family: Exo;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
  }
}
.banner-correcto-etiquetado {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner-correcto-etiquetado > img {
  max-width: 1513px;
}
@media screen and (max-width: 677px) {
  .banner-correcto-etiquetado {
    padding: 5px 16px;
  }
}
@media screen and (min-width: 678px) {
  .banner-correcto-etiquetado {
    padding: 5px 24px;
  }
}
@media screen and (min-width: 1366px) {
  .banner-correcto-etiquetado {
    padding: 100px 100px;
  }
}
@media screen and (min-width: 1920px) {
  .banner-correcto-etiquetado {
    padding: 100px 200px;
  }
}
.consideraciones-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  flex-direction: column;
  gap: 20px;
}
.consideraciones-wrapper .consideraciones-title {
  min-width: 328px;
  max-width: 1513px;
  width: 100%;
  gap: 10px;
  font-family: Exo;
  font-weight: 700;
  font-size: 24px;
  line-height: 20px;
  letter-spacing: 0%;
}
@media screen and (max-width: 767px) {
  .consideraciones-wrapper .consideraciones-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 5.57px;
    letter-spacing: 0%;
    vertical-align: middle;
  }
}
@media screen and (max-width: 677px) {
  .consideraciones-wrapper .consideraciones-title {
    margin: 0 16px;
  }
}
@media screen and (min-width: 678px) {
  .consideraciones-wrapper .consideraciones-title {
    margin: 0 24px;
  }
}
@media screen and (min-width: 1366px) {
  .consideraciones-wrapper .consideraciones-title {
    margin: 0 100px;
  }
}
@media screen and (min-width: 1920px) {
  .consideraciones-wrapper .consideraciones-title {
    margin: 0 200px;
  }
}
.consideraciones-wrapper__card {
  background-color: #FAF6F6;
  min-width: 328px;
  max-width: 1513px;
  width: 100%;
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 30px;
  gap: 10px;
  border-radius: 20px;
}
.consideraciones-wrapper__card p {
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0%;
}
@media screen and (max-width: 767px) {
  .consideraciones-wrapper__card p {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0%;
  }
}
@media screen and (max-width: 677px) {
  .consideraciones-wrapper__card {
    margin: 0 16px;
  }
}
@media screen and (min-width: 678px) {
  .consideraciones-wrapper__card {
    margin: 0 24px;
  }
}
@media screen and (min-width: 1366px) {
  .consideraciones-wrapper__card {
    margin: 0 100px;
  }
}
@media screen and (min-width: 1920px) {
  .consideraciones-wrapper__card {
    margin: 0 200px;
  }
}
.txt-primary-color {
  color: #414745 !important;
  color: var(--primary-color-dark) !important;
}
@media screen and (max-width: 677px) {
  .p-auto-landings {
    padding: 0 16px;
  }
}
@media screen and (min-width: 678px) {
  .p-auto-landings {
    padding: 0 24px;
  }
}
@media screen and (min-width: 1366px) {
  .p-auto-landings {
    padding: 0 100px;
  }
}
@media screen and (min-width: 1920px) {
  .p-auto-landings {
    padding: 0 200px;
  }
}
.cp-banner-titulo {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
}
.cp-banner-titulo span:first-child {
  font-family: Exo;
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: 0px;
  vertical-align: middle;
}
.cp-banner-titulo span:last-child {
  font-family: Exo;
  font-weight: 700;
  font-size: 24px;
  line-height: 40px;
  letter-spacing: 0px;
  vertical-align: middle;
}
@media screen and (max-width: 677px) {
  .cp-banner-titulo span:first-child {
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0px;
    vertical-align: middle;
  }
  .cp-banner-titulo span:last-child {
    width: 100%;
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0px;
    vertical-align: middle;
  }
}
@media screen and (min-width: 1200px) {
  .cp-banner-titulo {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 20px;
  }
  .cp-banner-titulo span:first-child {
    font-family: Exo;
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 0px;
    vertical-align: middle;
  }
  .cp-banner-titulo span:last-child {
    font-family: Exo;
    font-weight: 700;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: 0px;
    vertical-align: middle;
  }
}
.cp-banner-text {
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0px;
  vertical-align: middle;
}
@media screen and (max-width: 677px) {
  .cp-banner-text {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0px;
    vertical-align: middle;
  }
}
@media screen and (min-width: 1200x) {
  .cp-banner-text {
    font-family: Inter;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0px;
    vertical-align: middle;
  }
}
.cp-elementos-prohibidos {
  border-top: 5px solid #303030;
  border-bottom: 5px solid #303030;
  display: flex;
  flex-direction: column;
  min-height: 500px;
  background-color: #009D4E0F;
  padding: 50px 24px;
  background-image: url(/static/media/fondo-elementos-prohibidos.693ef5b35bbb36107261.webp);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
}
@media screen and (max-width: 677px) {
  .cp-elementos-prohibidos {
    padding: 25px 12px;
  }
}
.cp-card-elemento {
  width: 219px;
  padding-top: 25.14px;
  padding-right: 8.98px;
  padding-bottom: 25.14px;
  padding-left: 8.98px;
  gap: 8.98px;
  border-radius: 12.57px;
  background-color: #fff;
}
.cp-card-elemento__title {
  font-family: Exo;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0px;
  vertical-align: middle;
}
@media screen and (max-width: 677px) {
  .cp-card-elemento__title {
    font-family: Exo;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
  }
}
@media screen and (min-width: 1200px) {
  .cp-card-elemento__title {
    font-family: Exo;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
  }
}
.cp-card-elemento__text {
  font-family: Inter;
  font-weight: 500;
  font-size: 14px;
  line-height: 17.95px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 677px) {
  .cp-card-elemento__text {
    font-family: Inter;
    font-weight: 500;
    font-size: 12px;
    line-height: 17.95px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
  }
}
@media screen and (min-width: 1200px) {
  .cp-card-elemento__text {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 17.95px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
  }
}
.cp-elementos-title {
  font-family: Exo;
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0px;
  vertical-align: middle;
}
.cp-elementos-title > span {
  font-family: Exo;
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0px;
  vertical-align: middle;
  text-transform: uppercase;
  color: #009E43;
}
@media screen and (max-width: 677px) {
  .cp-elementos-title {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    font-family: Exo;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
  }
  .cp-elementos-title > span {
    font-family: Exo;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
  }
}
@media screen and (min-width: 1200px) {
  .cp-elementos-title {
    font-family: Exo;
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
  }
  .cp-elementos-title > span {
    font-family: Exo;
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: uppercase;
  }
}
.cp-elementos-wrapper {
  padding: 40px 0;
}
@media screen and (max-width: 677px) {
  .cp-elementos-wrapper {
    padding: 30px 0;
  }
}
.cp-materias-corrosivas {
  padding-top: 50px;
  background-color: #fff;
}
.cp-materias-corrosivas .cp-materias-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: 0%;
  vertical-align: middle;
}
@media screen and (max-width: 677px) {
  .cp-materias-corrosivas .cp-materias-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
    vertical-align: middle;
  }
}
@media screen and (min-width: 1200px) {
  .cp-materias-corrosivas .cp-materias-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: 0%;
    vertical-align: middle;
  }
}
.cp-materias-corrosivas .cp-materias-text {
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 2%;
  vertical-align: middle;
  color: #95969B;
}
@media screen and (max-width: 677px) {
  .cp-materias-corrosivas .cp-materias-text {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 2%;
    vertical-align: middle;
  }
}
@media screen and (max-width: 1200px) {
  .cp-materias-corrosivas .cp-materias-text {
    font-family: Inter;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 2%;
    vertical-align: middle;
  }
}
.cp-materias-corrosivas .cp-materias-lista-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (max-width: 1200px) {
  .cp-materias-corrosivas .cp-materias-lista-wrapper {
    align-items: center;
  }
}
@media screen and (max-width: 677px) {
  .cp-materias-corrosivas .cp-materias-lista-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
    gap: 10px;
  }
}
.cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card {
  min-height: 100px;
  max-width: 550px;
  padding-top: 10px;
  padding-right: 28px;
  padding-bottom: 10px;
  padding-left: 28px;
  border-radius: 14px;
  border-width: 1px;
  border: 1px solid #ECECEC;
  background-color: #fff;
}
.cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card .ant-collapse-item .ant-collapse-header {
  padding: 0;
}
@media screen and (min-width: 1900px) {
  .cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card {
    max-width: 680px;
  }
}
@media screen and (max-width: 677px) {
  .cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card {
    min-height: 64px;
  }
}
.cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card__img > img {
  width: 80px;
  height: 80px;
}
@media screen and (max-width: 677px) {
  .cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card__img > img {
    width: 50px;
    height: 50px;
  }
}
.cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card__text {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 4px;
}
@media screen and (max-width: 677px) {
  .cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card__text {
    gap: 2px;
  }
}
.cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card__text-title {
  font-family: Exo;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0px;
}
@media screen and (max-width: 677px) {
  .cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card__text-title {
    font-family: Exo;
    font-weight: 600;
    font-size: 11.46px;
    line-height: 100%;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1200px) {
  .cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card__text-title {
    font-family: Exo;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0px;
  }
}
.cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card__text-subtitle {
  font-family: Exo;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0px;
  text-transform: uppercase;
  text-align: left;
}
@media screen and (max-width: 677px) {
  .cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card__text-subtitle {
    font-family: Exo;
    font-weight: 500;
    font-size: 10.19px;
    letter-spacing: 0px;
    text-transform: uppercase;
  }
}
@media screen and (min-width: 1200px) {
  .cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card__text-subtitle {
    font-family: Exo;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0px;
    text-transform: uppercase;
  }
}
.cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card__text-description {
  font-family: Inter;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: left;
}
@media screen and (max-width: 677px) {
  .cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card__text-description {
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1200px) {
  .cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card__text-description {
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0px;
  }
}
.ca-banner {
  height: 195px;
  border-bottom: 1px solid #EEEEEF;
  background-color: #fff;
  position: relative;
  padding-top: 26px;
}
@media screen and (max-width: 677px) {
  .ca-banner {
    height: 138px;
  }
}
.ca-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/static/media/bg-curvas.6c09648794107798c9c2.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  filter: brightness(1.2);
  z-index: 1;
}
.ca-banner .ca-botonera {
  position: relative;
  top: 55px;
  z-index: 2;
  gap: 20px;
  justify-content: center;
}
@media screen and (max-width: 695px) {
  .ca-banner .ca-botonera {
    top: 25px;
    gap: 10px;
  }
}
.ca-banner__card {
  max-width: 198px;
  min-width: 198px;
  height: 147px;
  border-radius: 5px;
  box-shadow: 0px 4px 4px 0px #00000040;
  background-color: #fff;
  padding: 10px;
  width: 100%;
  transition: transform 0.3s ease-in-out;
  cursor: pointer;
}
.ca-banner__card:hover {
  transform: scale(1.1);
}
.ca-banner__card > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ca-banner__card > div .ca-banner__card-text {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0%;
  text-align: center;
}
@media screen and (max-width: 695px) {
  .ca-banner__card {
    gap: 5px;
    width: 100%;
    max-width: 113px;
    min-width: 113px;
    height: 78px;
    border-radius: 3.94px;
    padding: 7.88px;
  }
  .ca-banner__card > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .ca-banner__card > div .ca-banner__card-img {
    width: 26px;
    height: 30px;
  }
  .ca-banner__card > div .ca-banner__card-text {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0%;
    text-align: center;
  }
}
.ca-banner-space {
  width: 100%;
  height: 200px;
  background-color: #fff;
}
@media screen and (max-width: 1200px) {
  .ca-banner-space {
    height: 350px;
  }
}
@media screen and (max-width: 695px) {
  .ca-banner-space {
    height: 200px;
  }
}
.ca-preguntas {
  background-color: #fff;
  padding-top: 70px;
}
@media (min-width: 768px) {
  .ca-preguntas {
    padding-top: 100px;
  }
}
.ca-preguntas__title {
  font-family: Exo;
  font-weight: 700;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: 0%;
  text-align: center;
}
@media screen and (max-width: 695px) {
  .ca-preguntas__title {
    font-family: Exo;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0%;
    text-align: center;
  }
}
.ca-preguntas__subtitle {
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0%;
  text-align: center;
}
@media screen and (max-width: 695px) {
  .ca-preguntas__subtitle {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 0%;
  }
}
.ca-preguntas-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1035px) {
  .ca-preguntas-container {
    flex-direction: column;
    display: block;
    align-items: center;
    width: 100%;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none !important;
  }
  .ca-preguntas-container::-webkit-scrollbar {
    width: 0 !important;
  }
  .ca-preguntas-container::-webkit-scrollbar-thumb {
    background: #999999 !important;
    border-radius: 0 !important;
  }
  .ca-preguntas-container::-webkit-scrollbar-thumb:hover {
    background: #777777 !important;
  }
  .ca-preguntas-container::-webkit-scrollbar-track {
    background: #ffffff !important;
    box-shadow: inset 15px 10px 12px #F1F1F1 !important;
  }
}
.ca-preguntas-filtro {
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0%;
  text-align: center;
  height: 50px;
  background: #F9FAFD !important;
  border-radius: 5px !important;
  height: 100%;
}
.ca-preguntas-filtro:hover {
  background: #F3F4F9;
}
.ca-preguntas-filtro .ant-segmented-group {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  padding-top: auto;
  padding-bottom: auto;
}
.ca-preguntas-filtro .ant-segmented-item {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0 12px;
  box-sizing: border-box;
  transition: all 0.5s ease;
  margin-top: auto;
  margin-bottom: auto;
}
@media screen and (max-width: 695px) {
  .ca-preguntas-filtro .ant-segmented-item {
    font-weight: 600;
    font-size: 12px;
    line-height: 30px;
    letter-spacing: 0%;
  }
}
.ca-preguntas-filtro .ant-segmented-item-selected {
  background-color: #303030 !important;
  color: #fff !important;
  border-radius: 5px;
}
.ca-preguntas-filtro .ant-segmented-thumb {
  background-color: #303030 !important;
  z-index: 0;
  height: 40px;
  align-items: center;
  justify-content: center;
  align-self: center;
  margin-top: auto;
  margin-bottom: auto;
  border-radius: 5px;
  top: 0;
  bottom: 0;
}
.ca-preguntas-lista {
  width: 100%;
}
.ca-preguntas-lista .ant-collapse-item {
  min-height: 90px;
}
.ca-preguntas-lista .ant-collapse-item .ant-collapse-header {
  min-height: 90px;
  display: flex;
  flex-direction: column;
  background-color: #fff;
}
.ca-preguntas-lista .ant-collapse-item .ant-collapse-header .ant-collapse-header-text {
  color: #414745;
  color: var(--primary-color-dark);
  height: 100%;
  align-items: center;
  display: flex;
  font-family: Exo;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
}
.ca-preguntas-lista .ant-collapse-content {
  border-top: none;
}
.ca-preguntas-lista__respuesta {
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: 0%;
  text-align: left;
  color: #414745;
  color: var(--primary-color-dark);
}
.ca-preguntas-lista .anticon.anticon-right.ant-collapse-arrow {
  font-size: 20px;
}
@media screen and (max-width: 695px) {
  .ca-preguntas-lista .ant-collapse-item {
    min-height: 50px;
  }
  .ca-preguntas-lista .ant-collapse-item .ant-collapse-header {
    min-height: 50px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
  }
  .ca-preguntas-lista .ant-collapse-item .ant-collapse-header .ant-collapse-header-text {
    height: 100%;
    align-items: center;
    display: flex;
    font-family: Exo;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #414745;
    color: var(--primary-color-dark);
  }
  .ca-preguntas-lista .ant-collapse-content {
    border-top: none;
  }
  .ca-preguntas-lista__respuesta {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0%;
    text-align: left;
    color: #414745;
    color: var(--primary-color-dark);
  }
  .ca-preguntas-lista .anticon.anticon-right.ant-collapse-arrow {
    font-size: 20px;
  }
}
.ca-preguntas-cant {
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0%;
}
@media screen and (max-width: 695px) {
  .ca-preguntas-cant {
    font-family: Inter;
    font-weight: 300;
    font-size: 12px;
    line-height: 30px;
    letter-spacing: 0%;
  }
}
.ca-preguntas-btn {
  background-color: #fff;
  width: 167px;
  height: 45px;
  transition: all 0.5s ease;
}
.ca-preguntas-btn:hover {
  background-color: #414745;
  color: #fff;
  border-color: #414745;
}
@media screen and (max-width: 695px) {
  .ca-preguntas-btn {
    font-size: 12px;
  }
}
.links-FAQ {
  color: #009d4e;
  color: var(--primary-color-green);
}
.links-FAQ:hover {
  color: #007a3b;
  color: var(--hover-primary-color);
}
.links-FAQ:active {
  color: #005f2e;
  color: var(--pressed-primary-color-green);
}
.sobredim-banner .sobredim-banner-text {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.sobredim-banner .sobredim-banner-text .sobredim-banner-title {
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: 0px;
  vertical-align: middle;
  text-transform: uppercase;
}
.sobredim-banner .sobredim-banner-text span:not(:first-child) {
  width: 100%;
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0px;
  vertical-align: middle;
}
.sobredim-banner .sobredim-banner-img {
  text-align: center;
}
.sobredim-banner .sobredim-banner-img img {
  width: 254px;
  height: 364px;
  border-radius: 100%;
}
.sobredim-banner .sobredim-banner-img img ::before {
  filter: blur(10px);
}
@media screen and (max-width: 768px) {
  .sobredim-banner .sobredim-banner-text {
    order: 2;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .sobredim-banner .sobredim-banner-text .sobredim-banner-title {
    font-family: Exo;
    font-weight: 700;
    font-size: 16px;
    line-height: 15px;
    letter-spacing: 0%;
    text-align: center;
    text-transform: none;
    text-transform: initial;
  }
  .sobredim-banner .sobredim-banner-text span:not(:first-child) {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
  }
  .sobredim-banner .sobredim-banner-img {
    margin-bottom: 15px;
    order: 1;
    text-align: center;
  }
  .sobredim-banner .sobredim-banner-img img {
    width: 124px;
    height: 178px;
    border-radius: 100%;
    text-align: center;
  }
  .sobredim-banner .sobredim-banner-img img ::before {
    filter: blur(10px);
  }
}
.sobredim-partes .sobredim-partes-title {
  display: flex;
  width: 100%;
  font-family: Exo;
  font-weight: 700;
  font-size: 24px;
  line-height: 25px;
  letter-spacing: 0px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .sobredim-partes .sobredim-partes-title {
    font-family: Exo;
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0px;
    vertical-align: middle;
    justify-content: center;
  }
}
.sobredim-partes .sobredim-partes-text {
  display: flex;
  width: 100%;
  font-family: Inter;
  font-weight: 500;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .sobredim-partes .sobredim-partes-text {
    font-family: Inter;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0px;
    vertical-align: middle;
    text-align: start;
  }
}
.sobredim-partes .sobredim-partes-img {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-weight: 700;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
}
.sobredim-partes .sobredim-partes-img-espuma {
  display: flex;
  width: auto;
  flex-direction: column;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
}
.sobredim-partes .sobredim-partes-img-espuma img {
  width: 70px;
  height: 62px;
  -webkit-clip-path: polygon(3% 3%, 97% 3%, 97% 97%, 3% 97%);
          clip-path: polygon(3% 3%, 97% 3%, 97% 97%, 3% 97%);
}
@media screen and (max-width: 768px) {
  .sobredim-partes .sobredim-partes-img-espuma {
    gap: 15px;
  }
  .sobredim-partes .sobredim-partes-img-espuma span {
    font-family: Inter;
    font-weight: 600;
    font-size: 12px;
    line-height: 16.54px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
  }
  .sobredim-partes .sobredim-partes-img-espuma img {
    width: 57px;
    height: 50px;
  }
}
.sobredim-partes .sobredim-partes-img-carton {
  display: flex;
  width: auto;
  flex-direction: column;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
}
.sobredim-partes .sobredim-partes-img-carton img {
  width: 117px;
  height: 44px;
}
@media screen and (max-width: 768px) {
  .sobredim-partes .sobredim-partes-img-carton {
    gap: 15px;
  }
  .sobredim-partes .sobredim-partes-img-carton span {
    font-family: Inter;
    font-weight: 600;
    font-size: 12px;
    line-height: 16.54px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
  }
  .sobredim-partes .sobredim-partes-img-carton img {
    width: 77px;
    height: 29px;
  }
}
.sobredim-partes .sobredim-partes-img-film {
  display: flex;
  width: auto;
  flex-direction: column;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
}
.sobredim-partes .sobredim-partes-img-film img {
  width: 110px;
  height: 46px;
}
@media screen and (max-width: 768px) {
  .sobredim-partes .sobredim-partes-img-film {
    gap: 15px;
  }
  .sobredim-partes .sobredim-partes-img-film span {
    font-family: Inter;
    font-weight: 600;
    font-size: 12px;
    line-height: 16.54px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
  }
  .sobredim-partes .sobredim-partes-img-film img {
    width: 73px;
    height: 30.3px;
  }
}
.sobredim-partes .sobredim-partes-img-madera {
  display: flex;
  width: auto;
  flex-direction: column;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
}
.sobredim-partes .sobredim-partes-img-madera img {
  width: 92px;
  height: 51.66px;
}
@media screen and (max-width: 768px) {
  .sobredim-partes .sobredim-partes-img-madera {
    gap: 15px;
  }
  .sobredim-partes .sobredim-partes-img-madera span {
    font-family: Inter;
    font-weight: 600;
    font-size: 12px;
    line-height: 16.54px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
  }
  .sobredim-partes .sobredim-partes-img-madera img {
    width: 59px;
    height: 33.1px;
  }
}
.sobredim-partes .sobredim-partes-img-container {
  display: flex;
  width: auto;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.sobredim-partes .sobredim-partes-img-container span {
  font-weight: 700;
  font-size: 16px;
  line-height: 17.93px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
}
.sobredim-partes .sobredim-partes-hr {
  color: #d7d8d9;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: solid 1px;
  margin: 0;
}
.sobredim-partes-table-txt {
  display: flex;
  align-items: center;
}
.sobredim-partes-table-txt span {
  font-family: Inter;
  font-weight: 500;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0px;
  vertical-align: middle;
}
.sobredim-partes-table-icons {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sobredim-partes-table-icons .sobredim-partes-table-check {
  color: #009E43;
  width: 30px;
  height: 30px;
}
@media screen and (max-width: 768px) {
  .sobredim-partes-table-icons .sobredim-partes-table-check {
    width: 20px;
    height: 20px;
  }
}
.sobredim-estandares {
  padding-top: 40px;
}
.sobredim-estandares-title {
  font-weight: 700;
  font-size: 30px;
  line-height: 100%;
  letter-spacing: 0px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .sobredim-estandares-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
  }
}
.sobredim-estandares-subtitle {
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .sobredim-estandares-subtitle {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
  }
}
.sobredim-estandares-col {
  justify-content: center;
  display: flex;
  align-items: start;
}
.sobredim-estandares-card {
  max-width: 328px;
  max-height: 482px;
  gap: 10px;
  border-width: 1px;
  padding-top: 20px;
  padding-bottom: 20px;
  border: 1px solid #ECECEC;
  box-shadow: 0px 4px 4px 0px #00000040;
  background-color: #fff;
}
.sobredim-estandares-card-title {
  font-family: Exo;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .sobredim-estandares-card-title {
    font-family: Exo;
    font-weight: 600;
    font-size: 16.16px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
  }
}
.sobredim-estandares-card-item-title {
  font-family: Inter;
  font-weight: 600;
  font-size: 12px;
  line-height: 16.54px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
}
.sobredim-estandares-card-description {
  font-family: Inter;
  font-weight: 500;
  font-size: 14px;
  line-height: 17.95px;
  letter-spacing: 0px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .sobredim-estandares-card-description {
    font-family: Inter;
    font-weight: 500;
    font-size: 12px;
    line-height: 17.95px;
    letter-spacing: 0px;
    vertical-align: middle;
  }
}
.sobredim-estandares-card-container {
  background-image: url(/static/media/fondo-elementos-prohibidos.693ef5b35bbb36107261.webp);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
}
.bg-generic-landing {
  position: relative;
  overflow: hidden;
  background: #FFF;
}
.bg-generic-landing::before {
  pointer-events: none;
  content: '';
  position: absolute;
  top: 20%;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url(/static/media/circle-arrow-down-left.67686d933d20e3bf5148.webp);
  background-size: clamp(82.85px, 12vw, 267px) auto;
  background-position: top left;
  background-repeat: no-repeat;
  opacity: 0.5;
}
.bg-generic-landing::after {
  pointer-events: none;
  content: '';
  position: absolute;
  top: 10%;
  left: 2%;
  width: 100%;
  height: 100%;
  background-image: url(/static/media/gray-circles.bf6c9be0d567c56d67be.webp);
  background-size: clamp(110px, 17vw, 326px) auto;
  background-position: top right;
  background-repeat: no-repeat;
}
.ria-container-title {
  display: flex;
  justify-content: center;
  text-align: center;
  flex-direction: column;
}
.ria-container-title .ria-title {
  font-family: Exo;
  font-weight: 700;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.ria-container-title .ria-subtitle {
  font-family: Exo;
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #009E43;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .ria-container-title .ria-title {
    font-family: Exo;
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
  }
  .ria-container-title .ria-subtitle {
    font-family: Exo;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #009E43;
  }
}
.font-politicas {
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0%;
  padding-top: 80px;
  padding-bottom: 100px;
}
@media screen and (max-width: 1200px) {
  .font-politicas {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    padding-top: 50px;
    padding-bottom: 62.5px;
  }
}
.btn-evidencia-entrega {
  position: relative;
  z-index: 1;
  height: 45px;
  width: 245px;
  border-radius: 5px;
  background-color: #52AB99;
  border: none;
  color: #fff;
  font-family: Inter;
  font-weight: 700;
  font-style: italic;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
}
.btn-evidencia-entrega-disabled {
  border: none;
  border-radius: 5px;
  cursor: pointer;
  height: 45px;
  width: 262px;
  color: #ffffff;
  background-color: #b7b9b8;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
@media screen and (max-width: 1200px) {
  .btn-evidencia-entrega {
    width: 205px;
    height: 45px;
    font-family: Inter;
    font-weight: 700;
    font-style: italic;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    cursor: pointer;
  }
  .btn-evidencia-entrega-disabled {
    border: none;
    border-radius: 5px;
    cursor: pointer;
    height: 45px;
    width: 262px;
    color: #ffffff;
    background-color: #b7b9b8;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
  }
}
.tooltip-button-container {
  padding: 13px 15px;
  padding: var(--button-padding);
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  font-size: 14px;
  font-size: var(--button-font-size);
  font-weight: bold;
  height: 45px;
  height: var(--element-height);
  border-radius: 5px;
  border-radius: var(--button-border-radius);
  cursor: pointer;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ced1d2;
  border: 2px solid var(--border);
  width: 100%;
  background-color: #009d4e;
  background-color: var(--primary-color-green);
  color: #ffffff;
  border: none;
}
.tooltip-button-container:hover {
  background-color: #007a3b;
  background-color: var(--hover-primary-color);
}
.tooltip-button-container:active {
  background-color: #005f2e;
  background-color: var(--pressed-primary-color-green);
}
.tooltip-button-container.disabled {
  background-color: #d9d9d9 !important;
  border-color: #d9d9d9 !important;
  color: #8c8c8c !important;
  cursor: not-allowed !important;
  opacity: 0.6 !important;
}
.tooltip-button-container.disabled:hover {
  background-color: #d9d9d9 !important;
  border-color: #d9d9d9 !important;
  color: #8c8c8c !important;
}

.styles_containerSteps__BUAgD {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 80px;
  margin-bottom: 80px;
}
.styles_containerSteps__BUAgD .ant-steps {
  width: 928px;
}
.styles_containerSteps__BUAgD .ant-steps-item-tail {
  top: 31px;
  padding: 0 !important;
}
.styles_containerSteps__BUAgD .ant-steps-item-tail::after {
  height: 2px !important;
  background-color: #ccc !important;
}
.styles_containerSteps__BUAgD .ant-steps-item.ant-steps-item-finish .styles_ant-steps-item-tail__P3J3W::after {
  background-color: green;
  width: 2px;
}
.styles_containerSteps__BUAgD .styles_stepIcon__3RRf4 {
  border-radius: 50%;
  width: 66.5px;
  height: 66.5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_containerSteps__BUAgD .styles_stepIcon__3RRf4 img {
  width: 54px;
}
.styles_containerSteps__BUAgD .ant-steps-item.ant-steps-item-process .styles_stepIcon__3RRf4 {
  width: 92px;
  height: 92px;
  margin-top: -15px;
}
.styles_containerSteps__BUAgD .ant-steps-item-process .ant-steps-item-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_containerSteps__BUAgD .ant-steps-item-process .ant-steps-item-container .ant-steps-item-content {
  font-weight: bold;
  text-align: center;
}
.styles_containerSteps__BUAgD .ant-steps-item-process .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
  color: #414745 !important;
  font-family: Exo;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}
.styles_containerSteps__BUAgD .ant-steps-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.styles_containerSteps__BUAgD .ant-steps-item .ant-steps-item-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_containerSteps__BUAgD .ant-steps-item .ant-steps-item-container .ant-steps-item-icon {
  margin-left: 0 !important;
  margin-bottom: 8px;
}
.styles_containerSteps__BUAgD .ant-steps-item .ant-steps-item-container .ant-steps-item-content {
  text-align: center;
  font-family: Exo;
}
.styles_containerSteps__BUAgD .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
  font-family: Exo;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #787676;
}
.styles_containerStepsMobile__etCxD {
  width: 100%;
  padding-top: 20px;
}
.styles_containerStepsMobile__etCxD .styles_stepIcon__3RRf4 {
  border-radius: 50%;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_containerStepsMobile__etCxD .styles_stepIcon__3RRf4 img {
  width: 54px;
}
.styles_containerStepsMobile__etCxD .ant-steps-item-tail {
  left: 20px !important;
  padding: 0 !important;
}
.styles_containerStepsMobile__etCxD .ant-steps-item-tail::after {
  margin-top: 1px;
  width: 2px !important;
  background-color: #ccc !important;
}
.styles_containerStepsMobile__etCxD .ant-steps-item-icon {
  padding-left: 6.5px;
}
.styles_containerStepsMobile__etCxD .ant-steps-item.ant-steps-item-finish .styles_ant-steps-item-tail__P3J3W::after {
  width: 2px;
  background-color: green;
}
.styles_containerStepsMobile__etCxD .ant-steps-item.ant-steps-item-finish .ant-steps-item-content .ant-steps-item-description {
  color: #414745 !important;
}
.styles_containerStepsMobile__etCxD .ant-steps-item.ant-steps-item-process .ant-steps-item-icon {
  padding-left: 3px;
}
.styles_containerStepsMobile__etCxD .ant-steps-item.ant-steps-item-process .ant-steps-item-content {
  min-height: 57.5px;
  padding-top: 10px !important;
}
.styles_containerStepsMobile__etCxD .ant-steps-item.ant-steps-item-process .ant-steps-item-content .ant-steps-item-description {
  color: #414745 !important;
}
.styles_containerStepsMobile__etCxD .ant-steps-item .ant-steps-item-container .ant-steps-item-icon {
  margin-left: 0 !important;
}
.styles_containerStepsMobile__etCxD .ant-steps-item .ant-steps-item-container .ant-steps-item-content {
  font-weight: bold;
  text-align: center;
  font-family: Exo;
  padding-top: 6px;
}
.styles_containerStepsMobile__etCxD .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
  text-align: left;
  font-family: Exo;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #787676;
}
.styles_containerStepsMobile__etCxD .ant-steps-item.ant-steps-item-process .styles_stepIcon__3RRf4 {
  width: 34.5px;
  height: 34.5px;
}
.styles_containerStepsTablet__g1qOW {
  width: 100%;
  padding-top: 20px;
}
.styles_containerStepsTablet__g1qOW .styles_stepIcon__3RRf4 {
  border-radius: 50%;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_containerStepsTablet__g1qOW .ant-steps-item-tail {
  left: 32px !important;
  padding: 0 !important;
}
.styles_containerStepsTablet__g1qOW .ant-steps-item-tail::after {
  margin-top: 1px;
  width: 2px !important;
  background-color: #ccc !important;
}
.styles_containerStepsTablet__g1qOW .ant-steps-item-icon {
  padding-left: 6.5px;
}
.styles_containerStepsTablet__g1qOW .ant-steps-item.ant-steps-item-finish .styles_ant-steps-item-tail__P3J3W::after {
  width: 2px !important;
  background-color: green;
}
.styles_containerStepsTablet__g1qOW .ant-steps-item.ant-steps-item-finish .ant-steps-item-content .ant-steps-item-description {
  color: #414745 !important;
}
.styles_containerStepsTablet__g1qOW .ant-steps-item.ant-steps-item-process .ant-steps-item-icon {
  padding-left: 1px;
}
.styles_containerStepsTablet__g1qOW .ant-steps-item.ant-steps-item-process .ant-steps-item-content {
  min-height: 90px !important;
  padding-top: 25px !important;
}
.styles_containerStepsTablet__g1qOW .ant-steps-item.ant-steps-item-process .ant-steps-item-content .ant-steps-item-description {
  color: #414745 !important;
}
.styles_containerStepsTablet__g1qOW .ant-steps-item .ant-steps-item-container .ant-steps-item-icon {
  margin-left: 0 !important;
}
.styles_containerStepsTablet__g1qOW .ant-steps-item .ant-steps-item-container .ant-steps-item-content {
  min-height: 80px;
  font-family: Exo;
  padding-top: 20px;
  padding-left: 30px;
}
.styles_containerStepsTablet__g1qOW .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
  font-weight: bold;
  font-family: Exo;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: left;
  color: #787676;
}
.styles_containerStepsTablet__g1qOW .ant-steps-item.ant-steps-item-process .styles_stepIcon__3RRf4 {
  width: 60px;
  height: 60px;
}
.styles_labelSeller__DvppZ {
  width: 100%;
  display: flex;
  justify-content: center;
}
.styles_labelSeller__DvppZ .styles_containerLabel__Ij7hX {
  min-width: 206px;
  height: 29px;
  border-radius: 20px;
  padding-top: 5px;
  padding-right: 20px;
  padding-bottom: 5px;
  padding-left: 20px;
  gap: 100px;
  background-color: #DBFFEA;
}
.styles_labelSeller__DvppZ .styles_containerLabel__Ij7hX .styles_label__KnOvP {
  font-family: Exo;
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: #10A34C;
}
@media (max-width: 1130px) {
  .styles_orderCol1__2fk29 {
    padding-top: 10px;
    order: 3;
  }
  .styles_orderCol2__8W7Pc {
    padding-top: 10px;
    order: 2;
  }
  .styles_orderCol3__S-mjg {
    padding-top: 25px;
    order: 1;
  }
}
.styles_incidentContainer__1Fp1Y {
  display: flex;
  border: 1px solid #DADADA;
  border-radius: 20px;
  overflow: hidden;
  background-color: #fff;
  min-height: 238px;
  margin-left: 7.5px;
  margin-right: 7.5px;
  margin-top: 100px;
  box-shadow: 0px 4px 4px 0px #00000040;
  max-width: 1147px;
  width: 100%;
}
.styles_incidentContainer__1Fp1Y .styles_sideArrow__BOlXK {
  height: 100%;
  width: 210px;
}
.styles_incidentContainer__1Fp1Y .styles_sideArrow__BOlXK > img {
  user-drag: none;
  /* No estandarizado (funciona en WebKit) */
  -webkit-user-drag: none;
  /* Soporte para Chrome/Safari */
  pointer-events: auto;
  /* permite clics si es necesario */
}
.styles_incidentContainer__1Fp1Y .styles_containerText__m54qF {
  padding-top: 48px;
  padding-left: 17.5px;
  padding-right: 35.5px;
  flex: 1 1;
  font-family: Exo;
}
.styles_incidentContainer__1Fp1Y .styles_containerText__m54qF .styles_title__zYDiJ {
  font-weight: 600;
  font-style: SemiBold;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  padding-bottom: 20px;
  color: #414745;
}
.styles_incidentContainer__1Fp1Y .styles_containerText__m54qF .styles_description__L53OB {
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #414745;
}
.styles_incidentContainer__1Fp1Y .styles_containerText__m54qF .styles_link__MfTI9 {
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  text-decoration: underline;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  text-decoration-thickness: 0%;
  color: #1890ff;
}
.styles_incidentContainer__1Fp1Y .styles_containerText__m54qF .styles_buttonContact__UIHEB {
  text-align: left;
  width: 100%;
  margin-top: 30px;
  border: 1px solid #f7b500;
  color: #f7b500;
  background: #FFFBF9;
  height: 29px;
  padding-right: 15px;
  padding-left: 15px;
  gap: 100px;
  opacity: 1;
  border-radius: 2px;
  border-width: 0.5px;
  border: 0.5px solid #FE883E;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1090px) {
  .styles_incidentContainer__1Fp1Y {
    display: flex;
    flex-direction: column;
    max-height: 340px;
    padding-bottom: 20px;
  }
  .styles_incidentContainer__1Fp1Y .styles_sideArrow__BOlXK {
    height: 40px;
    width: 100%;
  }
  .styles_incidentContainer__1Fp1Y .styles_sideArrow__BOlXK > img {
    user-drag: none;
    /* No estandarizado (funciona en WebKit) */
    -webkit-user-drag: none;
    /* Soporte para Chrome/Safari */
    pointer-events: auto;
    /* permite clics si es necesario */
  }
  .styles_incidentContainer__1Fp1Y .styles_containerText__m54qF {
    padding-top: 18px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: Exo;
  }
  .styles_incidentContainer__1Fp1Y .styles_containerText__m54qF .styles_title__zYDiJ {
    font-family: Exo;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #414745;
  }
  .styles_incidentContainer__1Fp1Y .styles_containerText__m54qF .styles_description__L53OB {
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #414745;
  }
  .styles_incidentContainer__1Fp1Y .styles_containerText__m54qF .styles_link__MfTI9 {
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
            text-decoration-style: solid;
    text-decoration-thickness: 0%;
    color: #1890ff;
  }
  .styles_incidentContainer__1Fp1Y .styles_containerText__m54qF .styles_buttonContact__UIHEB {
    text-align: left;
    width: 100%;
    margin-top: 30px;
    border: 1px solid #f7b500;
    color: #f7b500;
    background: #FFFBF9;
    height: 29px;
    padding-right: 15px;
    padding-left: 15px;
    gap: 100px;
    opacity: 1;
    border-radius: 2px;
    border-width: 0.5px;
    border: 0.5px solid #FE883E;
    font-family: Inter;
    font-weight: 400;
    font-style: Regular;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    display: flex;
    align-items: center;
  }
}
.styles_contentMasInfo__wGvYZ .styles_imgEstadoIcon__xPsit {
  height: 120px;
  width: 120px;
  background-color: #10a34c;
  border-radius: 50%;
}
.styles_contentMasInfo__wGvYZ .styles_tituloMasInfo__UK0nY {
  font-family: Exo;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0%;
  text-align: center;
  display: flex;
  align-items: center;
}
.styles_contentMasInfo__wGvYZ .styles_estadoMasInfo__VplNy {
  color: #414745;
  padding-top: 5px;
  font-family: Exo;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0%;
  text-align: center;
}
.styles_contentMasInfo__wGvYZ .styles_textMasInfo__OcNG1 {
  margin-top: 30px;
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0%;
}
.styles_contentMasInfo__wGvYZ .styles_btnMasInfo__TeY3Z {
  color: #10a34c !important;
  min-width: 208px;
  background: #FFFFFF;
  border: 2px solid #10A34C !important;
}
.styles_contentMasInfo__wGvYZ .styles_btnMasInfo__TeY3Z:hover {
  color: #ffffff !important;
  background: #10a34c !important;
}
@media screen and (max-width: 576px) {
  .styles_contentMasInfo__wGvYZ {
    max-width: 300px !important;
  }
  .styles_contentMasInfo__wGvYZ .styles_imgEstadoIcon__xPsit {
    height: 65px !important;
    width: 65px !important;
    background-color: #10a34c;
    border-radius: 50%;
  }
  .styles_contentMasInfo__wGvYZ .styles_tituloMasInfo__UK0nY {
    font-family: Exo;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0%;
    text-align: center;
  }
  .styles_contentMasInfo__wGvYZ .styles_estadoMasInfo__VplNy {
    font-family: Exo;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0%;
    text-align: center;
    color: #414745;
  }
  .styles_contentMasInfo__wGvYZ .styles_textMasInfo__OcNG1 {
    margin-top: 30px;
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0%;
  }
  .styles_contentMasInfo__wGvYZ .styles_btnMasInfo__TeY3Z {
    color: #10a34c !important;
    min-width: 100px;
    width: auto;
    background: #FFFFFF;
    border: 2px solid #10A34C !important;
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    display: flex;
    align-items: center;
  }
  .styles_contentMasInfo__wGvYZ .styles_btnMasInfo__TeY3Z:hover {
    color: #ffffff !important;
    background: #10a34c !important;
  }
}

html {
  scroll-behavior: smooth;
}
.mapa-en-desktop {
  display: block;
  width: 100%;
  min-height: 400px;
}
@media (max-width: 768px) {
  .mapa-en-desktop {
    display: none;
  }
}
.map-container {
  width: 100%;
  height: 500px;
  min-height: 400px;
  position: absolute;
}
.mapa-detalles {
  width: 50%;
  height: 500px;
  position: relative;
}
@media (max-width: 768px) {
  .mapa-detalles {
    display: none;
  }
}
.tablas-horarios-container th,
.ver-mas-activo .tablas-horarios-container {
  border: none;
}
.estado-sucursal,
.detalle-sucursal {
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
@media (max-width: 768px) {
  .estado-sucursal,
  .detalle-sucursal {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }
}
.estado-sucursal {
  background-color: #3C4B45;
  color: white;
  font-weight: bold;
  padding: 10px 160px;
  text-align: left;
}
.estado-sucursal > p {
  color: white;
  font-weight: 500;
  font-size: 12px;
}
.estado-sucursal > h2 {
  color: #009d4e;
  font-size: 14px;
}
.estado-sucursal > h3 {
  color: white;
  font-weight: 900;
  font-size: 16px;
}
@media (max-width: 768px) {
  .estado-sucursal {
    font-size: 14px;
    padding: 10px;
  }
}
.boton-volver {
  display: flex;
  align-items: center;
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
  margin: 20px 0;
}
@media (max-width: 768px) {
  .boton-volver {
    font-size: 14px;
    margin: 10px;
  }
}
.flecha-volver {
  font-size: 20px;
  margin-right: 5px;
}
@media (max-width: 768px) {
  .flecha-volver {
    font-size: 18px;
    margin-right: 3px;
  }
}
.mapa-en-movil {
  display: none;
}
@media (max-width: 1024px) {
  .mapa-en-movil {
    display: block;
    width: 100%;
    height: 250px !important;
    margin-top: 10px;
    margin-bottom: 15px;
  }
}
.seccion-detalles {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0;
}
@media (max-width: 768px) {
  .seccion-detalles {
    flex-direction: column;
    align-items: flex-start;
  }
}
.iconos-principales {
  display: flex;
  align-items: center;
}
.iconos-principales > img {
  width: 65px;
  height: 65px;
  margin: 15px 15px 15px 0;
}
.titulos-tarjeta {
  font-size: var(--font-size-heading-4-tablet);
}
@media (max-width: 576px) {
  .titulos-tarjeta {
    font-size: var(--font-size-heading-3-mobile);
  }
}
.iconos-principales-1 {
  display: flex;
  margin-bottom: 25px;
  margin-top: 15px;
}
.iconos-principales-1 > img {
  margin-right: 15px;
}
@media (max-width: 768px) {
  .iconos-principales-1 > img {
    margin-right: 15px;
    width: 25px;
    height: 25px;
  }
}
.iconos-secundarios img {
  width: 30px;
  height: 30px;
}
.dimensiones-permitidas-mob {
  display: none;
}
@media (max-width: 768px) {
  .dimensiones-permitidas-mob {
    display: flex;
    padding-top: 15px;
    line-height: 10px;
  }
  .dimensiones-permitidas-mob > h4 {
    padding-top: 10px;
  }
  .dimensiones-permitidas-mob > img {
    width: 35px;
    height: 35px;
    margin: 5px;
  }
}
.calificacion {
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .calificacion {
    display: block;
  }
}
.ubicacion-icon {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
.otros-iconos {
  display: flex;
  gap: 10px;
}
.botones-accion {
  display: flex;
  gap: 15px;
}
.botones-accion > img {
  margin: 0 5px;
  width: 15px;
}
@media (max-width: 768px) {
  .botones-accion {
    margin-top: 10px;
    width: 100%;
    flex-direction: row;
    /* Botones en una sola columna */
    gap: 10px;
  }
}
.boton-como-llegar,
.boton-compartir {
  background: none;
  border: 1px solid #3C4B45;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 5px;
}
@media (max-width: 768px) {
  .boton-como-llegar,
  .boton-compartir {
    width: 100%;
  }
}
.contenido-principal {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .contenido-principal {
    flex-direction: column-reverse;
  }
}
.servicios-disponibles {
  text-align: left;
}
@media (max-width: 768px) {
  .servicios-disponibles {
    padding: 10px;
  }
  .servicios-disponibles > ul {
    font-size: 12px;
  }
}
.dimensiones-permitidas {
  align-items: center;
}
.dimensiones-permitidas > img {
  width: 35px;
  height: 35px;
  margin-right: 10px;
}
.dimensiones-permitidas > .dimensiones-text > p {
  margin: 0;
}
@media (max-width: 768px) {
  .dimensiones-permitidas > .dimensiones-text {
    font-size: 12px;
  }
}
@media (max-width: 576px) {
  .dimensiones-permitidas > .dimensiones-text {
    line-height: 100%;
  }
}
@media (max-width: 576px) {
  .dimensiones-permitidas {
    padding-bottom: 20px !important;
  }
}
.mapa-api img {
  width: 100%;
}
@media (max-width: 768px) {
  .mapa-api img {
    width: 100%;
  }
}
.sucursales-page {
  display: flex;
  flex-direction: column;
  height: 1000px;
}
@media (max-width: 768px) {
  .sucursales-page {
    height: -webkit-max-content;
    height: max-content;
  }
}
.sucursal-info {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1 1;
  min-width: 0;
}
@media (max-width: 768px) {
  .sucursal-info {
    gap: 0px;
  }
  .sucursal-info > h4 {
    font-size: 14px;
  }
  .sucursal-info > h5 {
    font-size: 12px;
  }
}
@media (max-width: 576px) {
  .sucursal-info {
    max-width: 57%;
  }
  .sucursal-info > img {
    width: 31px;
    height: 31px;
  }
}
.sucursal-status {
  display: flex;
  align-items: center;
  height: 50px;
}
.sucursal-status > .flecha {
  height: 50px !important;
  width: 45px;
  font-size: 25px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.sucursal-status > .flecha > div {
  height: 100%;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1366px) {
  .sucursal-status {
    min-width: 0;
  }
  .sucursal-status > .flecha {
    width: 20px !important;
    height: 20px;
  }
  .sucursal-status > .flecha > div {
    width: auto;
    height: 20px;
  }
  .sucursal-status > .flecha > div > img {
    width: auto;
    height: 20px;
  }
  .sucursal-status > .sucursal-estado {
    display: flex;
    flex-direction: column;
    width: 110px;
    min-width: 0;
  }
  .sucursal-status > .sucursal-estado > span:first-child {
    width: 100%;
    min-width: 0;
    flex-shrink: 1;
  }
}
@media (max-width: 576px) {
  .sucursal-status {
    justify-content: space-between;
    padding-right: 10px;
    width: 36%;
    gap: 0;
    font-size: var(--font-size-heading-4-mobile);
  }
  .sucursal-status > .sucursal-estado {
    width: calc(100% - 10px) !important;
  }
  .sucursal-status > .sucursal-estado > span:first-child {
    width: auto;
  }
  .sucursal-status > .flecha {
    width: 7px;
    height: 15px;
  }
  .sucursal-status > .flecha > div {
    width: 7px;
    height: 15px;
  }
  .sucursal-status > .flecha > div > img {
    width: 7px;
    height: 15px;
  }
}
.icon-location {
  width: 20px;
  padding-right: 5px;
  height: 19px;
}
.resultado-sucursales {
  padding: 0 0 10px 20px !important;
  background-color: white;
  display: flex;
  flex-direction: column;
  height: auto !important;
}
.resultado-sucursales > h2 {
  color: #4B434B;
  padding-top: 30px;
}
.resultado-sucursales > p {
  text-align: right;
  padding-right: 10px;
  color: #787676;
  font-weight: 600;
}
@media (max-width: 1024px) {
  .resultado-sucursales {
    width: 100%;
    margin: 0;
    text-align: center;
    padding: 0 20px 30px !important;
  }
  .resultado-sucursales h2 {
    text-align: left;
  }
  .resultado-sucursales p {
    font-size: 12px;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .resultado-sucursales {
    padding: 0 0 20px !important;
  }
}
@media (max-width: 576px) {
  .resultado-sucursales {
    padding: 0 !important;
  }
  .resultado-sucursales h2 {
    font-size: var(--font-size-heading-3-tablet);
  }
}
.branch-filter-container {
  width: 100%;
  height: 360px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: background-image 0.5s ease-in-out;
  padding: 20px;
  box-sizing: border-box;
}
@media (max-width: 1440px) {
  .branch-filter-container {
    background-position: right 33% bottom 45%;
  }
}
@media (max-width: 1280px) {
  .branch-filter-container {
    background-position: right 20% bottom 45%;
    height: 300px;
  }
}
@media (max-width: 1024px) {
  .branch-filter-container {
    background-position: right 20% bottom 45% !important;
  }
}
@media (max-width: 768px) {
  .branch-filter-container {
    background-position: right 0% bottom 45% !important;
    height: 160px;
  }
}
@media (max-width: 414px) {
  .branch-filter-container {
    background-position: right 10% bottom 45% !important;
    height: 160px;
  }
}
@media (max-width: 390px) {
  .branch-filter-container {
    background-position: right 11% bottom 45% !important;
    height: 160px;
  }
}
@media (max-width: 375px) {
  .branch-filter-container {
    background-position: right 13% bottom 45% !important;
    height: 160px;
  }
}
@media (max-width: 360px) {
  .branch-filter-container {
    background-position: right 14% bottom 45% !important;
    height: 160px;
  }
}
.branch-filter {
  max-width: 600px;
  margin: 25px 100px;
  padding: 30px 30px 10px 30px;
  background-color: #fff;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  height: 270px;
}
@media (max-width: 1440px) {
  .branch-filter {
    max-width: 500px;
    margin: 25px 30px;
  }
}
@media (max-width: 1280px) {
  .branch-filter {
    margin: 0 20px;
    height: 250px;
  }
}
@media (max-width: 1024px) {
  .branch-filter {
    max-width: 450px;
    margin: 25px;
  }
}
@media (min-width: 769px) {
  .branch-filter {
    border: 1px solid #CED1D2;
    box-shadow: 0px 4px 4px 0px #00000040;
  }
}
@media (max-width: 768px) {
  .branch-filter {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0 0 10px;
    max-width: 100%;
    height: auto;
    padding: 30px 20px;
  }
}
.nearest-location-text {
  font-family: var(--font-family-primary);
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  margin-bottom: 20px !important;
}
@media (min-width: 769px) {
  .nearest-location-text {
    display: none;
  }
}
.background-todas {
  background-image: url(/static/media/todas.ee6b6279d46526e6d535.webp);
}
.background-247 {
  background-image: url(/static/media/247.9a358e23b783a0626a5d.webp);
}
.background-soystarken {
  background-image: url(/static/media/soystarken.2d439af6993c095e017d.webp);
}
.background-alianzas {
  background-image: url(/static/media/alianzas.5755eb5fa3e64c9606b1.webp);
}
.background-tradicional {
  background-image: url(/static/media/tradicional.67d2e766b2dc3d7d6be0.webp);
}
.resaltar-dia {
  background-color: #EEF9F8;
  color: #10A34C;
}
.resaltar-horario {
  background-color: #EEF9F8;
  color: #10A34C;
}
.location-text {
  display: flex;
  justify-content: end;
  margin-bottom: 20px;
}
.location-text > span {
  font-size: var(--font-size-paragraph-1-mobile);
  cursor: pointer;
  border-bottom: 1px solid #D9D9D9;
}
.location-text > span.active {
  color: #5382B7 !important;
  border-bottom: 1px solid #5382B7;
}
@media (min-width: 577px) and (max-width: 768) {
  .location-text {
    margin-bottom: 10px;
  }
}
@media (max-width: 768) {
  .location-text > span {
    font-size: var(--font-size-paragraph-2-mobile) !important;
  }
}
.location-search input {
  padding: 10px;
  width: 100%;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  margin-bottom: 5px;
}
.branch-type-filter {
  margin-top: 20px;
}
.branch-type-filter-container {
  display: flex;
}
.branch-type-filter-container > div {
  display: flex;
  flex-direction: column;
}
.branch-type-filter-container > div > span {
  display: none;
}
@media (min-width: 769px) {
  .branch-type-filter-container {
    border-bottom: 1px solid #3C4B45;
  }
  .branch-type-filter-container > div:first-child {
    width: 16%;
  }
  .branch-type-filter-container > div:nth-child(2) {
    width: 25%;
  }
  .branch-type-filter-container > div:nth-child(3) {
    width: 32%;
  }
  .branch-type-filter-container > div:nth-child(4) {
    width: 27%;
  }
}
@media (max-width: 768px) {
  .branch-type-filter-container {
    display: flex;
    flex-wrap: nowrap !important;
    justify-content: space-around;
    grid-gap: 0;
    gap: initial;
  }
  .branch-type-filter-container > div {
    text-align: center;
    width: 20%;
  }
  .branch-type-filter-container > div > span {
    display: block;
  }
}
.text-filter {
  padding-top: 25px !important;
}
@media (max-width: 1280px) {
  .text-filter {
    padding-top: 15px !important;
  }
}
.branch-type-filter-option {
  padding: 8px 12px;
  border: none;
  background-color: #fff;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
}
.branch-type-filter-option > img {
  display: none;
  /* Ocultar los íconos por defecto */
}
.branch-type-filter-option.active {
  background-color: #3a4a44;
  color: #fff;
}
@media (max-width: 1280px) {
  .branch-type-filter-option {
    padding: 8px !important;
    line-height: 110%;
  }
}
@media (max-width: 768px) {
  .branch-type-filter-option {
    flex-direction: column;
    gap: 15px;
    font-size: 12px;
    border-radius: 50% !important;
    transition: transform 0.3s ease, background-color 0.3s ease;
  }
  .branch-type-filter-option > span {
    display: none;
  }
  .branch-type-filter-option > img {
    display: inline;
    width: 55px;
    height: 55px;
    opacity: 0.4;
  }
  .branch-type-filter-option.active {
    padding: 8px 16px 0 16px;
    transform: translateY(-10px);
    background-color: white !important;
  }
  .branch-type-filter-option.active > img {
    opacity: 1;
  }
}
@media (max-width: 576px) {
  .branch-type-filter-option > img {
    width: 45px;
    height: 45px;
  }
  .branch-type-filter-option.active {
    padding: 8px 16px 8px 16px;
    transform: translateY(-5px);
    background-color: white !important;
  }
  .branch-type-filter-option.active > img {
    opacity: 1;
  }
}
.filter-icon {
  width: 50px;
  height: 50px;
}
@media (max-width: 768px) {
  .filter-icon {
    width: 40px;
    height: 40px;
  }
}
.plr-seg-cont-gral {
  padding: 0 40px !important;
}
@media (max-width: 576px) {
  .plr-seg-cont-gral {
    padding: 0 20px !important;
  }
}
@media (max-width: 576px) {
  .plr-seg-cont-gral.padding-list {
    padding: 20px !important;
  }
}
.sucursales-columns {
  display: flex;
  flex: 1 1;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .sucursales-columns {
    flex-direction: column;
  }
}
.left-section {
  width: 40%;
  height: 800px;
  overflow-y: auto;
  overflow-x: hidden !important;
}
@media (max-width: 1200px) {
  .left-section {
    width: 45%;
  }
}
@media (max-width: 1024px) {
  .left-section {
    width: 100%;
    height: 1200px;
  }
}
@media (max-width: 768px) {
  .left-section {
    height: auto;
  }
}
.left-section.list {
  margin-bottom: 50px !important;
}
.right-section {
  width: 60%;
  padding: 0 20px 70px;
}
@media (max-width: 1200px) {
  .right-section {
    width: 55%;
  }
}
@media (max-width: 1024px) {
  .right-section {
    display: none;
  }
}
.detalle-sucursal {
  padding: 0 160px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
  .detalle-sucursal {
    width: 95%;
    margin: 10px auto;
    padding: 15px;
    border-radius: 10px;
  }
}
.detalles-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.detalle-content-icon {
  width: 50px;
  height: 50px;
}
.detalle-content {
  margin-top: 20px;
}
.detalle-sucursal-icon {
  width: 60px;
  height: 60px;
  margin-right: 15px;
}
.back-button {
  background: transparent;
  border: 1px solid #009d4e;
  padding: 5px 10px;
  cursor: pointer;
}
.detalle-buttons button {
  margin-left: 10px;
  padding: 8px 15px;
  border: none;
  background-color: #009d4e;
  color: #fff;
  cursor: pointer;
}
.map-image {
  width: 100%;
  max-height: 400px;
  object-fit: cover;
}
@media (max-width: 768px) {
  .map-image {
    max-height: 200px;
    object-fit: contain;
  }
}
/* Acordeones */
.sucursal-acordeon {
  margin: 0 20px 20px 20px;
  border: 1px solid #CED1D2;
  border-radius: 5px;
  background-color: white;
}
@media (max-width: 1024px) {
  .sucursal-acordeon {
    margin: 0 0 20px 0;
  }
}
.sucursal-acordeon.active {
  scroll-margin-top: 20px;
  margin-bottom: 25px;
  border: 1px solid #46895E !important;
  border-radius: 5px;
}
.sucursal-header {
  background-color: #fff;
  cursor: pointer;
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
  gap: 20px;
}
.sucursal-header h4 {
  font-weight: bold;
}
@media (max-width: 768px) {
  .sucursal-header {
    padding: 10px;
    font-size: 14px;
    margin: 5px 0;
  }
}
@media (max-width: 576px) {
  .sucursal-header {
    gap: 10px;
    padding: 8px 10px;
  }
}
.btn-ver-mas {
  display: flex;
  justify-content: space-between;
}
.icons-caracter {
  display: flex;
  margin: 20px 0;
}
.icons-caracter img {
  width: 35px;
  height: 35px;
  margin-right: 20px;
}
.sucursal-body {
  padding: 25px;
  background-color: #fff;
  border-radius: 5px;
}
.sucursal-body > h3 {
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .sucursal-body {
    padding: 15px;
    font-size: 12px;
  }
}
.sucursal-header.active + .sucursal-body {
  display: block;
}
.sucursal-cierra-pronto,
.CERRADO {
  color: red !important;
}
.sucursal-icon {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.sucursal-estado {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  min-width: 0;
}
.sucursal-estado > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  font-family: var(--font-family-primary);
}
.sucursal-estado > span:first-child {
  font-weight: 700;
  min-width: 111px;
  font-size: var(--font-size-heading-2-mobile);
}
.sucursal-estado > span:nth-child(2) {
  font-size: 12px;
  font-size: var(--font-size-paragraph-1-mobile);
}
@media (max-width: 576px) {
  .sucursal-estado {
    justify-content: space-between;
    line-height: 120% !important;
  }
  .sucursal-estado > span:first-child {
    font-size: var(--font-size-heading-3-mobile);
  }
  .sucursal-estado > span:nth-child(2) {
    font-size: var(--font-size-paragraph-2-mobile);
  }
}
.sucursal-estado.abierto > span:first-child {
  color: #46895E;
}
.sucursal-estado.inline {
  flex-direction: row !important;
  align-items: center;
}
.sucursal-estado.inline > span:first-child {
  margin-right: 7px;
  font-size: var(--font-size-heading-4-tablet);
}
.salto-linea-none {
  white-space: nowrap;
}
.sucursal-estado.cerrado-por-cerrar > span:first-child {
  color: #EF5050 !important;
}
.sucursal-detail button {
  background-color: transparent;
  border: none;
}
.sucursal-card-subtitle {
  font-size: 12px;
  display: block;
}
.cierra-pronto-rojo {
  color: #EF5050 !important;
}
.tablas-horarios {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
  table-layout: fixed;
}
.tablas-horarios > thead > th,
.tablas-horarios tbody > th,
.tablas-horarios > thead td,
.tablas-horarios tbody td {
  border: 1px solid #ddd;
  text-align: center;
}
@media (max-width: 1440px) {
  .tablas-horarios > thead > th,
  .tablas-horarios tbody > th,
  .tablas-horarios > thead td,
  .tablas-horarios tbody td {
    font-size: 12px !important;
  }
}
@media (max-width: 576px) {
  .tablas-horarios > thead > th,
  .tablas-horarios tbody > th,
  .tablas-horarios > thead td,
  .tablas-horarios tbody td {
    font-size: 10px !important;
  }
}
.tablas-horarios th,
.tablas-horarios td {
  padding: 2px;
  border: 1px solid #ddd;
  text-align: center;
  min-width: 0;
  white-space: normal;
  word-break: break-word;
}
.tablas-horarios th {
  font-weight: bold;
}
.tablas-horarios tr:nth-child(1) td {
  font-weight: normal;
}
.ReactVirtualized__Grid::-webkit-scrollbar,
.ReactVirtualized__List::-webkit-scrollbar,
.ReactVirtualized__Grid__innerScrollContainer::-webkit-scrollbar,
.left-section::-webkit-scrollbar {
  width: 15px !important;
}
.ReactVirtualized__Grid::-webkit-scrollbar-thumb,
.ReactVirtualized__List::-webkit-scrollbar-thumb,
.ReactVirtualized__Grid__innerScrollContainer::-webkit-scrollbar-thumb,
.left-section::-webkit-scrollbar-thumb {
  background: #999999 !important;
  border-radius: 0 !important;
}
.ReactVirtualized__Grid::-webkit-scrollbar-thumb:hover,
.ReactVirtualized__List::-webkit-scrollbar-thumb:hover,
.ReactVirtualized__Grid__innerScrollContainer::-webkit-scrollbar-thumb:hover,
.left-section::-webkit-scrollbar-thumb:hover {
  background: #777777 !important;
}
.ReactVirtualized__Grid::-webkit-scrollbar-track,
.ReactVirtualized__List::-webkit-scrollbar-track,
.ReactVirtualized__Grid__innerScrollContainer::-webkit-scrollbar-track,
.left-section::-webkit-scrollbar-track {
  background: #ffffff !important;
  box-shadow: inset 15px 10px 12px #F1F1F1 !important;
}
@media (max-width: 1024px) {
  .ReactVirtualized__Grid,
  .ReactVirtualized__List,
  .ReactVirtualized__Grid__innerScrollContainer,
  .left-section {
    -ms-overflow-style: none !important;
    /* IE y Edge */
    scrollbar-width: none !important;
    /* Chrome, Safari y Edge basado en Chromium */
  }
  .ReactVirtualized__Grid::-webkit-scrollbar,
  .ReactVirtualized__List::-webkit-scrollbar,
  .ReactVirtualized__Grid__innerScrollContainer::-webkit-scrollbar,
  .left-section::-webkit-scrollbar {
    display: none !important;
  }
}
.sucursales-list {
  height: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
  height: 700px;
  display: flex;
  flex-direction: column !important;
}
@media (max-width: 1024px) {
  .sucursales-list {
    height: 1200px;
    /* Ajusta el alto de la lista para contenido dinámico */
  }
}
.virtual-list {
  border: 2px solid #F3F4F9;
  border-radius: 5px;
  padding: 20px 0;
}
@media (max-width: 1024px) {
  .virtual-list {
    border-right: none;
    border-left: none;
    border-radius: 0;
  }
}
.ver-mas-button,
.detalle-buttons button {
  border: none;
  background-color: transparent;
  font-weight: bold;
  cursor: pointer;
  margin: 20px 0 !important;
}
.ver-mas-button > u,
.detalle-buttons button > u {
  -webkit-text-decoration-color: #009d4e;
          text-decoration-color: #009d4e;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
  width: 100%;
  padding: 0 10px;
}
@media (max-width: 1024px) {
  .ver-mas-button,
  .detalle-buttons button {
    margin-top: 0;
  }
}
@media (max-width: 576px) {
  .ver-mas-button > u,
  .detalle-buttons button > u {
    font-size: 14px !important;
  }
}
@media (max-width: 768px) {
  .camion-retiro {
    font-size: 10px;
    text-align: left;
  }
}
@media (max-width: 768px) {
  .sucursal-icon-det {
    display: none;
  }
}
@media (max-width: 768px) {
  .map-container-here {
    height: 300px !important;
    width: 100%;
  }
}
.det-suc-vol-container {
  align-items: center;
  padding-top: 40px;
  padding-bottom: 20px;
}
.title-banner-container {
  background-color: #3C4B45;
  width: 100%;
  height: 110px;
  align-items: center;
}
.banner-info {
  display: flex;
  flex-direction: column;
  color: white !important;
}
.banner-info > span:first-child {
  font-weight: bold;
  font-size: var(--font-size-heading-3-desktop);
}
.banner-info > span:second-child {
  font-size: var(--font-size-heading-3-tablet);
}
.details-col-1 {
  padding: 30px 30px 30px 0;
  width: 100%;
}
@media (max-width: 1200px) {
  .details-col-1 {
    padding: 30px 0 0;
  }
}
.details-col-2 {
  padding: 30px 0;
}
@media (max-width: 1200px) {
  .details-col-2 {
    display: flex !important;
    justify-content: center !important;
  }
}
.gray-underline {
  border-bottom: 2px solid #D9D9D9;
}
.share-buttons-col {
  display: flex !important;
  justify-content: end !important;
  align-items: end !important;
}
.share-buttons-container {
  padding-bottom: 25px;
  height: -webkit-fit-content;
  height: fit-content;
  gap: 15px 30px;
}
@media (max-width: 414px) {
  .share-buttons-container {
    gap: 15px;
  }
}
.share-buttons {
  border: 1px solid #49434B !important;
  color: #49434B !important;
  background-color: white !important;
  font-family: var(--font-family-primary);
  font-size: 16px;
  width: 177;
  height: 45;
  gap: 20px;
  border-radius: 5px;
  padding: 10px 15px;
  cursor: pointer;
  white-space: nowrap;
}
.share-buttons > img {
  width: 25px;
  margin-right: 15px;
}
.share-buttons.active {
  background-color: #3C4B45 !important;
  color: white !important;
}
@media (max-width: 1200px) {
  .share-buttons {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .share-buttons {
    font-size: 12px;
  }
}
@media (max-width: 414px) {
  .share-buttons {
    width: calc(50% - 7.5px);
  }
}
.service-list {
  font-family: var(--font-family-primary);
  font-weight: 500;
  line-height: 25px;
  letter-spacing: 0%;
}
.service-list > ul {
  padding: 10px 0 10px 30px !important;
}
.service-list > ul > li {
  padding-left: 10px;
  font-size: var(--font-size-paragraph-1-mobile);
}
.service-list > .title {
  font-weight: 700;
  font-size: var(--font-size-heading-2-mobile);
  letter-spacing: 0%;
  margin-bottom: 10px;
}
@media (max-width: 576px) {
  .service-list > .title {
    font-size: var(--font-size-heading-3-mobile);
  }
  .service-list > ul > li {
    font-size: var(--font-size-paragraph-2-mobile);
  }
}
.section-stars {
  width: 100%;
  border-radius: 5px;
  padding: 30px 20px;
  gap: 15px 32px;
  border: 1px solid #D9D9D9;
  align-items: center;
  text-align: center;
  box-shadow: 0px 4px 4px 0px #00000040;
}
@media (max-width: 1200px) {
  .section-stars {
    width: 80%;
  }
}
@media (max-width: 480px) {
  .section-stars {
    width: 100%;
  }
}
.custom-select-sucursales .ant-select-selector {
  border: 1px solid #CED1D2 !important;
  /* Mantener el color del borde */
  box-shadow: none !important;
  /* Evita que el borde brille al hacer clic */
}
.custom-select-sucursales .ant-select-selector:hover {
  border: 1px solid #CED1D2 !important;
  box-shadow: 0px 1px 2px 0px #1018280D !important;
}
/* Siempre mostrar el ícono de limpiar (x) en el Select de antd */
.custom-select-sucursales.ant-select .ant-select-clear {
  opacity: 1;
  font-size: 20px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translateY(-15%);
}
.no-rows-elements-container {
  padding: 20px;
  height: 100%;
}
.star-wrapper {
  width: 192px;
  height: 42px;
  background-color: #1c1c1c;
  border-radius: 999px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 24px;
}
.custom-star {
  position: relative;
  width: 1em;
  height: 1em;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-star::before {
  content: '★';
  font-size: 1em;
  color: white;
  filter: drop-shadow(0 0 0.5px white);
  text-shadow: 0 0 1px white;
  transition: color 0.2s, text-shadow 0.2s;
}
.custom-star.active::before {
  color: gold;
  text-shadow: 0 0 2px gold;
}

.custom-table-cms {
  color: #5b636b !important;
  font-size: 13px;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border-style: hidden;
  box-shadow: 0px 11px 12px -1px rgba(0, 0, 0, 0.15);
}
.custom-table-cms-th {
  background-color: #02943f;
  width: 170px;
  color: white !important;
  font-weight: normal;
  font-weight: bold;
  text-align: center;
  padding: 12px 5px;
  /*border-right: 15px solid #028639;
  border-left: 15px solid #028639;*/
}
.custom-table-cms-td {
  padding: 15px 15px;
  text-align: center;
}
.custom-table-cms-tr {
  color: black;
}
.custom-table-cms-tr:hover {
  background-color: #e5e7e9 !important;
}
.custom-table-cms-tr:nth-child(even) {
  background-color: white !important;
}
.custom-table-cms-tr:nth-child(odd)  {
  background-color: #eff1f3 !important;
}
/*
.custom-table-cms-tr:nth-child(even) .custom-table-cms-td {
  border-right: 15px solid #e5e7e9 !important;
  border-left: 15px solid #e5e7e9 !important;
}
*/

.main-container{
    /* font-family: "Poppins" !important; */
    height: 15vh;
}
.agency-container{
    padding-left: 20px;
}
.cols-main-container{
    width: 100%;
    height: 100%;
}
.principal-cols{
    height: 100%;
    width: 350px;
}
.status-agency{
    font-size: 1rem;
}

.sucursales-li{
    display: flex;
    justify-content: center;
    align-items: center;
}

.sucursales-row{
    width: 400px;
    border-right: 1px solid white;
}

.rotateSucursalesTitle {
    /* transform: translateY(100%) rotate(-90deg) !important; */
    height: 100%;
}

.col-title-sucursales {
    padding: 0 10px 0 0 !important;
    background-color: #F4F4F4;
    text-align: end;
}

.pointer_{
    cursor: pointer;
}

.w-100-percent{
    width: 100% !important;
}
.h-100-percent{
    height: 100% !important;
}
.custom-modal-card-left{
   /*  font-family: "Poppins" !important; */
    width: 400px !important;
    min-height: -webkit-max-content;
    min-height: max-content;
    background-color: #299DB6;
}
.custom-modal-card-right{
    width: 400px !important;
    background-color: #ffffff;
}
.card-left-row{
    padding: 4% 7.5% 4% 7.5%;
    color: #ffffff;
}
.card-left-row:first-child{
    margin-top: 22px !important;
}

.card-left-row:last-child{
    margin-bottom: 22px;
}
.left-row-color{
    color:#ffffff;
    line-height: 100%;
    font-weight: 600;
    margin: 0;
    padding:0;
}
.card-right-row{
    width: 100% !important;
    min-height: 90px;
    padding: 0 7.5% 0 7.5%;
}
.card-right-row:first-child{
    margin-top: 42px;
}
.card-right-row:nth-child(2){
    height: -webkit-max-content !important;
    height: max-content !important;
}
.card-right-row:last-child{
    text-align: center;
    padding-top: 4%;
    margin-bottom: 6%;
}
.btn-next-agency {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 8px;
    background-color: #E9E9EB;
    border: none;
    text-align: center;
    outline: none;
    text-decoration: none;
    transition: background-color 0.2s ease-out,
        color 0.2s ease-out;
}

.btn-next-agency:hover,
.btn-next-agency:active {
    background-color: #fff;
    color: #000;
    transition: background-color 0.3s ease-in, color 0.3s ease-in;
}


.autoatencion-disponible{
    color:#007D51 !important;
    font-weight: bold;
}
.autoatencion-cerrada{
    color:#B02828 !important;
    font-weight: bold;
}
.upper-case{
    text-transform:uppercase;
}
.capitalize-title {
    text-transform: capitalize;
}
.slogan-pill-container {
    width: 100%;
}
.slogan-pill{
    width: 100%;
    height: -webkit-min-content;
    height: min-content;
    background-color: #007D51;
    color: #ffffff;
    border-radius: 35px;
    padding: 10px 0 10px 0;
}
.slogan-pill-txt{
    text-align: center;
    font-size: 1.1rem;
    line-height: 110%;
}

.link-starken-pro{
    color:#000;
}
.link-starken-pro:hover{
    color:#007D51;
}

.flex-center-rows{
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-end-rows{
    display: flex;
    justify-content: center;
    align-items: end;
}


@media only screen and (min-width: 992px) {
    .scale-up-hor-center {
        animation: scale-up-hor-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    }

    @keyframes scale-up-hor-center {
        0% {
            transform: scaleX(0.4);
        }

        50% {
            transform: scaleY(0.7);
        }

        100% {
            transform: scaleX(1);
        }
    }

}

@media only screen and (max-width: 991px) {
    .rotateSucursalesTitle {
        transform: translateY(0) rotate(90deg) !important;
    }

    .col-title-sucursales {
        padding: 0 0 5% 0;
    }

    .scale-up-ver-center {
        animation: scale-up-ver-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    }

    @keyframes scale-up-ver-center {
        0% {
            transform: scaleY(0.4);
        }

        50% {
            transform: scaleY(0.7);
        }

        100% {
            transform: scaleY(1);
        }
    }

}

@media only screen and (max-width: 768px) {
    .main-container{
        height: 12.5vh;
    }
    .status-agency{
        font-size: 0.8rem;
    }
    .agency-container{
        padding-left: 10px !important;
    }
    .sucursales-row{
        width: 320px;
    }
}
@media only screen and (max-width: 576px) {
    .main-container{
        height: 8vh;
    }
    .cols-main-container{
        height: 50%;
    }
    .title-image{
        width: 60% !important;
    }
    .status-agency{
        font-size: 0.6rem;
    }
    .agency-container{
        padding-left: 0 !important;
    }
    .agency-img{
        padding-left: 0 !important;
    }
    .sucursales-row{
        width: 280px;
    }
}
:root{
    /*TAMAÑOS FUENTES*/
    --font-size-title-xl: clamp(1.5rem, 1.75vw, 2rem);
    --font-size-title-l: clamp(1.1rem, 1.25vw, 1.5rem);
    --font-size-title-md: clamp(.9rem, .92vw, 1rem);
    --font-size-title-sm: clamp(.8rem, .85vw, .9rem);
    --font-size-sub-title: clamp(.9rem, .95vw, 1rem);
    --font-size-body: .85rem;
    --font-size-body-resp: clamp(.8rem, 2vw, 1rem);
}
.mainPudos {
    display: flex;
    padding-top: 1vh;
    padding-bottom: 5vh;
    margin-left: 0 !important;
    margin-right: 0 !important;


    .home-pudo {
        background: url(/static/media/background_modal_emsioncl.bb2ad33a3deadce119cb.webp);
        background-size: cover;
        min-height: 163px;

    }



    .home-stkpro {
        min-height: 163px;
        background: url(/static/media/background_modal_starkenpro.75ffeefea0e84aa85e64.webp);
        background-size: cover;

    }




    @media (min-width: 1024px) {
        .homeCards {
            width: 487px !important;

            .box-stk {
                width: 95px;
                height: 95px;
            }

            .boxes-stk {
                width: 105px;
                height: 95px;
            }
        }

        .nd-card-title {
            font-size: 22px;
        }
    }

    @media (max-width: 1024px) {
        .homeCards {
            width: 296px !important;

            .box-stk {
                width: 60px;
                height: 60px;
            }

            .boxes-stk {
                width: 70px;
                height: 60px;
            }
        }

        .nd-card-title {
            font-size: 18px;
        }
    }

    .homeCard-msg-container {
        tr {
            display: flex;

            td {
                text-align: left;
                font-size: 12px;
            }
        }
    }

    .i-check-homeCards {
        width: 15px;
        height: 15px;
    }
}

.bg-landing-preemision {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 3% 10%;
}

.bg-landing-preemision img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: fill;
    object-position: center center;
}

.new-landing-preemision-img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
}

.body-land-pre-container {
    z-index: 2;
}

.body-landing-preemision {
    padding: 5% 0;
}


.title-landing-preemision {
    color: #414745;
    font-family: var(--font-family-primary);
    font-size: var(--font-size-heading-1-desktop);
}

.landing-preemision-txt-pro-container {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;

}

.landing-preemision-txt-pro {
    color: #414745;
    font-size: var(--font-size-paragraph-1-desktop);
    word-wrap: break-word;
}

.landing-preemision-txt-pro a {
    color: black;
    text-decoration: underline;
    margin-left: 4px;
}

.landing-preemision-txt-pro a:hover {
    color: var(--hover-primary-color);
}

.landing-preemision-txt-pro a:active {
    color: var(--pressed-primary-color-green);
}

.cont-btn-volver-land-pre {
    display: block;
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .bg-landing-preemision {
        padding: 3% 5% !important;
    }

    .arrows-landing-preemision {
        max-width: 65%;
        bottom: -5%;
        right: -25%;
    }

    .landing-preemision-txt-pro {
        font-size: var(--font-size-paragraph-2-mobile);
    }
}

@media only screen and (max-width: 1200px) {
    .title-landing-preemision {
        font-size: var(--font-size-heading-2-desktop);
    }
}

@media only screen and (max-width: 768px) {
    .landing-preemision-txt-pro {
        font-size: var(--font-size-paragraph-2-mobile) !important;
    }

    .bg-landing-preemision {
        /* background-size: contain; */
        background-position: top left;
    }

    .arrows-landing-preemision {
        max-width: 80%;
        bottom: -10%;
        right: -35%;
    }

    .ul-landing-preemision li {
        font-size: 16px !important;
        line-height: 17.05px;
    }
}

@media only screen and (max-width: 767px) {
    .cont-btn-volver-land-pre {
        display: none;
    }
}

@media only screen and (max-width: 576px) {
    .bg-landing-preemision {
        padding: 5% 0;
    }

    .arrows-landing-preemision {
        max-width: 100%;
        bottom: -3%;
        right: -45%;
    }
}

@media only screen and (max-width: 400px) {
    .arrows-landing-preemision {
        bottom: -13%;
    }
}

.ul-landing-preemision {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ul-landing-preemision li {
    color: #414745;
    position: relative;
    padding-left: 45px;
    margin-bottom: 5px;
    font-family: var(--font-family-primary);
    font-size: 20.27px;
    font-weight: 400;
    line-height: 29.56px;

}

.ul-landing-preemision li::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAFQUExURQAAAACfTwCdTgCXTQCfTgCsVgCbUACcTQCcTgCaUACdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTv///9+DNX8AAABudFJOUwAAAAAAAAAAAAADI2GTrCIBGoXj/vHh2CoHGAIxxcJnLxswaY0Jicwnz/R4EIuvFar6irFPmwT9GabuMh3bugsOJjfwj0XrCNpAgrKOsIP2QTSU1sEKPUP1QgWYgJe8/B4fIa3ZSCBo+Pnv9xaiLOpRFQAAAAFiS0dEb1UIYYEAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfpAQ8UMhaaFzOAAAABNklEQVQY002Q61sBURDGp+kuu9ntEBI2bWq7YtcuKrrqootE2kSFRPj/P3bOrnp6v8yZ35l3Zp4BABhDJofDCmCLvsbnnBzPc8551+gDJ1AQF4jb43GTRS+iz7/E6gLLJBgKS9JKZFVCeS3qpXB9Q9ncwpHkbbKzCyjvxSKTdiPK4iQhIKAa05LW0CnG9IRBk2QqnfnnZQxh/+DQh5jNyL8sd5SE45NTnMaz83g+b9dFLgJwqVxRg/9aLxT0G+a9vbuHYppj7YTEcGgxfEgXwSg9li2aSgksZoMlA1yaUrFH01EziBVFcwE+Vfky/qnMV5/p8uYLqZk0naXLo1kjryaFKNUb3Jtd98416hIyiB9N0hLb4XBbbJHmJ+1snSHXiX51e73ud7STGx2f+fqqOBiIat+++w8WYy7C7WnDNAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyNS0wMS0xNVQyMDo0OTozNSswMDowMBwds54AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjUtMDEtMTVUMjA6NDk6MzUrMDA6MDBtQAsiAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDI1LTAxLTE1VDIwOjUwOjIyKzAwOjAwDsPg5wAAAABJRU5ErkJggg==) no-repeat center center;
    background-size: contain;
}



.button-landing-preemision {
    width: 100%;
}

@media only screen and (min-width: 768px) {

    .img-landing-preemision-inline {
        display: none;
    }
}

@media only screen and (max-width: 767px) {

    .img-landing-preemision-inline {
        width: 100%;
        max-width: 400px;
        min-height: 200px;
        /* display: block !important; */
        margin-bottom: 30px;
    }

    .button-landing-preemision {
        max-width: 500px;
    }
}

@media only screen and (max-width: 575px) {

    .button-landing-preemision {
        max-width: 400px;
    }
}

.bg-all-preemision {
    background-color: #FFF !important;
}

.overlay-menu-run {
    max-height: 300px !important;
    /* padding: 0 0.5rem 0 0.5rem; */
    overflow-y: scroll;
}

.menuRun {
    color: #858586 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.menuRun:hover {
    color: #FFF !important;
    background-color: #3E9B55 !important;
}

.menuRun-col-one {
    padding-left: 1rem !important;
    padding-right: 0 !important;
}

.w-100 {
    width: 100% !important;
}

.h-100 {
    height: 100% !important;
}

.mt-card {
    margin-top: 0.8em;
}

.mb-card {
    margin-bottom: 0.8em !important;
}

.txt-a-c {
    text-align: center;
}

.d-flex-all-center {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.d-flex-vertical-center {
    display: flex !important;
    justify-content: start !important;
    align-items: center !important;
}

.homeCards {
    padding: 1.2em 1.8em 1.5em 1.8em;
    /* border: 1px solid #3E9B55; */
    box-shadow: 0px 2.66px 2.66px 0px #00000040;
    border-radius: 12px;

}

.bg-color-stk {
    color: white !important;
    background-color: #3E9B55 !important;
}

.bg-color-pro {
    background-color: #48494A !important;
    color: white !important;
}

.bg-color-stk:hover {
    background-color: #3CB6B7 !important;
}

.bg-color-stk-alt {
    color: #3E9B55 !important;
    background-color: white !important;
}

.bg-color-stk-alt:hover {
    color: #3CB6B7 !important;
}

.btn-preemision {
    height: 45px;
    width: 100%;
    border-radius: 6px !important;
    font-size: 1em;
    border: none !important;
    margin-top: 0.9em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;

    span {
        margin-right: 1em;
        margin-left: 1em;
    }
}


.zoom-effect:hover {
    transform: scale(1.3);
}

.zoom-effect-btn {
    transition: transform .5s;
}

.zoom-effect-btn:hover {
    transform: scaleX(1.03);
}

.focus-btn-active {
    composes: zoom-effect-btn;
    background-color: #3CB6B7 !important;
}

.btn-queop-effect {
    /* Aumenta la duración para que sea más lento */
    animation-duration: 6s;
    animation-fill-mode: both;
}

@keyframes flash {

    0%,
    50%,
    100% {
        opacity: 1;
        box-shadow: 0 0 20px 2px #76c59e;
    }

    25%,
    75% {
        opacity: 0.8;
        box-shadow: 0 0 5px 1px #c0e2d1;
    }
}

.flash {
    animation-name: flash;
    /* Se ejecuta infinitamente */
    animation-iteration-count: infinite;
}




@media only screen and (max-width: 1400px) {
    .stk-modal-logo {
        width: 200px !important;
    }

    .condiciones-title {
        font-size: 1.65em !important;
    }

}

@media only screen and (max-width: 768px) {
    .stk-modal-logo {
        width: 170px !important;
    }

    .condiciones-title {
        font-size: 1.5em !important;
    }

}

.stk-modal-logo {
    width: 266px;
}

.condiciones-title {
    color: #3E9B55;
    margin-top: 1em;
    font-size: 1.78em;
    font-weight: 700;
}

.condiciones-body {
    margin-top: 1.5em;
    font-size: var(--font-size-body-resp);
    font-weight: 400;
    text-align: justify;
}

.btn-modal-continuar {
    width: 39vh;
    height: 5vh;
    margin-top: 6.4vh;
    border-radius: 50px !important;
    border: none !important;
    box-shadow: 0px 4px 4px 0px rgba(0, 26, 15, 0.25) !important;
    font-size: 1.15rem;
}

.btn-modal-double-btn {
    height: 5vh;
    border-radius: 50px !important;
    border: none !important;
    box-shadow: 0px 4px 4px 0px rgba(0, 26, 15, 0.25) !important;
    font-size: 1.15rem;
    border: 1px solid #3E9B55 !important
}

.btn-modal-double-btn:hover {
    border: 1px solid #3CB6B7 !important
}

.btn-exit-modal {
    font-size: 1rem !important;
}

.row-access-form {
    text-align: start;
    margin-top: 3vh;
}

.input-pudos {
    border-radius: 8px !important;
    height: 2.6rem !important;
    width: 100% !important;
    background-color: #FFF !important;
    border: 1px solid #48494A !important;
}

.input-pudos:focus {
    box-shadow: none !important;
}

.row-label-input-pudos .ant-form-item-label {
    padding: 0 0 0 7px !important;
}

.label-input-pudos .ant-form-item-label>label {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    color: #49434B;
}

.access-txt {
    font-size: 1.2em !important;
}

.rrss-buttons {
    margin-top: 1.5em;
    border-radius: 8px;
    box-shadow: 0px 4px 9px 0px rgba(0, 23, 6, 0.25);
}

.google-logo {
    background-color: #FFF;
    margin-right: 1em;
}

.google-logo img {
    width: 48px;
}

.apple-logo {
    width: 48px;
    height: 48px;
    background-color: #000;
    margin-left: 1em;
}

.zoom-effect {
    transition: transform .5s;
}

.separador-row {
    margin-top: 3vh;
}

.separador {
    height: 1px;
    background: #CED1D2;
    margin-left: .5em;
    margin-right: .5em;
}

.separador:first-child {
    margin-left: 0;
}

.separador:last-child {
    margin-right: 0;
}

.fade-in-input {
    animation: fadeIn 1s;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.desplazamiento-input {
    animation: desplazamiento-input 1s ease;
}

@keyframes desplazamiento-input {
    0% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0);
    }
}

.loading-login {
    margin: 1rem;
    height: 7rem;
    font-size: 3rem !important;
}

@media only screen and (max-width: 575px) {

    /* .p-instrucciones{
        padding-left: 3vh;
    } */
    .condiciones-title {
        font-size: 1.3em !important;
    }

    /* .ant-modal {
        max-width: 100% !important;
    }

    .ant-modal-content {
        height: 100% !important;
    } */

    .separador-row {
        margin-top: 1vh;
    }


}

/* MODALES INFORMATIVOS */

.modales-informativos-title {
    margin-top: 1.5rem;
    color: #16361E !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
}

.modales-informativos-body {
    margin-top: 2rem;
    color: #29292A !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    text-align: center !important;
}



/* SELECT IN FORMS */
.select-pudos.ant-select>.ant-select-selector {
    border-radius: 8px !important;
    height: 2.6rem !important;
    width: 100% !important;
    background-color: #FFF !important;
    border: 1px solid #48494A !important;
}


/* RECOVERY PASSWORD */

.recovery-pass-link {
    /* margin-top: 1rem !important; */
    font-weight: bold;
    font-size: .9rem;
    color: #3E9B55 !important;
}

.recovery-pass-link:hover {
    color: #3CB6B7 !important;
}

.rec-pass_msg {
    font-size: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/* .rec-btn{
    width:48px;
    height:48px;
    font-size: 1rem;
    padding: 0 !important;
} */

.card-map-title {
    font-size: var(--font-size-title-sm) !important;
    font-weight: bold;
}

.card-map-body {
    font-size: var(--font-size-body);
}
:root {
  --principal-stk: #009D4E;
  --secundario-stk: #414745;
  --inputs-border: #d9d9d9;
  --principal-somos: #EFA220;
  --antd-wave-shadow-color: #009D4E !important;
  --hover-stk: #3CB6B7;
}

.stk-logo-login {
  width: 105px
}

@media only screen and (min-width: 576px) {
  .stk-logo-login {
    width: 150px
  }
}

/* textos normales font-size: 14px font-weight: 400 */

.txt-ingresa-con-rut {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #009D4E;
  color: var(--principal-stk);
}

.txt-info-emision {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.input-login-emision {
  /* rut */
  border: 1px solid #9999 !important;
  height: 45px !important;
  width: 100% !important;
  border-radius: 3px !important;
  padding: 10px;
  font-weight: 400;
  font-size: 12px;
  line-height: 11px;
  color: #979797;

  &::after {
    box-shadow: none !important;
  }

  &:focus {
    border-color: #009D4E !important;
    border-color: var(--principal-stk) !important;
    box-shadow: 0 0 0 2px rgba(1, 250, 97, 0.2) !important;
  }

  &.ant-input-affix-wrapper-focused {
    border-color: #009D4E !important;
    border-color: var(--principal-stk) !important;
    box-shadow: 0 0 0 2px rgba(1, 250, 97, 0.2) !important;
  }

  &.ant-input-affix-wrapper-status-error {
    box-shadow: none !important;
  }

}

.recuperar-pw-txt {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  color: #009D4E;
  color: var(--principal-stk);
  text-decoration: underline;

  &:hover {
    color: #3CB6B7 !important;
    text-decoration: underline;
  }
}

.logos-login-container {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 10px;

  .google-logo-nd {
    display: grid;
    justify-content: center;
    align-content: center;
    width: 80px !important;
    height: 41px !important;
    border-radius: 8px;
    box-shadow: 0px 0px 10px 4px #0000002B;

    >img {
      width: 40px !important;
    }
  }

  .apple-logo-nd {
    div {
      width: 41px !important;
      height: 41px !important;
      display: grid;
      justify-content: center;
      align-content: center;
      border-radius: 8px;
      box-shadow: 0px 0px 10px 1px #0000002B;
    }

  }
}

.login-btn-continuar {
  width: 160px;
  height: 45px;
  border-radius: 5px !important;
  font-size: 14px;
  font-weight: 600;

  /* con la typografia font: exo */
  &::after {
    box-shadow: none !important;
  }

  &:focus {
    border-color: currentColor !important;
  }
}

.text-continua-con {
  margin-top: 30px;
  text-align: center;
  position: relative;
  z-index: 1;

  &:before {
    border-top: 1px solid #CED1D2;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
  }

  >span {
    background: #fff;
    padding: 0 5px;
    color: #CED1D2;
  }
}

.btn-step-continuar {
  width: 285px;
  height: 45px;
  background: #009D4E;
  background: var(--principal-stk);
  border: none;
  border-radius: 10px;
  color: #fff;
}

.label-input-pudos {
  .ant-form-item-label.ant-form-item-label-left {
    padding: 0 !important;
  }
}

.titulo-step {
  display: flex;
  width: 100%;
  margin-bottom: 1vh;
  /* estaba en 3 */
  padding-left: 2vh;

  >span {
    width: 48%;
    border-bottom: 3px solid #009D4E;
    border-bottom: 3px solid var(--principal-stk);
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: #48494A;
    padding: 1vh 0;
  }
}

@media only screen and (max-width: 767px) {
  .titulo-step {
    padding-left: 0;

    >span {
      width: 100%;
    }
  }
}

.nd-radio-medidas {

  .nd-container-radio {
    max-width: 111px;
  }

  .nd-container-radio,
  .nd-container-radio-p {
    min-width: 111px;
    margin-bottom: 15px;
    padding: 5px 0px 5px 5px;
    display: flex;
    justify-items: center;
    cursor: pointer;
    border: 2px solid #CED1D2;
    border-radius: 13px;
    width: 100%;
    height: 100%;
    min-height: 85px;
    transition: border-color 0.1s ease, border-width 0.1s ease;
    box-shadow: 0px 3.4px 8.5px 0px #cfcfcf;

    &.border-radio-green {
      border-color: #009D4E !important;
      border-color: var(--principal-stk) !important;
    }

    .nd {
      display: flex;
      align-items: center;

      /* style only for second span */
      span:first-child {
        display: grid;
        justify-content: center;
        align-content: center;
      }

      span:nth-child(2) {
        padding: 0;
        display: grid;
        justify-content: center;
        text-align: center;
        line-height: normal;
        flex-direction: column;

        >.talla {
          font-weight: bold;
          text-transform: uppercase;
          color: #009D4E;
          color: var(--principal-stk);
        }

        >.medidas {
          color: #49434B;

          font-size: 10.21px;
          font-weight: 400;
          line-height: 13.57px;
          text-align: center;

        }
      }

    }

    .ant-radio-wrapper.nd {

      gap: 10px;

      .ant-radio {
        top: 0;
      }

      .ant-radio-inner {
        width: 20px;
        height: 20px;
      }
    }

    &:hover {
      border-color: #009D4E;
      border-color: var(--principal-stk);

      .ant-radio .ant-radio-inner {
        border-color: #009D4E;
        border-color: var(--principal-stk);
        transition: border-color 0.1s ease, border-width 0.1s ease;
      }
    }

    >.ant-radio-wrapper.ant-radio-wrapper-checked.nd {
      >.ant-radio.ant-radio-checked {

        .ant-radio-input,
        .ant-radio-inner {
          border: 5px solid #009D4E;
          border: 5px solid var(--principal-stk);
          box-shadow: none;
          transition: border-color 0.1s ease, border-width 0.1s ease;
          top: 0;

          &:after {
            display: none;
          }
        }

        .ant-radio-input:focus+.ant-radio-inner {
          box-shadow: none !important;
        }

        &::after {
          display: none;
        }
      }
    }
  }
}

.nd-radio-medidas {
  >.nd-container-radio-p {
    min-height: 45px;

    .nd {
      display: flex;
      gap: 10px;

      span:nth-child(2) {
        color: #009D4E;
        color: var(--principal-stk);

      }

    }
  }
}

.ant-radio-wrapper.ant-radio-wrapper-checked.nd {
  span:nth-child(2) {
    color: #009D4E;
    color: var(--principal-stk);
  }
}

.nd-input-green-symbol-right {
  div:last-child {
    border: none;
    border-color: transparent;

    >div {
      border: none;
      border-color: transparent;

      >div {
        border: none;
        border-color: transparent;

        >span {
          border: none;

          >span {
            border: none;
            border-color: transparent;
            height: 45px;

            span {
              border: 1px solid #3e9b55;
              border-color: transparent;
              background: #3e9b55;
              font-weight: bold;
              color: #fff;
              border-radius: 0 3px 3px 0;
            }

            input {
              border: 1px solid #D0D5DD;
              border-right: none;
              border-radius: 4px 0 0 4px;
              height: 45px;

              &:focus {
                box-shadow: rgba(1, 250, 97, 0.2) 0px 0px 0px 2px !important;
                border-color: #009D4E !important;
                border-color: var(--principal-stk) !important;
              }
            }
          }
        }
      }
    }
  }

}

.ant-form-item-has-error .ant-input,
.ant-form-item-has-error .ant-input-affix-wrapper,
.ant-form-item-has-error .ant-input:hover,
.ant-form-item-has-error .ant-input-affix-wrapper:hover {
  background-color: #fff;
  border-color: #ff4d4f !important;
}

.nd-input-base {
  div:last-child {
    border: none;
    border-color: transparent;

    >div {
      border: none;
      border-color: transparent;

      input {
        border: 1px solid #D0D5DD;
        border-radius: 0 4px 4px 0;
        height: 45px;

        &:focus {
          box-shadow: rgba(1, 250, 97, 0.2) 0px 0px 0px 2px !important;
          border-color: #009D4E !important;
          border-color: var(--principal-stk) !important;
        }
      }
    }
  }
}

.nd-input-green-symbol-left {
  div:last-child {
    border: none;
    border-color: transparent;

    >div {
      border: none;
      border-color: transparent;

      >div {
        border: none;
        border-color: transparent;

        >span {
          border: none;

          >span {
            border: none;
            border-color: transparent;
            height: 45px;

            span {
              border: 1px solid #3e9b55;
              border-color: transparent;
              background: #3e9b55;
              font-weight: bold;
              color: #fff;
              border-radius: 3px 0 0 3px !important;
              padding: 0 11px;
            }

            input {
              border: 1px solid #D0D5DD;
              border-left: none;
              border-radius: 0 4px 4px 0;
              height: 45px;

              &:focus {
                box-shadow: rgba(1, 250, 97, 0.2) 0px 0px 0px 2px !important;
                border-color: #009D4E !important;
                border-color: var(--principal-stk) !important;
              }
            }
          }
        }
      }

    }
  }

}


.nd-item-select-pudos {
  .nd-select-pudos {
    .ant-select-selector {
      border: 1px solid #49434B;
      border-radius: 14px;
      min-height: 45px;
    }
  }
}





.general-preemision-title {
  font-size: 1.2rem;
  font-weight: bold;
  padding: 0 0 1vh 8vh !important;
  color: #48494A;
}

@media only screen and (max-width: 767px) {
  .general-preemision-title {
    padding: 0 0 0 14vh !important;
  }
}

@media only screen and (max-width: 650px) {
  .general-preemision-title {
    padding: 0 0 0 12vh !important;
  }
}

@media only screen and (max-width: 575px) {
  .general-preemision-title {
    padding: 0 0 0 14vh !important;
  }
}

@media only screen and (max-width: 520px) {
  .general-preemision-title {
    padding: 0 0 0 13vh !important;
  }
}

@media only screen and (max-width: 420px) {
  .general-preemision-title {
    padding: 0 0 0 10vh !important;
  }
}

.input-steps-pudos {
  /* rut */
  border: 1px solid #D0D5DD !important;
  height: 45px !important;
  width: 100% !important;
  border-radius: 8px !important;
  padding: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #414745 !important;
  color: var(--secundario-stk) !important;

  /* box-shadow: 0px 1px 2px 0px #1628104f; */

  &::after {
    box-shadow: none !important;
  }

  &:focus {
    border-color: #009D4E !important;
    border-color: var(--principal-stk) !important;
    box-shadow: 0 0 0 2px rgba(1, 250, 97, 0.2) !important;
    border-color: rgba(1, 250, 97, 0.2);
  }

  &.ant-input-affix-wrapper-focused {
    border-color: #009D4E !important;
    border-color: var(--principal-stk) !important;
    box-shadow: 0 0 0 2px rgba(1, 250, 97, 0.2) !important;
  }

  /*  label.ant-form-item-required.ant-form-item-no-colon {
    color: #48494A !important;
  } */
}

.nd-container-btn-continuar {
  display: flex;
  width: 100%;
  height: 12vh;
  border-top: 1px solid #CED1D2;
  padding-top: 20px;


  .ant-btn {
    background-color: #009D4E;
    background-color: var(--principal-stk);
    border-color: #009D4E;
    border-color: var(--principal-stk);

    &:hover {
      background-color: #3CB6B7;
      background-color: var(--hover-stk);
      border: none;
      color: #fff !important;

      >img {
        color: #fff !important;
      }
    }

    &:focus {
      background-color: #3CB6B7;
      background-color: var(--hover-stk);
      border: none;
      color: #fff !important;

      >img {
        color: #fff !important;
      }
    }
  }

  .nd-btn-continuar {
    background-color: #009D4E;
    background-color: var(--principal-stk);
    color: #fff;
    width: 100%;
    height: 45px;
    border-radius: 10px !important;
    font-size: 14px;
    font-weight: 600;

    &:hover {
      background-color: #3CB6B7;
      background-color: var(--hover-stk);
      border: none;
      color: #fff;
    }

    >span {
      color: #fff !important;
    }
  }

}

@media only screen and (min-width: 768px) {
  .nd-container-btn-continuar {
    padding: 20px 0 0 0;
    border: none;

    .nd-btn-continuar {
      width: auto;
      margin: 0;
    }

    .ant-btn.nd-btn-atras {
      background-color: #fff;
      color: #009D4E !important;
      color: var(--principal-stk) !important;
      height: 45px;
      border-radius: 10px !important;
      border: 1px solid #009D4E;
      border: 1px solid var(--principal-stk);

      &:hover {
        border: 1px solid #3CB6B7;
        border: 1px solid var(--hover-stk);
        color: #3CB6B7 !important;
        color: var(--hover-stk) !important;
      }

      &:focus {
        border: 1px solid #3CB6B7;
        border: 1px solid var(--hover-stk);
        color: #3CB6B7 !important;
        color: var(--hover-stk) !important;
      }
    }
  }
}

.select-pudos-nd {
  font-size: 14px;

  .ant-select-selector {
    border: 0.45px solid #49434B !important;
    border-radius: 4.5px !important;
    min-height: 45px !important;

    .ant-select-selection-item {
      display: flex;
      align-items: center;
    }
  }

  .ant-select-arrow {
    color: #009D4E !important;
    color: var(--principal-stk) !important;
    display: flex;
    align-items: center;
    stroke: #009D4E !important;
    stroke: var(--principal-stk) !important;
    stroke-width: 100 !important;
    top: 20px;
  }
}

.label-input-pudos {
  .ant-select:not(.ant-select-customize-input) .ant-select-selector {
    border: 1px solid #d9d9d9 !important;
    border: 1px solid var(--inputs-border) !important;

  }

  .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
    border-color: #009D4E !important;
    border-color: var(--principal-stk) !important;
    box-shadow: 0 0 0 2px rgba(1, 250, 97, 0.2) !important;
  }
}

.color-stk-main {
  color: #009D4E;
  color: var(--principal-stk);
  /* transform: scale(1.1); */
}

.color-no-selected {
  color: #999999;
}

.domicilioSucursalRadioBtn {
  .container-domicilio-sucursal:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    transition: background-color 1s ease, color 1s ease;
    cursor: pointer;

    >svg {
      width: 48px;
    }

    >span {
      font-size: 12px;
      font-weight: 700;
      border: 2px solid currentColor;
      width: 70%;
      text-align: center;
      border-radius: 10px;

      &:before {
        content: "Domicilio";
      }
    }

    @media (min-width: 576px) {
      >span {
        font-size: 12px;
        font-weight: 700;
        border: 2px solid currentColor;
        width: 70%;
        text-align: center;
        border-radius: 10px;

        &:before {
          content: "Enviar a Domicilio";
        }
      }
    }
  }

  .container-domicilio-sucursal:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    transition: background-color 1s ease, color 1s ease;
    cursor: pointer;

    >svg {
      width: 48px;
    }

    >span {
      font-size: 12px;
      font-weight: 700;
      border: 2px solid currentColor;
      width: 70%;
      text-align: center;
      content: 'Punto de venta';
      border-radius: 10px;

      &:before {
        content: "Punto de venta";
      }
    }

    @media (min-width: 576px) {
      >span {
        font-size: 12px;
        font-weight: 700;
        border: 2px solid currentColor;
        width: 70%;
        text-align: center;
        border-radius: 10px;

        &:before {
          content: "Enviar a Punto de venta";
        }
      }
    }
  }
}

.titulo-preemision-nd {
  /*   font-family: Raleway; */
  font-size: 22px;
  font-weight: 700;
  line-height: 20px;
  text-align: left;
  color: #414745;
  color: var(--secundario-stk);
}

@keyframes showCardsMap {
  from {
    opacity: 0;
    scale: 10%;
  }

  to {
    opacity: 1;
    scale: 100%;
  }
}

@supports (animation-timeline: --card) {
  .card-nd {
    animation-range: entry 25% cover 30%;
  }
}

.card-nd {
  view-timeline-name: --card;
  animation-name: showCardsMap;
  animation-fill-mode: both;
  animation-timeline: --card;

  animation-range: entry 10% cover 12%;


  margin: 5px 5px 5px 0px;
  padding: 10px 15px;
  border: 0.7px solid #49434B;
  border-radius: 4.1px;
  transition: border 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease, background-color 0.3s ease;

  z-index: 9;

  &:hover {
    border: 0.7px solid #009D4E;
    border: 0.7px solid var(--principal-stk);
    box-shadow: inset 0px 0px 0px 2px #009D4E;
    box-shadow: inset 0px 0px 0px 2px var(--principal-stk);
    background-color: rgba(0, 0, 0, 0.05);
    /* transform: translateY(-4px); */
  }

  .card-map-title {
    font-size: 11.16px;
    font-weight: 800;
    line-height: 14.84px;
    text-align: left;
    color: #49434B;
  }

  >span {
    font-size: 9.77px;
    font-weight: 500;
    line-height: 12.98px;
    text-align: left;

  }
}

.card-current-agency-nd {
  border: 0.7px solid #009D4E;
  border: 0.7px solid var(--principal-stk);
  box-shadow: inset 0px 0px 0px 2px #009D4E;
  box-shadow: inset 0px 0px 0px 2px var(--principal-stk);
}

.nd-checkbox {
  overflow: visible !important;
  text-overflow: initial !important;

  .ant-checkbox-checked .ant-checkbox-inner {
    background-color: #009D4E;
    border-color: #009D4E;
  }

  .ant-checkbox-inner {
    border: 0.85px solid #434242;
    border-radius: 4px;
    height: 25px;
    width: 25px;
  }

  .ant-checkbox-checked .ant-checkbox-inner::after {
    position: absolute;
    display: table;
    border: 4px solid #fff;
    border-top: 0;
    border-left: 0;
    border-radius: 2px;
    transform: rotate(310deg) scaleY(1) scaleX(-1) translate(-30%, -50%) !important;
    opacity: 1;
    transition: all 0.2s cubic-bezier(1, -0.47, 0.29, 1.46) 0.2s;
    content: ' ';
    width: 15px;
  }

  .ant-checkbox-wrapper:hover .ant-checkbox-inner,
  .ant-checkbox:hover .ant-checkbox-inner,
  .ant-checkbox-input:focus+.ant-checkbox-inner {
    border-color: #4FB481;
  }

  .ant-checkbox-checked::after {
    border: none;
    border-radius: 2px;
  }

  .ant-checkbox-indeterminate {
    .ant-checkbox-inner {
      border: 0.85px solid #434242;
      border-radius: 4px;
      height: 25px;
      width: 25px;
    }
  }
}

.container-btns-terms {
  margin-top: 20px;

  .nd-btn-terms {
    height: 45px;
    border: 0.7px solid #009D4E;
    border: 0.7px solid var(--principal-stk);
    border-radius: 6.7px;
    font-size: 13.34px;
    font-weight: 600;
    line-height: 17.73px;
    text-align: center;


    .cancelar {
      background-color: #fff;
      color: #009D4E;
      color: var(--principal-stk);
    }

  }
}

.descrip-titles-nd {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: #667085;
}

.nd-detalle-container {
  font-size: 14px;
  justify-content: end;

  .details-table,
  .value-table {
    width: 100%;
    /* border-collapse: collapse; */
    background: #ffffff;
    padding: 16px;
    border-radius: 8px;
    /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */
    display: table;
    /* Hace que el contenedor se comporte como una tabla */

    tr:nth-child(odd) {
      background-color: #ffffff;
    }

    tr:nth-child(even) {
      background-color: #F2EEEE;
    }

    tr {
      display: table-row;
      /* Hace que las filas se comporten como filas de una tabla */
    }

    td {
      display: table-cell;
      /* Hace que las celdas se comporten como celdas de una tabla */
      padding: 8px;
      border-bottom: 1px solid #eee;
      vertical-align: top;
      /* Asegura que las celdas se alineen en la parte superior */
    }

    tr:last-child td {
      border-bottom: none;
    }
  }

  .value-table {
    thead tr th {
      background-color: #ffffff !important;
    }

    tr:nth-child(odd) {
      background-color: #F2EEEE !important;
    }

    tr:nth-child(even) {
      background-color: #ffffff !important;
    }
  }

  .details-table {
    flex: 2 1;
    margin-right: 16px;
  }

  .value-table {
    flex: 1 1;
    margin-top: 4rem;
  }

  .details-table td.label,
  .value-table td.label {
    font-weight: bold;
    width: 40%;
    color: #434242;
    width: 50%;
    color: #434242;
  }

  .value-table th {
    text-align: left;
    padding: 8px;
    border-bottom: 2px solid #eee;
  }

  hr {
    border: none;
    border-top: 1px solid #eee;
    margin: 8px 0;
  }

  .discount-container {
    border: 1px solid #C0C0C0;
    box-shadow: 5px 4px 11.7px 0px #C0C0C0 !important;
    border-radius: 6px;
    padding: 0 !important;
    font-weight: bold;
    color: #48494A !important;

    >.rows {
      border-bottom: 1px solid #C0C0C0;
      padding: 1rem;
    }

    >.rows:first-child {
      padding-bottom: 0 !important;
    }

    >.rows:last-child {
      border-bottom: none;
      /* padding-bottom: 0 !important; */
    }
  }
}

.show-desktop {
  display: none;
}

@media (min-width: 1024px) {
  .show-desktop {
    display: block;
  }
}

.show-mobile {
  display: block;
}

@media (min-width: 1024px) {
  .show-mobile {
    display: none;
  }
}

/* Clase por defecto: Ocultar en todas las resoluciones */
.hidden-xs {
  display: none;
}

/* Media query para resoluciones iguales o mayores a 576px */
@media (min-width: 576px) {
  .hidden-xs {
    display: block;
    /* O cualquier otro valor de display necesario */
  }
}

/* Clase por defecto: Mostrar en todas las resoluciones */
.visible-xs {
  display: block;
  /* O cualquier otro valor de display necesario */
}

/* Media query para resoluciones iguales o mayores a 576px */
@media (min-width: 576px) {
  .visible-xs {
    display: none;
  }
}

.word-break {
  word-break: break-word;
}

/* Definir la clase para la imagen en blanco y negro */
.grayscale {
  filter: grayscale(100%);
}

/* Ejemplo de estilo adicional opcional */
.grayscale:hover {
  filter: none;
  /* Vuelve a color al pasar el cursor */
}

.ant-tooltip-inner {
  text-align: justify;
}

.form-v2 {
  display: flex;
  justify-content: center;

  form {
    margin: 20px 0;
    /* min-width: 350px; */

    >div {
      display: flex;
      flex-direction: column;
      margin: 20px 0;
    }

    label {
      font-weight: bold;
    }

    input,
    textarea,
    select {
      border: 1px solid #d0d5dd !important;
      height: 45px !important;
      width: 100% !important;
      border-radius: 8px !important;
      padding: 10px;
      font-weight: 400;
      font-size: 14px;
      line-height: 24px;
      color: #414745 !important;
      color: var(--secundario-stk) !important;
      outline: none !important;

      ::after {
        border-color: #414745 !important;
      }

      &:focus {
        border-color: #414745 !important;
      }
    }

    .submit-somos-partner {
      background-color: #48185a;
      color: #fff !important;
      width: 100%;
      height: 45px;
      border-radius: 10px !important;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;

      &:hover {
        background-color: #3CB6B7;
        background-color: var(--hover-stk);
      }
    }

    .submit-somos-empresas {
      background-color: #33798c;
      color: #fff !important;
      width: 100%;
      height: 45px;
      border-radius: 10px !important;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;

      &:hover {
        background-color: #3CB6B7;
        background-color: var(--hover-stk);
      }
    }

    .error {
      font-size: 12px;
      color: red;
    }
  }
}

.talla-radio-btn {
  /* estilo para el primer child y el ultimo */
  text-align: center;

  /* second-child */


  .nd-radio-medidas {
    display: flex;

    @media screen and (min-width: 1999px) {
      justify-content: center;
    }

    @media screen and (max-width: 1540px) {
      justify-content: center;
    }
  }
}

.btn-agr-envio {
  width: 180px;
  height: 48px;
  background-color: #fff;
  border: 2px solid #5a555c;
  cursor: pointer;
  border-radius: 5px;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;

  &:hover {
    background-color: #232726;
    color: #fff;
  }
}

.btn-pagar-emision {
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid #009D4E;
  border: 1px solid var(--principal-stk);
  height: 46px;
  background-color: #009D4E;
  background-color: var(--principal-stk);
  color: #fff;
  width: 200px;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;

  &:hover {
    background-color: #3CB6B7;
    background-color: var(--hover-stk);
    border: 1px solid #3CB6B7;
    border: 1px solid var(--hover-stk);
  }

  @media screen and (max-width: 677px) {
    font-size: 14px;
  }
}

.margin-top-desktop {
  @media screen and (min-width: 992px) {
    margin-top: 115px;
  }
}

.card-pago-contado {
  display: flex;
  flex-direction: column;
  margin: 25px;
  border: 1px solid #CED1D2;
  border-radius: 5px;
  padding: 10px 25px;
  max-width: 375px;
  box-shadow: 0px 5px 10px -6px black;

  hr {
    background-color: #CED1D2;
    width: 100%;
  }

  .total {
    transition: color 0.3s ease, transform 0.3s ease, opacity 0.3s ease;
    display: inline-block;
    position: relative;

    &::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      background: inherit;
      border-radius: 50%;
      transform: translate(-50%, -50%) scale(0);
      opacity: 0;
      transition: transform 0.5s ease, opacity 0.5s ease;
      z-index: -1;
    }

    &.incremento {
      color: rgba(51, 148, 51, 0.9);
      font-weight: bold;
      transform: scale(1.5);
      opacity: 0.8;

      &::before {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0.5;
      }
    }

    &.decremento {
      color: rgba(255, 99, 71, 0.9);
      /* tomato color with transparency */
      font-weight: bold;
      transform: scale(1.5);
      opacity: 0.8;

      &::before {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0.5;
      }
    }
  }
}

.tabla-envios-container {

  .tabla-envios-header {
    background-color: #D9D9D9;
    border-radius: 5px;
    padding: 10px 16px;
    align-items: center;
    font-weight: bold;
    border: 1px solid #D9D9D9;
  }

  .collapse-of-pago {
    margin-top: 10px;
    align-items: center;
    border-bottom: 1px solid #D9D9D9;
    /* height: 100px; */
    border: 1px solid #D9D9D9 !important;
    border: none;
    /* margin: 10px 0; */
    border-radius: 5px;
    box-shadow: 0px 2px 2px 2px #ced1d2;
    background-color: #fff;

    .ant-collapse-item {
      >.ant-collapse-header {
        padding: 10px 16px !important;
      }
    }

    .collapsable-icon-pago {
      stroke-width: 52px;
      stroke: #414745;
      color: #414745;
    }

    &.tr-checked {
      background: #eaffe9 !important;

      .ant-collapse-content.ant-collapse-content-active {
        background: #eaffe9 !important;

        .bot-content {
          background-color: #fff;
        }
      }
    }

    &.tr-open {
      background: #f7f5f5;

      .ant-collapse-content.ant-collapse-content-active {
        background: #f7f5f5;

        .bot-content {
          background-color: #fff;
        }
      }
    }
  }

  .item-of-pago {
    padding: 5px 15px;
    align-items: center;
    border-bottom: 1px solid #D9D9D9;
    height: 100px;
    border: 1px solid #D9D9D9;
    margin: 10px 0;
    border-radius: 5px;
    box-shadow: 0px 2px 2px 2px #ced1d2;

    &.tr-checked {
      background-color: #eaffe9;
    }
  }
}

.float-desk {
  position: -webkit-sticky;
  position: sticky;
  bottom: 10px;
  border-radius: 8px;
  padding-left: 15px !important;
  padding-right: 15px !important;
  z-index: 9;
}

.rcanimate-container-card-pago {
  width: 100%;

  /* resolucion mayor a 992 hacer esto */
  @media screen and (min-width: 1200px) {
    >.ant-col {
      display: flex;
      justify-content: center;
    }
  }

  @media screen and (max-width: 992px) {
    display: flex;
  }

  @media screen and (max-width: 677px) {
    display: flex;
    flex-direction: column;
    justify-content: center;

    >div,
    >div {
      display: flex;
      justify-content: center;
    }
  }
}

.container-pago {
  width: 100%;
  color: #414745;


  @media screen and (max-width: 677px) {
    padding: 20px 16px;
  }

  @media screen and (min-width: 678px) {
    padding: 20px 24px;
  }

  @media screen and (min-width: 1366px) {
    padding: 20px 100px;
  }

  @media screen and (min-width: 1920px) {
    padding: 20px 200px;
  }

}

.wrapper-pago {
  min-height: calc(100vh - 113px - 41px);
  height: 100%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  @media screen and (max-width: 1200px) {
    min-height: calc(100vh - 100px - 41px);
  }
}

.bottom-bar {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  width: 100%;
  height: 120px;
  z-index: 9;
  justify-content: center;
  background-color: #fff;

  &.checked {
    background-color: #49434B !important;
    color: #FFF;
    padding: 10px 16px;
  }

  &.desk {
    height: 85px;
    background-color: #696868;

    @media screen and (max-width: 677px) {
      padding: 0 16px;
    }

    @media screen and (min-width: 678px) {
      padding: 0 24px;
    }

    @media screen and (min-width: 1366px) {
      padding: 0 100px;
      height: 85px;
    }

    @media screen and (min-width: 1920px) {
      padding: 0 200px;
      height: 145px;
    }

  }
}

.img-pay-emision {
  width: 90%;
  border: solid 3px transparent;
  padding-top: 0;
  transition: border 0.3s ease, padding 0.3s ease;

  &:hover {
    border: solid 3px #f49e10;
    /* Cambia el color del borde al hacer hover */
    padding: 0.5rem;
    /* Aumenta el padding superior al hacer hover */
    border-radius: 5px;
  }

  &.active {
    border: solid 3px #f49e10;
    /* Cambia el color del borde al hacer hover */
    padding: 0.5rem;
    /* Aumenta el padding superior al hacer hover */
    border-radius: 5px;
  }
}

.pay-modal-title {
  font-family: Inter;
  font-weight: 600;
  font-size: 30px;
  line-height: 27.72px;
  letter-spacing: 0px;
  vertical-align: middle;

  @media (max-width: 768px) {
    font-family: Inter;
    font-weight: 600;
    font-size: 18px;
    line-height: 27.72px;
    letter-spacing: 0px;
    vertical-align: middle;
  }
}

.pay-modal-subtitle {
  font-family: Inter;
  font-weight: 600;
  font-size: 20px;
  line-height: 27.72px;
  letter-spacing: 0px;
  vertical-align: middle;

  @media (max-width: 768px) {
    font-family: Inter;
    font-weight: 600;
    font-size: 14px;
    line-height: 27.72px;
    letter-spacing: 0px;
    vertical-align: middle;
  }
}

.pay-methods {
  width: 100%;
  height: 116px;
  justify-content: space-between;
  opacity: 1;
  border-radius: 5px;
  border-width: 1px;
  padding-top: 40px;
  padding-right: 20px;
  padding-bottom: 40px;
  padding-left: 20px;
  border: 1px solid #303030;
}

/* contenedor general */
.pay-group .ant-radio-wrapper {
  display: block;
  /* cada opción en una fila */
  margin: 0 0 30px 0;
}

/* tarjeta */
.pay-card {
  /* border: 2px solid #e5e7eb; */
  box-shadow: 0 0 0 2px #e5e7eb;
  display: flex !important;
  width: 100%;
  border-radius: 12px;
  padding: 16px 18px;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
  flex-direction: row;
  align-items: center;
  height: 60px;

  >span:last-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    width: 100%;
  }

  &:first-child {
    height: 118px;
  }
}

.pay-card:hover {
  box-shadow: 0 0 0 2px #303030;
}

.pay-card.is-selected {
  box-shadow: 0 0 0 2px #303030;
  background: #ffffff;
}

/* estructura interna */
.pay-card__inner {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* acomoda el radio y el texto */
.pay-card .ant-radio {
  margin-right: 12px;
  /* separación del texto */
}

/* texto */
.pay-card__title {
  font-size: 16px;
  font-weight: 600;
  color: #111827;

  @media (max-width: 768px) {
    font-size: 14px;
  }
}

/* logo a la derecha */
.pay-card__logo {
  margin-left: auto;
  height: 36px;
  /* ajusta según tu imagen */
  max-width: 140px;
  object-fit: contain;
}

/* corrige alineación vertical del radio */
.pay-card .ant-radio,
.pay-card .ant-radio-inner {
  top: 0;
}

.pay-result {
  width: 100%;
  color: #414745;
  background-color: #fff;

  >.top-col-pay {
    min-height: 140px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #414745;

    &.success-pay {
      background-color: #009D4E !important;
      /*  display: flex;
      align-items: center;
      justify-content: center; */
    }

    &.loading-pay {
      background-color: #414745 !important;
      /* display: flex;
      align-items: center;
      justify-content: center; */
    }

    &.error-pay {
      background-color: #414745;

    }

  }

  .middle-col {
    height: 0;
    width: 100%;

    .middle-icon {
      position: relative;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #FFF;
      padding: 8px;
      border-radius: 50%;
      z-index: 1;
      font-size: 30px;
      color: #009D4E;
      padding: 20px;
      border: 4px solid;
      border-radius: 50px;
      width: 30px;
      height: 30px;

      &.success-icon-pay {
        color: #009D4E;
      }

      &.error-icon-pay {
        color: #fff;
        border-color: #EA5455;
        background: #EA5455;
      }
    }
  }

  .bot-col-pay {
    width: 100%;
    min-height: calc(100vh - 140px - 41px - 20px);
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    .pay-success-table {
      display: flex;
      justify-content: center;
      border: 1px solid #CED1D2;
      border-radius: 10px;
      padding: 20px;
      max-width: 450px;


      .pay-col {
        min-height: 35px;
        align-items: center;

      }

      .bg-pay-col {
        background-color: #F5F5F5;
      }

      .desc-etiquetas {
        font-weight: bold;
        font-size: 14px;
        color: #006E8F;
        cursor: pointer;
        text-decoration: underline;
        text-underline-offset: 2px;
      }
    }
  }
}

.loading-nd-spin {
  background-color: rgb(0 0 0 / 50%);
  z-index: 99999;
  position: fixed;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
}

.color-secundary-stk {
  color: #414745 !important;
  color: var(--secundario-stk) !important;
}

.of-number-txt {
  color: #414745 !important;
  color: var(--secundario-stk) !important;
  font-size: 11px;
  font-family: 'Exo';
  font-weight: 600;
}

@media (min-width: 768px) {
  .of-number-txt {
    font-size: 14px;
  }
}
.wrapper-preemision {
    height: 100%;
    min-height: calc(100vh - 113px - 41px);
    background-color: #fff;
    padding-top: 4vh;

    @media (min-width: 1200px) {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    @media (max-width: 1200px) {
        min-height: calc(100vh - 100px - 41px);
    }

    @media (max-width: 767px) {
        padding-top: 4vh;
    }
}

.forms-preemision-container {
    padding-left: 22vh !important;
    padding-right: 22vh !important;
}

.preemision-titles {
    color: #3E9B55 !important;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: normal;
    margin-top: 1.2rem;
}

.preemision-subtitles {
    color: var(--secundario-stk);
    font-size: 1rem;
    margin-bottom: 1rem;
}

.check-create-account {
    margin-top: 2rem;
}

.check-create-account-checked .ant-checkbox-checked .ant-checkbox-inner {
    background-color: #FFF;
    border-color: #3E9B55 !important;
}

.check-create-account-checked .ant-checkbox-checked .ant-checkbox-inner:after {
    border-color: #3E9B55 !important;
}

@media only screen and (min-width: 1600px) {
    .forms-preemision-container {
        padding-left: 22vh !important;
        padding-right: 22vh !important;
    }
}

@media only screen and (max-width: 1599px) {
    .forms-preemision-container {
        padding-left: 10vh !important;
        padding-right: 10vh !important;
    }
}

@media only screen and (max-width: 1023px) {
    .forms-preemision-container {
        padding-left: 5vh !important;
        padding-right: 5vh !important;
    }
}

@media only screen and (max-width: 991px) {
    .forms-preemision-container {
        padding-left: 5vh !important;
        padding-right: 5vh !important;
    }
}

@media only screen and (max-width: 767px) {
    .forms-preemision-container {
        padding-left: 0 !important;
        padding-right: 0vh !important;
    }

}

@media only screen and (max-width: 575px) {
    .forms-preemision-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .preemision-titles {
        font-size: 1.2rem !important;
    }
}

@media only screen and (max-width: 450px) {
    .forms-preemision-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .col-steps {
        padding: 0 !important;
    }
}


/* STEPS TABS*/
.step-tabs {
    width: auto;
    font-size: 1rem;
}

.tabs-title {
    font-size: var(--font-size-title-md);
    height: 50px;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    background-color: #fff !important;
    color: #CED1D2;
    border-radius: 5px !important;
    font-weight: 600;
}

& .active-tab-title {
    /* background-color: #fff !important; */
    color: #3E9B55 !important;
    /* box-shadow: 0px 4px 4px 0px rgba(0, 26, 15, 0.25) !important; */
}

& .success-tab {
    /* background-color: #fff !important; */
    border-right: 1px solid #fff;
    color: #fff !important;
}

/* 
@media only screen and (max-width: 1199px) {
    .tabs-title {
        font-size: .8rem;
    }
} */

/* @media only screen and (max-width: 1100px) {
    .tabs-title {
        font-size: .7rem;
    }
} */

@media only screen and (min-width: 768px) {
    .step-tabs {
        padding: 0 !important;
    }

    .step-cont {
        /* min-height:7vh; */
        overflow: visible;
    }

    .tabs-title {
        border-radius: 0 !important;
    }

    .first-tab:first-child {
        border-top-left-radius: 9px !important;
        border-bottom-left-radius: 9px !important;
    }

    .last-tab {
        border-top-right-radius: 9px !important;
        border-bottom-right-radius: 9px !important;
    }

}



@media only screen and (max-width: 767px) {
    .step-tabs {
        width: 100%;
    }

    .tabs-title {
        /* font-size: .8rem; */
        padding-left: 1rem;
        justify-content: start !important;

        &.success-tab {
            background-color: #3E9B55 !important;
            color: #fff !important;
        }
    }

    .tabs-col {
        padding-top: 1rem;
    }


}

@media only screen and (min-width: 992px) {
    .step-tabs {
        padding: 0 2vh !important;
    }

    .tabs-title-justify {
        padding: 0 0 0 2vh;
    }
}




/* STEPS LINE */

.step-connector-line {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    justify-content: end !important;
}

.step-connector-line::before,
.step-connector-line::after {
    content: "";
    width: 2px !important;
    height: 50% !important;
    background-color: #CED1D2;
    text-align: center !important;
}

.first-step {
    justify-content: end !important;
}



.last-step {
    justify-content: start !important;
}


.step-circle {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 8px solid #CED1D2;
    background-color: #FFF;
    color: #CED1D2;
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: .8rem;
}

& .active-tab-icon {
    background-color: #fff !important;
    border: 8px solid #327C44;
    color: #327C44;
    box-shadow: 0px 0px 3px 4px rgba(206, 209, 210, 0.50);
    /* border: none; */
}

& .success {
    border: 2px solid #327C44 !important;
    color: #fff !important;
    background-color: #327C44;

}


@media only screen and (max-width: 767px) {
    .step-circle {
        font-size: .6rem !important;
        top: 2.8rem;
    }

    .steps-content-container {
        padding: 0 1rem 1rem 1rem;
    }

    .step-connector-line.first-step::before {
        content: "";
        height: calc(50% - 2.8rem) !important;
    }

    .step-connector-line.last-step::before {
        height: 2.8rem !important;
    }

    .step-connector-line.last-step::after {
        content: none !important;
    }
}


@media only screen and (min-width: 768px) {
    .step-cont {
        /* padding: .8rem 0; */
        /* margin-bottom: 1rem */
        /* height:70px; */
    }

    .step-connector-line {
        display: flex !important;
        /* flex-direction: row !important; */
        align-items: center !important;
    }

    .step-connector-line::before,
    .step-connector-line::after {
        content: "" !important;
        width: 2px !important;
        height: 50% !important;
        text-align: center !important;
        /* justify-content: end !important; */
    }

    .first-step {
        justify-content: end !important;
    }

    .step-connector-line.first-step::before {
        content: none !important;
    }

    .step-connector-line.last-step::after {
        content: none !important;
    }

    /* .step-connector-line.first-step::after {
        width: 50% !important;
    } */

    .last-step {
        justify-content: start !important;
    }

    /* .step-connector-line.last-step::before {
        width: 50% !important;
    } */

    /* STEPS CONTENT */

    /* .steps-content-container {
        padding: 2rem 5rem 0rem 5rem;
    } */
    .step-principal-container {
        border: 1px solid #CED1D2 !important;
        min-height: 50vh !important;
        /* padding: 5vh 0 !important; */
        box-shadow: 5px 4px 11.7px 0px rgba(0, 157, 78, 0.10) !important;

        &&.steps-line {
            border-top-left-radius: 50px;
            border-bottom-left-radius: 50px;
            padding: 4vh 0;
        }

        &&.steps-content {
            border-top-right-radius: 50px;
            border-bottom-right-radius: 50px;
            padding: 4vh 2vh !important;
        }
    }
}





/* ROW BUTTONS */
.row-buttons-preemision {
    margin: 0 !important;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
}

@media only screen and (max-width: 767px) {
    .row-buttons-preemision {
        padding-left: 8vh !important;
        padding-right: 3vh !important;
    }
}


/* PUDOS COLLAPSE ICON */
.collapse-icon-pudos {
    color: #48494A;
}

& .active-tab-title {
    background-color: #fff !important;
    color: #3E9B55 !important;
}

& .success-tab {
    /* background-color: #fff !important; */
    border-right: 1px solid #fff;
    color: #CED1D2 !important;
}

.rotate-icon-right {
    animation: rotateIconRight .2s linear 0s 1 reverse forwards !important;
}

@keyframes rotateIconRight {
    0% {
        transform: translateY(0) rotate(90deg);
    }

    100% {
        transform: translateY(0) rotate(0);
    }
}

.rotate-icon-top {
    animation: rotateIconTop .2s linear 0s 1 reverse forwards;
}

@keyframes rotateIconTop {
    0% {
        transform: translateY(0) rotate(0);
    }

    100% {
        transform: translateY(0) rotate(45deg);
    }
}

@media only screen and (min-width: 768px) {
    .visible-icon {
        display: none !important;
    }
}


/* STEP 2 */
.required-fields {
    color: #3E9B55;

    &>span {
        color: #FF4D4F !important;
    }
}

@media only screen and (min-width: 768px) {
    .required-fields {
        padding-top: 1.6rem;
    }

}

/* OPEN BOX - MEDIDAS */
.container-open-box-pu2 {
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.open-box-pu2 {
    /*     min-width: 145px !important;
    min-height: 145px !important;
    max-width: 350px !important;
    max-height: 350px !important; */
    width: 100%;
    max-width: 285px;
    object-fit: cover;
}

/* @media only screen and (max-width: 767px) {
    .box-centered {
        display: flex;
        justify-content: center;
        align-items:center;
    }
} */
.box-centered {
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-valor-declarado-extra .ant-form-item-extra {
    font-size: 0.8rem !important;
    margin-top: 7px !important;
}

.checkbox-valor-declarado {
    margin-top: 0;
}

@media only screen and (max-width: 767px) {
    .checkbox-valor-declarado {
        margin-top: 0;
    }

    .title-details {
        color: #327C44;
        font-weight: bold;
        margin-bottom: 30px;
        margin-top: 10px;
        font-size: 1.3rem;
    }
}

.step4-disclaimer-container {
    height: auto;
    box-shadow: 0px 4px 11.7px 0px rgba(0, 157, 78, 0.10) !important;
    padding: 2rem;
    border-radius: 20px;
    margin-bottom: 1.5rem;
    background-color: #ECF5EE;
}

.step4-disclaimer-container ol {
    padding: 1rem !important;
}

.step4-disclaimer-container img {
    width: 100%;
    margin: 1rem;
}

.disclaimer-title {
    font-size: 1rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    text-align: start;
}

/* STEP 5 */
.ticket-detalle-container {
    background: linear-gradient(0, rgb(237 237 237 / 85%), #fff);
    border-radius: 15px;
    position: relative;
    overflow: hidden;

    & ol,
    ul {
        list-style-type: none;
        padding: 0 !important;
    }

    >div:first-child {
        box-shadow: inset 0px 2px 8px -6px rgba(0, 0, 0, 0.5);
    }

    >div:last-child {
        box-shadow: inset 0px -19px 5px -18px rgba(0, 0, 0, 0.5);
    }
}

.recorte-ticket-container {
    background-color: #f4f4f4;
    height: 2rem;
}

.semi-circle-left,
.semi-circle-right {
    background-color: #FFF !important;
}

.semi-circle-left {
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
}

.semi-circle-right {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}

.recorte-ticket {
    width: 95%;
    height: 0;
    border: medium none;
    border-top: 3px dashed grey !important
}

.title-details {
    color: #327C44;
    font-weight: bold;
    margin-bottom: 30px;
    margin-top: 10px;
    font-size: 1.4rem;
}

.padding-details {
    padding: 10px 30px 10px 30px;
}

.datos-detalle {
    font-weight: 700;
}

.list-detalle-title {
    color: #3E9B55;
    font-weight: 700;
}

.medidas-radio-btn {
    .ant-radio-button-wrapper {
        margin: 1px;
        display: flex;
        justify-content: center;
        width: 100% !important;
        border-radius: 10px !important;
        height: auto;
        min-height: 40px;
        font-size: var(--font-size-body-resp) !important;

        &:hover {
            color: #327C44;
            border-color: #327C44;
        }

        &::before {
            display: none;
        }

        span:last-child {
            line-height: normal;
            margin-top: auto;
            margin-bottom: auto;
            text-align: center;
        }
    }

    .ant-radio-button-wrapper-checked {
        border-color: #3E9B55 !important;
        background-color: #3E9B55 !important;
        color: #fff;
        /*  min-height: 40px; */

        &:hover {
            color: #fff;
        }
    }
}

#formStepQueEnvias {
    .ant-col.ant-col-24.ant-form-item-label.ant-form-item-label-left {
        height: auto;

        label {
            height: auto;
        }
    }
}

/* .medidas-title {
    font-size: var(--font-size-title-l);
    font-weight: bold;
} */

.form-item-medidas {
    color: #29292A;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px !important;
}



.dis-block {
    display: block;
}

.dis-none {
    display: none;
}

/* Media query para dispositivos extra pequeños (menos de 576px de ancho) */
@media (max-width: 575.98px) {
    .dis-xs-none {
        display: none;
        /* Ocultar en dispositivos extra pequeños */
    }

    .dis-xs-block {
        display: block;
        /* Mostrar como bloque en dispositivos extra pequeños */
    }
}

/* Media query para dispositivos pequeños (576px o más) */
@media (min-width: 576px) {
    .dis-sm-none {
        display: none;
        /* Ocultar en dispositivos pequeños */
    }

    .dis-sm-block {
        display: block;
        /* Mostrar como bloque en dispositivos pequeños */
    }
}

/* Media query para dispositivos medianos (768px o más) */
@media (min-width: 768px) {
    .dis-md-none {
        display: none;
        /* Ocultar en dispositivos medianos */
    }

    .dis-md-block {
        display: block;
        /* Mostrar como bloque en dispositivos medianos */
    }
}

/* Media query para dispositivos grandes (992px o más) */
@media (min-width: 992px) {
    .dis-lg-none {
        display: none;
        /* Ocultar en dispositivos grandes */
    }

    .dis-lg-block {
        display: block;
        /* Mostrar como bloque en dispositivos grandes */
    }
}

/* Media query para dispositivos extra grandes (1200px o más) */
@media (min-width: 1200px) {
    .dis-xl-none {
        display: none;
        /* Ocultar en dispositivos extra grandes */
    }

    .dis-xl-block {
        display: block;
        /* Mostrar como bloque en dispositivos extra grandes */
    }
}

/* Media query para dispositivos extra extra grandes (1400px o más) */
@media (min-width: 1400px) {
    .dis-xxl-none {
        display: none;
        /* Ocultar en dispositivos extra extra grandes */
    }

    .dis-xxl-block {
        display: block;
        /* Mostrar como bloque en dispositivos extra extra grandes */
    }
}

.ex-text-sizes-container {
    display: flex;
    justify-content: center;
    /* padding-top: 15px; */
    padding-left: 20px;

    .ex-text-sizes {
        color: rgb(62, 155, 85);
        font-weight: bold;
        font-style: italic;
        padding-top: 10px;
        text-align: center;
        font-size: var(--font-size-title-l);
    }
}

.cursor-pointer {
    cursor: pointer;
}

.card-current-agency {
    background: #3E9B55;
    color: #fff;

    h3 {
        color: #fff;
    }
}

.modal-container-nlg {
    display: block;
    text-align: center;
}

.etiqueta-view-container {
    background: linear-gradient(0, #99fd680d, #fff);
    box-shadow: inset 0 -2px 15px -8px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    padding-bottom: 20px;
    margin-top: 15px;
    margin-bottom: 30px;
    margin-left: 10px;
    margin-right: 10px;
    max-width: 1050px;
    padding: 10px;

    @media (max-width: 767px) {
        max-width: 350px;
    }

    @media (max-width: 575px) {
        max-width: 285px;
    }
}

@keyframes moveButton {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
        /* Ajusta la distancia y dirección del movimiento aquí */
    }
}

.btn-download-emision {
    position: -webkit-sticky;
    position: sticky;
    bottom: 20%;
    left: 85%;
    width: 70px;
    cursor: pointer;
    transition: transform 0.3s;
    animation: moveButton 1s infinite alternate;
    opacity: 0.7;
    z-index: 999;

    &:hover {
        opacity: 1;
        transform: translateY(-3px);
        transition: transform 0.8s;
        /* Agregamos una transición para hacer el movimiento más suave al pasar el mouse sobre el botón */
        animation: none;

        /* Detiene la animación al pasar el mouse sobre el botón */
        >img {
            transition: width 1s ease;
        }
    }
}

.emision-dest-selector {
    width: 100%;
    border-color: #3E9B55 !important;
    box-shadow: none !important;
    outline: none !important;

    &.ant-select-single {
        border-color: #3E9B55 !important;
        box-shadow: none !important;
        outline: none !important;
        box-shadow: none !important;

        &:focus {
            border-color: #3E9B55 !important;
            box-shadow: none !important;
            outline: none !important;
            box-shadow: none !important;
        }
    }

    &:focus {
        border-color: #3E9B55 !important;
    }

    &.ant-select-open {
        border-color: #3E9B55 !important;
        box-shadow: none !important;
        outline: none !important;
        box-shadow: none !important;

        &:focus {
            border-color: #3E9B55 !important;
            box-shadow: none !important;
            outline: none !important;
            box-shadow: none !important;
        }
    }

    .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
        border-color: #3E9B55 !important;
        box-shadow: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

    .ant-select-selector {
        outline: none !important;
        padding: 0 !important;
        width: 100% !important;
        border: 1px solid #3E9B55;
        border-radius: 8px !important;
        height: 45px;
        box-shadow: none !important;

        &:hover {
            border-color: #3E9B55 !important;
            box-shadow: none !important;
        }

        &:focus {
            border-color: #3E9B55 !important;
            box-shadow: none !important;
            outline: none !important;
            box-shadow: none !important;
        }

        &::selection {
            border-color: #3E9B55 !important;
            box-shadow: none !important;
            outline: none !important;
            box-shadow: none !important;
        }

        .ant-select-selection-item {
            border-radius: 8px !important;
        }
    }

    &.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
        border-color: #3E9B55 !important;
        border-right-width: 1px !important;
        box-shadow: none !important;
    }

}

.emision-dest-option {

    /* Estilo para las opciones del Select */
    &.ant-select-item-option {
        border-radius: 8px !important;
        /* Bordes redondeados */
        background-color: white !important;
        /* Fondo blanco */
    }

    /* Estilo para las opciones del Select al hacer hover */
    &.ant-select-item-option:hover {
        background-color: #3E9B55 !important;
        color: #fff;
        /* Fondo verde */
    }

    /* .ant-select-item ant-select-item-option ant-select-item-option-active ant-select-item-option-selected */
    &.ant-select-item {
        background-color: #fff !important;
        color: black;

        &:hover {
            background-color: #3E9B55;
            columns: #fff !important;
        }
    }
}



/* TALLAS */


.tallas-container {
    padding-top: .7rem;
    padding-bottom: .7rem;
}

.titulo-etiqueta-visualizer {
    font-size: 25px;
}

.container-titulo-visualizer {
    /* text-align: start; */
    margin: 0 80px 35px 80px;
    width: 75%;
    display: flex;
    justify-content: left;

    .titulo-visualizer {
        font-size: 25px;
        color: #48494A;
        font-weight: bold;
        border-bottom: 3px solid #3e9b55;
        width: 65%;
        display: flex;
    }

    @media (max-width: 443px) {
        /* Cambio en la sintaxis */
        width: 100% !important;
        justify-content: center;
    }
}

.container-etiqueta {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.terms-emision {
    background-color: #fff;

    ol {
        li {
            &::marker {
                font-weight: bold;
            }
        }
    }
}

.disabled-btn-stk {
    background-color: #b5b5b5 !important;
    border-color: gray !important;

    &:hover {
        background-color: #b5b5b5 !important;
        border-color: gray !important;
    }
}

.txt-bold {
    font-weight: bold;
}

.d-grid {
    display: grid;
}

.d-grid-center {
    display: grid;
    place-items: center;
}

.txt-overflow-elipsis {
    overflow: hidden;
    text-overflow: ellipsis;

    &.white-space-nowrap {
        white-space: nowrap;
    }
}

.float-mobile {
    @media (max-width: 767px) {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0px;
        border-radius: 8px;
        padding-left: 15px !important;
        padding-right: 15px !important;
        z-index: 9;
    }
}
.map-here-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-top: 2rem;
  width: 100%;
  height: 100%;
}

.H_ib {
  left: -102% !important;
  top: -5% !important;
}

.map {
  height: 500px;
  box-shadow: 0px 0px 2px 0px gray;
  border-radius: 4px;

  &>div {
    border-radius: 4px !important;
  }

  .H_ib_body {
    box-shadow: 0px 6px 12px 4px #838383 !important;
    transform: translateX(45%) !important;

    .map-bubble {
      font-family: 'Exo';
      width: 320px;
      height: 80px;
      /* justify-content: center; */
      display: flex;
      align-items: center;

      .btn-bubble-map {
        cursor: pointer;
        text-decoration: underline;
        -webkit-text-decoration-color: #3E9B55;
                text-decoration-color: #3E9B55;
        text-decoration-thickness: 2px;
        text-underline-offset: 2px;
      }
    }
  }

  .H_ib_tail {
    left: 15px;
  }
}

.map-generic {
  width: 100%;
  /* height: 500px; */
  box-shadow: 0px 0px 2px 0px gray;
  border-radius: 4px;
  font-family: 'Exo';

  &>div {
    border-radius: 4px !important;
  }
}

.grid-container {
  width: 30%;
  height: 500px;
  /* Altura igual al mapa para alinearlos verticalmente */
  overflow-y: auto;
  /* Habilita el scroll vertical si hay más de 3 tarjetas */
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  padding: 0 0 0 1rem;
}

.card {
  margin: 0.3rem;
  padding: 0.5rem;
  border: 1px solid #48494A;
  border-radius: 4px;
  font-size: 0.9rem;

}

.card:first-child {
  margin-top: 0 !important;
}

.card:hover {
  background-color: #3E9B55;
  color: #fff;

  &>h3 {
    color: #fff;
  }
}

.card:active {
  background-color: #3E9B55;
  color: #fff;
  box-shadow: 0 5px #666;
  transform: translateY(4px);

  &>h3 {
    color: #fff;
  }
}

@media (max-width: 767px) {
  .map-here-container {
    flex-direction: column;
  }

  .map {
    width: 100% !important;
    /* El mapa ahora ocupa el ancho completo */
    height: 300px;
    /* Ajusta la altura a tu preferencia */
    margin-bottom: 1rem;
  }

  .grid-container {
    width: 100%;
    /* El contenedor de las tarjetas ahora ocupa el ancho completo */
    height: auto;
    max-height: 310px !important;
    /* La altura es automática para adaptarse al contenido */
    overflow-y: auto;
    padding: 0;
  }

  .grid-container:last-child {
    padding-bottom: 1rem;
  }
}

.map-btn-marker {
  border-radius: 25px !important;
  border-color: #3E9B55 !important;
  color: #fff !important;
  background-color: #3E9B55 !important;

  &:hover {
    color: #fff !important;
  }
}

.op-0-p-abs {
  opacity: 0;
  position: fixed !important;
}

.spin-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.pin-map {
  display: block !important;
  width: 32px !important;
  height: 43px !important;
  cursor: pointer !important;
  /*   pointer-events: none;
  user-select: none; */
  transition: width 0.3s ease, height 0.3s ease, filter 0.3s ease;
  position: relative;
  left: -16px;
  top: -43px;

  &:hover {
    width: 50px !important;
    height: 66px !important;
    /* filter: drop-shadow(0px 0px 4px black); */
    z-index: 100 !important;
  }

  &.selected {
    width: 50px !important;
    height: 66px !important;
    filter: drop-shadow(0px 0px 4px black) !important;
    z-index: 1000 !important;
    position: relative;
    left: -25px;
    top: -66px;
  }
}


.filter-map-container {
  background-color: #fff;
  /* top: 15px; */
  /* left: 70px;
  right: 70px; */
  width: 100%;
  height: object-fit;
  max-height: 190px;
  z-index: 2;
  position: relative;
}

.filter-map-container.show {
  display: none;
}

@media (min-width: 768px) {
  .filter-map-container {
    border-radius: 10px;
    filter: drop-shadow(0px 2px 2px gray);
    margin-left: 20px;
    width: 450px;
    /* height: 175px; */
  }

  .filter-map-container.show {
    display: block;
  }
}

@media (min-width: 1200px) {
  .filter-map-container {
    margin-left: 50px;
    width: 500px;
    /* height: 175px; */
  }

}
/* Estilos para el título */
.historial-title {
  padding-top: 1.8rem;
}

.historial-title>h1 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #414745;
  margin-bottom:0;
}

.of-size {
  font-size: 1rem !important;
  font-weight: bold;
}

/* Estilos de fuente */
.historial-font-color {
  color: #48494A !important;
}

/* Estilos para el enlace de descarga de PDF */
.download-pdf-link {
  color: #009D4E;
  font-weight: bold !important;
}

.dowload-pdf-link-disabled {
  color: #c4c4c4;
  font-weight: bold !important;
}

.btn-descarga-pdf-mobile {
  width: 100%;
  height: 45px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #48494A;
  color: #48494A;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.5s ease;
  &:hover {
    background-color: #009D4E;
    border: 1px solid #009D4E;
    color: #fff;
  }
}

.btn-eliminar-mobile{
  transform: scale(1);
  transition: transform 0.5s ease;
  &:hover{
    transform: scale(1.2);

  }
}


.hover-red{
  &:hover {
    color: #EF5050;
  }
}

.hover-mint{
  &:hover {
    color: #52AB99
  }
}

/* Estilos para la columna expandida */
.expanded-col {
  display: grid;
  align-content: start;
}

.historial-table .ant-table-tbody>tr>td {
  border-top: 1px solid #d9d9d9 !important;
  text-align: start;
  font-size: .85rem !important;
  color: #48494A !important;
}

.historial-table .ant-table-tbody>tr>td:first-child {
  border-left: 1px solid #d9d9d9 !important;
}

.historial-table .ant-table-tbody>tr>td:last-child {
  border-right: 1px solid #D9D9D9 !important;
}

.historial-table .ant-table-thead>tr>th {
  background: #D9D9D9 !important;
  text-align: start;
  font-size: 1rem;
  font-weight: 600;
  color: #48494A !important;
}

.historial-table .ant-table-row-expand-icon-cell {
  vertical-align: top;
  text-align: center;
}

.historial-table .ant-table-tbody>tr.ant-table-row-selected>td {
  border-color: #F1F1F1;
  backgorund-color: #F1F1F1;
}

.historial-table .ant-table-row .ant-table-row-level-0 .ant-table-row-selected .custom-row-class {
  background-color: #F1F1F1 !important;
}

/* Estilo para la fila que expande */
.custom-row-expanded {
  background-color: #F1F1F1 !important;
}

.custom-row-expanded td {
  background-color: #F1F1F1 !important;
}

.historial-table .ant-table-expanded-row {
  background-color: #F1F1F1;
  /* Cambia el color de fondo de la fila expandida */
}

.historial-table .ant-table-expanded-row:hover {
  background-color: #F1F1F1;
}

/* Cambia el fondo de las celdas dentro de la fila expandida */
.historial-table .ant-table-expanded-row td {
  background-color: #F1F1F1;
  /* Cambia el color de fondo de las celdas de la fila expandida */
}

.historial-table .ant-table-expanded-row td:hover {
  background-color: #F1F1F1;
}

.historial-table {
  .atributes-space{
    overflow: hidden !important;
    >span{
      overflow: hidden !important;
      text-overflow:ellipsis !important;
      white-space: nowrap;
    }
  }

  .ant-table-tbody > tr.ant-table-row-selected > td {
    background-color: #F1F1F1 !important;
  }
  tr th.ant-table-selection-column, table tr td.ant-table-selection-column {
    padding-right: 6px;
    padding-left: 6px;
    border-left: 1px solid #d9d9d9 !important;
    width: 70px;
    text-align:center;
  }
  
  .ant-pagination{
    .ant-pagination-item-active {
      border-color: #009D4E;
      background-color: #009D4E;
      color: #fff;
      a{
        color: #fff;
        &:hover {
          color: #fff;
        }
      }
    }
    li.ant-pagination-item.ant-pagination-item-active{
      border-color: #009D4E;
      background-color: #009D4E;
      color: #fff;
      a{
        color: #fff;
        &:hover {
          color: #fff;
        }
      }
    }
    .ant-pagination-item {
      &:hover {
        border-color: #009D4E;
        a{
          color: #009D4E;
        }
      }
    }
    .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link {
      &:hover {
        color: #009D4E;
        border-color: #009D4E;
      }
    }
    .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
      color: #009D4E;
      &:hover {
        color: #009D4E;
      }
    }
    .ant-select:not(.ant-select-customize-input) .ant-select-selector {
      &:hover{
        border-color: #009D4E;
      }
    }
    .ant-select-focused{
      border-color: #009D4E;
      
    }
    .ant-select.ant-pagination-options-size-changer.ant-select-focused.ant-select-single.ant-select-show-arrow.ant-select-open{
      border-color: #009D4E;
      box-shadow: 0 0 0 2px rgba(0,157,78,0.2);
    }
    .ant-select.ant-pagination-options-size-changer.ant-select-single.ant-select-show-arrow{
      &:hover{
        border-color: #009D4E;
      }
    }
  }

  .ant-table-column-sorter-up.active, .ant-table-column-sorter-down.active {
    color: #009D4E;
  }
}

@media only screen and (min-width: 768px) {
  .historial-table {
    td.ant-table-cell.ant-table-row-expand-icon-cell {
      vertical-align: middle;
    }
  }
}
@media only screen and (min-width: 1400px) {
  .historial-table {
    .custom-col-of, .custom-fecha{
      width:10% !important;
    }
    .custom-estado-pago {
      width:12% !important;
    }
    .custom-col-seg{
      width:15% !important;
    }
  }
}

.styles_mainContainer__48H2K {
  display: flex;
  flex-direction: column;
  padding: 0px 16px 40px 16px;
  background-color: #FFFFFF;
}
.styles_mainContainer__48H2K .styles_titleContainer__XlO-O {
  display: flex;
  justify-content: start;
  align-items: center;
  padding-bottom: 18px;
}
.styles_mainContainer__48H2K .styles_titleContainer__XlO-O .styles_title__lJwaE {
  font-family: 'Exo';
  font-weight: 700;
  font-size: 18px;
  color: #414745;
}
.styles_mainContainer__48H2K .styles_titleContainer__XlO-O img {
  width: 45px;
  height: 45px;
  margin-right: 10px;
}
.styles_mainContainer__48H2K .styles_rowContainer__lVzxk {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 45px;
  gap: 45px;
}
.styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_displayContainer__xuOj3 {
  color: #414745;
  font-family: 'Inter';
  letter-spacing: 0.92px;
  font-size: 14px;
}
.styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_displayContainer__xuOj3 .styles_displayDescription__g\+rJ6 {
  font-weight: 500;
}
.styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_displayContainer__xuOj3 .styles_displayEnding__BO1Zj {
  font-weight: 600;
  font-style: italic;
}
.styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_cardContainer__MUzcA {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 300px;
  border-radius: 9.15px;
  box-shadow: 0px 3.66px 3.66px 0px #00000040;
}
.styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_cardContainer__MUzcA .styles_descriptionContainer__bciUg {
  padding: 30px;
}
.styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_cardContainer__MUzcA .styles_descriptionContainer__bciUg .styles_allianceTitle__qoFp1 {
  font-family: 'Exo';
  font-weight: 700;
  font-size: 16px;
  color: #434242;
}
.styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_cardContainer__MUzcA .styles_descriptionContainer__bciUg .styles_detailsContainer__riNNk {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_cardContainer__MUzcA .styles_descriptionContainer__bciUg .styles_detailsContainer__riNNk .styles_textsContainer__5rRGq {
  display: flex;
  gap: 3px;
}
.styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_cardContainer__MUzcA .styles_descriptionContainer__bciUg .styles_detailsContainer__riNNk .styles_textsContainer__5rRGq .styles_pin__bMll1 {
  width: 29px;
  height: 38px;
}
.styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_cardContainer__MUzcA .styles_descriptionContainer__bciUg .styles_detailsContainer__riNNk .styles_textsContainer__5rRGq .styles_location__od3Nf {
  font-family: 'Inter';
}
.styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_cardContainer__MUzcA .styles_descriptionContainer__bciUg .styles_detailsContainer__riNNk .styles_textsContainer__5rRGq .styles_location__od3Nf .styles_city__fWWPA {
  font-weight: 700;
  font-size: 14px;
}
.styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_cardContainer__MUzcA .styles_descriptionContainer__bciUg .styles_detailsContainer__riNNk .styles_textsContainer__5rRGq .styles_location__od3Nf .styles_address__Bw6dZ {
  font-weight: 500;
  font-size: 14px;
}
.styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_cardContainer__MUzcA .styles_descriptionContainer__bciUg .styles_detailsContainer__riNNk .styles_textsContainer__5rRGq .styles_location__od3Nf .styles_time__D31Y\+ {
  font-weight: 600;
  font-size: 14px;
}
.styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_cardContainer__MUzcA .styles_descriptionContainer__bciUg .styles_detailsContainer__riNNk .styles_knowMoreButton__QqMzk {
  display: block;
  margin: 20px auto 0;
}
.styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_buttonContainer__iIYvw {
  grid-column: 1 / -1;
  display: flex;
  justify-content: center;
}
.styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_buttonContainer__iIYvw .styles_displayAllButton__8GBpX {
  color: #49434B;
  background: #FFFFFF;
  border-radius: 20px;
  border: 1px solid #49434B;
}
.styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_buttonContainer__iIYvw .styles_displayAllButton__8GBpX:hover {
  color: #7d858b;
  border: 2px solid #7d858b;
  background-color: #fff;
  border-color: #7d858b;
}
@media (min-width: 768px) {
  .styles_mainContainer__48H2K {
    padding: 0 80px 100px 80px;
  }
  .styles_mainContainer__48H2K .styles_rowContainer__lVzxk {
    grid-template-columns: repeat(2, 1fr);
  }
  .styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_cardContainer__MUzcA .styles_descriptionContainer__bciUg {
    padding: 15px;
  }
  .styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_cardContainer__MUzcA .styles_descriptionContainer__bciUg .styles_detailsContainer__riNNk .styles_knowMoreButton__QqMzk {
    max-width: 284px;
  }
  .styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_buttonContainer__iIYvw .styles_displayAllButton__8GBpX {
    width: 167px;
    border-radius: 5px;
  }
}
@media (min-width: 1360px) {
  .styles_mainContainer__48H2K {
    padding: 130px 94px 130px 94px;
  }
  .styles_mainContainer__48H2K .styles_titleContainer__XlO-O .styles_title__lJwaE {
    font-size: 30px;
  }
  .styles_mainContainer__48H2K .styles_titleContainer__XlO-O img {
    width: 90px;
    height: 90px;
  }
  .styles_mainContainer__48H2K .styles_rowContainer__lVzxk {
    grid-template-columns: repeat(3, 1fr);
  }
  .styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_displayContainer__xuOj3,
  .styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_cardContainer__MUzcA {
    width: 360px;
    height: 328px;
  }
  .styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_displayContainer__xuOj3 .styles_descriptionContainer__bciUg .styles_allianceTitle__qoFp1,
  .styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_cardContainer__MUzcA .styles_descriptionContainer__bciUg .styles_allianceTitle__qoFp1 {
    font-size: 20px;
  }
  .styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_displayContainer__xuOj3 .styles_descriptionContainer__bciUg .styles_detailsContainer__riNNk .styles_textsContainer__5rRGq .styles_location__od3Nf .styles_city__fWWPA,
  .styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_cardContainer__MUzcA .styles_descriptionContainer__bciUg .styles_detailsContainer__riNNk .styles_textsContainer__5rRGq .styles_location__od3Nf .styles_city__fWWPA {
    font-size: 16px;
  }
  .styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_displayContainer__xuOj3 .styles_descriptionContainer__bciUg .styles_detailsContainer__riNNk .styles_textsContainer__5rRGq .styles_location__od3Nf .styles_address__Bw6dZ,
  .styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_cardContainer__MUzcA .styles_descriptionContainer__bciUg .styles_detailsContainer__riNNk .styles_textsContainer__5rRGq .styles_location__od3Nf .styles_address__Bw6dZ {
    font-size: 16px;
  }
  .styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_displayContainer__xuOj3 .styles_descriptionContainer__bciUg .styles_detailsContainer__riNNk .styles_textsContainer__5rRGq .styles_location__od3Nf .styles_time__D31Y\+,
  .styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_cardContainer__MUzcA .styles_descriptionContainer__bciUg .styles_detailsContainer__riNNk .styles_textsContainer__5rRGq .styles_location__od3Nf .styles_time__D31Y\+ {
    font-size: 16px;
  }
  .styles_mainContainer__48H2K .styles_rowContainer__lVzxk .styles_displayContainer__xuOj3 {
    letter-spacing: 1px;
    font-size: 16px;
  }
}
@media (min-width: 1920px) {
  .styles_mainContainer__48H2K .styles_rowContainer__lVzxk {
    grid-template-columns: repeat(4, 1fr);
  }
}

.styles_mainContainer__vz0Ki {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #FFFFFF;
  background-image: url(/static/media/benefits-background.8627c58752eb6367b1bb.svg);
  background-size: 80% auto;
  background-position: left;
  background-repeat: no-repeat;
}
.styles_mainContainer__vz0Ki .styles_title__VgRTg {
  font-family: 'Exo';
  font-weight: 700;
  font-size: 18px;
  color: #414745;
  padding-bottom: 50px;
}
.styles_mainContainer__vz0Ki .styles_rowContainer__Scdmv {
  display: flex;
  flex-direction: row;
}
.styles_mainContainer__vz0Ki .styles_rowContainer__Scdmv .styles_columnContainer__GOWRA {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15px;
}
.styles_mainContainer__vz0Ki .styles_rowContainer__Scdmv .styles_columnContainer__GOWRA .styles_cardContainer__ZPMI\+ {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 159px;
  height: 178px;
  background-color: #FFFFFF;
  border-radius: 24.5px;
  box-shadow: 0px 4.9px 4.9px 0px #7D858B4D;
  text-align: center;
  padding: 5%;
}
.styles_mainContainer__vz0Ki .styles_rowContainer__Scdmv .styles_columnContainer__GOWRA .styles_cardContainer__ZPMI\+ img {
  width: 70px;
  height: 70px;
}
.styles_mainContainer__vz0Ki .styles_rowContainer__Scdmv .styles_columnContainer__GOWRA .styles_cardContainer__ZPMI\+ .styles_cardTitle__wOFR8,
.styles_mainContainer__vz0Ki .styles_rowContainer__Scdmv .styles_columnContainer__GOWRA .styles_cardContainer__ZPMI\+ .styles_description__bEmM8 {
  color: #414745DE;
}
.styles_mainContainer__vz0Ki .styles_rowContainer__Scdmv .styles_columnContainer__GOWRA .styles_cardContainer__ZPMI\+ .styles_cardTitle__wOFR8 {
  font-family: 'Exo';
  font-weight: 600;
  font-size: 14px;
  text-align: center;
}
.styles_mainContainer__vz0Ki .styles_rowContainer__Scdmv .styles_columnContainer__GOWRA .styles_cardContainer__ZPMI\+ .styles_description__bEmM8 {
  font-family: 'Inter';
  display: none;
}
@media (min-width: 768px) {
  .styles_mainContainer__vz0Ki {
    padding-top: 50px;
    position: relative;
    background-size: 30% auto;
  }
  .styles_mainContainer__vz0Ki::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(/static/media/right-arrow-up.8f283e69df9ec069bb09.svg);
    background-size: 12% auto;
    background-position: top right;
    background-repeat: no-repeat;
    opacity: 0.5;
  }
  .styles_mainContainer__vz0Ki .styles_rowContainer__Scdmv .styles_columnContainer__GOWRA .styles_cardContainer__ZPMI\+ {
    width: 85%;
    height: 325px;
  }
  .styles_mainContainer__vz0Ki .styles_rowContainer__Scdmv .styles_columnContainer__GOWRA .styles_cardContainer__ZPMI\+ img {
    width: 120px;
    height: 120px;
  }
  .styles_mainContainer__vz0Ki .styles_rowContainer__Scdmv .styles_columnContainer__GOWRA .styles_cardContainer__ZPMI\+ .styles_cardTitle__wOFR8,
  .styles_mainContainer__vz0Ki .styles_rowContainer__Scdmv .styles_columnContainer__GOWRA .styles_cardContainer__ZPMI\+ .styles_description__bEmM8 {
    text-align: left;
  }
  .styles_mainContainer__vz0Ki .styles_rowContainer__Scdmv .styles_columnContainer__GOWRA .styles_cardContainer__ZPMI\+ .styles_cardTitle__wOFR8 {
    font-size: 16px;
  }
  .styles_mainContainer__vz0Ki .styles_rowContainer__Scdmv .styles_columnContainer__GOWRA .styles_cardContainer__ZPMI\+ .styles_description__bEmM8 {
    display: block;
    font-size: 14px;
  }
}
@media (min-width: 1360px) {
  .styles_mainContainer__vz0Ki .styles_title__VgRTg {
    font-size: 30px;
  }
  .styles_mainContainer__vz0Ki .styles_rowContainer__Scdmv .styles_columnContainer__GOWRA .styles_cardContainer__ZPMI\+ {
    width: 351px;
    height: 293px;
  }
  .styles_mainContainer__vz0Ki .styles_rowContainer__Scdmv .styles_columnContainer__GOWRA .styles_cardContainer__ZPMI\+ .styles_cardTitle__wOFR8 {
    font-size: 20px;
  }
  .styles_mainContainer__vz0Ki .styles_rowContainer__Scdmv .styles_columnContainer__GOWRA .styles_cardContainer__ZPMI\+ .styles_description__bEmM8 {
    font-size: 14px;
  }
}

.styles_mainContainer__H522E {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px 0 20px;
  height: 600px;
  background-color: #FFFFFF;
}
.styles_mainContainer__H522E .styles_textContainer__Kbsq3 {
  padding-bottom: 10px;
}
.styles_mainContainer__H522E .styles_textContainer__Kbsq3 .styles_title__koX7P {
  text-align: center;
  font-weight: 700;
  font-family: 'Exo';
  font-size: 18px;
}
.styles_mainContainer__H522E .styles_textContainer__Kbsq3 .styles_underline__RG7zG {
  display: flex;
  justify-self: center;
  width: 45px;
  height: 9px;
  border-radius: 5.6px;
  background: linear-gradient(169.02deg, #B2EBF2 -58.33%, #009E43 60.57%);
}
.styles_mainContainer__H522E .styles_textContainer__Kbsq3 .styles_description__kHB\+p {
  font-family: 'Inter';
  font-weight: 500;
  font-size: 14px;
}
.styles_mainContainer__H522E .styles_textContainer__Kbsq3 .styles_title__koX7P,
.styles_mainContainer__H522E .styles_textContainer__Kbsq3 .styles_description__kHB\+p {
  color: #414745;
}
.styles_mainContainer__H522E .styles_videoContainer__gDcXj {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_mainContainer__H522E .styles_videoContainer__gDcXj .styles_background__GW7GM {
  display: none;
  position: absolute;
  z-index: 0;
  width: auto;
  height: 365px;
}
.styles_mainContainer__H522E .styles_videoContainer__gDcXj .styles_video__wfc8m {
  z-index: 1;
  width: 80%;
  height: 315px;
  max-width: 415px;
  max-height: 300px;
  border-radius: 12px;
}
@media (min-width: 768px) {
  .styles_mainContainer__H522E {
    padding-inline: 100px;
  }
  .styles_mainContainer__H522E .styles_textContainer__Kbsq3 .styles_title__koX7P {
    text-align: start;
    font-size: 30px;
  }
  .styles_mainContainer__H522E .styles_textContainer__Kbsq3 .styles_underline__RG7zG {
    justify-self: start;
    width: 191px;
    height: 15px;
  }
  .styles_mainContainer__H522E .styles_textContainer__Kbsq3 .styles_description__kHB\+p {
    font-size: 16px;
  }
  .styles_mainContainer__H522E .styles_videoContainer__gDcXj .styles_background__GW7GM {
    display: block;
    width: 100%;
    height: auto;
    max-width: 475px;
    max-height: 475px;
  }
  .styles_mainContainer__H522E .styles_videoContainer__gDcXj .styles_video__wfc8m {
    width: 70%;
    height: 300px;
    max-width: 575px;
    max-height: 400px;
  }
}

.styles_appButton__h9TRg {
  display: flex;
  align-items: center;
  border: 1px solid #A6A6A6;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000000;
  color: #FFFFFF;
  padding: 2px 8px 2px 8px;
}
.styles_appButton__h9TRg .styles_icon__yFdmn {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.styles_appButton__h9TRg .styles_textContainer__DW7is {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.styles_appButton__h9TRg .styles_textContainer__DW7is .styles_title__\+C3p6 {
  font-size: 10px;
}
.styles_appButton__h9TRg .styles_textContainer__DW7is .styles_storeName__Dh4wy {
  font-weight: 500;
  font-size: 16px;
}
@media (min-width: 768px) {
  .styles_appButton__h9TRg {
    width: 162px;
  }
  .styles_appButton__h9TRg .styles_icon__yFdmn {
    width: 30px;
    height: 30px;
  }
  .styles_appButton__h9TRg .styles_textContainer__DW7is .styles_title__\+C3p6 {
    font-size: 10px;
  }
  .styles_appButton__h9TRg .styles_textContainer__DW7is .styles_storeName__Dh4wy {
    font-size: 16px;
  }
}

.styles_bannerContainer__b3Ytz {
  background-color: #F47600;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 438px;
  padding: 16px;
}
.styles_bannerContainer__b3Ytz .styles_leftSection__qzlH2 {
  order: 2;
  width: 100%;
  display: flex;
  flex-direction: column;
  color: #414745;
}
.styles_bannerContainer__b3Ytz .styles_leftSection__qzlH2 .styles_title__6iiSP {
  font-weight: 700;
  font-size: 30px;
  font-family: 'Exo';
  line-height: 39px;
}
.styles_bannerContainer__b3Ytz .styles_leftSection__qzlH2 .styles_description__uItgw {
  font-family: 'Inter';
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
}
.styles_bannerContainer__b3Ytz .styles_leftSection__qzlH2 .styles_description__uItgw .styles_highlight__F1ziP {
  font-weight: 600;
}
.styles_bannerContainer__b3Ytz .styles_leftSection__qzlH2 .styles_buttonsContainer__2lPVn {
  display: flex;
}
.styles_bannerContainer__b3Ytz .styles_rightSection__d2PqI {
  order: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.styles_bannerContainer__b3Ytz .styles_rightSection__d2PqI img {
  width: 140px;
  height: 182px;
}
@media (min-width: 768px) {
  .styles_bannerContainer__b3Ytz {
    flex-direction: row;
    align-items: center;
    padding: 50px;
    height: 674px;
  }
  .styles_bannerContainer__b3Ytz .styles_leftSection__qzlH2 {
    order: 1;
    max-width: 50%;
  }
  .styles_bannerContainer__b3Ytz .styles_rightSection__d2PqI {
    order: 2;
    width: 50%;
  }
  .styles_bannerContainer__b3Ytz .styles_rightSection__d2PqI img {
    width: 425px;
    height: 600px;
  }
}
@media (min-width: 1360px) {
  .styles_bannerContainer__b3Ytz .styles_leftSection__qzlH2 .styles_title__6iiSP {
    font-size: 52px;
    line-height: 72px;
  }
  .styles_bannerContainer__b3Ytz .styles_leftSection__qzlH2 .styles_description__uItgw {
    font-size: 30px;
    line-height: 50px;
  }
}

.styles_mainContainer__70lMc {
  background-color: #FFFFFF;
  min-height: 377px;
  padding-block: 50px;
}
.styles_mainContainer__70lMc .styles_bannerContainer__lgbdk {
  background-image: url(/static/media/services-bg.cc5a410118c010f61637.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 3%;
}
.styles_mainContainer__70lMc .styles_bannerContainer__lgbdk .styles_leftSection__kUWIv {
  order: 2;
  width: 100%;
  font-family: 'Exo';
  font-weight: 700;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-inline: 18px;
}
.styles_mainContainer__70lMc .styles_bannerContainer__lgbdk .styles_leftSection__kUWIv .styles_textsContainer__x94ld {
  display: block;
  width: -webkit-fit-content;
  width: fit-content;
}
.styles_mainContainer__70lMc .styles_bannerContainer__lgbdk .styles_leftSection__kUWIv .styles_textsContainer__x94ld .styles_firstParagraph__W6aqe {
  color: #F47600;
  font-size: 30px;
  margin-bottom: 0px;
}
.styles_mainContainer__70lMc .styles_bannerContainer__lgbdk .styles_leftSection__kUWIv .styles_textsContainer__x94ld .styles_secondParagraph__sIG1u {
  font-size: 24px;
}
.styles_mainContainer__70lMc .styles_bannerContainer__lgbdk .styles_leftSection__kUWIv .styles_textsContainer__x94ld .styles_thirdParagraph__l6Tk5 {
  font-size: 14px;
}
.styles_mainContainer__70lMc .styles_bannerContainer__lgbdk .styles_leftSection__kUWIv .styles_textsContainer__x94ld .styles_secondParagraph__sIG1u,
.styles_mainContainer__70lMc .styles_bannerContainer__lgbdk .styles_leftSection__kUWIv .styles_textsContainer__x94ld .styles_thirdParagraph__l6Tk5 {
  color: #414745;
}
.styles_mainContainer__70lMc .styles_bannerContainer__lgbdk .styles_leftSection__kUWIv .styles_registerButton__bUy06 {
  color: #FFFFFF;
  background: #009E43;
  border: #009E43;
  padding: 10px;
  width: 156px;
  height: 39px;
  border-radius: 5px;
  font-size: 14px;
}
.styles_mainContainer__70lMc .styles_bannerContainer__lgbdk .styles_rigthSection__EDMQf {
  order: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.styles_mainContainer__70lMc .styles_bannerContainer__lgbdk .styles_rigthSection__EDMQf img {
  width: 200px;
  height: 170px;
}
.styles_modalSoyStarken__uWm4M .styles_modalTitle__RZri0 {
  margin-top: 15px;
  font-family: 'Exo';
  color: #009E43;
  font-size: 20px;
  font-weight: 500;
}
.styles_modalSoyStarken__uWm4M .styles_modalDescription__fcV6d {
  font-family: 'Exo';
  font-size: 14px;
}
.styles_modalSoyStarken__uWm4M .styles_continueButton__KiYbf {
  margin-top: 30px;
  color: #FFFFFF;
  background-color: #009E43;
  width: 50%;
  border-radius: 3px;
}
.styles_modalSoyStarken__uWm4M .styles_continueButton__KiYbf:hover {
  background-color: #009E43;
}
@media (min-width: 768px) {
  .styles_mainContainer__70lMc .styles_bannerContainer__lgbdk {
    flex-direction: row;
    align-items: center;
    height: 700px;
  }
  .styles_mainContainer__70lMc .styles_bannerContainer__lgbdk .styles_leftSection__kUWIv {
    order: 1;
    max-width: 50%;
  }
  .styles_mainContainer__70lMc .styles_bannerContainer__lgbdk .styles_leftSection__kUWIv .styles_textsContainer__x94ld .styles_firstParagraph__W6aqe {
    font-size: 52px;
  }
  .styles_mainContainer__70lMc .styles_bannerContainer__lgbdk .styles_leftSection__kUWIv .styles_textsContainer__x94ld .styles_secondParagraph__sIG1u {
    font-size: 48px;
  }
  .styles_mainContainer__70lMc .styles_bannerContainer__lgbdk .styles_leftSection__kUWIv .styles_textsContainer__x94ld .styles_thirdParagraph__l6Tk5 {
    font-size: 20px;
  }
  .styles_mainContainer__70lMc .styles_bannerContainer__lgbdk .styles_leftSection__kUWIv .styles_registerButton__bUy06 {
    width: 256px;
    height: 45px;
  }
  .styles_mainContainer__70lMc .styles_bannerContainer__lgbdk .styles_rigthSection__EDMQf {
    order: 2;
    width: 50%;
  }
  .styles_mainContainer__70lMc .styles_bannerContainer__lgbdk .styles_rigthSection__EDMQf img {
    width: 528px;
    height: 573px;
  }
}
@media (min-width: 1920px) {
  .styles_mainContainer__70lMc .styles_bannerContainer__lgbdk {
    padding: 7%;
  }
}

.styles_modalTitle__X5crc {
  color: #009E43;
}
.styles_buttonsContainer__QEAiI {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.styles_buttonsContainer__QEAiI .styles_continueButton__uLonj {
  margin-top: 20px;
  color: #FFFFFF;
  background-color: #009E43;
  border: #009E43;
  border-radius: 3px;
  width: 50%;
  height: 45px;
}
.styles_buttonsContainer__QEAiI .styles_continueButton__uLonj:hover {
  background-color: #009E43;
}
.styles_buttonsContainer__QEAiI .styles_cancelButton__tVySv {
  color: #7d858b;
  background-color: #fff;
  border-color: #7d858b;
}
.styles_buttonsContainer__QEAiI .styles_cancelButton__tVySv:hover {
  color: #7d858b;
  border: 2px solid #7d858b;
  background-color: #fff;
  border-color: #7d858b;
}
.styles_buttonsContainer__QEAiI .styles_confirmButton__NN52x {
  color: #fff;
  border: none;
  background-color: #414745;
  width: 45%;
  height: 45px;
}
.styles_buttonsContainer__QEAiI .styles_confirmButton__NN52x:hover {
  background-color: #8d918f;
}

.styles_mainContainer__76QNq {
  max-width: 100%;
  max-height: 1150px;
  padding-top: 100px;
  display: flex;
  flex-direction: column;
  background-color: #FFFFFF;
}
.styles_mainContainer__76QNq .styles_backgroundContainer__O6mvS {
  height: 900px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.styles_mainContainer__76QNq .styles_backgroundContainer__O6mvS .styles_title__dTt36 {
  font-family: 'Exo';
  font-size: 18px;
  font-weight: 700;
  color: #414745;
  text-align: center;
}
.styles_mainContainer__76QNq .styles_backgroundContainer__O6mvS .styles_stepsRow__gJRw5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
}
.styles_mainContainer__76QNq .styles_backgroundContainer__O6mvS .styles_stepsRow__gJRw5 .styles_stepContainer__DzURj {
  text-align: center;
}
.styles_mainContainer__76QNq .styles_backgroundContainer__O6mvS .styles_stepsRow__gJRw5 .styles_stepContainer__DzURj img {
  width: 214px;
  height: 186px;
}
.styles_mainContainer__76QNq .styles_backgroundContainer__O6mvS .styles_stepsRow__gJRw5 .styles_stepContainer__DzURj .styles_textContainer__TAX6k {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #009E43;
  color: #FFFFFF;
  border-radius: 36px;
  width: 235px;
  height: 52px;
}
.styles_mainContainer__76QNq .styles_backgroundContainer__O6mvS .styles_stepsRow__gJRw5 .styles_stepContainer__DzURj .styles_textContainer__TAX6k .styles_text__C6izF {
  font-family: 'Exo';
  font-weight: 700;
  font-size: 14px;
}
@media (min-width: 768px) {
  .styles_mainContainer__76QNq {
    max-height: 800px;
  }
  .styles_mainContainer__76QNq .styles_backgroundContainer__O6mvS {
    height: 800px;
    position: relative;
    background-image: url(/static/media/services-bg.cc5a410118c010f61637.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .styles_mainContainer__76QNq .styles_backgroundContainer__O6mvS::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(/static/media/circle-arrow-down-left.67686d933d20e3bf5148.webp);
    background-size: 12% auto;
    background-position: top left;
    background-repeat: no-repeat;
    opacity: 0.5;
  }
  .styles_mainContainer__76QNq .styles_backgroundContainer__O6mvS .styles_title__dTt36 {
    padding-block: 60px;
    font-size: 30px;
  }
  .styles_mainContainer__76QNq .styles_backgroundContainer__O6mvS .styles_stepsRow__gJRw5 {
    display: flex;
    flex-direction: row;
    gap: 70px;
  }
  .styles_mainContainer__76QNq .styles_backgroundContainer__O6mvS .styles_stepsRow__gJRw5 .styles_stepContainer__DzURj img {
    width: 200px;
    height: 180px;
  }
  .styles_mainContainer__76QNq .styles_backgroundContainer__O6mvS .styles_stepsRow__gJRw5 .styles_stepContainer__DzURj .styles_textContainer__TAX6k {
    width: 200px;
    height: 39px;
  }
}
@media (min-width: 1360px) {
  .styles_mainContainer__76QNq .styles_backgroundContainer__O6mvS .styles_stepsRow__gJRw5 .styles_stepContainer__DzURj img {
    width: 287px;
    height: 230px;
  }
  .styles_mainContainer__76QNq .styles_backgroundContainer__O6mvS .styles_stepsRow__gJRw5 .styles_stepContainer__DzURj .styles_textContainer__TAX6k {
    width: 325px;
    height: 39px;
  }
}

.styles_backgroundImage__rP65\+ {
  max-height: 495px;
  background-image: url(/static/media/startBanner.96c06c1ee282a3398c6d.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.styles_backgroundImage__rP65\+ .styles_mainContainer__1iVm9 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 495px;
  padding: 16px;
}
.styles_backgroundImage__rP65\+ .styles_mainContainer__1iVm9 .styles_leftSection__UAaJo {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.styles_backgroundImage__rP65\+ .styles_mainContainer__1iVm9 .styles_leftSection__UAaJo .styles_textsContainer__adI9C .styles_titleContainer__XwzmS {
  display: flex;
  width: 315px;
  padding-bottom: 10px;
}
.styles_backgroundImage__rP65\+ .styles_mainContainer__1iVm9 .styles_leftSection__UAaJo .styles_textsContainer__adI9C .styles_titleContainer__XwzmS .styles_title__Rkhyr {
  width: 75%;
  font-weight: 700;
  font-family: 'Exo';
  font-size: 30px;
  color: #FFFFFF;
  line-height: 30px;
}
.styles_backgroundImage__rP65\+ .styles_mainContainer__1iVm9 .styles_leftSection__UAaJo .styles_textsContainer__adI9C .styles_titleContainer__XwzmS .styles_iconContainer__xsUw8 img {
  width: 46px;
  height: 46px;
}
.styles_backgroundImage__rP65\+ .styles_mainContainer__1iVm9 .styles_leftSection__UAaJo .styles_textsContainer__adI9C .styles_secondParagraph__OKcn6 {
  margin-top: -10px;
}
.styles_backgroundImage__rP65\+ .styles_mainContainer__1iVm9 .styles_leftSection__UAaJo .styles_textsContainer__adI9C .styles_firstParagraph__Sjb35,
.styles_backgroundImage__rP65\+ .styles_mainContainer__1iVm9 .styles_leftSection__UAaJo .styles_textsContainer__adI9C .styles_secondParagraph__OKcn6 {
  font-size: 16px;
  color: #414745;
  font-weight: 700;
  font-family: 'Inter';
}
.styles_backgroundImage__rP65\+ .styles_mainContainer__1iVm9 .styles_rigthSection__1MYLs {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.styles_backgroundImage__rP65\+ .styles_mainContainer__1iVm9 .styles_rigthSection__1MYLs img {
  width: 208px;
  height: 186px;
}
@media (min-width: 768px) {
  .styles_backgroundImage__rP65\+ {
    max-height: 687px;
  }
  .styles_backgroundImage__rP65\+ .styles_mainContainer__1iVm9 {
    flex-direction: row;
    align-items: center;
    height: 687px;
    padding: 0 108px 0 108px;
  }
  .styles_backgroundImage__rP65\+ .styles_mainContainer__1iVm9 .styles_leftSection__UAaJo .styles_textsContainer__adI9C .styles_titleContainer__XwzmS {
    width: 70%;
    padding-bottom: 33px;
  }
  .styles_backgroundImage__rP65\+ .styles_mainContainer__1iVm9 .styles_leftSection__UAaJo .styles_textsContainer__adI9C .styles_titleContainer__XwzmS .styles_title__Rkhyr {
    font-size: 30px;
    line-height: 55px;
  }
  .styles_backgroundImage__rP65\+ .styles_mainContainer__1iVm9 .styles_leftSection__UAaJo .styles_textsContainer__adI9C .styles_titleContainer__XwzmS .styles_iconContainer__xsUw8 img {
    width: 72px;
    height: 72px;
  }
  .styles_backgroundImage__rP65\+ .styles_mainContainer__1iVm9 .styles_rigthSection__1MYLs img {
    width: 300px;
    height: 275px;
  }
}
@media (min-width: 1360px) {
  .styles_backgroundImage__rP65\+ .styles_mainContainer__1iVm9 .styles_leftSection__UAaJo .styles_textsContainer__adI9C .styles_titleContainer__XwzmS {
    width: 75%;
  }
  .styles_backgroundImage__rP65\+ .styles_mainContainer__1iVm9 .styles_leftSection__UAaJo .styles_textsContainer__adI9C .styles_titleContainer__XwzmS .styles_title__Rkhyr {
    font-size: 52px;
  }
  .styles_backgroundImage__rP65\+ .styles_mainContainer__1iVm9 .styles_leftSection__UAaJo .styles_textsContainer__adI9C .styles_titleContainer__XwzmS .styles_iconContainer__xsUw8 img {
    width: 89px;
    height: 84px;
  }
  .styles_backgroundImage__rP65\+ .styles_mainContainer__1iVm9 .styles_leftSection__UAaJo .styles_textsContainer__adI9C .styles_firstParagraph__Sjb35,
  .styles_backgroundImage__rP65\+ .styles_mainContainer__1iVm9 .styles_leftSection__UAaJo .styles_textsContainer__adI9C .styles_secondParagraph__OKcn6 {
    font-size: 24px;
  }
  .styles_backgroundImage__rP65\+ .styles_mainContainer__1iVm9 .styles_rigthSection__1MYLs img {
    width: 472px;
    height: 408px;
  }
}
@media (min-width: 1920px) {
  .styles_backgroundImage__rP65\+ .styles_mainContainer__1iVm9 .styles_leftSection__UAaJo .styles_textsContainer__adI9C .styles_titleContainer__XwzmS .styles_iconContainer__xsUw8 img {
    width: 96px;
    height: 93px;
  }
  .styles_backgroundImage__rP65\+ .styles_mainContainer__1iVm9 .styles_rigthSection__1MYLs img {
    width: 530px;
    height: 421px;
  }
}

.styles_mapContainer__kaD1- {
  background-color: #FFFFFF;
  border-block: 8px solid #009E43;
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .styles_mapContainer__kaD1- .styles_filterContainer__X9MQn {
    padding: 15px 0 2px;
  }
}

.styles_cardContainer__bGs9e {
  margin-top: 3%;
}
.styles_cardContainer__bGs9e .styles_cardHeader__IHHcS {
  color: #fff;
  padding: 5px;
  text-align: center;
  font-size: 18px;
}
.styles_cardContainer__bGs9e .styles_cardBody__o4C05 {
  display: flex;
  flex-direction: column;
  gap: 5%;
  padding: 30px;
}
.styles_cardContainer__bGs9e .styles_cardBody__o4C05 .styles_buttonContainer__TaMGK {
  display: flex;
  justify-content: end;
  padding-bottom: 10px;
}
.styles_cardContainer__bGs9e .styles_cardBody__o4C05 .styles_buttonContainer__TaMGK .styles_locationButton__U8BBH {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding-bottom: 10px;
  border-bottom: 1px solid;
}
.styles_cardContainer__bGs9e .styles_cardBody__o4C05 .styles_buttonContainer__TaMGK .styles_locationButton__U8BBH .styles_buttonText__YPz5s {
  display: block;
}
.styles_cardContainer__bGs9e .styles_cardBody__o4C05 .styles_inputContainer__t8o6T {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) and (max-width: 992px) {
  .styles_cardContainer__bGs9e .styles_cardBody__o4C05 {
    padding: 15px 20px 20px;
  }
}
@media (max-width: 767px) {
  .styles_cardContainer__bGs9e {
    margin: 0 !important;
    padding: 0 !important;
  }
}

.styles_moduleContainer__OVWfY {
  background-color: #FFFFFF;
}

.styles_mainContainer__PSznq .styles_formContainer__LfLRP {
  background-color: #FFFFFF;
}
.styles_mainContainer__PSznq .styles_formContainer__LfLRP .styles_goBackDesktop__Qyjdt {
  display: none;
}
.styles_mainContainer__PSznq .styles_formContainer__LfLRP .styles_form__X2C8W {
  padding: 20px;
}
.styles_mainContainer__PSznq .styles_formContainer__LfLRP .styles_form__X2C8W .styles_formTitle__FdEZe {
  font-family: 'Exo';
  font-weight: 600;
  font-size: 18px;
}
.styles_mainContainer__PSznq .styles_formContainer__LfLRP .styles_form__X2C8W .styles_label__ILzzV {
  font-family: 'Exo';
  font-size: 16px;
  font-weight: 500;
}
.styles_mainContainer__PSznq .styles_formContainer__LfLRP .styles_form__X2C8W .styles_label__ILzzV .styles_input__by6zh {
  border: 1px solid #CED1D2;
  border-radius: 5px;
}
.styles_mainContainer__PSznq .styles_formContainer__LfLRP .styles_form__X2C8W .styles_info__dT1I0 {
  font-family: 'Inter';
  font-size: 10px;
  padding-bottom: 20px;
}
.styles_mainContainer__PSznq .styles_formContainer__LfLRP .styles_form__X2C8W .styles_buttonsContainer__WMT0P {
  text-align: center;
}
.styles_mainContainer__PSznq .styles_formContainer__LfLRP .styles_form__X2C8W .styles_buttonsContainer__WMT0P .styles_submitButton__6C8Pp {
  display: block;
  margin: 0 auto;
}
.styles_mainContainer__PSznq .styles_formContainer__LfLRP .styles_form__X2C8W .styles_buttonsContainer__WMT0P .styles_goBackButton__iDtjH {
  display: block;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .styles_mainContainer__PSznq .styles_formContainer__LfLRP {
    background-image: url(/static/media/form-desktop-bg.94c6ea6746da75acafc1.svg);
    background-size: 45% auto;
    background-position: top right;
    background-repeat: no-repeat;
  }
  .styles_mainContainer__PSznq .styles_formContainer__LfLRP .styles_form__X2C8W {
    padding: 20%;
  }
  .styles_mainContainer__PSznq .styles_formContainer__LfLRP .styles_form__X2C8W .styles_formTitle__FdEZe {
    font-size: 28px;
  }
}
@media (min-width: 1200px) {
  .styles_mainContainer__PSznq .styles_bgContainer__jYaYD {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-image: url(/static/media/form-desktop-portrait.8312e640a038661507b3.svg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .styles_mainContainer__PSznq .styles_bgContainer__jYaYD .styles_bgText__TimDu {
    display: flex;
    flex-direction: column;
    padding-inline: 50px;
    font-family: 'Inter';
    font-weight: 700;
    font-size: 20px;
    color: #FFFFFF;
  }
  .styles_mainContainer__PSznq .styles_bgContainer__jYaYD .styles_bgText__TimDu .styles_quote__VHptt {
    font-weight: 700;
  }
  .styles_mainContainer__PSznq .styles_bgContainer__jYaYD .styles_bgText__TimDu .styles_vector__aKCgD {
    align-self: flex-end;
  }
  .styles_mainContainer__PSznq .styles_formContainer__LfLRP .styles_goBackDesktop__Qyjdt {
    font-family: 'Exo';
    font-weight: 600;
    font-size: 16px;
    color: #787676;
    padding: 20px 0 0 20px;
    display: block;
  }
}

.styles_togglePagoContainer__njOlC {
  display: flex;
  align-items: center;
}
.styles_toggleBtn__SnTTD {
  border: 1.5px solid #d1d5db;
  background: #fff;
  color: #888;
  border-radius: 2px 0 0 2px;
  outline: none;
  transition: background 0.2s, color 0.2s, border 0.2s;
  cursor: pointer;
  margin: 0;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  width: 82px;
  font-family: 'Exo';
  font-weight: 500;
  font-size: 10px;
}
.styles_toggleBtn__SnTTD:last-child {
  border-radius: 0 2px 2px 0;
}
.styles_active__85gVN {
  background: #d0ffe4;
  color: #009740;
  border: 1.5px solid #009740;
  z-index: 1;
}
.styles_inactive__7DtP4 {
  background: #fff;
  color: #888;
  border: 1.5px solid #d1d5db;
}
.styles_toggleBtn__SnTTD:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
@media (min-width: 768px) {
  .styles_toggleBtn__SnTTD {
    border-radius: 5px 0 0 5px;
    height: 32px;
    font-size: 12px;
    width: 96px;
  }
  .styles_toggleBtn__SnTTD:last-child {
    border-radius: 0 5px 5px 0;
  }
}

.styles_container__be9Qq {
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px 20px 0px 20px;
}
.styles_container__be9Qq .styles_header__7ZrkR {
  text-align: center;
  margin-bottom: 40px;
  width: 100%;
}
.styles_container__be9Qq .styles_header__7ZrkR .styles_title__mW9\+I,
.styles_container__be9Qq .styles_header__7ZrkR .styles_description__whRsm {
  color: #414745;
}
.styles_container__be9Qq .styles_header__7ZrkR .styles_title__mW9\+I {
  font-weight: 600;
  font-family: 'Exo';
  font-size: 18px;
}
.styles_container__be9Qq .styles_header__7ZrkR .styles_description__whRsm {
  font-family: 'Inter';
  font-size: 14px;
}
.styles_container__be9Qq .styles_cardsRow__bbAww {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 20px;
  margin-bottom: 80px;
}
.styles_container__be9Qq .styles_cardsRow__bbAww .styles_firstCard__K6Xg0 {
  background-color: #009E43;
  border-radius: 30px;
  display: flex;
  width: 100%;
  max-width: 768px;
  height: 190px;
}
.styles_container__be9Qq .styles_cardsRow__bbAww .styles_firstCard__K6Xg0 .styles_cardContent__9nFBp {
  font-family: 'Inter';
  color: #FFFFFF;
  padding: 5%;
}
.styles_container__be9Qq .styles_cardsRow__bbAww .styles_firstCard__K6Xg0 .styles_cardContent__9nFBp .styles_title__mW9\+I {
  font-weight: 500;
  font-size: 18px;
}
.styles_container__be9Qq .styles_cardsRow__bbAww .styles_firstCard__K6Xg0 .styles_cardContent__9nFBp .styles_description__whRsm {
  margin-top: -15px;
  font-weight: 300;
  font-size: 14px;
}
.styles_container__be9Qq .styles_cardsRow__bbAww .styles_secondCard__-IXsu {
  background-color: #F6F7F9;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70%;
  max-width: 221px;
  height: 160px;
}
.styles_container__be9Qq .styles_cardsRow__bbAww .styles_secondCard__-IXsu .styles_icon__iwk7T {
  width: 39px;
  height: 36px;
}
.styles_container__be9Qq .styles_cardsRow__bbAww .styles_secondCard__-IXsu .styles_counter__bMzG3 {
  font-size: 30px;
  font-weight: 500;
  font-family: 'Exo';
}
.styles_container__be9Qq .styles_cardsRow__bbAww .styles_secondCard__-IXsu .styles_text__rxG4M {
  font-family: 'Exo';
  font-size: 15px;
}
.styles_container__be9Qq .styles_cardsRow__bbAww .styles_thirdCard__Mcf7s {
  background-color: #F6F7F9;
  border-radius: 30px;
  display: flex;
  width: 100%;
  max-width: 768px;
  height: 190px;
}
.styles_container__be9Qq .styles_cardsRow__bbAww .styles_thirdCard__Mcf7s .styles_cardContent__9nFBp {
  padding: 5%;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.styles_container__be9Qq .styles_cardsRow__bbAww .styles_thirdCard__Mcf7s .styles_cardContent__9nFBp .styles_textsContainer__-cj4p {
  font-size: 20px;
  font-weight: 500;
  font-family: 'Exo';
  color: #414745;
}
.styles_container__be9Qq .styles_cardsRow__bbAww .styles_thirdCard__Mcf7s .styles_cardContent__9nFBp .styles_mapContainer__\+MUS7 {
  display: block;
}
.styles_container__be9Qq .styles_cardsRow__bbAww .styles_thirdCard__Mcf7s .styles_cardContent__9nFBp .styles_mapContainer__\+MUS7 img {
  width: 100%;
  height: 85px;
}
.styles_container__be9Qq .styles_servicesTitle__Fbe1n {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.styles_container__be9Qq .styles_servicesTitle__Fbe1n .styles_arrowsContainer__bolV5 img {
  width: 75px;
  height: auto;
}
.styles_container__be9Qq .styles_servicesTitle__Fbe1n .styles_title__mW9\+I {
  color: #009E43;
  font-size: 18px;
  font-family: 'Exo';
  font-weight: 600;
  letter-spacing: 20%;
}
.styles_container__be9Qq .styles_servicesTitle__Fbe1n .styles_arrow__Xkm0D {
  display: none;
}
@media (min-width: 768px) {
  .styles_container__be9Qq .styles_header__7ZrkR .styles_title__mW9\+I {
    font-size: 30px;
  }
  .styles_container__be9Qq .styles_header__7ZrkR .styles_description__whRsm {
    font-size: 16px;
  }
}
@media (min-width: 1000px) {
  .styles_container__be9Qq {
    padding: 100px 120px 100px 120px;
  }
  .styles_container__be9Qq .styles_cardsRow__bbAww {
    flex-direction: row;
  }
  .styles_container__be9Qq .styles_header__7ZrkR .styles_title__mW9\+I {
    font-size: 30px;
  }
  .styles_container__be9Qq .styles_header__7ZrkR .styles_description__whRsm {
    font-size: 16px;
  }
  .styles_container__be9Qq .styles_servicesTitle__Fbe1n {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    width: 100%;
  }
  .styles_container__be9Qq .styles_servicesTitle__Fbe1n .styles_arrowsContainer__bolV5 {
    grid-column: 1;
    justify-self: start;
  }
  .styles_container__be9Qq .styles_servicesTitle__Fbe1n .styles_arrowsContainer__bolV5 img {
    width: 135px;
    height: 58px;
  }
  .styles_container__be9Qq .styles_servicesTitle__Fbe1n .styles_title__mW9\+I {
    grid-column: 2;
    font-size: 30px;
  }
  .styles_container__be9Qq .styles_servicesTitle__Fbe1n .styles_arrow__Xkm0D {
    display: block;
    position: absolute;
    right: 0;
    opacity: 0.5;
  }
}
@media (min-width: 1360px) {
  .styles_container__be9Qq .styles_header__7ZrkR {
    width: 50%;
  }
}
@media (min-width: 1920px) {
  .styles_container__be9Qq .styles_cardsRow__bbAww {
    flex-direction: row;
    height: 258px;
    max-height: 258px;
    gap: 32px;
    max-width: 1800px;
    margin: 0 auto;
    width: 100%;
    justify-content: center;
  }
  .styles_container__be9Qq .styles_cardsRow__bbAww .styles_firstCard__K6Xg0 {
    height: 258px;
  }
  .styles_container__be9Qq .styles_cardsRow__bbAww .styles_firstCard__K6Xg0 .styles_cardContent__9nFBp .styles_title__mW9\+I {
    font-size: 24px;
  }
  .styles_container__be9Qq .styles_cardsRow__bbAww .styles_firstCard__K6Xg0 .styles_cardContent__9nFBp .styles_description__whRsm {
    font-size: 16px;
  }
  .styles_container__be9Qq .styles_cardsRow__bbAww .styles_secondCard__-IXsu {
    height: 258px;
    max-width: 258px;
  }
  .styles_container__be9Qq .styles_cardsRow__bbAww .styles_secondCard__-IXsu .styles_icon__iwk7T {
    width: 63px;
    height: 59px;
  }
  .styles_container__be9Qq .styles_cardsRow__bbAww .styles_secondCard__-IXsu .styles_counter__bMzG3 {
    font-size: 50px;
  }
  .styles_container__be9Qq .styles_cardsRow__bbAww .styles_secondCard__-IXsu .styles_text__rxG4M {
    font-size: 24px;
  }
  .styles_container__be9Qq .styles_cardsRow__bbAww .styles_thirdCard__Mcf7s {
    height: 258px;
  }
  .styles_container__be9Qq .styles_cardsRow__bbAww .styles_thirdCard__Mcf7s .styles_cardContent__9nFBp {
    font-size: 30px;
  }
  .styles_container__be9Qq .styles_cardsRow__bbAww .styles_thirdCard__Mcf7s .styles_cardContent__9nFBp .styles_mapContainer__\+MUS7 img {
    height: 180px;
  }
  .styles_container__be9Qq .styles_servicesTitle__Fbe1n {
    padding-top: 150px;
  }
}

.styles_mainContainer__xua\+c {
  background-color: #FFFFFF;
  padding-top: 70px;
}
.styles_mainContainer__xua\+c .styles_rowContainer__8RV\+Q {
  background-image: url(/static/media/soy-starken-bg.04c51637fb127b64226a.webp);
  background-repeat: no-repeat;
  background-size: cover;
  height: 800px;
  padding-inline: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.styles_mainContainer__xua\+c .styles_rowContainer__8RV\+Q .styles_leftColumn__TZW-7 {
  width: 100%;
  order: 2;
}
.styles_mainContainer__xua\+c .styles_rowContainer__8RV\+Q .styles_leftColumn__TZW-7 .styles_titleContainer__G2T4- {
  display: none;
}
.styles_mainContainer__xua\+c .styles_rowContainer__8RV\+Q .styles_leftColumn__TZW-7 .styles_servicesContainer__7Nw7G .styles_cardContainer__oYWBi {
  display: flex;
  height: 91px;
  align-items: center;
  border-radius: 11px;
  margin-bottom: 16px;
  background-color: #F7F7F7;
  padding: 10px;
}
.styles_mainContainer__xua\+c .styles_rowContainer__8RV\+Q .styles_leftColumn__TZW-7 .styles_servicesContainer__7Nw7G .styles_cardContainer__oYWBi .styles_cardIcon__nI-GN img {
  width: 60px;
  height: 62px;
}
.styles_mainContainer__xua\+c .styles_rowContainer__8RV\+Q .styles_leftColumn__TZW-7 .styles_servicesContainer__7Nw7G .styles_cardContainer__oYWBi .styles_title__ugyqe {
  font-family: 'Exo';
  color: #414745;
  font-weight: 700;
  font-size: 16px;
}
.styles_mainContainer__xua\+c .styles_rowContainer__8RV\+Q .styles_leftColumn__TZW-7 .styles_servicesContainer__7Nw7G .styles_cardContainer__oYWBi .styles_description__OHJcW {
  font-family: 'Exo';
  font-size: 14px;
}
.styles_mainContainer__xua\+c .styles_rowContainer__8RV\+Q .styles_rightColumn__Z\+HSz {
  width: 100%;
  text-align: center;
  order: 1;
  padding-bottom: 30px;
}
.styles_mainContainer__xua\+c .styles_rowContainer__8RV\+Q .styles_rightColumn__Z\+HSz .styles_titleContainer__G2T4- {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  gap: 4px;
}
.styles_mainContainer__xua\+c .styles_rowContainer__8RV\+Q .styles_rightColumn__Z\+HSz .styles_titleContainer__G2T4- .styles_icon__rn9FX img {
  width: 65px;
  height: 65px;
}
.styles_mainContainer__xua\+c .styles_rowContainer__8RV\+Q .styles_rightColumn__Z\+HSz .styles_titleContainer__G2T4- .styles_title__ugyqe {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 40px;
}
.styles_mainContainer__xua\+c .styles_rowContainer__8RV\+Q .styles_rightColumn__Z\+HSz img {
  width: 300px;
  height: 225px;
}
@media (min-width: 768px) {
  .styles_mainContainer__xua\+c {
    padding-top: 90px;
  }
  .styles_mainContainer__xua\+c .styles_rowContainer__8RV\+Q {
    flex-direction: row;
    padding-inline: 72px;
    height: 679px;
  }
  .styles_mainContainer__xua\+c .styles_rowContainer__8RV\+Q .styles_leftColumn__TZW-7 {
    width: 50%;
    order: 1;
  }
  .styles_mainContainer__xua\+c .styles_rowContainer__8RV\+Q .styles_leftColumn__TZW-7 .styles_titleContainer__G2T4- {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    gap: 16px;
  }
  .styles_mainContainer__xua\+c .styles_rowContainer__8RV\+Q .styles_leftColumn__TZW-7 .styles_titleContainer__G2T4- .styles_icon__rn9FX img {
    width: 72px;
    height: 72px;
  }
  .styles_mainContainer__xua\+c .styles_rowContainer__8RV\+Q .styles_leftColumn__TZW-7 .styles_titleContainer__G2T4- .styles_title__ugyqe {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 45px;
  }
  .styles_mainContainer__xua\+c .styles_rowContainer__8RV\+Q .styles_leftColumn__TZW-7 .styles_servicesContainer__7Nw7G {
    padding-left: 70px;
    max-width: 482px;
  }
  .styles_mainContainer__xua\+c .styles_rowContainer__8RV\+Q .styles_leftColumn__TZW-7 .styles_servicesContainer__7Nw7G .styles_cardContainer__oYWBi {
    height: 110px;
    border-radius: 14px;
    margin-bottom: 18.5px;
  }
  .styles_mainContainer__xua\+c .styles_rowContainer__8RV\+Q .styles_leftColumn__TZW-7 .styles_servicesContainer__7Nw7G .styles_cardContainer__oYWBi .styles_cardIcon__nI-GN img {
    width: 100px;
    height: 100px;
  }
  .styles_mainContainer__xua\+c .styles_rowContainer__8RV\+Q .styles_leftColumn__TZW-7 .styles_servicesContainer__7Nw7G .styles_cardContainer__oYWBi .styles_title__ugyqe {
    font-size: 16px;
  }
  .styles_mainContainer__xua\+c .styles_rowContainer__8RV\+Q .styles_leftColumn__TZW-7 .styles_servicesContainer__7Nw7G .styles_cardContainer__oYWBi .styles_description__OHJcW {
    font-size: 12px;
  }
  .styles_mainContainer__xua\+c .styles_rowContainer__8RV\+Q .styles_rightColumn__Z\+HSz {
    order: 2;
    width: 50%;
  }
  .styles_mainContainer__xua\+c .styles_rowContainer__8RV\+Q .styles_rightColumn__Z\+HSz .styles_titleContainer__G2T4- {
    display: none;
  }
  .styles_mainContainer__xua\+c .styles_rowContainer__8RV\+Q .styles_rightColumn__Z\+HSz img {
    width: 100%;
    max-width: 920px;
    height: 80%;
    max-height: 648px;
  }
}
@media (min-width: 1360px) {
  .styles_mainContainer__xua\+c .styles_rowContainer__8RV\+Q .styles_leftColumn__TZW-7 .styles_titleContainer__G2T4- .styles_icon__rn9FX img {
    width: 79px;
    height: 79px;
  }
  .styles_mainContainer__xua\+c .styles_rowContainer__8RV\+Q .styles_leftColumn__TZW-7 .styles_titleContainer__G2T4- .styles_title__ugyqe {
    font-size: 57px;
  }
  .styles_mainContainer__xua\+c .styles_rowContainer__8RV\+Q .styles_leftColumn__TZW-7 .styles_servicesContainer__7Nw7G .styles_cardContainer__oYWBi .styles_title__ugyqe {
    font-size: 18px;
  }
  .styles_mainContainer__xua\+c .styles_rowContainer__8RV\+Q .styles_leftColumn__TZW-7 .styles_servicesContainer__7Nw7G .styles_cardContainer__oYWBi .styles_description__OHJcW {
    font-size: 14px;
  }
}

.styles_mainContainer__1f62w {
  background-image: url(/static/media/initialbanner-bg.8f5e561c2cfebeb8a873.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 203px;
  position: relative;
  overflow: hidden;
}
.styles_mainContainer__1f62w .styles_textContainer__oshed {
  font-family: 'Exo';
  color: #414745;
  font-style: italic;
  font-size: 19px;
  height: 100%;
  position: relative;
}
.styles_mainContainer__1f62w .styles_textContainer__oshed .styles_firstParagraph__Aa\+cZ {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 40%;
}
.styles_mainContainer__1f62w .styles_textContainer__oshed .styles_firstParagraph__Aa\+cZ .styles_highlight__XD6vw {
  color: #009E43;
  font-weight: 600;
  font-size: 22px;
}
.styles_mainContainer__1f62w .styles_textContainer__oshed .styles_secondParagraph__zYJdj {
  position: absolute;
  top: 85px;
  right: 50px;
}
.styles_mainContainer__1f62w .styles_textContainer__oshed .styles_secondParagraph__zYJdj .styles_highlight__XD6vw {
  color: #009E43;
  font-weight: 600;
  font-size: 22px;
}
.styles_mainContainer__1f62w .styles_imageContainer__R-uQX {
  position: absolute;
  left: 30px;
  bottom: 0;
}
.styles_mainContainer__1f62w .styles_imageContainer__R-uQX img {
  width: 42%;
  height: auto;
}
@media (min-width: 576px) {
  .styles_mainContainer__1f62w .styles_textContainer__oshed .styles_firstParagraph__Aa\+cZ {
    left: 130px;
  }
  .styles_mainContainer__1f62w .styles_textContainer__oshed .styles_secondParagraph__zYJdj {
    right: 105px;
  }
}
@media (min-width: 768px) {
  .styles_mainContainer__1f62w {
    height: 549px;
  }
  .styles_mainContainer__1f62w .styles_textContainer__oshed {
    font-size: 48px;
  }
  .styles_mainContainer__1f62w .styles_textContainer__oshed .styles_firstParagraph__Aa\+cZ {
    top: 35px;
    left: 205px;
  }
  .styles_mainContainer__1f62w .styles_textContainer__oshed .styles_firstParagraph__Aa\+cZ .styles_highlight__XD6vw {
    font-size: 52px;
  }
  .styles_mainContainer__1f62w .styles_textContainer__oshed .styles_secondParagraph__zYJdj {
    top: 200px;
    right: 50px;
  }
  .styles_mainContainer__1f62w .styles_textContainer__oshed .styles_secondParagraph__zYJdj .styles_highlight__XD6vw {
    font-size: 52px;
  }
  .styles_mainContainer__1f62w .styles_imageContainer__R-uQX img {
    width: 90%;
    height: auto;
  }
}
@media (min-width: 1360px) {
  .styles_mainContainer__1f62w .styles_textContainer__oshed {
    font-size: 55px;
  }
  .styles_mainContainer__1f62w .styles_textContainer__oshed .styles_firstParagraph__Aa\+cZ .styles_highlight__XD6vw {
    font-size: 66px;
  }
  .styles_mainContainer__1f62w .styles_textContainer__oshed .styles_secondParagraph__zYJdj .styles_highlight__XD6vw {
    font-size: 66px;
  }
  .styles_mainContainer__1f62w .styles_imageContainer__R-uQX img {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 1600px) {
  .styles_mainContainer__1f62w .styles_textContainer__oshed .styles_firstParagraph__Aa\+cZ {
    left: 350px;
  }
  .styles_mainContainer__1f62w .styles_textContainer__oshed .styles_secondParagraph__zYJdj {
    right: 325px;
  }
}
@media (min-width: 1920px) {
  .styles_mainContainer__1f62w .styles_textContainer__oshed .styles_firstParagraph__Aa\+cZ {
    left: 475px;
  }
  .styles_mainContainer__1f62w .styles_textContainer__oshed .styles_secondParagraph__zYJdj {
    right: 500px;
  }
}

.styles_container__MJ2LP {
  background-color: #3C4B45;
  color: #CCCDCE;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  gap: 30px;
  font-style: italic;
  font-size: 12px;
  font-weight: 600;
}
.styles_container__MJ2LP .styles_option__FeUAb {
  cursor: pointer;
}
@media (min-width: 768px) {
  .styles_container__MJ2LP {
    height: 130px;
    font-size: 24px;
    gap: 100px;
  }
}
@media (min-width: 1360px) {
  .styles_container__MJ2LP {
    gap: 100px;
  }
}

.styles_mainContainer__n9vk3 {
  background-color: #FFFFFF;
  padding-top: 10vh;
}
.styles_mainContainer__n9vk3 .styles_bannerCanvas__KKCIu .styles_arrow__RbdCM {
  display: none;
}
.styles_mainContainer__n9vk3 .styles_bannerCanvas__KKCIu .styles_title__Wyytq {
  color: #009E43;
  margin-bottom: 3vh;
  text-align: center;
}
.styles_mainContainer__n9vk3 .styles_bannerCanvas__KKCIu .styles_paragraphTitle__UgYb6 {
  display: block;
  padding-top: 10px;
  color: #414745 !important;
}
.styles_mainContainer__n9vk3 .styles_bannerCanvas__KKCIu .styles_paragraphsContainer__a\+L2S {
  margin-top: 2vh;
}
.styles_mainContainer__n9vk3 .styles_bannerCanvas__KKCIu .styles_button__QOglE {
  width: 100%;
  margin-top: 3vh;
}
@media (min-width: 768px) {
  .styles_mainContainer__n9vk3 .styles_bannerCanvas__KKCIu .styles_arrow__RbdCM {
    display: block;
    position: absolute;
    left: 0;
    opacity: 0.5;
  }
  .styles_mainContainer__n9vk3 .styles_bannerCanvas__KKCIu .styles_paragraphTitle__UgYb6 {
    display: block;
  }
  .styles_mainContainer__n9vk3 .styles_bannerCanvas__KKCIu .styles_button__QOglE {
    min-width: 150px;
    max-width: 300px;
  }
}

.styles_container__CyC4w {
  grid-column: span 4 !important;
  padding-top: 2vh;
  text-align: center;
}
.styles_container__CyC4w .styles_titleContainer__1FMzd {
  color: #414745;
  padding-top: 2vh;
  padding-bottom: 1vh;
}
.styles_container__CyC4w .styles_paragraphsContainer__V4X1n .styles_highlight__QwyIs {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .styles_container__CyC4w {
    grid-column: span 6 !important;
  }
}
@media (min-width: 1360px) {
  .styles_container__CyC4w {
    grid-column: span 4 !important;
  }
}

.styles_bannerContainer__\+K8AJ {
  background-color: #3c4b45;
  background-image: url(/static/media/banner-totem-bg.3cbd35f9392f16cd32c0.webp);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-blend-mode: overlay;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 700px;
  padding: 30px;
}
.styles_bannerContainer__\+K8AJ .styles_leftColumn__GRkCJ {
  order: 2;
  width: 100%;
  font-family: 'Inter';
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
}
.styles_bannerContainer__\+K8AJ .styles_leftColumn__GRkCJ .styles_textsContainer__rG\+Jz {
  display: flex;
  flex-direction: column;
}
.styles_bannerContainer__\+K8AJ .styles_leftColumn__GRkCJ .styles_textsContainer__rG\+Jz .styles_firstTitle__s4r49 {
  display: block;
  width: -webkit-fit-content;
  width: fit-content;
  padding: 11px;
  background-color: #009E43;
  color: #FFFFFF;
  border-radius: 40px;
  font-weight: 400;
  font-size: 16px;
}
.styles_bannerContainer__\+K8AJ .styles_leftColumn__GRkCJ .styles_textsContainer__rG\+Jz .styles_firstTitle__s4r49 span {
  font-weight: 700;
}
.styles_bannerContainer__\+K8AJ .styles_leftColumn__GRkCJ .styles_textsContainer__rG\+Jz .styles_secondTitle__syDeo {
  font-weight: 500;
  font-size: 30px;
}
.styles_bannerContainer__\+K8AJ .styles_leftColumn__GRkCJ .styles_textsContainer__rG\+Jz .styles_secondTitle__syDeo span {
  font-weight: 700;
}
.styles_bannerContainer__\+K8AJ .styles_leftColumn__GRkCJ .styles_textsContainer__rG\+Jz .styles_firstParagraph__nb7i4 {
  font-weight: 500;
  font-size: 14px;
}
.styles_bannerContainer__\+K8AJ .styles_leftColumn__GRkCJ .styles_textsContainer__rG\+Jz .styles_secondParagraph__IUlU4 {
  font-size: 14px;
}
.styles_bannerContainer__\+K8AJ .styles_leftColumn__GRkCJ .styles_textsContainer__rG\+Jz .styles_thirdParagraph__KfKOM {
  font-weight: 700;
  font-size: 14px;
}
.styles_bannerContainer__\+K8AJ .styles_rightColumn__zc5dy {
  order: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.styles_bannerContainer__\+K8AJ .styles_rightColumn__zc5dy img {
  width: 100%;
  height: 400px;
}
@media (min-width: 768px) {
  .styles_bannerContainer__\+K8AJ {
    background-position: center bottom;
    flex-direction: row;
    align-items: center;
    height: 500px;
    padding: 70px;
  }
  .styles_bannerContainer__\+K8AJ .styles_leftColumn__GRkCJ {
    order: 1;
    max-width: 50%;
  }
  .styles_bannerContainer__\+K8AJ .styles_leftColumn__GRkCJ .styles_textsContainer__rG\+Jz {
    width: 325px;
  }
  .styles_bannerContainer__\+K8AJ .styles_leftColumn__GRkCJ .styles_textsContainer__rG\+Jz .styles_firstTitle__s4r49 {
    font-size: 20px;
  }
  .styles_bannerContainer__\+K8AJ .styles_leftColumn__GRkCJ .styles_textsContainer__rG\+Jz .styles_secondTitle__syDeo {
    font-size: 28px;
    letter-spacing: 5px;
  }
  .styles_bannerContainer__\+K8AJ .styles_leftColumn__GRkCJ .styles_textsContainer__rG\+Jz .styles_firstParagraph__nb7i4 {
    font-size: 18px;
  }
  .styles_bannerContainer__\+K8AJ .styles_leftColumn__GRkCJ .styles_textsContainer__rG\+Jz .styles_secondParagraph__IUlU4 {
    font-size: 18px;
  }
  .styles_bannerContainer__\+K8AJ .styles_leftColumn__GRkCJ .styles_textsContainer__rG\+Jz .styles_thirdParagraph__KfKOM {
    font-size: 18px;
  }
  .styles_bannerContainer__\+K8AJ .styles_leftColumn__GRkCJ .styles_textsContainer__rG\+Jz .styles_firstParagraph__nb7i4,
  .styles_bannerContainer__\+K8AJ .styles_leftColumn__GRkCJ .styles_textsContainer__rG\+Jz .styles_secondParagraph__IUlU4,
  .styles_bannerContainer__\+K8AJ .styles_leftColumn__GRkCJ .styles_textsContainer__rG\+Jz .styles_thirdParagraph__KfKOM {
    line-height: 30px;
  }
  .styles_bannerContainer__\+K8AJ .styles_rightColumn__zc5dy {
    order: 2;
    width: 50%;
  }
  .styles_bannerContainer__\+K8AJ .styles_rightColumn__zc5dy img {
    width: 100%;
    height: 500px;
  }
}
@media (min-width: 1360px) {
  .styles_bannerContainer__\+K8AJ {
    height: 700px;
  }
  .styles_bannerContainer__\+K8AJ .styles_leftColumn__GRkCJ .styles_textsContainer__rG\+Jz {
    width: 475px;
  }
  .styles_bannerContainer__\+K8AJ .styles_leftColumn__GRkCJ .styles_textsContainer__rG\+Jz .styles_firstTitle__s4r49 {
    font-size: 30px;
  }
  .styles_bannerContainer__\+K8AJ .styles_leftColumn__GRkCJ .styles_textsContainer__rG\+Jz .styles_secondTitle__syDeo {
    font-size: 40px;
  }
  .styles_bannerContainer__\+K8AJ .styles_leftColumn__GRkCJ .styles_textsContainer__rG\+Jz .styles_firstParagraph__nb7i4 {
    font-size: 24px;
  }
  .styles_bannerContainer__\+K8AJ .styles_leftColumn__GRkCJ .styles_textsContainer__rG\+Jz .styles_secondParagraph__IUlU4 {
    font-size: 24px;
  }
  .styles_bannerContainer__\+K8AJ .styles_leftColumn__GRkCJ .styles_textsContainer__rG\+Jz .styles_thirdParagraph__KfKOM {
    font-size: 24px;
  }
}

.styles_mainContainer__sxWe6 {
  padding: 25px 16px;
  width: 100%;
  max-width: 100%;
  min-height: 100vh;
  background: #FFF;
  position: relative;
  font-size: 14px;
}
.styles_mainContainer__sxWe6::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-image: url(/static/media/circle-arrow-down-left.67686d933d20e3bf5148.webp);
  background-size: clamp(82.85px, 12vw, 267px) auto;
  background-position: left 0 top 100px;
  background-repeat: no-repeat;
  opacity: 0.5;
  pointer-events: none;
  z-index: 0;
}
.styles_mainContainer__sxWe6::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background-image: url(/static/media/gray-circles.bf6c9be0d567c56d67be.webp);
  background-size: clamp(110px, 17vw, 326px) auto;
  background-position: right 0 top 100px;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 0;
}
.styles_mainContainer__sxWe6 .styles_leftColumn__86MT\+ {
  position: relative;
  z-index: 2;
}
.styles_mainContainer__sxWe6 .styles_leftColumn__86MT\+ .styles_menuContainer__gtFki {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  background-color: white;
  z-index: 98;
  margin: 0 -16px;
  padding: 10px 16px 10px;
  border-bottom: 1px solid #E5E5E5;
  width: calc(100% + 32px);
  transform: translateZ(0);
  will-change: transform;
}
.styles_mainContainer__sxWe6 .styles_leftColumn__86MT\+ .styles_menuContainer__gtFki::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 80px;
  background-color: transparent;
  pointer-events: none;
}
.styles_mainContainer__sxWe6 .styles_leftColumn__86MT\+ .styles_menuContainer__gtFki > * {
  margin: 0 auto;
}
.styles_mainContainer__sxWe6 .styles_leftColumn__86MT\+ .styles_content__8-uV4 {
  padding-top: 20px;
  position: relative;
  z-index: 2;
}
.styles_mainContainer__sxWe6 .styles_leftColumn__86MT\+ .styles_content__8-uV4 .styles_paragraph__KrLyb {
  margin-bottom: 1rem;
  line-height: 20px;
  font-family: 'Inter';
  font-weight: 500;
  color: #414745;
  position: relative;
  z-index: 1;
}
.styles_mainContainer__sxWe6 .styles_leftColumn__86MT\+ .styles_content__8-uV4 .styles_description__xNCri {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: 'Inter';
  font-weight: 500;
  color: #414745;
}
.styles_mainContainer__sxWe6 .styles_leftColumn__86MT\+ .styles_content__8-uV4 .styles_title__TJhvG,
.styles_mainContainer__sxWe6 .styles_leftColumn__86MT\+ .styles_content__8-uV4 .styles_sectionTitle__BgcuV,
.styles_mainContainer__sxWe6 .styles_leftColumn__86MT\+ .styles_content__8-uV4 .styles_itemTitle__RFpLF {
  font-family: 'Exo';
  font-weight: 700;
  color: #009d4e;
  white-space: pre-line;
  position: relative;
  z-index: 1;
}
.styles_mainContainer__sxWe6 .styles_leftColumn__86MT\+ .styles_content__8-uV4 .styles_title__TJhvG {
  margin: 2rem 0 1rem;
}
.styles_mainContainer__sxWe6 .styles_leftColumn__86MT\+ .styles_content__8-uV4 .styles_sectionTitle__BgcuV {
  margin: 1.5rem 0 1rem;
}
.styles_mainContainer__sxWe6 .styles_leftColumn__86MT\+ .styles_content__8-uV4 .styles_itemTitle__RFpLF {
  margin: 1rem 0;
}
.styles_mainContainer__sxWe6 .styles_leftColumn__86MT\+ .styles_content__8-uV4 .styles_section__OSmRW {
  margin: 2rem 0;
  position: relative;
  z-index: 1;
}
.styles_mainContainer__sxWe6 .styles_leftColumn__86MT\+ .styles_content__8-uV4 .styles_chapter__5qhaJ {
  position: relative;
  z-index: 1;
}
.styles_mainContainer__sxWe6 .styles_leftColumn__86MT\+ .styles_content__8-uV4 .styles_sectionItem__XTb1D {
  margin: 1.5rem 0;
  position: relative;
  z-index: 1;
}
.styles_mainContainer__sxWe6 .styles_leftColumn__86MT\+ .styles_content__8-uV4 .styles_interactiveContent__d2OX3 {
  position: relative;
  z-index: 2;
  cursor: text;
  -webkit-user-select: text;
          user-select: text;
}
.styles_mainContainer__sxWe6 .styles_leftColumn__86MT\+ .styles_content__8-uV4 .styles_interactiveContent__d2OX3 a {
  color: #009d4e;
  text-decoration: underline;
  font-weight: 500;
  cursor: pointer;
  position: relative;
  z-index: 3;
}
.styles_mainContainer__sxWe6 .styles_leftColumn__86MT\+ .styles_content__8-uV4 .styles_interactiveContent__d2OX3 a:hover {
  color: #007a3e;
}
.styles_mainContainer__sxWe6 .styles_rightColumn__I-Bnl > * {
  display: none;
}
.styles_bulletList__L93vs,
.styles_numberedList__QbiKc {
  margin: 1rem 0;
  padding-left: 2rem;
  font-family: 'Inter';
  font-weight: 500;
  font-size: 14px;
  color: #414745;
  position: relative;
  z-index: 1;
}
.styles_bulletList__L93vs li,
.styles_numberedList__QbiKc li {
  margin-bottom: 0.5rem;
  line-height: 1.5;
  position: relative;
  z-index: 2;
}
.styles_bulletList__L93vs {
  list-style-type: disc;
}
.styles_numberedList__QbiKc {
  list-style-type: decimal;
}
@media (min-width: 1200px) {
  .styles_mainContainer__sxWe6 {
    display: flex;
    flex-direction: row;
    padding: 100px;
    gap: 50px;
    font-size: 16px;
  }
  .styles_mainContainer__sxWe6 .styles_leftColumn__86MT\+ {
    width: 70%;
  }
  .styles_mainContainer__sxWe6 .styles_leftColumn__86MT\+ .styles_menuContainer__gtFki {
    display: none;
  }
  .styles_mainContainer__sxWe6 .styles_leftColumn__86MT\+ .styles_content__8-uV4 {
    padding-top: 0;
  }
  .styles_mainContainer__sxWe6 .styles_rightColumn__I-Bnl {
    width: 30%;
  }
  .styles_mainContainer__sxWe6 .styles_rightColumn__I-Bnl > * {
    display: block;
    position: -webkit-sticky;
    position: sticky;
    z-index: 1;
    top: 150px;
  }
  .styles_bulletList__L93vs,
  .styles_numberedList__QbiKc {
    font-size: 16px;
  }
}

.styles_container__Z5Jz1 {
  padding-top: 31px;
  padding-left: 16px;
  background-color: #ffffff;
}
.styles_container__Z5Jz1 .styles_titleContainer__rZAm9 {
  position: relative;
  z-index: 1;
}
.styles_container__Z5Jz1 .styles_titleContainer__rZAm9 .styles_title__8VemS {
  font-weight: 400;
  font-family: 'Inter';
  font-style: italic;
  font-size: 20px;
  color: #414745;
}
.styles_container__Z5Jz1 .styles_titleContainer__rZAm9 .styles_delivery__eIWVI {
  font-weight: 500;
  font-style: italic;
  font-size: 20px;
}
.styles_container__Z5Jz1 .styles_titleContainer__rZAm9 .styles_highlightContainer__yJlfV {
  position: relative;
}
.styles_container__Z5Jz1 .styles_titleContainer__rZAm9 .styles_highlightContainer__yJlfV .styles_highlightBackground__dsR38 {
  position: absolute;
  z-index: -1;
  transform: translateY(-50%);
  height: auto;
  top: 20%;
  left: 50%;
  width: 50px;
}
.styles_container__Z5Jz1 .styles_titleContainer__rZAm9 .styles_highlightContainer__yJlfV .styles_highlight__VCSnu {
  font-weight: 700;
  font-family: 'Inter';
  font-style: italic;
  font-size: 20px;
  color: #414745;
}
.styles_container__Z5Jz1 .styles_description__hWZn3 {
  font-size: 11px;
  font-weight: 500;
  margin-top: 10px;
  color: #787676;
}
@media (min-width: 768px) {
  .styles_container__Z5Jz1 {
    padding-inline: 100px;
  }
  .styles_container__Z5Jz1 .styles_titleContainer__rZAm9 .styles_title__8VemS {
    font-size: 40px;
  }
  .styles_container__Z5Jz1 .styles_titleContainer__rZAm9 .styles_delivery__eIWVI {
    font-size: 40px;
  }
  .styles_container__Z5Jz1 .styles_titleContainer__rZAm9 .styles_highlightContainer__yJlfV .styles_highlightBackground__dsR38 {
    top: 15%;
    left: 55%;
    width: 100px;
  }
  .styles_container__Z5Jz1 .styles_titleContainer__rZAm9 .styles_highlightContainer__yJlfV .styles_highlight__VCSnu {
    font-size: 40px;
  }
  .styles_container__Z5Jz1 .styles_description__hWZn3 {
    font-size: 18px;
  }
}

.styles_banner__kj0vc {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #234d4c;
  color: #ffffff;
  font-weight: 700;
  font-size: 12px;
  line-height: 26.58px;
  margin-inline: 0px;
  margin-bottom: 25px;
  padding-left: 16px;
  height: 38px;
}
@media (min-width: 768px) {
  .styles_banner__kj0vc {
    font-size: 14px;
    padding-left: 100px;
  }
}

.styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak {
  border-top: 1px solid #D9D9D9;
  margin: 0 -14px;
  padding: 16px 24px;
}
.styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_titleContainer__TWg8Z {
  display: none;
}
.styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_titleContainer__TWg8Z .styles_sectionTitle__IlDTV {
  font-size: 14px;
  font-weight: 600;
  color: #434242;
}
.styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_titleContainer__TWg8Z .styles_sectionDescription__tFmin {
  font-size: 11px;
  font-weight: 400;
  color: #434242;
}
.styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_customRadioButton__Z0Fwg {
  display: flex;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #ccc;
}
.styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_customRadioButton__Z0Fwg .styles_option__0B2b8 {
  flex: 1 1;
  text-align: center;
  padding: 10px 20px;
  cursor: pointer;
  background: #00000012;
  transition: background 0.3s, color 0.3s;
  color: #000;
}
.styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_customRadioButton__Z0Fwg .styles_option__0B2b8:hover {
  background: rgba(35, 77, 76, 0.8);
}
.styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_customRadioButton__Z0Fwg .styles_selected__jFb0h {
  background-color: #234D4C;
  color: #fff;
}
.styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_radioButton__R7KRv {
  display: none;
}
.styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_formLabel__AAhj2 {
  font-weight: 600;
  font-size: 14px;
}
.styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_alert__JMUOk {
  margin-top: -30px;
  text-align: start;
}
.styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_customSelect__zCO2w {
  text-align: start;
}
.styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_customSelect__zCO2w .ant-select-selector {
  border-radius: 5px !important;
}
.styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_customSelect__zCO2w .ant-select-arrow {
  color: #009D4E !important;
  stroke: #009D4E !important;
  stroke-width: 100 !important;
}
.styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_desktopButtonsContainer__Sx0\+B {
  display: none;
}
.styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_mobileButtonsContainer__IF8No {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  border-top: 1px solid #D9D9D9;
  margin: 0 -24px;
  padding: 16px 24px;
}
.styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_mobileButtonsContainer__IF8No .styles_confirmButton__Zi2rK,
.styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_mobileButtonsContainer__IF8No .styles_cancelButton__u\+wyt {
  font-size: 14px;
  width: 100%;
  height: 45px;
  border-radius: 20px;
}
.styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_mobileButtonsContainer__IF8No .styles_confirmButton__Zi2rK {
  color: #ffffff;
  background-color: #234D4C;
}
.styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_mobileButtonsContainer__IF8No .styles_confirmButton__Zi2rK:disabled {
  opacity: 0.5;
}
.styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_mobileButtonsContainer__IF8No .styles_confirmButton__Zi2rK:hover {
  color: #ffffff;
  border-color: #234D4C;
  background-color: #234D4C;
}
.styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_mobileButtonsContainer__IF8No .styles_cancelButton__u\+wyt {
  color: #7D858B;
}
.styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_mobileButtonsContainer__IF8No .styles_cancelButton__u\+wyt:hover {
  color: #7D858B;
  background-color: #ffffff;
  border-color: #7D858B;
}
.styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_summaryContainer__ZW7bx {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  text-align: justify;
}
@media (min-width: 768px) {
  .styles_formContainer__2yrWX {
    background-color: #ffffff;
    border-color: #ECEFEF;
    border-radius: 10px;
    padding: 3% 5% 3% 5%;
    margin-inline: 100px;
  }
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak {
    border-top: none;
    margin: 0;
    padding: 0;
  }
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_titleContainer__TWg8Z {
    display: block;
  }
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_titleContainer__TWg8Z .styles_sectionTitle__IlDTV {
    font-size: 22px;
  }
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_titleContainer__TWg8Z .styles_sectionDescription__tFmin {
    font-size: 16px;
  }
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_customRadioButton__Z0Fwg {
    display: none;
  }
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_radioButton__R7KRv {
    display: block;
  }
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_formLabel__AAhj2 {
    font-size: 16px;
  }
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_desktopButtonsContainer__Sx0\+B {
    display: flex;
    justify-content: end;
    gap: 16px;
  }
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_desktopButtonsContainer__Sx0\+B .styles_cancelButton__u\+wyt,
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_desktopButtonsContainer__Sx0\+B .styles_confirmButton__Zi2rK {
    border-radius: 5px;
    height: 45px;
  }
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_desktopButtonsContainer__Sx0\+B .styles_cancelButton__u\+wyt {
    color: #7D858B;
  }
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_desktopButtonsContainer__Sx0\+B .styles_cancelButton__u\+wyt:hover {
    color: #7D858B;
    background-color: #ffffff;
    border-color: #7D858B;
  }
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_desktopButtonsContainer__Sx0\+B .styles_confirmButton__Zi2rK {
    color: #ffffff;
    background-color: #234D4C;
  }
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_desktopButtonsContainer__Sx0\+B .styles_confirmButton__Zi2rK:disabled {
    opacity: 0.5;
  }
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_desktopButtonsContainer__Sx0\+B .styles_confirmButton__Zi2rK:hover {
    color: #ffffff;
    border-color: #234D4C;
    background-color: #234D4C;
  }
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_mobileButtonsContainer__IF8No {
    display: none;
  }
}
@media (min-width: 1360px) {
  .styles_formContainer__2yrWX {
    background-color: #ffffff;
    border-color: #ECEFEF;
    border-radius: 10px;
    padding: 3% 5% 3% 5%;
    margin-inline: 100px;
  }
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_titleContainer__TWg8Z {
    display: block;
  }
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_titleContainer__TWg8Z .styles_sectionTitle__IlDTV {
    font-size: 22px;
  }
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_titleContainer__TWg8Z .styles_sectionDescription__tFmin {
    font-size: 16px;
  }
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_customRadioButton__Z0Fwg {
    display: none;
  }
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_radioButton__R7KRv {
    display: block;
  }
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_formLabel__AAhj2 {
    font-size: 16px;
  }
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_desktopButtonsContainer__Sx0\+B {
    display: flex;
    justify-content: end;
    gap: 16px;
  }
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_desktopButtonsContainer__Sx0\+B .styles_cancelButton__u\+wyt,
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_desktopButtonsContainer__Sx0\+B .styles_confirmButton__Zi2rK {
    border-radius: 5px;
    height: 45px;
  }
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_desktopButtonsContainer__Sx0\+B .styles_cancelButton__u\+wyt {
    color: #7D858B;
    width: 162px;
    max-width: 162px;
  }
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_desktopButtonsContainer__Sx0\+B .styles_cancelButton__u\+wyt:hover {
    color: #7D858B;
    background-color: #ffffff;
    border-color: #7D858B;
  }
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_desktopButtonsContainer__Sx0\+B .styles_confirmButton__Zi2rK {
    color: #ffffff;
    background-color: #234D4C;
    width: 284px;
    max-width: 284px;
  }
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_desktopButtonsContainer__Sx0\+B .styles_confirmButton__Zi2rK:hover {
    color: #ffffff;
    border-color: #234D4C;
    background-color: #234D4C;
  }
  .styles_formContainer__2yrWX .styles_borderWrapper__8V5Ak .styles_mobileButtonsContainer__IF8No {
    display: none;
  }
}

.styles_modalContainer__c0r5N {
  text-align: center;
}
.styles_modalContainer__c0r5N .styles_textsContainer__JIh3L {
  text-align: center;
}
.styles_modalContainer__c0r5N .styles_textsContainer__JIh3L .styles_modalTitle__2mDnl {
  font-size: 22px;
  font-weight: 500;
  color: #414745;
}
.styles_modalContainer__c0r5N .styles_textsContainer__JIh3L .styles_modalDescription__oTcyf {
  font-size: 14px;
}
.styles_modalContainer__c0r5N .styles_textsContainer__JIh3L .styles_modalDescription__oTcyf .styles_highlightedText__bKJ5i {
  font-weight: 600;
}
.styles_modalContainer__c0r5N .styles_alert__ehlJD {
  text-align: start;
  padding-bottom: 15px;
}
.styles_modalContainer__c0r5N .styles_modalTableContent__x7jF6 {
  display: flex;
  flex-direction: column;
  padding-bottom: 30px;
}
.styles_modalContainer__c0r5N .styles_modalTableContent__x7jF6 .styles_modalTableItem__AuaEl {
  display: flex;
  align-items: center;
  height: 35px;
}
.styles_modalContainer__c0r5N .styles_modalTableContent__x7jF6 .styles_modalTableItem__AuaEl .styles_modalTableItemLabel__gN1vu {
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  width: 120px;
  padding-left: 5px;
}
.styles_modalContainer__c0r5N .styles_modalTableContent__x7jF6 .styles_modalTableItem__AuaEl .styles_modalTableItemContent__RTntx {
  font-size: 14px;
  font-weight: 400;
}
.styles_modalContainer__c0r5N .styles_modalTableContent__x7jF6 .styles_modalTableItem__AuaEl.styles_odd__SdJTM {
  background-color: #f2eeee;
}
.styles_modalContainer__c0r5N .styles_modalTableAmounts__YSSjI {
  background-color: #f2eeee;
  padding: 8px;
}
.styles_modalContainer__c0r5N .styles_modalTableAmounts__YSSjI .styles_modalTableAmountRow__vmj6d {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px;
}
.styles_modalContainer__c0r5N .styles_modalTableAmounts__YSSjI .styles_modalTableAmountRow__vmj6d .styles_label__YcnfF {
  font-weight: 600;
}
.styles_modalContainer__c0r5N .styles_modalTableAmounts__YSSjI .styles_modalTableAmountRow__vmj6d .styles_amount__a1TBB {
  font-weight: 500;
}
.styles_modalContainer__c0r5N .styles_modalTableAmounts__YSSjI .styles_modalTableAmountRow__vmj6d .styles_totalAmount__VGazo {
  font-weight: 700;
}
.styles_modalContainer__c0r5N .styles_successTitle__rAqU9 {
  margin-top: 21px;
  font-size: 18px;
  font-weight: 700;
  line-height: 18.61px;
  color: #414745;
}
.styles_modalContainer__c0r5N .styles_successDescription__KEdWn {
  font-size: 18px;
  font-weight: 400;
  line-height: 23.92px;
  color: #414745;
}
.styles_singleButtonContainer__fVk5C {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_singleButtonContainer__fVk5C .styles_confirmButton__hOsuV {
  color: #ffffff;
  background-color: #234D4C;
  width: 207px;
  height: 45px;
  border-radius: 20px;
}
.styles_singleButtonContainer__fVk5C .styles_confirmButton__hOsuV:hover {
  color: #ffffff;
  border-color: #234D4C;
  background-color: #234D4C;
}
.styles_singleButtonContainer__fVk5C .styles_errorButton__IRFkf {
  color: #7D858B;
  width: 100px;
  border-radius: 20px;
  height: 45px;
}
.styles_singleButtonContainer__fVk5C .styles_errorButton__IRFkf:hover {
  color: #7D858B;
  background-color: #ffffff;
  border-color: #7D858B;
}
.styles_mobileButtonsContainer__NWw1F {
  padding-top: 20px;
  gap: 20px;
  display: flex;
  flex-direction: column;
}
.styles_mobileButtonsContainer__NWw1F .styles_confirmButton__hOsuV,
.styles_mobileButtonsContainer__NWw1F .styles_cancelButton__Bo3SZ,
.styles_mobileButtonsContainer__NWw1F .styles_errorButton__IRFkf {
  width: 100%;
  height: 45px;
  border-radius: 20px;
}
.styles_mobileButtonsContainer__NWw1F .styles_confirmButton__hOsuV {
  background-color: #234D4C;
  color: #ffffff;
}
.styles_mobileButtonsContainer__NWw1F .styles_confirmButton__hOsuV:hover {
  color: #ffffff;
  border-color: #234D4C;
  background-color: #234D4C;
}
.styles_mobileButtonsContainer__NWw1F .styles_cancelButton__Bo3SZ {
  background-color: #ffffff;
  border: 1px solid #CED1D2;
  color: #7D858B;
}
.styles_mobileButtonsContainer__NWw1F .styles_cancelButton__Bo3SZ:hover {
  color: #7D858B;
  background-color: #ffffff;
  border-color: #7D858B;
}
.styles_mobileButtonsContainer__NWw1F .styles_errorButton__IRFkf {
  width: 100px;
  background-color: #ffffff;
  border: 1px solid #CED1D2;
  color: #7D858B;
}
.styles_mobileButtonsContainer__NWw1F .styles_errorButton__IRFkf:hover {
  color: #7D858B;
  background-color: #ffffff;
  border-color: #7D858B;
}
.styles_desktopButtonsContainer__ttIZn {
  display: none;
}
.styles_desktopButtonsContainer__ttIZn .styles_confirmButton__hOsuV,
.styles_desktopButtonsContainer__ttIZn .styles_cancelButton__Bo3SZ,
.styles_desktopButtonsContainer__ttIZn .styles_errorButton__IRFkf {
  width: 100%;
  height: 45px;
  border-radius: 5px;
}
.styles_desktopButtonsContainer__ttIZn .styles_confirmButton__hOsuV {
  background-color: #234D4C;
  color: #ffffff;
}
.styles_desktopButtonsContainer__ttIZn .styles_cancelButton__Bo3SZ {
  background-color: #ffffff;
  border: 1px solid #CED1D2;
  color: #7D858B;
}
.styles_desktopButtonsContainer__ttIZn .styles_errorButton__IRFkf {
  width: 100px;
  background-color: #ffffff;
  border: 1px solid #CED1D2;
  color: #7D858B;
}
@media (min-width: 768px) {
  .styles_singleButtonContainer__fVk5C .styles_confirmButton__hOsuV {
    border-radius: 5px;
  }
  .styles_singleButtonContainer__fVk5C .styles_errorButton__IRFkf {
    border-radius: 5px;
  }
  .styles_mobileButtonsContainer__NWw1F {
    display: none;
  }
  .styles_desktopButtonsContainer__ttIZn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-block: 20px;
    gap: 20px;
  }
  .styles_desktopButtonsContainer__ttIZn .styles_confirmButton__hOsuV {
    width: 207px;
  }
  .styles_desktopButtonsContainer__ttIZn .styles_confirmButton__hOsuV:hover {
    color: #ffffff;
    border-color: #234D4C;
    background-color: #234D4C;
  }
  .styles_desktopButtonsContainer__ttIZn .styles_cancelButton__Bo3SZ,
  .styles_desktopButtonsContainer__ttIZn .styles_errorButton__IRFkf {
    width: 172px;
  }
  .styles_desktopButtonsContainer__ttIZn .styles_cancelButton__Bo3SZ:hover,
  .styles_desktopButtonsContainer__ttIZn .styles_errorButton__IRFkf:hover {
    color: #7D858B;
    background-color: #ffffff;
    border-color: #7D858B;
  }
}

.styles_cardContainer__HxM08 {
  margin: 20px 0px 20px 0px;
  padding: 0px 20px;
  border: 1px solid #ced1d2;
  border-radius: 5px;
  box-shadow: 0px 9px 10px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  max-height: 234px;
  overflow: hidden;
  font-family: 'Exo';
}
.styles_cardContainer__HxM08 .styles_cardHeader__LZc5y {
  display: flex;
  text-align: left;
  font-weight: 600;
  font-size: 14px;
  padding-top: 17px;
}
.styles_cardContainer__HxM08 .styles_cardBody__-2Xe6 {
  padding: 10px 0 10px 0;
  text-align: left;
}
.styles_cardContainer__HxM08 .styles_cardBody__-2Xe6 .styles_row__NrMmO {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 0;
}
.styles_cardContainer__HxM08 .styles_cardBody__-2Xe6 .styles_label__XtbZP,
.styles_cardContainer__HxM08 .styles_cardBody__-2Xe6 .styles_value__5ORKC {
  font-size: 12px;
}
.styles_cardContainer__HxM08 .styles_cardBody__-2Xe6 .styles_rowTotal__QtHNb {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0 0 0;
}
.styles_cardContainer__HxM08 .styles_cardBody__-2Xe6 .styles_valueTotal__Yak93 {
  font-weight: 700;
  font-size: 14px;
}
@media (min-width: 768px) {
  .styles_cardContainer__HxM08 .styles_cardHeader__LZc5y {
    font-size: 16px;
  }
  .styles_cardContainer__HxM08 .styles_cardBody__-2Xe6 .styles_label__XtbZP,
  .styles_cardContainer__HxM08 .styles_cardBody__-2Xe6 .styles_value__5ORKC {
    font-size: 14px;
  }
}

.styles_buttonsContainer__\+DWXN {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.styles_buttonsContainer__\+DWXN .styles_confirmButton__rUxq\+,
.styles_buttonsContainer__\+DWXN .styles_cancelButton__2EKFm {
  width: 158px;
  height: 45px;
  border-radius: 5px;
}
.styles_buttonsContainer__\+DWXN .styles_confirmButton__rUxq\+ {
  color: #7D858B;
}
.styles_buttonsContainer__\+DWXN .styles_confirmButton__rUxq\+:hover {
  color: #7D858B;
  background-color: #ffffff;
  border-color: #7D858B;
}
.styles_buttonsContainer__\+DWXN .styles_cancelButton__2EKFm {
  color: #ffffff;
  background-color: #234D4C;
}
.styles_buttonsContainer__\+DWXN .styles_cancelButton__2EKFm:hover {
  color: #ffffff;
  border-color: #234D4C;
  background-color: #234D4C;
}

.styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 {
  border-top: 1px solid #D9D9D9;
  margin: 0 -14px;
  padding: 16px 24px;
}
.styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_titleContainer__5N8XX {
  display: none;
}
.styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_titleContainer__5N8XX .styles_sectionTitle__bMmsb {
  font-size: 14px;
  font-weight: 600;
  color: #414745;
}
.styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_titleContainer__5N8XX .styles_sectionDescription__Qmkhw {
  font-size: 11px;
  font-weight: 400;
  color: #414745;
}
.styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_formLabel__cqd5F {
  font-weight: 600;
  font-size: 14px;
}
.styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_desktopButtonContainer__cxHiB {
  display: none;
}
.styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_mobileButtonContainer__tk2po {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  border-top: 1px solid #D9D9D9;
  margin: 0 -24px;
  padding: 16px 24px;
}
.styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_mobileButtonContainer__tk2po .styles_confirmButton__ja\+Qd,
.styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_mobileButtonContainer__tk2po .styles_cancelButton__-7BNY {
  font-size: 14px;
  width: 100%;
  height: 45px;
  border-radius: 20px;
}
.styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_mobileButtonContainer__tk2po .styles_confirmButton__ja\+Qd {
  color: #ffffff;
  background-color: #234D4C;
}
.styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_mobileButtonContainer__tk2po .styles_confirmButton__ja\+Qd:disabled {
  opacity: 0.5;
}
.styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_mobileButtonContainer__tk2po .styles_confirmButton__ja\+Qd:hover {
  color: #ffffff;
  border-color: #234D4C;
  background-color: #234D4C;
}
.styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_mobileButtonContainer__tk2po .styles_cancelButton__-7BNY {
  color: #7D858B;
}
.styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_mobileButtonContainer__tk2po .styles_cancelButton__-7BNY:hover {
  color: #7D858B;
  background-color: #ffffff;
  border-color: #7D858B;
}
@media (min-width: 768px) {
  .styles_formContainer__yaoE7 {
    background-color: #ffffff;
    border-color: #ECEFEF;
    border-radius: 10px;
    padding: 3% 5% 3% 5%;
    margin-inline: 100px;
  }
  .styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 {
    border-top: none;
    margin: 0;
    padding: 0;
  }
  .styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_titleContainer__5N8XX {
    display: block;
  }
  .styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_titleContainer__5N8XX .styles_sectionTitle__bMmsb {
    font-size: 22px;
  }
  .styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_titleContainer__5N8XX .styles_sectionDescription__Qmkhw {
    font-size: 16px;
  }
  .styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_formLabel__cqd5F {
    font-size: 16px;
  }
  .styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_desktopButtonContainer__cxHiB {
    display: flex;
    justify-content: end;
    gap: 16px;
  }
  .styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_desktopButtonContainer__cxHiB .styles_cancelButton__-7BNY,
  .styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_desktopButtonContainer__cxHiB .styles_confirmButton__ja\+Qd {
    border-radius: 5px;
    height: 45px;
  }
  .styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_desktopButtonContainer__cxHiB .styles_cancelButton__-7BNY {
    color: #7D858B;
  }
  .styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_desktopButtonContainer__cxHiB .styles_cancelButton__-7BNY:hover {
    color: #7D858B;
    background-color: #ffffff;
    border-color: #7D858B;
  }
  .styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_desktopButtonContainer__cxHiB .styles_confirmButton__ja\+Qd {
    color: #ffffff;
    background-color: #234D4C;
  }
  .styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_desktopButtonContainer__cxHiB .styles_confirmButton__ja\+Qd:disabled {
    opacity: 0.5;
  }
  .styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_desktopButtonContainer__cxHiB .styles_confirmButton__ja\+Qd:hover {
    color: #ffffff;
    border-color: #234D4C;
    background-color: #234D4C;
  }
  .styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_mobileButtonContainer__tk2po {
    display: none;
  }
}
@media (min-width: 1360px) {
  .styles_formContainer__yaoE7 {
    border-radius: 10px;
    padding: 3% 5% 3% 5%;
    margin-inline: 100px;
  }
  .styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_formLabel__cqd5F {
    font-size: 16px;
  }
  .styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_desktopButtonContainer__cxHiB {
    gap: 16px;
  }
  .styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_desktopButtonContainer__cxHiB .styles_confirmButton__ja\+Qd {
    width: 284px;
    max-width: 284px;
  }
  .styles_formContainer__yaoE7 .styles_borderWrapper__s2HE7 .styles_desktopButtonContainer__cxHiB .styles_cancelButton__-7BNY {
    width: 162px;
    max-width: 162px;
  }
}

.styles_collapseContainer__W77WU {
  background: none !important;
}
.styles_collapseContainer__W77WU .styles_arrowIcon__esaFA {
  font-size: 20px;
  color: #787676;
}
.styles_collapseContainer__W77WU .styles_panelContainer__YhTFD {
  background-color: #ffffff;
  border-radius: 5px;
}
.styles_collapseContainer__W77WU .styles_panelContainer__YhTFD:not(:last-child) {
  margin-bottom: 40px;
}
.styles_collapseContainer__W77WU .styles_panelContainer__YhTFD:last-child {
  border-radius: 5px !important;
}
.styles_collapseContainer__W77WU .styles_panelContainer__YhTFD.styles_borderFree__tG0m\+ {
  border-radius: 5px;
  border-left: 6px solid #234d4c !important;
  border-bottom: 2px solid rgba(35, 77, 76, 0.2);
  box-shadow: 0 2px 4px rgba(35, 77, 76, 0.1);
}
.styles_collapseContainer__W77WU .styles_panelContainer__YhTFD.styles_borderPlus__-QzjP {
  border-radius: 5px;
  border-left: 6px solid #00acb3 !important;
  border-bottom: 2px solid rgba(0, 172, 179, 0.2);
  box-shadow: 0 2px 4px rgba(0, 172, 179, 0.1);
}
.styles_collapseContainer__W77WU .styles_panelContainer__YhTFD.styles_disabledPanel__DlaP\+ {
  border-radius: 5px;
  border-left: 6px solid #cccccc !important;
  opacity: 0.6;
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.styles_collapseContainer__W77WU .styles_panelContainer__YhTFD.styles_disabledPanel__DlaP\+ .styles_headerContainer__mxqKO {
  opacity: 0.7;
}
.styles_collapseContainer__W77WU .styles_panelContainer__YhTFD.styles_disabledPanel__DlaP\+ .styles_arrowIcon__esaFA {
  color: #999999;
}
.styles_collapseContainer__W77WU .styles_headerContainer__mxqKO {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.styles_collapseContainer__W77WU .styles_headerContainer__mxqKO .styles_textsContainer__kwqj8 .styles_panelHeaderTitle__VeC4H {
  font-size: 14px;
  font-weight: 600;
  font-style: italic;
  color: #49434b;
}
.styles_collapseContainer__W77WU .styles_headerContainer__mxqKO .styles_textsContainer__kwqj8 .styles_panelHeaderDescription__eRgRq {
  font-size: 12px;
  font-weight: 300;
  font-style: italic;
  color: #49434b;
}
.styles_collapseContainer__W77WU .styles_headerContainer__mxqKO .styles_textsContainer__kwqj8 .styles_panelHeaderDescription__eRgRq > span {
  font-style: normal;
  font-weight: 600;
}
.styles_buttonsContainer__rcBjC {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.styles_buttonsContainer__rcBjC .styles_confirmButton__68Izj,
.styles_buttonsContainer__rcBjC .styles_cancelButton__7fdy3 {
  height: 45px;
  border-radius: 5px;
}
.styles_buttonsContainer__rcBjC .styles_confirmButton__68Izj {
  color: #7D858B;
}
.styles_buttonsContainer__rcBjC .styles_confirmButton__68Izj:hover {
  color: #7D858B;
  background-color: #ffffff;
  border-color: #7D858B;
}
.styles_buttonsContainer__rcBjC .styles_cancelButton__7fdy3 {
  color: #ffffff;
  background-color: #234D4C;
}
.styles_buttonsContainer__rcBjC .styles_cancelButton__7fdy3:hover {
  color: #ffffff;
  border-color: #234D4C;
  background-color: #234D4C;
}

.styles_mainContainer__J2bXw .styles_rowContainer__mzs6O {
  padding-inline: 7.5px;
  padding-bottom: 8rem;
}
.styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_mobileColumnContainer__sOin9 {
  display: block;
}
.styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnCards__SGIRd {
  display: none;
}
.styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnContainer__sRZ-y {
  display: none;
}
@media (min-width: 768px) {
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 189px;
    gap: 24px;
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_mobileColumnContainer__sOin9 {
    display: none;
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnCards__SGIRd {
    display: block;
    padding-bottom: 40px;
    flex: 1 1;
    max-width: calc(25% - 18px);
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnCards__SGIRd .styles_cardContainer__vBs7I {
    background-color: #ffffff;
    width: 100%;
    max-width: 85%;
    height: 120px;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 4px 4px 4px #00000040;
    border-radius: 20px;
    cursor: pointer;
    opacity: 0.5;
    transition: all 0.3s ease;
    margin: 0 auto;
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnCards__SGIRd .styles_cardContainer__vBs7I.styles_cardDisabled__gRNMw {
    box-shadow: none;
    border: 1px solid #d9d9d9;
    opacity: 0.3;
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnCards__SGIRd .styles_cardContainer__vBs7I:hover {
    width: 100%;
    max-width: 95%;
    height: 140px;
    opacity: 0.8;
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnCards__SGIRd .styles_cardContainer__vBs7I:hover.styles_cardDisabled__gRNMw {
    opacity: 0.5;
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnCards__SGIRd .styles_cardContainer__vBs7I.styles_cardSelected__jO9fF {
    opacity: 1;
    width: 100%;
    max-width: 95%;
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnCards__SGIRd .styles_cardContainer__vBs7I .styles_ribbon__7pwYJ {
    position: absolute;
    top: 12px;
    right: -30px;
    color: #ffffff;
    width: 120px;
    height: 25px;
    background-color: #234d4c;
    padding: 4px;
    font-size: 9px;
    transform: rotate(44deg);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnCards__SGIRd .styles_cardContainer__vBs7I .styles_card__z0hoF {
    padding: 8px;
    text-align: center;
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnCards__SGIRd .styles_cardContainer__vBs7I .styles_card__z0hoF .styles_icon__vDWDr {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnCards__SGIRd .styles_cardContainer__vBs7I .styles_card__z0hoF .styles_title__tde-6,
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnCards__SGIRd .styles_cardContainer__vBs7I .styles_card__z0hoF .styles_description__ys7oH {
    font-family: 'Exo';
    color: #414745;
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnCards__SGIRd .styles_cardContainer__vBs7I .styles_card__z0hoF .styles_title__tde-6 {
    margin-bottom: 1px;
    font-size: 14px;
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnCards__SGIRd .styles_cardContainer__vBs7I .styles_card__z0hoF .styles_description__ys7oH {
    font-size: 11px;
    margin-bottom: 1px;
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnCards__SGIRd .styles_cardContainer__vBs7I .styles_card__z0hoF .styles_disabledText__K6aCQ {
    font-size: 10px;
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnContainer__sRZ-y {
    display: block;
  }
  .styles_buttonsContainer__Z5A8g {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
  }
  .styles_buttonsContainer__Z5A8g .styles_confirmButton__Q53WG,
  .styles_buttonsContainer__Z5A8g .styles_cancelButton__WjqTV {
    height: 45px;
    border-radius: 5px;
  }
  .styles_buttonsContainer__Z5A8g .styles_confirmButton__Q53WG {
    color: #7D858B;
  }
  .styles_buttonsContainer__Z5A8g .styles_confirmButton__Q53WG:hover {
    color: #7D858B;
    background-color: #ffffff;
    border-color: #7D858B;
  }
  .styles_buttonsContainer__Z5A8g .styles_cancelButton__WjqTV {
    color: #ffffff;
    background-color: #234D4C;
  }
  .styles_buttonsContainer__Z5A8g .styles_cancelButton__WjqTV:hover {
    color: #ffffff;
    border-color: #234D4C;
    background-color: #234D4C;
  }
}
@media (min-width: 1366px) {
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 189px;
    gap: 24px;
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_mobileColumnContainer__sOin9 {
    display: none;
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnCards__SGIRd {
    display: block;
    padding-bottom: 40px;
    flex: 0 1;
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnCards__SGIRd .styles_cardContainer__vBs7I {
    background-color: #ffffff;
    width: 224px;
    height: 150px;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 4px 4px 4px #00000040;
    border-radius: 20px;
    cursor: pointer;
    opacity: 0.5;
    transition: all 0.3s ease;
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnCards__SGIRd .styles_cardContainer__vBs7I.styles_cardDisabled__gRNMw {
    box-shadow: none;
    border: 1px solid #d9d9d9;
    opacity: 0.3;
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnCards__SGIRd .styles_cardContainer__vBs7I:hover {
    width: 282px;
    height: 178px;
    opacity: 0.8;
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnCards__SGIRd .styles_cardContainer__vBs7I:hover.styles_cardDisabled__gRNMw {
    opacity: 0.5;
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnCards__SGIRd .styles_cardContainer__vBs7I.styles_cardSelected__jO9fF {
    opacity: 1;
    width: 282px;
    height: 178px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnCards__SGIRd .styles_cardContainer__vBs7I .styles_ribbon__7pwYJ {
    position: absolute;
    top: 15px;
    right: -30px;
    color: #ffffff;
    width: 140px;
    height: 30px;
    background-color: #234d4c;
    padding: 5px;
    font-size: 10px;
    transform: rotate(44deg);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnCards__SGIRd .styles_cardContainer__vBs7I .styles_card__z0hoF {
    padding: 10px;
    text-align: center;
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnCards__SGIRd .styles_cardContainer__vBs7I .styles_card__z0hoF .styles_icon__vDWDr {
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnCards__SGIRd .styles_cardContainer__vBs7I .styles_card__z0hoF .styles_title__tde-6,
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnCards__SGIRd .styles_cardContainer__vBs7I .styles_card__z0hoF .styles_description__ys7oH {
    font-family: 'Exo';
    color: #414745;
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnCards__SGIRd .styles_cardContainer__vBs7I .styles_card__z0hoF .styles_title__tde-6 {
    margin-bottom: 1px;
    font-size: 16px;
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnCards__SGIRd .styles_cardContainer__vBs7I .styles_card__z0hoF .styles_description__ys7oH {
    font-size: 12px;
    margin-bottom: 1px;
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnCards__SGIRd .styles_cardContainer__vBs7I .styles_card__z0hoF .styles_disabledText__K6aCQ {
    font-size: 12px;
  }
  .styles_mainContainer__J2bXw .styles_rowContainer__mzs6O .styles_desktopColumnContainer__sRZ-y {
    display: block;
  }
}

.styles_card__mBb19 {
  width: 100%;
  height: 100%;
  max-width: 279px;
  max-height: 442px;
  min-width: 279px;
  min-height: 442px;
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  padding: 0px 10px;
  box-shadow: 0px 4px 4px 0px #00000040;
}
.styles_card__mBb19 .styles_imageContainer__yqnRO {
  height: 185px;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 10%;
}
.styles_card__mBb19 .styles_imageContainer__yqnRO img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}
.styles_card__mBb19 .styles_body__jpWXx {
  color: #4B4B4B;
  font-family: 'Inter';
  font-size: 12px;
}
.styles_card__mBb19 .styles_body__jpWXx .styles_title__1tY0T {
  padding-top: 20px;
  color: #414745;
  font-family: Inter;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
}
@media (min-width: 768px) {
  .styles_card__mBb19 {
    width: 100%;
    height: 100%;
    max-width: 279px;
    max-height: 442px;
  }
  .styles_card__mBb19 .styles_imageContainer__yqnRO img {
    width: 258px;
    height: 100%;
  }
  .styles_card__mBb19 .styles_body__jpWXx {
    font-size: 14px;
  }
  .styles_card__mBb19 .styles_body__jpWXx .styles_title__1tY0T {
    font-size: 18px;
  }
}

.styles_mainContainer__9KdsC {
  background-color: #FFFFFF;
  padding: 70px 15px 70px 15px;
  color: #414745;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.styles_mainContainer__9KdsC .styles_titleContainer__o8LBd {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.styles_mainContainer__9KdsC .styles_titleContainer__o8LBd .styles_titleRow__gjtLp {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.styles_mainContainer__9KdsC .styles_titleContainer__o8LBd .styles_titleRow__gjtLp .styles_arrowsContainer__7bcQV {
  margin-right: 8px;
  display: flex;
  align-items: center;
}
.styles_mainContainer__9KdsC .styles_titleContainer__o8LBd .styles_titleRow__gjtLp .styles_arrowsContainer__7bcQV img {
  width: 60px;
  height: 19px;
}
.styles_mainContainer__9KdsC .styles_titleContainer__o8LBd .styles_titleRow__gjtLp .styles_title__4BHK7 {
  font-family: Exo;
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: left;
}
.styles_mainContainer__9KdsC .styles_titleContainer__o8LBd .styles_description__XOqeK {
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0%;
  text-align: center;
  margin-top: 8px;
}
.styles_mainContainer__9KdsC .styles_cardsContainer__1A-7P {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.styles_mainContainer__9KdsC .styles_cardsContainer__1A-7P .styles_item__-\+Qih {
  display: flex;
  justify-content: center;
  gap: 5px;
  font-family: Inter;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
}
@media screen and (max-width: 695px) {
  .styles_mainContainer__9KdsC .styles_cardsContainer__1A-7P .styles_item__-\+Qih {
    font-family: Inter;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0px;
  }
}
.styles_mainContainer__9KdsC .styles_cardsContainer__1A-7P .styles_highlight__i6li9 {
  font-weight: 700;
}
.styles_mainContainer__9KdsC .styles_cardsContainer__1A-7P .styles_text__1Aczn {
  font-family: Inter;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
}
@media screen and (max-width: 695px) {
  .styles_mainContainer__9KdsC .styles_cardsContainer__1A-7P .styles_text__1Aczn {
    font-family: Inter;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0px;
  }
}
@media (min-width: 768px) {
  .styles_mainContainer__9KdsC {
    padding-block: 100px;
  }
  .styles_mainContainer__9KdsC .styles_titleContainer__o8LBd .styles_titleRow__gjtLp .styles_title__4BHK7 {
    font-size: 30px;
    line-height: 30px;
  }
  .styles_mainContainer__9KdsC .styles_titleContainer__o8LBd .styles_titleRow__gjtLp .styles_arrowsContainer__7bcQV img {
    width: 108px;
    height: 74px;
  }
  .styles_mainContainer__9KdsC .styles_titleContainer__o8LBd .styles_description__XOqeK {
    font-size: 20px;
    line-height: 24px;
  }
}

.styles_containerModelo__gq5WD {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: end;
  padding-right: 40px;
}
@media screen and (max-width: 991px) {
  .styles_containerModelo__gq5WD {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-right: 0;
  }
  .styles_containerModelo__gq5WD > img {
    width: 195px;
    height: 254px;
  }
}
.styles_containerTarifaSimple__ezWM0 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  color: #414745;
  gap: 50px;
  padding-left: 40px;
}
.styles_containerTarifaSimple__ezWM0 .styles_title__TxVxM {
  font-family: Exo;
  font-weight: 500;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: 0%;
  vertical-align: middle;
}
.styles_containerTarifaSimple__ezWM0 .styles_imgTarifa__AibYB {
  width: 382px;
  height: 57px;
}
@media screen and (max-width: 991px) {
  .styles_containerTarifaSimple__ezWM0 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #414745;
    gap: 50px;
    gap: 20px;
    padding-top: 20px;
    padding-left: 0;
  }
  .styles_containerTarifaSimple__ezWM0 .styles_title__TxVxM {
    font-family: Exo;
    font-weight: 500;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 0%;
    vertical-align: middle;
  }
  .styles_containerTarifaSimple__ezWM0 .styles_imgTarifa__AibYB {
    width: 328px;
    height: 49px;
  }
}
@media screen and (max-width: 767px) {
  .styles_containerTarifaSimple__ezWM0 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #414745;
    gap: 50px;
    gap: 20px;
    padding-top: 20px;
    padding-left: 0;
  }
  .styles_containerTarifaSimple__ezWM0 .styles_title__TxVxM {
    font-family: Exo;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
  }
  .styles_containerTarifaSimple__ezWM0 .styles_imgTarifa__AibYB {
    width: 328px;
    height: 49px;
  }
}

.styles_card__BxVin {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 4px 4px 0px #00000040;
  display: flex;
  flex-direction: column;
}
.styles_card__BxVin .styles_header__bPbuw {
  display: flex;
  align-items: center;
  background-color: #414745;
  color: #FFFFFF;
  height: 39px;
  border-radius: 5px 5px 0 0;
  padding-inline: 10px;
  font-weight: 600;
  font-family: 'Inter';
  font-size: 16px;
}
.styles_card__BxVin .styles_body__6\+391 .styles_description__bpKkf {
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 500;
  font-family: 'Inter';
  color: #414745;
}
.styles_card__BxVin .styles_body__6\+391 .styles_buttonContainer__bUeoJ {
  padding: 25px;
  display: flex;
  justify-content: center;
}
.styles_card__BxVin .styles_body__6\+391 .styles_buttonContainer__bUeoJ .styles_button__XTMZp {
  border-radius: 20px;
}
.styles_card__BxVin .styles_dimensionBody__7p9Q- {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  padding: 16px 25px;
  gap: 25px;
}
.styles_card__BxVin .styles_dimensionBody__7p9Q- .styles_dimensionDescription__Tt2jG {
  width: 100%;
  order: 2;
}
.styles_card__BxVin .styles_dimensionBody__7p9Q- .styles_dimensionDescription__Tt2jG .styles_highlight__KLoCB {
  font-weight: 600;
  font-family: 'Inter';
}
.styles_card__BxVin .styles_dimensionBody__7p9Q- .styles_dimensionImage__1bFoA {
  width: 100%;
  height: 205px;
  order: 1;
  background-image: url(/static/media/tamanos-mobile.3e99ac7aaa8a2d5d696a.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 768px) {
  .styles_card__BxVin .styles_header__bPbuw {
    font-size: 18px;
  }
  .styles_card__BxVin .styles_body__6\+391 .styles_buttonContainer__bUeoJ {
    justify-content: flex-end;
  }
  .styles_card__BxVin .styles_body__6\+391 .styles_buttonContainer__bUeoJ .styles_button__XTMZp {
    border-radius: 5px;
    width: 148px;
  }
  .styles_card__BxVin .styles_dimensionBody__7p9Q- {
    flex-direction: row;
    font-size: 14px;
    padding: 10px 15px;
    gap: 35px;
  }
  .styles_card__BxVin .styles_dimensionBody__7p9Q- .styles_dimensionDescription__Tt2jG {
    width: 50%;
    order: 1;
  }
  .styles_card__BxVin .styles_dimensionBody__7p9Q- .styles_dimensionImage__1bFoA {
    width: 50%;
    height: 147px;
    order: 2;
    background-image: url(/static/media/tamanos-desktop.6c2d9f05f0f9cddf4c05.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
}

.styles_mainContainer__C5byL .styles_tabsContainer__0sEPi {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row;
  max-width: 320px;
  margin: 0 auto 10px auto;
}
.styles_mainContainer__C5byL .styles_tabsContainer__0sEPi > * {
  flex: 1 1 45%;
  min-width: 110px;
  max-width: 48%;
  margin-bottom: 4px;
}
.styles_mainContainer__C5byL .styles_banner__1pMRU {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  text-decoration: none;
  width: 100%;
  height: 32px;
  background: linear-gradient(90deg, #E67FF2 0%, #A646B1 100%);
  box-shadow: 0px 4px 4px 0px #00000040;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
.styles_mainContainer__C5byL .styles_banner__1pMRU .styles_bannerSkeleton__mCkKS {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.styles_mainContainer__C5byL .styles_banner__1pMRU img {
  width: 34px;
  height: 21px;
  position: relative;
  z-index: 2;
}
.styles_mainContainer__C5byL .styles_banner__1pMRU .styles_bannerText__W\+kcN {
  font-weight: 600;
  font-family: 'Inter';
  font-size: 12px;
  color: #FFFFFF;
  position: relative;
  z-index: 2;
}
.styles_mainContainer__C5byL .styles_bannerDescription__cNOtH {
  display: none;
}
.styles_mainContainer__C5byL .styles_tableWrapper__Y4a8G {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  background: transparent;
}
.styles_mainContainer__C5byL .styles_table__BZJCQ {
  margin-top: 25px;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #E9E9E9;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.styles_mainContainer__C5byL .styles_table__BZJCQ th {
  font-size: 16px;
}
.styles_mainContainer__C5byL .styles_table__BZJCQ td {
  font-size: 12px;
}
.styles_mainContainer__C5byL .styles_table__BZJCQ th,
.styles_mainContainer__C5byL .styles_table__BZJCQ td {
  border-right: 1px solid #E9E9E9;
  border-bottom: 1px solid #E9E9E9;
  padding: 10px 6px;
  text-align: left;
}
.styles_mainContainer__C5byL .styles_table__BZJCQ td:first-child {
  font-family: 'Exo';
  font-weight: 700;
  position: relative;
}
.styles_mainContainer__C5byL .styles_table__BZJCQ td:not(:first-child) {
  text-align: center;
  font-weight: 500;
  font-family: 'Inter';
  color: #414745;
}
.styles_mainContainer__C5byL .styles_table__BZJCQ th:first-child,
.styles_mainContainer__C5byL .styles_table__BZJCQ td:first-child {
  width: 97px;
  min-width: 97px;
  max-width: 97px;
}
.styles_mainContainer__C5byL .styles_table__BZJCQ th:not(:first-child),
.styles_mainContainer__C5byL .styles_table__BZJCQ td:not(:first-child) {
  width: 56px;
  min-width: 56px;
  max-width: 56px;
  text-align: center;
}
.styles_mainContainer__C5byL .styles_table__BZJCQ th:last-child,
.styles_mainContainer__C5byL .styles_table__BZJCQ td:last-child {
  border-right: none;
}
.styles_mainContainer__C5byL .styles_table__BZJCQ tr:last-child td {
  border-bottom: none;
}
.styles_mainContainer__C5byL .styles_table__BZJCQ th {
  background-color: #FAFAFA;
  font-weight: 700;
}
.styles_mainContainer__C5byL .styles_table__BZJCQ .styles_expandible__iS8zp {
  cursor: pointer;
  background: #FFFFFF;
}
.styles_mainContainer__C5byL .styles_table__BZJCQ .styles_flecha__8S5rt {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  transition: all 0.2s ease;
}
.styles_mainContainer__C5byL .styles_table__BZJCQ .styles_flecha__8S5rt svg {
  transition: transform 0.2s ease;
}
.styles_mainContainer__C5byL .styles_table__BZJCQ .styles_flechaAbierta__CTWLi svg {
  transform: translateY(-50%) rotate(180deg);
}
.styles_mainContainer__C5byL .styles_table__BZJCQ .styles_detallesCollapse__9VptI {
  background: #FFFFFF;
  font-weight: 400;
  font-family: 'Exo';
  padding: 3px;
  width: 100%;
  word-break: break-word;
  white-space: normal;
  box-sizing: border-box;
}
.styles_mainContainer__C5byL .styles_table__BZJCQ .styles_detallesCollapse__9VptI div {
  font-weight: 400 !important;
  font-family: 'Exo';
}
.styles_zonaRowMain__X5dMu {
  position: relative;
}
@media (min-width: 768px) {
  .styles_mainContainer__C5byL .styles_tabsContainer__0sEPi {
    flex-wrap: nowrap;
    max-width: none;
  }
  .styles_mainContainer__C5byL .styles_tabsContainer__0sEPi > * {
    flex: initial;
    min-width: 120px;
    max-width: none;
    margin-bottom: 0;
  }
  .styles_mainContainer__C5byL .styles_banner__1pMRU {
    height: 35px;
    margin-top: 25px;
  }
  .styles_mainContainer__C5byL .styles_banner__1pMRU img {
    width: 48px;
    height: 29px;
  }
  .styles_mainContainer__C5byL .styles_banner__1pMRU .styles_bannerText__W\+kcN {
    font-size: 14px;
  }
  .styles_mainContainer__C5byL .styles_bannerDescription__cNOtH {
    display: block;
    padding: 25px 10px 0 10px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Inter';
    color: #414745;
  }
  .styles_mainContainer__C5byL .styles_tableWrapper__Y4a8G {
    overflow-x: visible;
  }
  .styles_mainContainer__C5byL .styles_table__BZJCQ {
    min-width: 0;
    font-size: 16px;
  }
  .styles_mainContainer__C5byL .styles_table__BZJCQ th,
  .styles_mainContainer__C5byL .styles_table__BZJCQ td {
    font-size: 16px;
    padding: 12px 8px;
  }
}
@media (min-width: 1366px) {
  .styles_mainContainer__C5byL .styles_tabsContainer__0sEPi {
    padding: 15px;
    justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .styles_detallesCollapse__9VptI {
    padding: 8px 4px;
  }
  .styles_zonaRowMain__X5dMu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 24px;
  }
  .styles_flecha__8S5rt {
    position: static !important;
    margin-left: 8px;
    top: auto;
    right: auto;
    transform: none !important;
  }
}
@media (min-width: 768px) {
  .styles_zonaRowMain__X5dMu {
    position: relative;
    min-height: 24px;
  }
  .styles_flecha__8S5rt {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 0;
  }
}

.styles_button__T741t {
  height: 33px;
  border: none;
  border-radius: 16.25px;
  box-shadow: 0px 4px 4px 0px #00000040;
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
.styles_button__T741t img {
  width: 19px;
  height: 19px;
}
.styles_button__T741t .styles_title__Jj4LB {
  font-weight: 700;
  font-size: 14px;
}
.styles_selectedPersona__sz27j {
  background-color: #E7FDE4 !important;
}
.styles_selectedMontana__b7SrC {
  background-color: #E7FDE4 !important;
}
.styles_selectedColina__s1t4h {
  background-color: #A119B040 !important;
}
.styles_selectedCordillera__zmmGF {
  background-color: #FFD48C !important;
}
@media (min-width: 1366px) {
  .styles_button__T741t {
    width: 178px;
  }
}
@media (min-width: 1920px) {
  .styles_button__T741t {
    width: 268px;
  }
}

.styles_cardsContainer__3Y2oB {
  display: flex;
  flex-direction: column;
  gap: 83px;
  padding: 70px 16px;
  background-color: #FFFFFF;
}
@media (min-width: 768px) {
  .styles_cardsContainer__3Y2oB {
    gap: 50px;
    padding: 100px 100px;
  }
}

.plr-internacional {
  padding-left: 80px;
  padding-right: 80px;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 1280px) {
  .plr-internacional {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 576px) {
  .plr-internacional {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.bann-int-back {
  background-color: #0A202F !important;
  max-height: 481px;
  height: 100%;
}
.bann-col-tracking {
  padding-top: 60px !important;
  padding-bottom: 24px !important;
  padding-right: 24px !important;
  justify-content: space-between;
  height: 481px;
}
@media (max-width: 767px) {
  .bann-col-tracking {
    padding-right: 16px !important;
  }
}
@media (max-width: 575px) {
  .bann-col-tracking {
    height: 458px !important;
    padding-top: 50px !important;
  }
}
.bann-title {
  font-family: var(--font-family-primary);
  font-weight: 700;
  font-size: 72px;
  line-height: 80px;
  letter-spacing: 0%;
  color: #FFFFFF;
}
@media (max-width: 1365px) {
  .bann-title {
    font-size: var(--font-size-display-0-desktop) !important;
  }
}
@media (max-width: 992px) {
  .bann-title {
    font-size: var(--font-size-heading-1-desktop) !important;
    line-height: 45px;
  }
}
.tracking-internacional {
  width: 100%;
}
.bann-col-img {
  display: flex;
  justify-content: center;
}
.bann-col-img > img {
  bottom: 0 !important;
  max-width: 100%;
  object-fit: contain !important;
}
@media (max-width: 1536px) {
  .bann-col-img {
    justify-content: end !important;
  }
}
@media (max-width: 767px) {
  .bann-col-img {
    display: none !important;
  }
}
.row-btn-scroll-int {
  display: flex;
  flex-direction: row;
  justify-content: start;
  gap: 8px;
  width: 100%;
}
@media (max-width: 575px) {
  .row-btn-scroll-int {
    gap: 4px;
  }
}
@media (max-width: 375px) {
  .row-btn-scroll-int {
    justify-content: space-between !important;
  }
}
.btn-scroll-int {
  height: 24px;
  opacity: 1;
  border-radius: 4px;
  padding: 0 8px;
  border-width: 1px;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-family: var(--font-family-secondary);
  font-weight: 400;
  font-size: var(--font-size-paragraph-2-desktop);
  line-height: 140%;
  letter-spacing: 0%;
}
@media (max-width: 1279px) {
  .btn-scroll-int {
    font-size: var(--font-size-paragraph-2-tablet);
  }
}
@media (max-width: 767px) {
  .btn-scroll-int {
    padding: 4px;
    font-size: var(--font-size-paragraph-2-mobile);
  }
}
.btn-scroll-int:hover {
  cursor: pointer;
}
.title-int-input-seguimiento {
  font-family: var(--font-family-primary);
  color: #FFFFFF !important;
  font-weight: 600px !important;
  font-size: 32px;
  padding: 20px 0;
}
@media (max-width: 1440px) {
  .title-int-input-seguimiento {
    padding: 10px 0;
  }
}
@media (max-width: 1366px) {
  .title-int-input-seguimiento {
    font-size: 24px;
  }
}
@media (max-width: 576px) {
  .title-int-input-seguimiento {
    font-size: var(--font-size-heading-2-mobile);
    padding: 20px 0 30px 0;
  }
}
.int-input-seguimiento {
  padding: 20px 60px 5px 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
@media (max-width: 991px) {
  .int-input-seguimiento {
    padding: 0 30px 5px 0;
  }
}
@media (max-width: 575px) {
  .int-input-seguimiento {
    padding: 0 0 5px 0;
  }
}
.bg-green-int {
  background-color: #BCFF00 !important;
}
.input-search-int {
  height: 45px;
}
.btn-search-int {
  width: 114px !important;
  height: 45px;
  padding-top: 10px;
  padding-right: 45px;
  padding-bottom: 10px;
  padding-left: 45px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.styles_paragraph__vwwrw {
  font-family: 'Inter';
  font-size: 14px;
  color: #414745;
  white-space: pre-line;
  line-height: 20px;
}
.styles_paragraph__vwwrw .styles_highlight__tHmy1 {
  font-weight: 700;
}
@media (min-width: 768px) {
  .styles_paragraph__vwwrw {
    font-size: 16px;
  }
}

.styles_container__yfPyV {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}
.styles_container__yfPyV img {
  width: 60px;
  height: 60px;
}
.styles_container__yfPyV .styles_title__lgMCR {
  font-family: 'Exo';
  font-weight: 700;
  font-size: 16px;
  color: #0F172A;
  line-height: 1.2;
}
.styles_container__yfPyV .styles_description__3RZKm {
  font-family: 'Inter';
  font-weight: 500;
  font-size: 12px;
  color: #414745;
  line-height: 1.4;
  margin: 0;
}
@media (min-width: 992px) {
  .styles_container__yfPyV {
    gap: 20px;
  }
  .styles_container__yfPyV img {
    width: 60px;
    height: 60px;
  }
  .styles_container__yfPyV .styles_title__lgMCR {
    font-size: 24px;
  }
  .styles_container__yfPyV .styles_description__3RZKm {
    font-size: 14px;
  }
}

.styles_container__WC3LJ {
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
  background-color: #FFFFFF;
}
.styles_container__WC3LJ .styles_title__51CqR {
  font-family: 'Exo';
  font-weight: 700;
  font-size: 24px;
  color: #0F172A;
}
.styles_container__WC3LJ .styles_contentWrapper__uJUki {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.styles_container__WC3LJ .styles_servicesRow__h3saT {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}
.styles_container__WC3LJ .styles_halfWidth__bp5oa {
  width: calc(50% - 8px);
}
.styles_container__WC3LJ .styles_fullWidth__gsTGL {
  width: 100%;
}
.styles_container__WC3LJ .styles_imageContainerMobile__BlTT8 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 24px 0;
}
.styles_container__WC3LJ .styles_imageContainerMobile__BlTT8 img {
  max-width: 100%;
  height: auto;
}
.styles_container__WC3LJ .styles_imageContainerDesktop__Fnltd {
  display: none;
}
@media (min-width: 992px) {
  .styles_container__WC3LJ {
    flex-direction: row;
    align-items: flex-start;
    gap: 48px;
  }
  .styles_container__WC3LJ .styles_title__51CqR {
    font-size: 48px;
  }
  .styles_container__WC3LJ .styles_contentWrapper__uJUki {
    flex: 1 1;
    max-width: 50%;
  }
  .styles_container__WC3LJ .styles_servicesRow__h3saT {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 32px;
  }
  .styles_container__WC3LJ .styles_halfWidth__bp5oa {
    width: calc(50% - 16px);
  }
  .styles_container__WC3LJ .styles_fullWidth__gsTGL {
    width: 100%;
  }
  .styles_container__WC3LJ .styles_imageContainerMobile__BlTT8 {
    display: none;
  }
  .styles_container__WC3LJ .styles_imageContainerDesktop__Fnltd {
    display: flex;
    flex: 1 1;
    justify-content: flex-end;
    align-items: center;
    margin: 0 -80px 0 0;
    position: relative;
    background-image: url(/static/media/bg-solucionesamedida.98e523fea7ed31d9d7ca.webp);
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
    min-height: 600px;
    padding-right: 10px;
  }
  .styles_container__WC3LJ .styles_imageContainerDesktop__Fnltd img {
    max-width: 80%;
    height: auto;
    position: relative;
    z-index: 2;
  }
}

.styles_container__xcpCj .styles_titulo__gvrz6 {
  font-family: 'Exo';
  font-size: 24px;
  font-weight: 700;
  color: #0F172A;
  background-image: url(/static/media/title-bg.af98ac86f2b79bbc1fda.webp);
  background-repeat: no-repeat;
  background-position: center right;
  padding-bottom: 20px;
  padding-right: 5%;
}
@media (min-width: 768px) {
  .styles_container__xcpCj .styles_titulo__gvrz6 {
    font-size: 48px;
  }
}

.ptr-text-section {
  padding-right: 80px;
  padding-top: 90px;
}
@media (max-width: 1279px) {
  .ptr-text-section {
    padding-right: 60px;
    padding-top: 20px;
  }
}
@media (max-width: 991px) {
  .ptr-text-section {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
@media (max-width: 767px) {
  .ptr-text-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.ptb-p1 {
  padding-top: 30px;
  padding-bottom: 20px;
}
.title-cross {
  margin-bottom: 30px;
}
.cross-col-container {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.img-cont-cross {
  position: absolute !important;
  width: 100%;
  height: 500px;
  text-align: center;
  margin: 0 auto;
}
.img-cross-bg1 {
  position: absolute !important;
  background-image: url(/static/media/Blob.49c90948ac2322aa355d.webp);
  height: 100%;
  width: 100%;
  max-height: 536px;
  max-width: 398px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 991px) {
  .img-cross-bg1 {
    transform: translate(0%, 5%);
  }
}
@media (max-width: 767px) {
  .img-cross-bg1 {
    transform: translate(-20%, 5%);
  }
}
@media (max-width: 575px) {
  .img-cross-bg1 {
    transform: translate(-20%, -5%) rotate(15deg);
    width: 70%;
    height: 95%;
  }
}
.img-cross-bg2 {
  position: absolute;
  top: 33%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  max-width: 600px;
  max-height: 391px;
  background-color: #FFFFFF;
  border-radius: 20px;
  box-shadow: 0px 25px 50px -12px #00000040;
  padding-left: 16px;
  padding-right: 16px;
}
.img-cross-bg2 > img {
  width: 100%;
  max-width: 568px;
  max-height: 344px;
}
.img-cross-bg2 > .circle-container {
  width: 100%;
  height: 41px;
  gap: 5px;
  opacity: 1;
  padding: 12px 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.img-cross-bg2 > .circle-container > .circle {
  width: 8.3px;
  height: 8.3px;
  border-radius: 50%;
}
.img-cross-bg2 > .circle-container > .circle.red {
  background-color: #E11D48;
}
.img-cross-bg2 > .circle-container > .circle.dark-green {
  background-color: #009D4E;
}
.img-cross-bg2 > .circle-container > .circle.light-green {
  background-color: #22C55E;
}
@media (max-width: 991px) {
  .img-cross-bg2 {
    transform: translate(-40%, -30%) !important;
  }
}
@media (max-width: 767px) {
  .img-cross-bg2 {
    height: auto;
    padding: 0 8px 8px 8px !important;
    transform: translate(-50%, -30%) !important;
  }
  .img-cross-bg2 > img {
    border-radius: 15px;
  }
}
@media (max-width: 575px) {
  .img-cross-bg2 {
    transform: translate(-50%, -35%) !important;
    padding: 8px !important;
  }
  .img-cross-bg2 > .circle-container {
    display: none;
  }
}
.cross-card-row {
  width: 100%;
  margin-top: 310px;
  margin-right: 0 !important;
}
@media (min-width: 1536px) {
  .cross-card-row {
    margin-left: 50px !important;
  }
}
@media (min-width: 1440px) {
  .cross-card-row > .cross-card-col .ant-col {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
@media (max-width: 575px) {
  .cross-card-row {
    margin-top: 250px;
  }
}
.cross-card {
  background-color: white !important;
  padding: 16px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  width: 100%;
  max-width: 200px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.cross-card > .cross-c-tag {
  font-family: var(--font-family-primary) !important;
  height: 24px;
  opacity: 1;
  border-radius: 4px;
  padding: 4px 6px;
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0%;
}
.cross-card > .cross-c-tag.blue {
  color: #1E40AF !important;
  background-color: #DBEAFE !important;
  width: 65px;
}
.cross-card > .cross-c-tag.green {
  color: #166534 !important;
  background-color: #DCFCE7 !important;
  width: 44px;
}
.cross-card > .cross-c-tag.purple {
  color: #6B21A8 !important;
  background-color: #F3E8FF !important;
  width: 71px;
}
.cross-card > .cross-c-title {
  font-family: var(--font-family-primary) !important;
  font-weight: 700;
  font-size: var(--font-size-heading-4-desktop);
  line-height: 25px;
  letter-spacing: 0%;
  color: #0F172A;
}
.cross-card > .cross-c-body {
  font-family: var(--font-family-secondary) !important;
  font-family: Inter;
  font-weight: 500;
  font-size: var(--font-size-paragraph-2-desktop);
  line-height: 20px;
  letter-spacing: 0px;
  color: #475569;
}
@media (max-width: 1279px) {
  .cross-card > .cross-c-title {
    font-size: var(--font-size-heading-3-tablet);
  }
  .cross-card > .cross-c-body {
    font-size: var(--font-size-paragraph-2-tablet);
  }
}
@media (max-width: 767px) {
  .cross-card > .cross-c-title {
    font-size: var(--font-size-heading-3-mobile);
  }
  .cross-card > .cross-c-body {
    font-size: var(--font-size-paragraph-2-mobile);
  }
}
@media (max-width: 575px) {
  .cross-card {
    width: 87% !important;
    max-width: 87% !important;
  }
}
.d-h-c {
  display: flex;
  align-items: start !important;
  justify-content: center !important;
}
@media (max-width: 575px) {
  .d-h-c {
    width: 100%;
  }
}

.lista-tickets {
  list-style: none;
  padding: 0;
  margin: 0 0 35px 0;
}
.lista-tickets li {
  color: #0F172A;
  position: relative;
  padding-left: 30px;
  font-family: var(--font-family-secondary);
  font-weight: 500;
  font-size: var(--font-size-heading-4-desktop) !important;
  line-height: 180%;
  letter-spacing: 0%;
  display: flex;
  align-items: center;
  min-height: 24px;
  /* Asegura que el li tenga al menos la altura del icono */
}
.lista-tickets li::before {
  content: '';
  position: absolute;
  left: 0;
  width: 24px;
  height: 24px;
  background: url(/static/media/check.64c6d46551e7f5fc8753.webp) no-repeat center center;
  background-size: contain;
}
.link-internacional {
  color: #2563EB !important;
  font-family: var(--font-family-primary);
  font-weight: 700;
  font-size: var(--font-size-heading-3-tablet);
  line-height: 100%;
}
.link-internacional > img {
  margin-left: 12px;
}
.link-internacional:hover {
  color: #2563EB !important;
}
@media (max-width: 1280px) {
  .lista-tickets li {
    font-size: var(--font-size-heading-3-tablet) !important;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .link-internacional {
    font-size: var(--font-size-heading-4-tablet);
  }
}
@media (max-width: 768px) {
  .lista-tickets li {
    font-size: var(--font-size-heading-3-mobile) !important;
  }
  .link-internacional {
    font-size: var(--font-size-heading-3-mobile);
  }
}

.plt-text-section {
  padding-left: 80px;
  padding-top: 30px;
}
@media (max-width: 1279px) {
  .plt-text-section {
    padding-left: 60px;
    padding-top: 20px;
  }
}
@media (max-width: 991px) {
  .plt-text-section {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
@media (max-width: 767px) {
  .plt-text-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.ptb-p1 {
  padding-top: 30px;
  padding-bottom: 20px;
}
.img-s4 {
  width: 100%;
  max-width: 514px;
  max-height: 465px;
  object-fit: cover;
}
@media (max-width: 991px) {
  .img-s4 {
    max-width: 414px;
    max-height: 365px !important;
  }
}
@media (max-width: 767px) {
  .img-s4 {
    margin-top: 24px;
  }
}

.styles_title__VS8im {
  font-family: 'Exo';
  font-weight: 700;
  font-size: 20px;
  color: #0F172A;
}
@media (min-width: 768px) {
  .styles_title__VS8im {
    font-size: 38px;
  }
}

.col-teraema {
  margin-bottom: 30px;
}
.img-teraema {
  width: 55px !important;
  height: 40px !important;
  margin-right: 8px;
}
.text-teraema {
  font-family: var(--font-family-primary);
  font-weight: 700;
  font-size: 24px;
  line-height: 25px;
  color: #414745;
  align-content: center;
}
.row-teraema {
  display: flex;
  flex-direction: row;
  align-content: center !important;
}
@media (max-width: 1280px) {
  .img-teraema {
    width: 49px !important;
    height: 35px !important;
  }
  .text-teraema {
    font-size: var(--font-size-heading-2-tablet);
  }
}
@media (max-width: 768px) {
  .img-teraema {
    width: 42px !important;
    height: 30px !important;
  }
  .text-teraema {
    font-size: var(--font-size-heading-2-mobile);
  }
}

.styles_container__PYmpa {
  background-color: #F4F9FF;
  padding-block: 25px;
}
.styles_titleContainer__a0SsU {
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.styles_contentWrapper__zTUGw {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.styles_contentWrapper__zTUGw .styles_textSection__Ezi\+2 {
  order: 1;
}
.styles_contentWrapper__zTUGw .styles_textSection__Ezi\+2 .styles_titleWrapper__WSuy3 {
  margin-bottom: 24px;
}
.styles_contentWrapper__zTUGw .styles_imageSection__aLuzR {
  order: 2;
  display: flex;
  justify-content: center;
}
.styles_contentWrapper__zTUGw .styles_imageSection__aLuzR img {
  max-width: 100%;
  height: auto;
}
.styles_contentWrapper__zTUGw .styles_featuresSection__pDZPP {
  order: 3;
}
@media (min-width: 992px) {
  .styles_contentWrapper__zTUGw {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "text image" "features image";
    grid-gap: 40px;
    gap: 40px;
    align-items: start;
  }
  .styles_contentWrapper__zTUGw .styles_textSection__Ezi\+2 {
    grid-area: text;
    order: initial;
  }
  .styles_contentWrapper__zTUGw .styles_textSection__Ezi\+2 .styles_titleWrapper__WSuy3 {
    margin-bottom: 32px;
  }
  .styles_contentWrapper__zTUGw .styles_imageSection__aLuzR {
    grid-area: image;
    order: initial;
    justify-content: flex-end;
  }
  .styles_contentWrapper__zTUGw .styles_featuresSection__pDZPP {
    grid-area: features;
    order: initial;
  }
}
@media (min-width: 1366px) {
  .styles_contentWrapper__zTUGw {
    grid-template-columns: 50% 50%;
  }
  .styles_contentWrapper__zTUGw .styles_imageSection__aLuzR {
    justify-content: center;
  }
}

.styles_container__i1gnx {
  background-color: #F4F9FF;
  padding-block: 25px;
}
.styles_contentWrapper__NB9Jc {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.styles_contentWrapper__NB9Jc .styles_textSection__GubsL {
  order: 1;
}
.styles_contentWrapper__NB9Jc .styles_textSection__GubsL .styles_titleWrapper__RWCkr {
  margin-bottom: 24px;
}
.styles_contentWrapper__NB9Jc .styles_imageSection__MHpdv {
  order: 2;
  display: flex;
  justify-content: center;
}
.styles_contentWrapper__NB9Jc .styles_imageSection__MHpdv img {
  max-width: 100%;
  height: auto;
}
.styles_contentWrapper__NB9Jc .styles_bottomSection__wT71z {
  order: 3;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.styles_contentWrapper__NB9Jc .styles_bottomSection__wT71z .styles_featuresSection__-W\+XE {
  order: 2;
}
@media (min-width: 992px) {
  .styles_contentWrapper__NB9Jc {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "image text" "image bottom";
    grid-gap: 40px;
    gap: 40px;
    align-items: start;
  }
  .styles_contentWrapper__NB9Jc .styles_textSection__GubsL {
    grid-area: text;
    order: initial;
  }
  .styles_contentWrapper__NB9Jc .styles_textSection__GubsL .styles_titleWrapper__RWCkr {
    margin-bottom: 32px;
  }
  .styles_contentWrapper__NB9Jc .styles_imageSection__MHpdv {
    grid-area: image;
    order: initial;
    justify-content: flex-start;
  }
  .styles_contentWrapper__NB9Jc .styles_bottomSection__wT71z {
    grid-area: bottom;
    order: initial;
    gap: 40px;
  }
}
@media (min-width: 1366px) {
  .styles_contentWrapper__NB9Jc {
    grid-template-columns: 40% 60%;
  }
  .styles_contentWrapper__NB9Jc .styles_imageSection__MHpdv {
    justify-content: center;
  }
}

.styles_container__wzqeJ {
  background-color: #F4F9FF;
  padding-block: 25px;
}
.styles_contentWrapper__QEmPt {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.styles_contentWrapper__QEmPt .styles_textSection__z2phs {
  order: 1;
}
.styles_contentWrapper__QEmPt .styles_textSection__z2phs .styles_titleWrapper__AhV-8 {
  margin-bottom: 24px;
}
.styles_contentWrapper__QEmPt .styles_imageSection__VKBz\+ {
  order: 2;
  display: flex;
  justify-content: center;
}
.styles_contentWrapper__QEmPt .styles_imageSection__VKBz\+ img {
  max-width: 100%;
  height: auto;
}
.styles_contentWrapper__QEmPt .styles_bottomSection__2qz6Z {
  order: 3;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.styles_contentWrapper__QEmPt .styles_bottomSection__2qz6Z .styles_featuresSection__3tges {
  order: 2;
}
@media (min-width: 992px) {
  .styles_contentWrapper__QEmPt {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "text image" "bottom image";
    grid-gap: 40px;
    gap: 40px;
    align-items: start;
  }
  .styles_contentWrapper__QEmPt .styles_textSection__z2phs {
    grid-area: text;
    order: initial;
  }
  .styles_contentWrapper__QEmPt .styles_textSection__z2phs .styles_titleWrapper__AhV-8 {
    margin-bottom: 32px;
  }
  .styles_contentWrapper__QEmPt .styles_imageSection__VKBz\+ {
    grid-area: image;
    order: initial;
    justify-content: flex-start;
  }
  .styles_contentWrapper__QEmPt .styles_bottomSection__2qz6Z {
    grid-area: bottom;
    order: initial;
    gap: 40px;
  }
}
@media (min-width: 1366px) {
  .styles_contentWrapper__QEmPt {
    grid-template-columns: 60% 40%;
  }
  .styles_contentWrapper__QEmPt .styles_imageSection__VKBz\+ {
    justify-content: center;
  }
}

.styles_scheduleContainer__Quofo {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  border: 2px solid #BCFF00;
  border-radius: 12px;
  background-color: #BCFF0033;
  white-space: pre-line;
  padding: 19px;
  width: 340px;
}
.styles_scheduleContainer__Quofo img,
.styles_scheduleContainer__Quofo svg {
  width: 20px;
  height: 20px;
  color: #BCFF00;
}
@media (min-width: 1200px) {
  .styles_scheduleContainer__Quofo img,
  .styles_scheduleContainer__Quofo svg {
    width: 30px;
    height: 30px;
  }
}
.styles_scheduleContainer__Quofo .styles_label__MObdu {
  font-family: 'Inter';
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
}
@media (min-width: 1200px) {
  .styles_scheduleContainer__Quofo .styles_label__MObdu {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .styles_scheduleContainer__Quofo {
    width: 100%;
    height: 102px;
  }
}
.styles_infoContainer__Q5Fa7 {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 8px 0 8px 19px;
  margin: 8px 0;
}
.styles_infoContainer__Q5Fa7 img,
.styles_infoContainer__Q5Fa7 svg {
  width: 20px;
  height: 20px;
  color: #BCFF00;
}
@media (min-width: 1200px) {
  .styles_infoContainer__Q5Fa7 img,
  .styles_infoContainer__Q5Fa7 svg {
    width: 30px;
    height: 30px;
  }
}
.styles_infoContainer__Q5Fa7 .styles_label__MObdu {
  font-family: 'Inter';
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
}
@media (min-width: 1200px) {
  .styles_infoContainer__Q5Fa7 .styles_label__MObdu {
    font-size: 18px;
  }
}

.styles_container__T3RSW .styles_bannerContainer__J2a7Z {
  background: linear-gradient(rgba(15, 50, 79, 0.7), rgba(15, 50, 79, 0.7)), url(/static/media/form-bg.6cc7f90320454842fd08.webp);
  background-size: cover;
  background-repeat: no-repeat;
  padding-block: 50px;
  height: 432px;
}
.styles_container__T3RSW .styles_bannerContainer__J2a7Z .styles_bgTitle__GYZh1 {
  font-family: 'Exo';
  font-weight: 700;
  color: #FFFFFF;
  font-size: 30px;
  line-height: 40px;
}
.styles_container__T3RSW .styles_bannerContainer__J2a7Z .styles_bgTitle__GYZh1 .styles_highlight__vP1U\+ {
  color: #BCFF00;
}
.styles_container__T3RSW .styles_formContainer__nCGtu {
  background-color: #FFFFFF;
}
.styles_container__T3RSW .styles_formContainer__nCGtu .styles_form__yUxNG {
  width: 100%;
  padding-block: 50px;
}
.styles_container__T3RSW .styles_formContainer__nCGtu .styles_form__yUxNG .styles_formTitle__dtzje {
  font-family: 'Exo';
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.styles_container__T3RSW .styles_formContainer__nCGtu .styles_form__yUxNG .styles_label__96eJQ {
  font-family: 'Exo';
  font-size: 16px;
  font-weight: 500;
}
.styles_container__T3RSW .styles_formContainer__nCGtu .styles_form__yUxNG .styles_label__96eJQ .styles_input__QUCVp {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #CED1D2;
}
.styles_container__T3RSW .styles_formContainer__nCGtu .styles_form__yUxNG .styles_label__96eJQ .styles_select__nTgI4 {
  text-align: start;
}
.styles_container__T3RSW .styles_formContainer__nCGtu .styles_form__yUxNG .styles_label__96eJQ .styles_select__nTgI4 .ant-select-selector {
  border: 1px solid #b3b3b3 !important;
  border-radius: 5px !important;
}
.styles_container__T3RSW .styles_formContainer__nCGtu .styles_form__yUxNG .styles_label__96eJQ .styles_select__nTgI4 .ant-select-selector:focus {
  border-color: #007a3b !important;
  box-shadow: 0 0 0 2px rgba(0, 122, 59, 0.3) !important;
}
.styles_container__T3RSW .styles_formContainer__nCGtu .styles_form__yUxNG .styles_label__96eJQ .styles_select__nTgI4 .ant-select-selector:hover {
  border-color: #007a3b !important;
  box-shadow: 0 0 0 2px rgba(0, 122, 59, 0.3) !important;
}
.styles_container__T3RSW .styles_formContainer__nCGtu .styles_form__yUxNG .styles_label__96eJQ .styles_select__nTgI4 .ant-select-arrow {
  color: #009D4E !important;
  stroke: #009D4E !important;
  stroke-width: 100 !important;
}
.styles_container__T3RSW .styles_formContainer__nCGtu .styles_form__yUxNG .styles_label__96eJQ .styles_select__nTgI4 .ant-select-selection-placeholder {
  color: #CED1D2 !important;
}
.styles_container__T3RSW .styles_formContainer__nCGtu .styles_form__yUxNG .styles_submitButtonContainer__tQV\+c {
  display: flex;
  justify-content: center;
}
.styles_container__T3RSW .styles_formContainer__nCGtu .styles_form__yUxNG .styles_submitButtonContainer__tQV\+c .styles_submitButton__8tiLo {
  width: 225px;
  height: 45px;
  border: none;
  border-radius: 5px;
  background-color: #BCFF00;
  color: #0A202F;
  font-weight: 700;
  font-family: 'Exo';
  font-size: 14px;
  cursor: pointer;
}
@media (min-width: 992px) {
  .styles_container__T3RSW {
    height: 677px;
  }
  .styles_container__T3RSW .styles_bannerContainer__J2a7Z {
    height: 100%;
    padding-block: 96px;
  }
  .styles_container__T3RSW .styles_formContainer__nCGtu .styles_form__yUxNG {
    padding-block: 81px;
  }
  .styles_container__T3RSW .styles_formContainer__nCGtu .styles_form__yUxNG .styles_formTitle__dtzje {
    font-size: 30px;
  }
}
@media (min-width: 1366px) {
  .styles_container__T3RSW .styles_bannerContainer__J2a7Z .styles_bgTitle__GYZh1 {
    font-size: 48px;
    line-height: 50px;
  }
  .styles_container__T3RSW .styles_formContainer__nCGtu .styles_form__yUxNG {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .styles_container__T3RSW .styles_formContainer__nCGtu .styles_form__yUxNG .styles_label__96eJQ .styles_select__nTgI4,
  .styles_container__T3RSW .styles_formContainer__nCGtu .styles_form__yUxNG .styles_label__96eJQ .styles_input__QUCVp {
    width: 518px;
  }
}

.styles_container__CQGfU {
  width: 100%;
  height: 366px;
  background: linear-gradient(90.1deg, #030E1F 1.58%, #1F6391 99.9%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-family: 'Inter';
  font-size: 14px;
  text-align: center;
  padding-inline: 16px;
}
.styles_container__CQGfU .styles_footerParagraph__upTtZ {
  width: 100%;
}
.styles_container__CQGfU .styles_privacyPolicy__W0mph {
  color: #9CA3AF;
}
@media (min-width: 1366px) {
  .styles_container__CQGfU .styles_footerParagraph__upTtZ {
    width: 569px;
  }
}

/* Colores */
/* @light-gray-color: #dadada; */
/* Lineas */
/* Fuentes */
/* @path-fonts = '../assets/Fonts/Futura Less';
@futura: "Futura";   
@futura-bold: "Futura-Bold";
@futura-bold-italic: "Futura-Bold-Italic";
@futura-heavy: "Futura-Heavy";
@futura-book-italic: "Futura-Book-Italic";
@futura-heavy-italic: "Futura-Heavy-Italic";
@futura-extra-black: "Futura-Extra-Black";   
@futura-light: "Futura-Light";
@futura-light-bt: "Futura-Light-Bt";
@futura-light-italic: "Futura-Light-Italic";
@futura-medium-bt: "Futura-Medium-Bt";
@futura-medium-condensed-bt: "Futura-Medium-Condensed-Bt";  
@futura-medium-italic: "Futura-Medium-Bt";
@futura-xblk-bt: "Futura-XBlk-BT"; */
/* @path-fonts: '../assets/Fonts/Poppins';
@poppins-black: "Poppins-Black";
@poppins-black-italic: "Poppins-BlackItalic";
@poppins-bold: "Poppins-Bold";
@poppins-bold-italic: "Poppins-BoldItalic";
@poppins-extra-bold: "Poppins-ExtraBold";
@poppins-extra-bold-italic: "Poppins-ExtraBoldItalic";
@poppins-extra-light: "Poppins-ExtraLight";
@poppins-extra-light-italic: "Poppins-ExtraLightItalic";
@poppins-italic: "Poppins-Italic";
@poppins-light: "Poppins-Light";
@poppins-light-italic: "Poppins-LightItalic";
@poppins-medium: "Poppins-Medium";
@poppins-medium-italic: "Poppins-MediumItalic";
@poppins-regular: "Poppins-Regular";
@poppins-semi-bold: "Poppins-SemiBold";
@poppins-semi-bold-italic: "Poppins-SemiBoldItalic";
@poppins-thin: "Poppins-Thin";
@poppins-thin-italic: "Poppins-ThinItalic"; */
.bc-white {
  border-color: white !important;
}
.bc-green {
  border-color: #029e47 !important;
}
.br-10 {
  border-radius: 10px !important;
}
.br-15 {
  border-radius: 15px !important;
}
.br-20,
.bg-form-color {
  border-radius: 20px !important;
}
.br-50 {
  border-radius: 50px !important;
}
.br-rounded-left-20 {
  border-radius: 20px 0px 0px 20px !important;
}
.br-rounded-right-20 {
  border-radius: 0px 20px 20px 0px !important;
}
.br-rounded {
  border-radius: 20px 20px 20px 20px !important;
}
.cursor-pointer,
.btn-arrow-green,
.home-txt-auto,
.cms-nav-logo,
.cms-nav-item {
  cursor: pointer;
}
.cursor-all-scroll {
  cursor: all-scroll;
}
.float-l {
  float: left !important;
}
.float-r {
  float: right !important;
}
.float-c {
  float: center !important;
}
/* MAP */
.leaflet-container {
  width: auto;
  height: 50vh;
  max-width: 950px ;
}
/* Tamaños */
.h-15 {
  height: 15% !important;
}
.h-25 {
  height: 25% !important;
}
.h-40 {
  height: 40% !important;
}
.h-50,
.col-logo {
  height: 50% !important;
}
.h-60 {
  height: 60% !important;
}
.h-70 {
  height: 70% !important;
}
.h-90 {
  height: 90% !important;
}
.h-100,
.video-container {
  height: 100% !important;
}
.hp-5 {
  height: 5px !important;
}
.hp-100 {
  height: 100px !important;
}
.hp-110 {
  height: 110px !important;
}
.hp-120,
.starken-pro-container {
  height: 120px !important;
}
.hp-130 {
  height: 130px !important;
}
.hp-150,
.icon-fixed-left {
  height: 150px !important;
}
.hp-200 {
  height: 200px !important;
}
.hp-250 {
  height: 250px !important;
}
.hp-300 {
  height: 300px !important;
}
.hp-400 {
  height: 400px !important;
}
.hp-500 {
  height: 500px !important;
}
.hp-600 {
  height: 600px !important;
}
.hp-700 {
  height: 700px !important;
}
.hp-800 {
  height: 800px !important;
}
.hp-900 {
  height: 900px !important;
}
.w-auto {
  width: auto !important;
}
.w-5 {
  width: 5% !important;
}
.w-15 {
  width: 15% !important;
}
.w-25 {
  width: 25% !important;
}
.w-30 {
  width: 30% !important;
}
.w-40 {
  width: 40% !important;
}
.w-50 {
  width: 50% !important;
}
.w-55 {
  width: 55% !important;
}
.w-70 {
  width: 70% !important;
}
.w-60 {
  width: 60% !important;
}
.w-80 {
  width: 80% !important;
}
.w-90,
.starken-pro-icon {
  width: 90% !important;
}
.w-95 {
  width: 95% !important;
}
.w-100,
.video-container,
.horizontal-hr,
.cms-nav-item {
  width: 100% !important;
}
.wp-100 {
  width: 100px !important;
}
.wp-200 {
  width: 200px !important;
}
.wp-300 {
  width: 300px !important;
}
.wp-500 {
  width: 500px !important;
}
.wp-600 {
  width: 600px !important;
}
/* Texto */
.txt-center,
.subtitle-icon-global {
  text-align: center !important;
}
.txt-left {
  text-align: left !important;
}
.txt-right,
.left-rounded-container,
.right-rounded-container {
  text-align: right !important;
}
.txt-justify {
  text-align: justify !important;
}
.txt-url {
  color: #029e47 !important;
}
.txt-url:hover {
  color: #029e47 !important;
}
.txt-url:focus {
  color: #029e47 !important;
}
.txt-overline {
  text-decoration: overline !important;
}
.txt-underline {
  text-decoration: underline !important;
}
.txt-underline-dotted {
  border-bottom: 3px dashed !important;
}
.txt-5 {
  font-size: 5px !important;
}
.txt-10 {
  font-size: 10px !important;
}
.txt-12 {
  font-size: 12px !important;
}
.txt-15,
.subtitle-global,
.subtitle-icon-global,
.subtitle-icon-global {
  font-size: 15px !important;
}
.txt-20 {
  font-size: 20px !important;
}
.txt-25,
.title-global {
  font-size: 25px !important;
}
.txt-30 {
  font-size: 30px !important;
}
.txt-35 {
  font-size: 35px !important;
}
.txt-40,
.icon-social-network,
.title-global-block {
  font-size: 40px !important;
}
.txt-45 {
  font-size: 45px !important;
}
.txt-50,
.btn-arrow-green {
  font-size: 50px !important;
}
.txt-100 {
  font-size: 100px !important;
}
.txt-auto {
  font-size: 50px;
}
.txt-shadow-1 {
  text-shadow: 2px 2px 0px rgba(34, 15, 9, 0.17);
}
.txt-shadow-2 {
  text-shadow: 2px 2px 0px rgba(34, 15, 9, 0.51);
}
.txt-danger {
  color: red !important;
}
.txt-white,
.cms-nav-logo {
  color: white !important;
}
.txt-green,
.btn-arrow-green,
.home-txt-auto {
  color: #029e47 !important;
}
.txt-dark-green {
  color: #00943e !important;
}
.txt-purple {
  color: #4d295b !important;
}
.txt-turquoise {
  color: #2d788d !important;
}
.txt-gray {
  color: #404246 !important;
}
.txt-black {
  color: black !important;
}
.txt-upper,
.title-global,
.title-global-block,
.subtitle-global,
.subtitle-icon-global {
  text-transform: uppercase !important;
}
.txt-lower {
  text-transform: lowercase !important;
}
.txt-lower:first-letter {
  text-transform: uppercase;
}
.txt-capitalize {
  text-transform: capitalize !important;
}
.txt-b,
.subtitle-global,
.subtitle-icon-global,
.subtitle-icon-global,
.home-txt-auto {
  font-weight: bolder !important;
}
.txt-b-500 {
  font-weight: 500 !important;
}
.txt-b-600 {
  font-weight: 600 !important;
}
.txt-b-800,
.title-global-block {
  font-weight: 800 !important;
}
.txt-b-900,
.title-global {
  font-weight: 900 !important;
}
/* Padding Bottom */
.pb-0 {
  padding-bottom: 0px !important;
}
.pb-5 {
  padding-bottom: 5px !important;
}
.pb-10,
.title-global-block,
.subtitle-global {
  padding-bottom: 10px !important;
}
.pt-15 {
  padding-bottom: 15px !important;
}
.pb-20,
.title-global {
  padding-bottom: 20px !important;
}
.pb-30,
.icon-fixed-left {
  padding-bottom: 30px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.pb-50 {
  padding-bottom: 50px !important;
}
.pb-60 {
  padding-bottom: 60px !important;
}
.pb-70 {
  padding-bottom: 70px !important;
}
.pb-80 {
  padding-bottom: 80px !important;
}
.pb-90 {
  padding-bottom: 90px !important;
}
.pb-100 {
  padding-bottom: 100px !important;
}
/* Padding Top */
.pt-0 {
  padding-top: 0px !important;
}
.pt-5 {
  padding-top: 5px !important;
}
.pt-10,
.title-global,
.subtitle-global {
  padding-top: 10px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pt-50 {
  padding-top: 50px !important;
}
.pt-60 {
  padding-top: 60px !important;
}
.pt-70 {
  padding-top: 70px !important;
}
.pt-80 {
  padding-top: 80px !important;
}
.pt-90 {
  padding-top: 90px !important;
}
.pt-100 {
  padding-top: 100px !important;
}
.pt-200 {
  padding-top: 200px !important;
}
.pt-15vh {
  padding-top: 15vh !important;
}
/* Padding Left */
.pl-0 {
  padding-left: 0px !important;
}
.pl-1 {
  padding-left: 1px;
}
.pl-5 {
  padding-left: 5px;
}
.pl-10 {
  padding-left: 10px !important;
}
.pl-20 {
  padding-left: 20px;
}
.pl-30,
.icon-fixed-left {
  padding-left: 30px;
}
.pl-40 {
  padding-left: 40px;
}
.pl-50 {
  padding-left: 50px;
}
.pl-60 {
  padding-left: 60px;
}
.pl-70 {
  padding-left: 70px;
}
.pl-80 {
  padding-left: 80px;
}
.pl-90 {
  padding-left: 90px;
}
.pl-100 {
  padding-left: 100px;
}
.pl-150 {
  padding-left: 150px;
}
.pl-auto-xs {
  padding-left: 10px;
}
.pl-auto-md {
  padding-left: 30px;
}
.pl-auto-xl {
  padding-left: 50px;
}
.pl-auto-xxl {
  padding-left: 250px;
}
/* Padding Right */
.pr-0 {
  padding-right: 0px !important;
}
.pr-1 {
  padding-right: 1px;
}
.pr-5,
.icon-social-network {
  padding-right: 5px;
}
.pr-10 {
  padding-right: 10px !important;
}
.pr-20 {
  padding-right: 20px;
}
.pr-30 {
  padding-right: 30px;
}
.pr-40 {
  padding-right: 40px;
}
.pr-50 {
  padding-right: 50px;
}
.pr-60 {
  padding-right: 60px;
}
.pr-70 {
  padding-right: 70px;
}
.pr-80 {
  padding-right: 80px;
}
.pr-90 {
  padding-right: 90px;
}
.pr-100 {
  padding-right: 100px;
}
.pr-auto-xs {
  padding-right: 10px;
}
.pr-auto-md {
  padding-right: 30px;
}
.pr-auto-xl {
  padding-right: 50px;
}
.pr-auto-xxl {
  padding-right: 250px;
}
/* Padding Left-Right */
.plr-auto-xxs {
  padding-left: 5px;
  padding-right: 5px;
}
.plr-auto-xs {
  padding-left: 10px;
  padding-right: 10px;
}
.plr-auto-md {
  padding-left: 30px;
  padding-right: 30px;
}
.plr-auto-xl {
  padding-left: 120px;
  padding-right: 120px;
}
.plr-auto-xxl {
  padding-left: 250px;
  padding-right: 250px;
}
.plr-menu-auto {
  padding-left: 200px;
  padding-right: 200px;
}
.mlr-auto-xxl {
  margin-left: 250px;
  margin-right: 250px;
}
/* Padding Top-Bottom */
.ptb-auto-xs,
.bg-form-color {
  padding-top: 10px;
  padding-bottom: 10px;
}
.ptb-auto-md {
  padding-top: 30px;
  padding-bottom: 30px;
}
.ptb-auto-xl {
  padding-top: 50px;
  padding-bottom: 50px;
}
.ptb-auto-xxl {
  padding-top: 250px;
  padding-bottom: 250px;
}
/* Padding Global */
.p-0 {
  padding: 0px !important;
}
.p-5 {
  padding: 5px !important;
}
.p-10 {
  padding: 10px !important;
}
.p-20,
.left-rounded-container,
.right-rounded-container,
.cms-nav-logo,
.cms-nav-item {
  padding: 20px;
}
.p-30 {
  padding: 30px;
}
.p-50 {
  padding: 50px;
}
.p-80 {
  padding: 80px;
}
.m-0 {
  margin: 0px !important;
}
.m-5 {
  margin: 5px !important;
}
.m-10 {
  margin: 10px !important;
}
.m-auto {
  margin: auto !important;
}
.mtb-auto {
  margin: auto 0px auto 0px !important;
}
.mlr-auto {
  margin: 0px auto 0px auto !important;
}
.plr-auto {
  padding: 0px auto 0px auto !important;
}
.ptb-auto {
  padding: auto 0px auto 0px !important;
}
.mxw-0,
.p-line,
.vertical-orange-line,
.vertical-dotted-line,
.vertical-green-dotted-line,
.thick-vertical-dotted-line {
  max-width: 0px !important;
}
.mxw-100,
.col-logo {
  max-width: 100% !important;
}
/* Margin Bottom */
.mb-0 {
  margin-bottom: 0px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-40,
.thick-vertical-dotted-line {
  margin-bottom: 40px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.mb-60 {
  margin-bottom: 60px !important;
}
.mb-70 {
  margin-bottom: 70px !important;
}
.mb-80 {
  margin-bottom: 80px !important;
}
.mb-15vh {
  margin-bottom: 15vh !important;
}
.mb-negative-50 {
  margin-bottom: -50px;
}
.mb-negative-10vh {
  margin-bottom: -10vh;
}
.mb-negative-15vh {
  margin-bottom: -15vh;
}
.mb-negative-20vh {
  margin-bottom: -20vh;
}
/* Margin Top */
.mt-5 {
  margin-top: 5px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-15 {
  margin-top: 15px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-40,
.thick-vertical-dotted-line {
  margin-top: 40px;
}
.mt-50 {
  margin-top: 50px;
}
.mt-60 {
  margin-top: 60px;
}
.mt-70 {
  margin-top: 70px;
}
.mt-80 {
  margin-top: 80px;
}
.mt-90 {
  margin-top: 90px;
}
.mt-100 {
  margin-top: 100px;
}
.mt-200 {
  margin-top: 200px;
}
.mt-15vh {
  margin-top: 15vh !important;
}
.mt-negative-50 {
  margin-top: -50px;
}
.mt-negative-10vh {
  margin-top: -10vh;
}
.mt-negative-15vmin {
  margin-top: -15vmin;
}
.mt-negative-20vh {
  margin-top: -20vh;
}
.mt-auto {
  top: 50%;
  transform: translateY(-50%);
}
/* Margin Left */
.ml-0 {
  margin-left: 0px !important;
}
.ml-1 {
  margin-left: 1px;
}
.ml-5 {
  margin-left: 5px;
}
.ml-10 {
  margin-left: 10px !important;
}
.ml-20,
.p-line,
.vertical-dotted-line,
.vertical-green-dotted-line,
.thick-vertical-dotted-line {
  margin-left: 20px;
}
.ml-30,
.vertical-orange-line {
  margin-left: 30px;
}
.ml-40 {
  margin-left: 40px;
}
.ml-auto {
  margin-left: auto;
}
/* Margin Right */
.mr-0 {
  margin-right: 0px !important;
}
.mr-1 {
  margin-right: 1px;
}
.mr-5 {
  margin-right: 5px;
}
.mr-10 {
  margin-right: 10px !important;
}
.mr-20,
.p-line,
.vertical-dotted-line,
.vertical-green-dotted-line,
.thick-vertical-dotted-line {
  margin-right: 20px;
}
.mr-30,
.vertical-orange-line {
  margin-right: 30px;
}
.mr-40 {
  margin-right: 40px;
}
/* Background Color */
.bg-cms,
.cms-bg {
  background-color: #fcfcfd !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.bg-primary {
  background-color: #1890ff !important;
}
.bg-orange {
  background-color: darkorange !important;
}
.bg-danger {
  background-color: #e03c3c !important;
}
.bg-white,
.bg-form-color,
.horizontal-hr {
  background-color: #ffffff !important;
}
.bg-orange {
  background-color: #ffa600 !important;
}
.bg-green {
  background-color: #029e47 !important;
}
.bg-dark-green {
  background-color: #008638 !important;
}
.bg-purple {
  background-color: #480b50 !important;
}
.bg-turquoise {
  background-color: #2d788d !important;
}
.bg-light-gray {
  background-color: #F3F2F6 !important;
}
.bg-dark-gray {
  background-color: #404246 !important;
}
.bg-medium-gray {
  background-color: #9d9d9C !important;
}
.bg-index-color {
  background-color: #04943C !important;
}
/* Images */
.img-opacity-1 {
  opacity: 0.2;
}
.img-opacity-2 {
  opacity: 0.5;
}
.img-opacity-3 {
  opacity: 1;
}
/* Posiciones y justificado */
.position-absolute {
  position: absolute !important;
}
.justify-center {
  justify-content: center !important;
}
.justify-left,
.left-rounded-container,
.right-rounded-container {
  justify-content: left !important;
}
.disp-block {
  display: block !important;
}
.disp-flex {
  display: flex !important;
}
/* Box Shadow */
.box-shadow-1 {
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.08);
}
.card-retiro {
  background-color: "#F5F5F5";
  border-radius: "2px";
  border: "1px solid rgba(97, 98, 98, 0.1)";
  box-sizing: "border-box";
  box-shadow: "0px 4px 4px rgba(0, 0, 0, 0.25)";
}
/* FUENTES */
@font-face {
  font-family: 'Exo';
  src: url(/static/media/ExoVariableFont.6c037f7506ee86084662.ttf) format('truetype');
  font-weight: 100 900;
  font-optical-sizing: auto;
  /* Admite el tamaño óptico */
}
:root {
  /* Márgenes y gutters */
  --side-margin-desktop: 100px;
  --side-margin-mobile: 16px;
  --top-margin-desktop: 32px;
  --top-margin-mobile: 16px;
  --bottom-margin-desktop: 32px;
  --bottom-margin-mobile: 16px;
  --gutter-desktop: 32px;
  --gutter-mobile: 16px;
  /* Ancho de columnas */
  --column-width: 74px;
  /* Breakpoints */
  --breakpoint-mobile: 768px;
  /* Tipografía */
  --font-family-primary: 'Exo';
  --font-family-secondary: 'Inter';
  --font-size-display-0-desktop: 60px;
  --font-size-display-1-desktop: 52px;
  --font-size-heading-1-desktop: 48px;
  --font-size-heading-2-desktop: 30px;
  --font-size-heading-3-desktop: 25px;
  --font-size-heading-4-desktop: 20px;
  --font-size-paragraph-1-desktop: 16px;
  --font-size-paragraph-2-desktop: 14px;
  --font-size-display-0-tablet: 42px;
  --font-size-display-1-tablet: 38px;
  --font-size-heading-1-tablet: 34px;
  --font-size-heading-2-tablet: 20px;
  --font-size-heading-3-tablet: 18px;
  --font-size-heading-4-tablet: 16px;
  --font-size-paragraph-1-tablet: 15px;
  --font-size-paragraph-2-tablet: 13px;
  --font-size-display-0-mobile: 28px;
  --font-size-display-1-mobile: 20px;
  --font-size-heading-1-mobile: 18px;
  --font-size-heading-2-mobile: 16px;
  --font-size-heading-3-mobile: 14px;
  --font-size-heading-4-mobile: 12px;
  --font-size-paragraph-1-mobile: 14px;
  --font-size-paragraph-2-mobile: 12px;
  /* Altura de línea */
  --line-height-ratio: 1.2;
  /* Colores principales */
  --primary-color-green: #009d4e;
  /* Verde */
  --primary-color-dark: #414745;
  /* Gris oscuro */
  --secondary-color-orange: #fe883e;
  /* Naranja */
  --secondary-color-purple: #602365;
  /* Púrpura */
  --secondary-color-grey: #d4d3d8;
  /* Gris claro */
  --secondary-color-mint: #52ab99;
  /* Verde menta */
  --disabled-color-gray: #b7b9b8;
  /* Gris deshabilitado */
  --disabled-color-green: #9fdabc;
  /* Verde claro para botón principal deshabilitado */
  --hover-primary-color: #007a3b;
  /* Verde oscuro para hover */
  --hover-secondary-orange: #FBA46E;
  /* Naranja hover */
  --hover-secondary-purple: #C960D1;
  /* Púrpura hover */
  --pressed-primary-color-green: #005f2e;
  /* Verde más oscuro para pressed */
  --pressed-primary-stroke-color: #009d4e;
  /* Verde más oscuro para pressed */
  --pressed-secondary-color-orange: #EC5B00;
  /* Naranja más oscuro para pressed */
  --pressed-secondary-color-purple: #4D0553;
  /* Púrpura más oscuro para pressed */
  --border: #ced1d2;
  --popup-error: #EA5455;
  --popup-warning: #F2A356;
  --popup-success: #61C478;
  --icon-size: 16px;
  /* Propiedades del botón */
  --button-padding: 13px 15px;
  --button-font-size: 14px;
  --button-border-radius: 5px;
  /* Predeterminado */
  /* Propiedades generales de elementos reutilizables */
  --element-height: 45px;
  --modal-border-top: 10px;
  /* Anchos máximos y mínimos para botones en Desktop */
  --button-large-min-width-desktop: 150px;
  --button-large-max-width-desktop: 300px;
  --button-small-min-width-desktop: 60px;
  --button-small-max-width-desktop: 150px;
  /* Anchos máximos y mínimos para botones en Mobile */
  --button-large-min-width-mobile: 100px;
  --button-large-max-width-mobile: 250px;
  --button-small-min-width-mobile: 80px;
  --button-small-max-width-mobile: 150px;
  /* Estructura */
  --button-spacing: 15px;
  /* Espaciado entre los botones */
  /*Colores para radial gradient Somos Partner*/
  --radial-gradient-somos-colors: #48185A 0%, #48185A 2.5%, #531F66 2.5%, #531F66 5%, #48185A 5%, #48185A 7.5%, #531F66 7.5%, #531F66 10%, #48185A 10%, #48185A 12.5%, #531F66 12.5%, #531F66 15%, #48185A 15%, #48185A 17.5%, #531F66 17.5%, #531F66 20%, #48185A 20%, #48185A 22.5%, #531F66 22.5%, #531F66 25%, #48185A 25%, #48185A 27.5%, #531F66 27.5%, #531F66 30%, #48185A 30%, #48185A 32.5%, #531F66 32.5%, #531F66 35%, #48185A 35%, #48185A 37.5%, #531F66 37.5%, #531F66 40%, #48185A 40%, #48185A 42.5%, #531F66 42.5%, #531F66 45%, #48185A 45%, #48185A 47.5%, #531F66 47.5%, #531F66 50%, #48185A 50%, #48185A 52.5%, #531F66 52.5%, #531F66 55%, #48185A 55%, #48185A 57.5%, #531F66 57.5%, #531F66 60%, #48185A 60%, #48185A 62.5%, #531F66 62.5%, #531F66 65%, #48185A 65%, #48185A 67.5%, #531F66 67.5%, #531F66 70%, #48185A 70%, #48185A 72.5%, #531F66 72.5%, #531F66 75%, #48185A 75%, #48185A 77.5%, #531F66 77.5%, #531F66 80%, #48185A 80%, #48185A 82.5%, #531F66 82.5%, #531F66 85%, #48185A 85%, #48185A 87.5%, #531F66 87.5%, #531F66 90%, #48185A 90%, #48185A 92.5%, #531F66 92.5%, #531F66 95%, #48185A 95%, #48185A 97.5%, #531F66 97.5%, #531F66 100%;
}
.f-primary {
  font-family: 'Exo';
  font-family: var(--font-family-primary);
}
.f-secondary {
  font-family: 'Inter';
  font-family: var(--font-family-secondary);
}
/* Estilos de contenedor general */
.container {
  width: 100%;
  margin: 0 auto;
  padding-top: 32px;
  padding-top: var(--top-margin-desktop);
  padding-bottom: 32px;
  padding-bottom: var(--bottom-margin-desktop);
  padding-right: 100px;
  padding-right: var(--side-margin-desktop);
  padding-left: 100px;
  padding-left: var(--side-margin-desktop);
}
/* Grilla de 12 columnas para escritorio */
.grid-12 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  /* 12 columnas en desktop */
  gap: 32px;
  grid-gap: 32px;
  grid-gap: var(--gutter-desktop);
  gap: var(--gutter-desktop);
}
/* Estilos específicos para tablet */
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .display-0 {
    font-family: 'Exo';
    font-family: var(--font-family-primary);
    font-style: bold;
    font-weight: 700;
    font-size: 42px !important;
    font-size: var(--font-size-display-0-tablet) !important;
    line-height: calc(42px * 1.2);
    line-height: calc(var(--font-size-display-0-tablet) * var(--line-height-ratio));
  }
  .display-1 {
    font-family: 'Exo';
    font-family: var(--font-family-primary);
    font-style: bold;
    font-weight: 700;
    font-size: 38px !important;
    font-size: var(--font-size-display-1-tablet) !important;
    line-height: calc(38px * 1.2);
    line-height: calc(var(--font-size-display-1-tablet) * var(--line-height-ratio));
  }
  .heading-1 {
    font-family: 'Exo';
    font-family: var(--font-family-primary);
    font-size: 34px !important;
    font-size: var(--font-size-heading-1-tablet) !important;
  }
  .heading-2 {
    font-family: 'Exo';
    font-family: var(--font-family-primary);
    font-size: 20px !important;
    font-size: var(--font-size-heading-2-tablet) !important;
  }
  .heading-3 {
    font-family: 'Exo';
    font-family: var(--font-family-primary);
    font-size: 18px !important;
    font-size: var(--font-size-heading-3-tablet) !important;
  }
  .heading-4 {
    font-family: 'Exo';
    font-family: var(--font-family-primary);
    font-size: 16px !important;
    font-size: var(--font-size-heading-4-tablet) !important;
  }
  .paragraph-1 {
    font-size: 15px !important;
    font-size: var(--font-size-paragraph-1-tablet) !important;
    line-height: calc(15px * 1.2);
    line-height: calc(var(--font-size-paragraph-1-tablet) * var(--line-height-ratio));
    font-weight: 400;
  }
  .paragraph-2 {
    font-size: 15px !important;
    font-size: var(--font-size-paragraph-1-tablet) !important;
    line-height: calc(13px * 1.2);
    line-height: calc(var(--font-size-paragraph-2-tablet) * var(--line-height-ratio));
    font-weight: 400;
  }
}
/* Estilos específicos para mobile */
@media (max-width: 768px) {
  /* Ajustes de márgenes y grilla para mobile */
  .container {
    padding-top: 16px;
    padding-top: var(--top-margin-mobile);
    padding-bottom: 16px;
    padding-bottom: var(--bottom-margin-mobile);
    padding-right: 16px;
    padding-right: var(--side-margin-mobile);
    padding-left: 16px;
    padding-left: var(--side-margin-mobile);
  }
  .grid-12 {
    grid-template-columns: repeat(4, 1fr) !important;
    /* 4 columnas en mobile */
    gap: 16px;
    gap: var(--gutter-mobile);
  }
  /* Tipo A1: Ocupa el 100% en mobile */
  .container-A1 {
    grid-column: span 4 !important;
    /* 4 de 4 columnas */
  }
  /* Tipo B: Ocupa el 50% en mobile */
  .container-B {
    grid-column: span 2 !important;
    /* 2 de 4 columnas */
  }
  /* Tipo C: Ocupa 4 columnas en mobile */
  .container-C {
    grid-column: span 4 !important;
    /* 4 de 4 columnas */
  }
  /* Tipo D: Ocupa 2 columnas en mobile */
  .container-D {
    grid-column: span 2 !important;
    /* 2 de 4 columnas */
  }
  /* Ajustes de tipografía para mobile */
  .display-0 {
    font-family: 'Exo';
    font-family: var(--font-family-primary);
    font-style: bold;
    font-weight: 700;
    font-size: 28px !important;
    font-size: var(--font-size-display-0-mobile) !important;
    line-height: calc(28px * 1.2);
    line-height: calc(var(--font-size-display-0-mobile) * var(--line-height-ratio));
  }
  .display-1 {
    font-family: 'Exo';
    font-family: var(--font-family-primary);
    font-style: bold;
    font-weight: 700;
    font-size: 20px !important;
    font-size: var(--font-size-display-1-mobile) !important;
    line-height: calc(20px * 1.2);
    line-height: calc(var(--font-size-display-1-mobile) * var(--line-height-ratio));
  }
  .heading-1 {
    font-family: 'Exo';
    font-family: var(--font-family-primary);
    font-size: 18px !important;
    font-size: var(--font-size-heading-1-mobile) !important;
  }
  .heading-2 {
    font-family: 'Exo';
    font-family: var(--font-family-primary);
    font-size: 16px !important;
    font-size: var(--font-size-heading-2-mobile) !important;
  }
  .heading-3 {
    font-family: 'Exo';
    font-family: var(--font-family-primary);
    font-size: 14px !important;
    font-size: var(--font-size-heading-3-mobile) !important;
  }
  .heading-4 {
    font-family: 'Exo';
    font-family: var(--font-family-primary);
    font-size: 12px !important;
    font-size: var(--font-size-heading-4-mobile) !important;
  }
  .paragraph-1 {
    font-size: 14px !important;
    font-size: var(--font-size-paragraph-1-mobile) !important;
    line-height: calc(14px * 1.2);
    line-height: calc(var(--font-size-paragraph-1-mobile) * var(--line-height-ratio));
    font-weight: 400;
  }
  .paragraph-2 {
    font-size: 14px !important;
    font-size: var(--font-size-paragraph-1-mobile) !important;
    line-height: calc(12px * 1.2);
    line-height: calc(var(--font-size-paragraph-2-mobile) * var(--line-height-ratio));
    font-weight: 400;
  }
  /* Botón Large en Mobile */
  .button-large {
    min-width: 100px;
    min-width: var(--button-large-min-width-mobile);
    max-width: 250px;
    max-width: var(--button-large-max-width-mobile);
  }
  /* Botón Small en Mobile */
  .button-small {
    min-width: 80px;
    min-width: var(--button-small-min-width-mobile);
    max-width: 150px;
    max-width: var(--button-small-max-width-mobile);
  }
}
/* Tipo A1: Ocupa 100% de las columnas en desktop */
.container-A1 {
  grid-column: span 12;
  /* 100% en desktop */
}
/* Tipo B: Ocupa 50% de las columnas en desktop */
.container-B {
  grid-column: span 6;
  /* 50% en desktop (6 de 12 columnas) */
}
/* Tipo C: Ocupa 4 columnas en desktop */
.container-C {
  grid-column: span 4;
  /* 4 columnas en desktop */
}
/* Tipo D: Ocupa 3 columnas en desktop */
.container-D {
  grid-column: span 3;
  /* 3 columnas en desktop */
}
/* Tipografía */
.display-0 {
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  font-style: bold;
  font-weight: 700;
  font-size: 60px;
  font-size: var(--font-size-display-0-desktop);
  line-height: calc(60px * 1.2);
  line-height: calc(var(--font-size-display-0-desktop) * var(--line-height-ratio));
}
.display-1 {
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  font-style: bold;
  font-weight: 700;
  font-size: 52px;
  font-size: var(--font-size-display-1-desktop);
  line-height: calc(52px * 1.2);
  line-height: calc(var(--font-size-display-1-desktop) * var(--line-height-ratio));
}
.heading-1 {
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  font-size: 48px;
  font-size: var(--font-size-heading-1-desktop);
  font-weight: 700;
}
.heading-2 {
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  font-size: 30px;
  font-size: var(--font-size-heading-2-desktop);
  font-weight: 700;
}
.heading-3 {
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  font-size: 25px;
  font-size: var(--font-size-heading-3-desktop);
  font-weight: 700;
}
.heading-4 {
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  font-size: 20px;
  font-size: var(--font-size-heading-4-desktop);
  font-weight: 700;
}
.paragraph-1 {
  font-family: 'Inter';
  font-family: var(--font-family-secondary);
  font-size: 16px;
  font-size: var(--font-size-paragraph-1-desktop);
  line-height: calc(16px * 1.2);
  line-height: calc(var(--font-size-paragraph-1-desktop) * var(--line-height-ratio));
  font-weight: 400;
}
.paragraph-2 {
  font-family: 'Inter';
  font-family: var(--font-family-secondary);
  font-size: 14px;
  font-size: var(--font-size-paragraph-2-desktop);
  line-height: calc(14px * 1.2);
  line-height: calc(var(--font-size-paragraph-2-desktop) * var(--line-height-ratio));
  font-weight: 400;
}
/* Botones */
/* Clase base para todos los botones */
.button-base {
  padding: 13px 15px;
  padding: var(--button-padding);
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  font-size: 14px;
  font-size: var(--button-font-size);
  font-weight: bold;
  height: 45px;
  height: var(--element-height);
  border-radius: 5px;
  border-radius: var(--button-border-radius);
  cursor: pointer;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ced1d2;
  border: 2px solid var(--border);
  width: 100%;
  /* Ajuste de ancho dinámico */
}
/* Botón Large en Desktop */
.button-large {
  min-width: 150px;
  min-width: var(--button-large-min-width-desktop);
  max-width: 300px;
  max-width: var(--button-large-max-width-desktop);
}
/* Botón Small en Desktop */
.button-small {
  min-width: 60px;
  min-width: var(--button-small-min-width-desktop);
  max-width: 150px;
  max-width: var(--button-small-max-width-desktop);
}
/* Botón Principal (Colored) */
.button-colored {
  background-color: #009d4e;
  background-color: var(--primary-color-green);
  color: #ffffff !important;
  border: none;
}
.button-colored:hover {
  background-color: #007a3b;
  background-color: var(--hover-primary-color);
  /* Hover */
}
.button-colored:active {
  background-color: #005f2e;
  background-color: var(--pressed-primary-color-green);
  /* Pressed */
}
.button-colored:disabled {
  background-color: #9fdabc;
  background-color: var(--disabled-color-green);
  /* Disabled */
  cursor: not-allowed;
}
/* Botón con borde (Stroke) */
.button-stroke {
  background-color: transparent;
  color: #009d4e;
  color: var(--pressed-primary-stroke-color);
  /* border: 2px solid var(--primary-color-green); */
}
.button-stroke:hover {
  border-color: #009d4e;
  border-color: var(--pressed-primary-stroke-color);
  color: #009d4e;
  color: var(--pressed-primary-stroke-color);
}
.button-stroke:active {
  border-color: #009d4e;
  border-color: var(--pressed-primary-stroke-color);
  background-color: #009d4e;
  background-color: var(--pressed-primary-stroke-color);
  color: #ffffff;
}
.button-stroke:disabled {
  border-color: #9fdabc;
  border-color: var(--disabled-color-green);
  color: #9fdabc;
  color: var(--disabled-color-green);
  cursor: not-allowed;
}
/* Botón redondeado (Rounded Colored) */
.button-rounded {
  border-radius: 20px;
  background-color: #009d4e;
  background-color: var(--primary-color-green);
  color: #ffffff;
  border: none;
}
.button-rounded:hover {
  background-color: #007a3b;
  background-color: var(--hover-primary-color);
}
.button-rounded:active {
  background-color: #005f2e;
  background-color: var(--pressed-primary-color-green);
}
.button-rounded:disabled {
  background-color: #9fdabc;
  background-color: var(--disabled-color-green);
  cursor: not-allowed;
}
/* Botón redondeado con borde (Rounded Stroke) */
.button-rounded-stroke {
  border-radius: 20px;
  background-color: transparent;
  color: #009d4e;
  color: var(--primary-color-green);
  /* border: 2px solid var(--pressed-primary-stroke-color); */
}
.button-rounded-stroke:hover {
  border-color: #009d4e;
  border-color: var(--primary-color-green);
  color: #009d4e;
  color: var(--primary-color-green);
}
.button-rounded-stroke:active {
  border-color: #009d4e;
  border-color: var(--primary-color-green);
  background-color: #009d4e;
  background-color: var(--primary-color-green);
  color: #ffffff;
}
.button-rounded-stroke:disabled {
  border-color: #9fdabc;
  border-color: var(--disabled-color-green);
  background-color: transparent;
  color: #9fdabc;
  color: var(--disabled-color-green);
  cursor: not-allowed;
}
/* Botón Gris Oscuro */
.button-dark-gray {
  background-color: #414745;
  background-color: var(--primary-color-dark);
  color: #ffffff;
  border: none;
}
.button-dark-gray:hover {
  background-color: #8d918f;
}
.button-dark-gray:active {
  background-color: #232726;
}
.button-dark-gray:disabled {
  background-color: #b7b9b8;
  background-color: var(--disabled-color-gray);
  /* Disabled en gris */
  cursor: not-allowed;
}
.button-dark-gray-small {
  background-color: transparent;
  color: #7d858b;
}
.button-dark-gray-small:hover {
  background-color: transparent;
  border: 2px solid #7d858b;
}
.button-dark-gray-small:active {
  background-color: #7d858b;
  color: #ffffff;
}
.button-dark-gray-small:disabled {
  background-color: transparent;
  /* Disabled en gris */
  cursor: not-allowed;
  border: 2px solid #ced1d2;
  border: 2px solid var(--border);
  color: #ced1d2;
  color: var(--border);
}
.button-dark-gray-small-ico {
  background-color: transparent;
  color: #49434b;
}
.button-dark-gray-small-ico:hover {
  background-color: transparent;
  border: 2px solid #49434b;
}
.button-dark-gray-small-ico:active {
  background-color: #232726;
  color: #ffffff;
}
.button-dark-gray-small-ico:disabled {
  background-color: #b7b9b8;
  background-color: var(--disabled-color-gray);
  /* Disabled en gris */
  cursor: not-allowed;
  border: none;
  color: #ffffff;
}
/* Botón somos Partner */
.button-purple {
  background-color: #602365;
  background-color: var(--secondary-color-purple);
  color: #ffffff;
  border: none;
}
.button-purple:hover {
  background-color: #C960D1;
  background-color: var(--hover-secondary-purple);
}
.button-purple:active {
  background-color: #4D0553;
  background-color: var(--pressed-secondary-color-purple);
}
.button-purple:disabled {
  background-color: #b7b9b8;
  background-color: var(--disabled-color-gray);
  cursor: not-allowed;
}
/* Botón Soy Starken */
.button-orange {
  background-color: #fe883e;
  background-color: var(--secondary-color-orange);
  color: #ffffff;
  border: none;
}
.button-orange:hover {
  background-color: #FBA46E;
  background-color: var(--hover-secondary-orange);
}
.button-orange:active {
  background-color: #EC5B00;
  background-color: var(--pressed-secondary-color-orange);
}
.button-orange:disabled {
  background-color: #b7b9b8;
  background-color: var(--disabled-color-gray);
  cursor: not-allowed;
}
/* Botón con ícono */
.button-icon {
  gap: 8px;
}
.button-icon img {
  width: 16px;
  width: var(--icon-size);
  height: 16px;
  height: var(--icon-size);
}
/* Clases para controlar el número de columnas que ocupan los botones */
/* Para Desktop (grilla de 12 columnas) */
.button-col-1 {
  grid-column: span 1;
}
.button-col-2 {
  grid-column: span 2;
}
.button-col-3 {
  grid-column: span 3;
}
.button-col-4 {
  grid-column: span 4;
}
.button-col-5 {
  grid-column: span 5;
}
.button-col-6 {
  grid-column: span 6;
}
.button-col-7 {
  grid-column: span 7;
}
.button-col-8 {
  grid-column: span 8;
}
.button-col-9 {
  grid-column: span 9;
}
.button-col-10 {
  grid-column: span 10;
}
.button-col-11 {
  grid-column: span 11;
}
.button-col-12 {
  grid-column: span 12;
}
/* Para Mobile (grilla de 4 columnas) */
@media (max-width: 768px) {
  .button-col-1 {
    grid-column: span 1;
  }
  .button-col-2 {
    grid-column: span 2;
  }
  .button-col-3 {
    grid-column: span 3;
  }
  .button-col-4 {
    grid-column: span 4;
  }
}
/* Elementos de formulario */
/* Estilo base del input */
.check-terms {
  margin-right: 10px;
}
.check-terms .ant-checkbox-inner {
  border: 1px solid #6A6969;
}
.check-terms-open-modal {
  text-decoration: underline;
  color: #679DF6 !important;
  cursor: pointer;
}
.check-terms-open-modal:hover {
  color: #3b7be2 !important;
}
.point-none {
  pointer-events: none;
}
.point-auto-cursor {
  pointer-events: auto;
  cursor: pointer;
}
.item-check-terms .ant-form-item-explain {
  padding-left: 24px !important;
  font-size: 12px;
}
.lbl-input .ant-input.input-nlg {
  border: 1px solid #b3b3b3;
  /* Borde por defecto */
  height: 45px !important;
  /* Ajuste de altura a 45px */
  width: 100% !important;
  border-radius: 4px !important;
  /* Borde redondeado */
  padding: 10px !important;
  font-weight: 400;
  font-size: 16px !important;
  line-height: 24px;
  color: #4a4a4a !important;
  /* Color del texto */
  background-color: #f5f5f5 !important;
  /* Fondo por defecto */
  font-family: 'Inter', sans-serif !important;
  /* Tipografía */
  box-shadow: none;
}
.lbl-input .ant-input.input-nlg:hover {
  border: 1px solid #007a3b !important;
  box-shadow: 0 0 0 2px rgba(0, 255, 123, 0.3) !important;
}
.lbl-input .ant-input.input-nlg:focus {
  border: 1px solid #007a3b !important;
  box-shadow: 0 0 0 2px rgba(0, 255, 123, 0.3) !important;
}
.lbl-input .textarea-nlg textarea {
  border: 1px solid #b3b3b3;
  /* Borde por defecto */
  height: 45px !important;
  /* Ajuste de altura a 45px */
  width: 100% !important;
  border-radius: 4px !important;
  /* Borde redondeado */
  padding: 10px !important;
  font-weight: 400;
  font-size: 16px !important;
  line-height: 24px;
  color: #4a4a4a !important;
  /* Color del texto */
  background-color: #f5f5f5 !important;
  /* Fondo por defecto */
  font-family: 'Inter', sans-serif !important;
  /* Tipografía */
  box-shadow: none;
}
.lbl-input .textarea-nlg textarea:hover {
  border: 1px solid #007a3b !important;
  box-shadow: 0 0 0 2px rgba(0, 255, 123, 0.3) !important;
}
.lbl-input .textarea-nlg textarea:focus {
  border: 1px solid #007a3b !important;
  box-shadow: 0 0 0 2px rgba(0, 255, 123, 0.3) !important;
}
.lbl-input .input-prefix-nlg .ant-input {
  border: 1px solid #b3b3b3;
  /* Borde por defecto */
  height: 45px !important;
  /* Ajuste de altura a 45px */
  width: 100% !important;
  border-radius: 4px !important;
  /* Borde redondeado */
  padding: 10px !important;
  font-weight: 400;
  font-size: 16px !important;
  line-height: 24px;
  color: #4a4a4a !important;
  /* Color del texto */
  background-color: #f5f5f5 !important;
  /* Fondo por defecto */
  font-family: 'Inter', sans-serif !important;
  /* Tipografía */
  box-shadow: none;
}
.lbl-input .input-prefix-nlg .ant-input:hover {
  border: 1px solid #007a3b !important;
  box-shadow: 0 0 0 2px rgba(0, 255, 123, 0.3) !important;
}
.lbl-input .input-prefix-nlg .ant-input:focus {
  border: 1px solid #007a3b !important;
  box-shadow: 0 0 0 2px rgba(0, 255, 123, 0.3) !important;
}
.lbl-input.ant-form-item-has-error .ant-input.input-nlg:focus {
  border: 1px solid red !important;
  box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.3) !important;
}
.lbl-input.ant-form-item-has-error .ant-input.input-nlg:hover {
  border: 1px solid red !important;
  box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.3) !important;
}
.lbl-input.ant-form-item-has-success .ant-input.input-nlg:focus {
  border: 1px solid #007a3b !important;
  box-shadow: 0 0 0 2px rgba(0, 255, 123, 0.3) !important;
}
.lbl-input.ant-form-item-has-success .ant-input.input-nlg:hover {
  border: 1px solid #007a3b !important;
  box-shadow: 0 0 0 2px rgba(0, 255, 123, 0.3) !important;
}
.lbl-input .select-nlg > .ant-select-selector {
  border: 1px solid #b3b3b3 !important;
  /* Borde por defecto */
  height: 45px !important;
  /* Altura ajustada a 45px */
  border-radius: 4px !important;
  background-color: #f5f5f5 !important;
  padding: 0 12px !important;
  /* Padding interno */
  display: flex;
  align-items: center;
}
.lbl-input .select-nlg > .ant-select-selector .ant-select-selection-search-input {
  height: 45px !important;
}
.lbl-input .select-nlg > .ant-select-selector:hover {
  border: 1px solid #007a3b !important;
  /* Verde en hover sin error */
  box-shadow: 0 0 0 2px rgba(0, 255, 123, 0.3) !important;
}
.lbl-input .select-nlg.ant-select-open .ant-select-selector {
  border: 1px solid #007a3b !important;
  /* Verde en foco sin error */
  box-shadow: 0 0 0 2px rgba(0, 255, 123, 0.3) !important;
  /* Sombra verde */
}
.lbl-input .radio-group-nlg .ant-radio-inner::after {
  background-color: #007a3b !important;
}
.lbl-input .radio-group-nlg .ant-radio-checked .ant-radio-inner {
  border-color: #007a3b !important;
}
.lbl-input .radio-group-nlg .ant-radio:hover .ant-radio-inner {
  border-color: #007a3b !important;
}
.lbl-input .radio-group-nlg .ant-radio-wrapper:hover .ant-radio,
.lbl-input .radio-group-nlg .ant-radio:hover .ant-radio-inner,
.lbl-input .radio-group-nlg .ant-radio-input:focus + .ant-radio-inner {
  border-color: #007a3b !important;
}
.dropdown-nlg {
  background-color: #fff;
  border-radius: 4px !important;
}
.dropdown-nlg .rc-virtual-list-holder-inner {
  margin-right: 14px !important;
}
.dropdown-nlg .rc-virtual-list-holder-inner .ant-select-item {
  padding: 0 14px !important;
  margin: 0px 12px 0 14px;
  display: flex;
  align-items: center;
}
.dropdown-nlg .rc-virtual-list-holder-inner .ant-select-item:hover {
  background-color: #dadada !important;
}
.dropdown-nlg .rc-virtual-list-scrollbar {
  width: 20px !important;
  background-color: #fff;
}
.dropdown-nlg .rc-virtual-list-scrollbar .rc-virtual-list-scrollbar-thumb {
  background-color: #dadada !important;
}
/* Select básico */
.select-pudos-nd .ant-select-selector {
  border: 1px solid #b3b3b3 !important;
  /* Borde por defecto */
  height: 45px !important;
  /* Altura ajustada a 45px */
  border-radius: 4px !important;
  background-color: #f5f5f5 !important;
  padding: 0 12px !important;
  display: flex;
  align-items: center;
}
/* Foco en select sin error */
.select-pudos-nd .ant-select-selector:focus {
  border-color: #007a3b !important;
  /* Verde en foco sin error */
  box-shadow: 0 0 0 2px rgba(0, 122, 59, 0.3) !important;
  /* Sombra verde */
}
/* Estado de error en select (con y sin focus) */
.ant-form-item-has-error .ant-select-selector,
.ant-form-item-has-error .ant-select-selector:focus {
  /* Select con error al recibir foco */
  border-color: #ff4d4f !important;
  /* Borde rojo */
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.5) !important;
  /* Sombra roja */
}
/* Estilo base del select */
.select-pudos-nd .ant-select-selector {
  border: 1px solid #b3b3b3 !important;
  /* Borde por defecto */
  height: 45px !important;
  /* Altura ajustada a 45px */
  border-radius: 4px !important;
  background-color: #f5f5f5 !important;
  padding: 0 12px !important;
  /* Padding interno */
  display: flex;
  align-items: center;
}
/* Elemento de selección */
.select-pudos-nd .ant-select-selection-item {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  color: #4a4a4a !important;
  /* Color de texto */
}
/* Icono de la flecha del select */
.select-pudos-nd .ant-select-arrow {
  color: #b3b3b3 !important;
  display: flex;
  align-items: center;
}
/* Foco en el select sin error */
.select-pudos-nd .ant-select-selector:focus {
  border-color: #007a3b !important;
  /* Verde en foco si no hay error */
  box-shadow: 0 0 0 2px rgba(0, 122, 59, 0.3) !important;
  /* Sombra verde */
}
/* Estado de error en el select (con y sin focus) */
.ant-select-status-error .ant-select-selector,
.ant-select-status-error .ant-select-selector:focus,
.ant-select-status-error .ant-select-selector .ant-select-selection-search-input:focus {
  border-color: #ff4d4f !important;
  /* Borde rojo en error */
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.5) !important;
  /* Sombra roja en error y focus */
}
/* Ajuste de sombra y borde para inputs sin error */
/* Alertas */
/* Danger */
.al-base {
  width: 100%;
  margin: 20px 0;
  padding: 16px 26px 32px 26px;
  border-radius: 4px;
}
.al-success {
  background-color: #f0fff7 !important;
  border: 2px solid #9fdabc !important;
  border: 2px solid var(--disabled-color-green) !important;
}
.al-danger {
  background-color: #fffbf9 !important;
  border: 2px solid #fe883e !important;
}
.al-info {
  background-color: #e6f7ff !important;
  border: 2px solid #36b4da !important;
}
.al-warning {
  background-color: #FFF8EC !important;
  border: 2px solid #F7D9A4 !important;
  color: white;
}
.al-home-alert {
  background-color: #52AB99 !important;
}
.al-floating {
  margin: 0 !important;
  border-radius: 0 !important;
  padding: 20px 20px 10px;
  height: auto;
  overflow: visible;
}
@media (max-width: 414px) {
  .al-floating {
    padding: 16px 20px 8px;
  }
}
.al-floating-carousel {
  position: relative;
  height: 100%;
  /* o una altura fija que sea apropiada */
  width: 100%;
}
.al-floating-carousel .slick-slider,
.al-floating-carousel .slick-list,
.al-floating-carousel .slick-track,
.al-floating-carousel .slick-slide > div {
  height: 100%;
}
.al-floating-carousel .slick-dots {
  position: absolute;
  bottom: -5px;
}
/*  modificar estilos de los puntos del dot */
.al-floating-carousel .slick-dots li button {
  background-color: #D8F5E8 !important;
  border-radius: 50% !important;
  width: 10px;
  height: 10px;
  opacity: 0.7;
}
.al-floating-carousel .slick-dots li.slick-active button {
  background-color: #004A3B !important;
  opacity: 1;
  width: 14px;
  height: 14px;
  transform: translateY(-2px) translateX(2px);
}
.truncate-two-lines {
  overflow: hidden;
  text-overflow: ellipsis !important;
  display: block;
  line-height: 1.2em;
  max-height: 1.2em;
  /* 2 líneas */
}
.alert-marquee-content {
  display: inline-block;
  padding-left: 100%;
  animation: alert-scroll-text 16s linear infinite;
  color: white !important;
  font-family: 'Inter';
  font-family: var(--font-family-secondary);
  font-size: 14px;
  font-size: var(--font-size-paragraph-2-desktop);
}
@media (max-width: 768px) {
  .alert-marquee-content {
    font-size: 12px !important;
    font-size: var(--font-size-paragraph-2-mobile) !important;
  }
}
@keyframes alert-scroll-text {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.alert-marquee-wrapper {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  white-space: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.alert-marquee-wrapper::-webkit-scrollbar {
  display: none;
}
.alert-marquee-item {
  min-width: 100%;
}
.alert-marquee-wrapper {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 3px;
  border-radius: 50%;
  cursor: pointer;
}
.dot.active {
  transform: translateY(-2px) !important;
}
.p-sin-marg {
  font-family: 'Inter';
  font-family: var(--font-family-secondary);
  font-size: 14px;
  font-size: var(--font-size-paragraph-2-desktop);
}
.p-sin-marg > p {
  margin: 0 !important;
}
@media (max-width: 1280px) {
  .p-sin-marg {
    font-size: 13px;
    font-size: var(--font-size-paragraph-2-tablet);
  }
}
@media (max-width: 768px) {
  .p-sin-marg {
    font-size: 12px;
    font-size: var(--font-size-paragraph-2-mobile);
  }
}
/* fixed-columns-layout.css */
.fixed-columns-row {
  width: 100%;
  flex-wrap: nowrap !important;
}
.fixed-column-first {
  flex: 0 0 auto !important;
  width: 40px;
}
.fixed-column-middle {
  flex: 1 1 auto !important;
  min-width: 0;
  /* Necesario para contenido largo */
  overflow: hidden;
  /* Opcional: contiene el contenido */
}
.fixed-column-last {
  flex: 0 0 auto !important;
  width: 28px;
  display: flex !important;
  justify-content: flex-end;
  align-items: center;
  padding-left: 12px;
}
/* Versión mobile */
@media (max-width: 768px) {
  .fixed-column-first {
    width: 36px;
  }
  .fixed-column-last {
    width: 24px;
  }
}
/* Modales */
.ant-modal-nlg .ant-modal {
  font-size: 1.25rem !important;
}
.ant-modal-content-nlg .ant-modal-content {
  border-radius: 10px !important;
  background-color: #fff !important;
}
.ant-modal-body-nlg .ant-modal-body {
  padding: 66px 32px !important;
}
.ant-mini-modal-content-nlg .ant-modal-content {
  border-radius: 10px !important;
  background-color: #fff !important;
}
.ant-mini-modal-body-nlg .ant-modal-body {
  padding: 32px 22px 44px 22px !important;
}
.ant-modal-content-nlg {
  border-radius: 10px !important;
  font-family: 'Inter';
  font-family: var(--font-family-secondary);
  color: #4B4B4B !important;
}
.ant-modal-content-nlg .ant-modal-content {
  border-radius: 10px !important;
  border-top: 10px solid #efa220;
}
.ant-modal-content-nlg .ant-modal-content .ant-modal-body {
  padding: 40px 35px !important;
}
.ant-modal-content-nlg .modal-container-nlg {
  display: block;
}
.ant-modal-content-nlg .modal-container-nlg .label-input-pudos .ant-form-item-explain-error {
  text-align: left;
  padding-left: 7px;
}
.ant-modal-content-nlg .modal-container-nlg > * {
  margin-bottom: 20px;
  /* titulo */
}
.ant-modal-content-nlg .modal-container-nlg > :first-child {
  margin-bottom: 35px;
  /* Icono*/
}
.ant-modal-content-nlg .modal-container-nlg > :last-child {
  margin-bottom: 0;
  /* Párrafo (si es que existe) */
}
.ant-modal-content-nlg .nlg-modal-icon {
  width: 64px;
}
@media (max-width: 768px) {
  .ant-modal-content-nlg .nlg-modal-icon {
    width: 50px;
  }
}
.ant-modal-content-nlg .nlg-modal-title {
  font-style: normal;
  font-weight: 600;
  font-size: 20px !important;
}
.ant-modal-content-nlg .nlg-modal-paragraph {
  /* font-family: var(--font-family-secondary); */
  font-style: normal;
  font-weight: 400;
  font-size: 16px !important;
}
.ant-modal-footer-nlg {
  width: 100%;
  gap: 20px;
}
.ant-modal-footer-nlg .btn-mod-success {
  color: #009d4e !important;
  color: var(--primary-color-green) !important;
}
.ant-modal-footer-nlg .btn-mod-success:active {
  color: #FFFFFF !important;
}
@media (max-width: 768px) {
  .ant-modal-footer-nlg > .button-small {
    min-width: 100%;
    max-width: 100%;
  }
  .ant-modal-footer-nlg > button:first-child {
    margin-bottom: 20px;
  }
}
.border-error .ant-modal-content {
  border-top: 10px solid #EA5455 !important;
  border-top: var(--modal-border-top) solid var(--popup-error) !important;
}
.border-warning .ant-modal-content {
  border-top: 10px solid #F2A356 !important;
  border-top: var(--modal-border-top) solid var(--popup-warning) !important;
}
.border-success .ant-modal-content {
  border-top: 10px solid #61C478 !important;
  border-top: var(--modal-border-top) solid var(--popup-success) !important;
}
.border-green .ant-modal-content {
  border-top: 10px solid #009d4e !important;
  border-top: var(--modal-border-top) solid var(--primary-color-green) !important;
}
.border-grey .ant-modal-content {
  border-top: 10px solid #d4d3d8 !important;
  border-top: var(--modal-border-top) solid var(--secondary-color-grey) !important;
}
.border-dark .ant-modal-content {
  border-top: 10px solid #414745 !important;
  border-top: var(--modal-border-top) solid var(--primary-color-dark) !important;
}
.border-orange .ant-modal-content {
  border-top: 10px solid #ff9a00 !important;
  border-top: var(--modal-border-top) solid #ff9a00 !important;
}
.border-mint .ant-modal-content {
  border-top: 10px solid #52ab99 !important;
  border-top: var(--modal-border-top) solid var(--secondary-color-mint) !important;
}
.border-purple .ant-modal-content {
  border-top: 10px solid #550D5D !important;
  border-top: var(--modal-border-top) solid #550D5D !important;
}
/* HOME */
/* Contenedor principal */
.menu-container {
  position: relative;
  width: 100%;
  padding: 0;
}
.shadow-banner {
  box-shadow: 0px 1.47px 1.47px 0px #00000040 !important;
  margin-bottom: 3px;
  height: 87vh;
  position: relative;
}
.shadow-banner .banner-image-robot {
  position: absolute;
  bottom: 0;
  right: 20%;
  max-height: 75%;
}
.shadow-banner .banner-image-text {
  position: absolute;
  width: 40%;
  top: 12%;
  left: 5%;
}
@media (max-width: 1366px) {
  .shadow-banner .banner-image-robot {
    right: 10%;
  }
}
@media (min-width: 769px) and (max-width: 1200px) {
  .shadow-banner {
    height: 70vh;
  }
  .shadow-banner .banner-image-robot {
    left: 2%;
    max-height: 70%;
  }
  .shadow-banner .banner-image-text {
    right: 50%;
    left: 50%;
    top: 50% !important;
    width: 45%;
    transform: translateX(5%);
  }
}
@media (max-width: 992px) {
  .shadow-banner {
    height: 60vh;
  }
}
@media (max-width: 768px) {
  .shadow-banner {
    height: 40vh;
  }
  .shadow-banner .banner-image-robot {
    right: 3%;
  }
  .shadow-banner .banner-image-text {
    top: 30% !important;
    left: 5%;
    width: 50%;
  }
}
@media (max-width: 576px) {
  .shadow-banner {
    height: 30vh;
  }
}
@media (max-width: 430px) {
  .shadow-banner {
    height: 20vh;
  }
}
@media (max-width: 768px) {
  .padding-first-home-info {
    padding-top: 3vh;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  .padding-first-home-info {
    padding-top: 24vh !important;
  }
}
@media (min-width: 993px) and (max-width: 1200px) {
  .padding-first-home-info {
    padding-top: 20vh !important;
  }
}
@media (min-width: 1200px) {
  .padding-first-home-info {
    padding-top: 6vh;
  }
}
.botonera {
  display: flex;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%) translateY(50%);
  z-index: 1 !important;
}
@media (max-width: 768px) {
  .botonera {
    justify-content: center;
  }
}
@media (max-width: 1200px) {
  .botonera {
    justify-content: center !important;
    transform: translateX(-50%) translateY(50%);
  }
}
@media (min-width: 1201px) {
  .botonera {
    top: 60% !important;
    left: 8vh;
  }
}
@media (min-width: 1201px) and (max-width: 1299px) {
  .botonera {
    transform: translateY(-20%) !important;
  }
}
@media (min-width: 1300px) {
  .botonera {
    left: 15vh;
    transform: translateY(-20%) !important;
  }
}
.boton {
  width: 190px;
  height: 160px;
  background-color: #FFFFFF;
  color: #1C1C1C;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
  transition: transform 1s ease, font-size 0.5s ease, transform 0.3s ease;
  box-shadow: 0px 2.64px 2.64px 0px #00000040;
  transform-origin: center;
  font-family: 'Exo';
  font-family: var(--font-family-primary);
}
.boton > img {
  width: 63px;
  margin-bottom: 5px;
}
.boton.active-class {
  background-color: #3C4B45;
  color: #FFFFFF;
  transform: scale(1.25);
  font-size: 18px !important;
  margin: 0 15px;
}
.boton:hover {
  color: #FFFFFF;
  background-color: #211D18 !important;
  transform: scale(1.25);
  font-size: 18px;
  font-weight: bold;
  z-index: 1;
}
.boton:active {
  color: #FFFFFF;
  background-color: #211D18;
}
@media (max-width: 768px) {
  .boton {
    width: 120px;
    height: 100px;
    font-size: 14px;
  }
  .boton img {
    width: 50px;
  }
  .boton.active-class {
    font-size: 14px !important;
  }
  .boton:hover {
    font-size: 14px !important;
  }
  .boton:active {
    background-color: #3C4B45;
    color: #FFFFFF;
    transform: scale(1.25);
    font-size: 14px !important;
  }
}
@media (max-width: 576px) {
  .boton {
    font-size: 12px;
  }
  .boton img {
    width: 40px;
  }
  .boton.active-class {
    font-size: 12px !important;
  }
  .boton:hover {
    font-size: 12px !important;
  }
  .boton:active {
    background-color: #3C4B45;
    color: #FFFFFF;
    transform: scale(1.25);
    font-size: 12px !important;
  }
}
@media (max-width: 430px) {
  .boton {
    width: 100px;
    height: 80px !important;
  }
  .boton img {
    width: 35px;
  }
  .boton.active-class {
    margin: 0 10px !important;
  }
}
.tracking-component {
  width: 600px;
}
@media (min-width: 769px) {
  .tracking-component {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(30%) !important;
  }
}
@media (max-width: 768px) {
  .tracking-component {
    margin-top: 10vh !important;
    width: 100% !important;
  }
}
.sucursal-3d {
  width: 70% !important;
}
@media (min-width: 1025px) and (max-width: 1400px) {
  .sucursal-3d {
    width: 90% !important;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .sucursal-3d {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  .sucursal-3d {
    width: 90% !important;
  }
}
.title-input-seguimiento {
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  color: #414745;
  font-weight: 600px !important;
  padding-left: 30px;
  font-size: 32px;
}
@media (max-width: 768px) {
  .title-input-seguimiento {
    font-size: 24px;
  }
}
@media (max-width: 576px) {
  .title-input-seguimiento {
    font-size: 21px;
  }
}
.input-seguimiento {
  padding: 20px 40px 5px 30px;
  background-color: #3C4B45;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.col-card {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  position: relative;
  overflow: visible;
  margin-bottom: 20vh;
}
/* Estilo base de card-home-marca */
.card-home-marca,
.card-redstarken-marca {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: #FFFFFF;
  /* Color inicial */
  box-shadow: 0px 2.77px 2.77px rgba(0, 0, 0, 0.25);
  width: 260px;
  max-width: 87%;
  padding: 20px;
  border-radius: 7px;
  z-index: 1;
  text-align: start;
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.card-home-marca .paragraph-2,
.card-redstarken-marca .paragraph-2 {
  font-size: 12px !important;
}
.col-card .content-container .card-home-marca ul,
.col-card .content-container .card-redstarken-marca ul {
  margin: 0 !important;
  padding: 10px 0 10px 20px !important;
}
.col-card:nth-child(1) .content-container:hover .card-home-marca {
  background-color: #602365;
}
.col-card:nth-child(1) .content-container:hover .card-redstarken-marca {
  background-color: #FF6D00;
}
.col-card:nth-child(2) .content-container:hover .card-redstarken-marca {
  background-color: #009E43;
}
.col-card:nth-child(3) .content-container:hover .card-redstarken-marca {
  background-color: #229DB6;
}
.col-card:nth-child(1) .content-container:hover .card-home-marca > button.button-purple {
  background-color: #fe883e !important;
  background-color: var(--secondary-color-orange) !important;
}
.col-card:nth-child(1) .content-container:hover .card-home-marca > button.button-purple:hover {
  background-color: #FBA46E !important;
  background-color: var(--hover-secondary-orange) !important;
}
.col-card:nth-child(1) .content-container:hover .card-home-marca > button.button-purple:active {
  background-color: #EC5B00 !important;
  background-color: var(--pressed-secondary-color-orange) !important;
}
.col-card:nth-child(2) .content-container:hover .card-home-marca {
  background-color: #52AB99;
}
.col-card:nth-child(3) .content-container:hover .card-home-marca {
  background-color: #414745;
  background-color: var(--primary-color-dark);
}
/* Efecto de escalado y movimiento suave durante el hover */
.content-container:hover .card-home-marca,
.content-container:hover .card-redstarken-marca {
  transform: translate(-50%, 20%) scale(1.05);
  /* Escalar y mover hacia abajo */
  color: #FFFFFF;
}
/* over en el contenedor que escala todo */
.content-container {
  position: relative;
  display: inline-block;
  text-align: center;
  transition: transform 0.3s ease-in-out;
  z-index: 2;
}
.content-container:hover {
  transform: scale(1.1);
  /* escalar el contenedor completo */
}
.content-container > .main-image {
  max-width: 100%;
  width: 300px;
  height: auto;
  transition: transform 0.3s ease-in-out;
}
.content-container:hover > .main-image {
  transform: scale(1.1);
  /* escalar imagen */
}
@media (max-width: 576px) {
  .card-home-marca {
    top: 60%;
    width: 90%;
  }
}
@media (min-width: 769px) {
  .tracking-component {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(0);
  }
}
@media (max-width: 768px) {
  .content-container:hover {
    transform: scale(1.05);
  }
  .content-container:hover .card-home-marca {
    transform: translate(-50%, 10%) scale(1.05);
  }
  .content-container:hover .card-home-marca {
    transform: translate(-50%, 10%) scale(1.05);
  }
  .input-seguimiento {
    border-radius: 0;
  }
  .tracking-component {
    margin-top: 10vh;
    width: 100%;
  }
}
.link-recovery-launcher {
  margin-right: 10px;
  color: white !important;
  text-decoration: underline;
  cursor: pointer;
}
.link-recovery-launcher:hover {
  color: #009D4E !important;
}
.affix-container {
  background-color: #FFFFFF !important;
}
.affix-container .affix-header-nd {
  box-shadow: 0px 0px 10px 0px !important;
  z-index: 100;
  position: relative;
}
.affix-container .affix-header-nd .ant-affix {
  box-shadow: 0px 0px 10px 0px;
  border-radius: 0 0 15px 15px;
  transition: border-radius 0.5s ease;
}
.affix-container .affix-header-nd .ant-affix .header-nd {
  border-radius: 0 0 15px 15px;
  transition: border-radius 0.5s ease;
}
.affix-container .affix-header-nd .ant-affix .header-nd .bot-side {
  border-radius: 0 0 15px 15px;
  transition: border-radius 0.5s ease;
}
.affix-container .affix-header-nd .ant-affix .header-nd .bot-side .ant-row {
  border-radius: 0 0 15px 15px;
  transition: border-radius 0.5s ease;
}
.affix-container .affix-header-nd .ant-affix .header-nd .bot-side .ant-row .container-logo {
  border-radius: 0 0 0 15px;
  transition: border-radius 0.5s ease;
}
.affix-container .affix-header-nd .header-nd {
  width: 100%;
  padding: 0;
  font-family: Exo;
  /* Estilos para pantallas grandes (>=1200px) */
  /* Estilos para pantallas pequeñas (<1200px) */
}
.affix-container .affix-header-nd .header-nd .container-space {
  /* background: 'none', border: 'none', padding: 0, cursor: 'pointer' */
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.affix-container .affix-header-nd .header-nd .container-space .ant-space-item {
  font-family: Exo;
  font-weight: 500;
}
.affix-container .affix-header-nd .header-nd .container-space .ant-space-item span {
  font-family: Exo;
  font-weight: 500;
}
.affix-container .affix-header-nd .header-nd a {
  font-family: Exo;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .affix-container .affix-header-nd .header-nd {
    /* Ocultar h-mobile en pantallas grandes */
  }
  .affix-container .affix-header-nd .header-nd.h-desktop {
    display: block;
    height: auto;
  }
  .affix-container .affix-header-nd .header-nd.h-desktop .ant-row {
    height: 100%;
    width: 100%;
  }
  .affix-container .affix-header-nd .header-nd.h-desktop .ant-row .top-side {
    font-size: 16px;
    height: 50px;
    background-color: #303030;
    color: #fff;
  }
  .affix-container .affix-header-nd .header-nd.h-desktop .ant-row .top-side .container-usr-info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-right: 30px;
  }
  .affix-container .affix-header-nd .header-nd.h-desktop .ant-row .top-side .container-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  .affix-container .affix-header-nd .header-nd.h-desktop .ant-row .top-side .container-btns .btn-registrate {
    border-radius: 5px;
    background-color: #303030;
    border: 1px solid #fff;
    height: 45px;
    width: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .affix-container .affix-header-nd .header-nd.h-desktop .ant-row .top-side .container-btns .btn-ingresa {
    background-color: #009E43;
    border: 1px solid #009E43;
    border-radius: 5px;
    width: 105px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .affix-container .affix-header-nd .header-nd.h-desktop .ant-row .bot-side {
    font-size: 16px;
    height: 63px;
    background-color: #fff;
  }
  .affix-container .affix-header-nd .header-nd.h-desktop .ant-row .bot-side .links {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .affix-container .affix-header-nd .header-nd.h-desktop .ant-row .bot-side .links a {
    display: flex;
    align-items: center;
    color: #303030;
    font-weight: 500;
    gap: 5px;
  }
  .affix-container .affix-header-nd .header-nd.h-desktop .ant-row .bot-side .links a:hover {
    color: #009E43;
  }
  .affix-container .affix-header-nd .header-nd.h-desktop .ant-row .bot-side .container-logo {
    width: 100%;
    height: 100%;
    background-color: #009E43;
    -webkit-clip-path: polygon(0% 0, 100% 0%, 70% 100%, 0% 100%);
            clip-path: polygon(0% 0, 100% 0%, 70% 100%, 0% 100%);
    display: flex;
    align-items: center;
    padding-left: 25px;
  }
  .affix-container .affix-header-nd .header-nd.h-mobile {
    display: none;
  }
}
@media (max-width: 1199px) {
  .affix-container .affix-header-nd .header-nd {
    /* Ocultar h-desktop en pantallas pequeñas */
  }
  .affix-container .affix-header-nd .header-nd.h-mobile {
    display: block;
    height: auto;
  }
  .affix-container .affix-header-nd .header-nd.h-mobile .ant-row {
    height: 100%;
    width: 100%;
  }
  .affix-container .affix-header-nd .header-nd.h-mobile .ant-row .top-side {
    background-color: #303030;
    height: 40px;
  }
  .affix-container .affix-header-nd .header-nd.h-mobile .ant-row .top-side .ant-row .ant-col {
    height: 40px;
    display: flex;
    align-items: center;
  }
  .affix-container .affix-header-nd .header-nd.h-mobile .ant-row .bot-side {
    font-size: 16px;
    height: 60px;
    background-color: #fff;
  }
  .affix-container .affix-header-nd .header-nd.h-mobile .ant-row .bot-side .container-logo {
    width: 100%;
    height: 100%;
    background-color: #009E43;
    -webkit-clip-path: polygon(0% 0, 100% 0%, 70% 100%, 0% 100%);
            clip-path: polygon(0% 0, 100% 0%, 70% 100%, 0% 100%);
    display: flex;
    align-items: center;
  }
  .affix-container .affix-header-nd .header-nd.h-desktop {
    display: none;
  }
}
.hover-stk:hover {
  color: #009E43;
}
.color-stk {
  color: #009E43 !important;
}
.color-white {
  color: #fff;
}
.color-black {
  color: #303030;
}
.dropdown-user-header {
  height: 100%;
}
.dropdown-user-header > div {
  height: 100%;
}
.dropdown-user-header .ant-space-item {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dropdown-user-header ul {
  background-color: #303030;
  color: #fff;
}
.dropdown-user-header ul li {
  margin: 0;
  color: #fff;
  background-color: #303030;
}
.dropdown-user-header ul li.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled a,
.dropdown-user-header ul li .ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled a,
.dropdown-user-header ul li .ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled a,
.dropdown-user-header ul li .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled a {
  color: gray;
}
.dropdown-user-header ul li.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled a:hover,
.dropdown-user-header ul li .ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled a:hover,
.dropdown-user-header ul li .ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled a:hover,
.dropdown-user-header ul li .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled a:hover {
  color: gray;
  background-color: #303030;
}
.dropdown-user-header ul li a {
  color: #fff;
}
.dropdown-user-header ul li:hover {
  background-color: #303030;
  color: #fff;
}
.dropdown-user-header ul li:hover a,
.dropdown-user-header ul li:hover span {
  background-color: #303030;
  color: #009E43;
}
.dropdown-user-header ul .ant-dropdown-menu-item.ant-dropdown-menu-item-disabled.ant-dropdown-menu-item-only-child {
  background-color: #303030;
}
.dropdown-user-header .divider-dropdown-user {
  color: #fff;
  background-color: #fff;
}
.dropdown-user-header .divider-dropdown-user:hover {
  color: #fff;
  background-color: #fff;
}
.dropdown-menu-header {
  height: 100%;
}
.dropdown-menu-header .ant-space-item {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dropdown-menu-header ul li {
  margin: 0;
}
.dropdown-menu-header ul li.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled a,
.dropdown-menu-header ul li .ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled a,
.dropdown-menu-header ul li .ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled a,
.dropdown-menu-header ul li .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled a {
  color: gray;
}
.dropdown-menu-header ul li a {
  color: #303030;
  font-weight: 500;
}
.dropdown-menu-header ul li:hover {
  background-color: none;
}
.dropdown-menu-header ul li:hover a {
  color: #009d4e;
}
.menu-header-nd {
  position: fixed;
  z-index: 2;
}
.container-seg-of-menu {
  background-color: #f2f3f3;
  padding: 22px 17px 22px 17px;
  border: 0.5px solid #d9dada;
  border-radius: 3px;
}
.menu-mobile-header {
  background: #fff !important;
  color: black !important;
}
.menu-mobile-header .ant-menu-item-divider {
  color: #b1b1b1;
}
.menu-mobile-header .ant-menu-submenu.ant-menu-submenu-inline {
  color: black;
  background-color: #fff;
  /* &.ant-menu-submenu-active {
      color: black !important;

      &:hover {
        color: black !important;
      }
    } */
}
.menu-mobile-header .ant-menu-submenu.ant-menu-submenu-inline:hover {
  color: black !important;
}
.menu-mobile-header .ant-menu-submenu.ant-menu-submenu-inline:hover span {
  color: black;
}
.menu-mobile-header .ant-menu-submenu.ant-menu-submenu-inline .ant-menu-submenu-arrow {
  filter: invert(1);
}
.menu-mobile-header .ant-menu-submenu.ant-menu-submenu-inline.ant-menu-submenu-open {
  color: black !important;
}
.menu-mobile-header .ant-menu-submenu.ant-menu-submenu-inline.ant-menu-submenu-open .ant-menu.ant-menu-sub.ant-menu-inline {
  color: black;
  background-color: #fff;
}
.menu-mobile-header .ant-menu-submenu.ant-menu-submenu-inline.ant-menu-submenu-open .ant-menu.ant-menu-sub.ant-menu-inline li {
  color: black;
}
.menu-mobile-header .ant-menu-submenu.ant-menu-submenu-inline .ant-menu-item-group {
  background-color: #fff;
  color: black;
}
.menu-mobile-header .ant-menu-submenu.ant-menu-submenu-inline .ant-menu-item-group .ant-menu-item-group-title {
  color: black;
}
.menu-mobile-header .ant-menu-submenu.ant-menu-submenu-inline .ant-menu-item-group .ant-menu-item-group-list {
  color: black;
  background-color: #fff;
}
.menu-mobile-header .ant-menu-submenu.ant-menu-submenu-inline .ant-menu-item-group .ant-menu-item-group-list .ant-menu-item.ant-menu-item-selected.ant-menu-item-only-child {
  background-color: #f2f3f3 !important;
}
.menu-mobile-header .ant-menu-item-group {
  background-color: #fff;
  color: black;
}
.menu-mobile-header .ant-menu-item-group .ant-menu-item-group-title {
  background-color: #fff;
  color: black;
}
.menu-mobile-header .ant-menu-item-group .ant-menu-item-group-list {
  color: black;
  background-color: #fff;
}
.menu-mobile-header .ant-menu-item-group .ant-menu-item-group-list .ant-menu-item.ant-menu-item-only-child {
  background-color: #fff;
  color: black;
}
.menu-mobile-header .ant-menu-item-group .ant-menu-item-group-list .ant-menu-item.ant-menu-item-only-child.ant-menu-item-selected {
  color: black;
  background-color: #fff;
}
.ant-menu-dark.ant-menu-inline.ant-menu-sub {
  background: transparent !important;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: transparent !important;
}
.drawer-user-header .ant-drawer-content {
  border-radius: 10px 10px 0 0;
}
.font-w-500 {
  font-weight: 500;
}
.segment-collapse-item {
  /* font-size: 16px; */
  font-weight: 500;
  background-color: #fff;
  min-height: 40px;
}
.segment-collapse-item :not(:last-child) {
  border-bottom: 1px solid #d9d9d9;
}
.segment-collapse-item .ant-collapse-item {
  min-height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #fff;
  /* 
    border-bottom excepto en el ultimo elemnto
    */
}
.segment-collapse-item .ant-collapse-item .ant-collapse-header {
  height: 40px;
  align-items: center;
  padding: 0;
}
.segment-collapse-item .ant-collapse-item .ant-collapse-expand-icon > span {
  font-size: medium !important;
}
.segment-collapse-item .ant-collapse-item.ant-collapse-no-arrow {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 40px;
}
.segment-collapse-item .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header-text {
  color: #009E43;
}
.segment-collapse-item .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-expand-icon {
  color: #009E43;
}
.segment-collapse-item .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-expand-icon > span {
  font-size: medium;
}
.segment-collapse-item .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-content.ant-collapse-content-active .ant-collapse-content-box {
  padding-bottom: 4px;
  text-align: start !important;
}
.segment-collapse-item .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-content.ant-collapse-content-active .ant-collapse-content-box .ant-row.ant-row-start .ant-col {
  height: 30px;
}
.segment-collapse-item .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-content.ant-collapse-content-active .ant-collapse-content-box .ant-row.ant-row-start .ant-col span {
  color: #414745;
  color: var(--primary-color-dark);
}
.segment-collapse-item .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-content.ant-collapse-content-active .ant-collapse-content-box .ant-row.ant-row-start .ant-col:hover span {
  color: #009E43;
}
.drawer-menu-header {
  font-size: 16px;
  font-weight: 500;
}
.drawer-menu-header .content-drawer .items-no-collapsable {
  height: 40px;
  border-bottom: 1px solid #d9d9d9;
  display: flex;
  align-items: center;
  gap: 10px;
}
.drawer-menu-header .content-drawer .collapse-container {
  width: 100%;
  gap: 10px;
  border: none;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item {
  border: none;
  border-radius: 5px;
  margin-bottom: 10px;
  box-shadow: 0px 4px 4px 0px #00000040;
  background-color: #fff;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item.color-personas {
  border-left: 6px solid #009E43 !important;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item.color-empresas {
  border-left: 6px solid #52AB99 !important;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item.color-emprendedores {
  border-left: 6px solid #622480 !important;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item.color-red {
  border-left: 6px solid #DE6944 !important;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item.color-internacional {
  border-left: 6px solid #0A202F !important;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item > .ant-collapse-content.ant-collapse-content-active {
  width: 100%;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item > .ant-collapse-content.ant-collapse-content-active > .ant-collapse-content-box {
  padding: 0 20px;
  text-align: start !important;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item > .ant-collapse-content.ant-collapse-content-active > .ant-collapse-content-box > div:not(:last-child) {
  border-bottom: 1px solid #d9d9d9;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item > .ant-collapse-content.ant-collapse-content-active > .ant-collapse-content-box > div .segment-collapse-item {
  border: none;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item > .ant-collapse-content.ant-collapse-content-active > .ant-collapse-content-box > div .segment-collapse-item .ant-collapse-header {
  border: none;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item > .ant-collapse-content.ant-collapse-content-active > .ant-collapse-content-box > div .segment-collapse-item .ant-collapse-item-active .ant-collapse-content.ant-collapse-content-active .ant-collapse-content-box > .ant-row .ant-col {
  height: 40px;
  align-items: center;
  display: flex;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item > .ant-collapse-content.ant-collapse-content-active > .ant-collapse-content-box > div .segment-collapse-item .ant-collapse-item-active .ant-collapse-content.ant-collapse-content-active .ant-collapse-content-box > .ant-row .ant-col > a {
  height: auto;
  width: 100%;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item > .ant-collapse-content.ant-collapse-content-active > .ant-collapse-content-box > div .items-no-collapsable {
  border: none;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item > .ant-collapse-header {
  font-size: 16px;
  font-weight: 600;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item div:nth-child(2) .ant-collapse-content-box {
  padding: 0 20px;
  padding-bottom: 4px;
  text-align: start !important;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item div:nth-child(2) .ant-collapse-content-box > div:not(:last-child) {
  border-bottom: 1px solid #d9d9d9;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item div:nth-child(2) .ant-collapse-content-box > div .items-no-collapsable {
  border: none;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item div:nth-child(2) .ant-collapse-content-box .ant-row.ant-row-start .ant-col {
  height: 30px;
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item div:nth-child(2) .ant-collapse-content-box .ant-row.ant-row-start .ant-col span {
  color: #414745;
  color: var(--primary-color-dark);
}
.drawer-menu-header .content-drawer .collapse-container > .ant-collapse-item div:nth-child(2) .ant-collapse-content-box .ant-row.ant-row-start .ant-col:hover span {
  color: #009E43;
}
@media (max-width: 768px) {
  .drawer-menu-header .ant-drawer-content-wrapper {
    width: 100vw !important;
  }
}
.footer-nd {
  min-height: 532px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #303030 !important;
}
.footer-nd ::selection {
  color: green;
}
.footer-nd ::-moz-selection {
  color: green;
}
.footer-nd hr {
  border: 1px solid #60717B;
  margin-top: 20px;
}
.footer-nd .footer-row {
  padding-left: 40px;
  padding-right: 40px;
}
.footer-nd .footer-row.h-mobile {
  display: none;
}
@media (min-width: 1200px) {
  .footer-nd .footer-row.h-mobile {
    display: flex !important;
  }
}
.footer-nd .footer-row .premios-container {
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: #fff;
  max-width: 240px;
  line-height: 14px;
  margin-right: 40px;
  padding-top: 50px;
}
.footer-nd .footer-row .redes-sociales-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 60px;
  padding-top: 50px;
  color: #fff;
}
.footer-nd .footer-row .redes-sociales-container .last-item-row {
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: #fff;
}
.footer-nd .footer-row .redes-sociales-container .last-item-row .icon {
  display: flex;
  align-items: start;
}
.footer-nd .footer-row .items-col {
  font-size: 16px;
  font-weight: 500;
  gap: 30px;
  display: flex !important;
  flex-direction: column !important;
  padding-top: 50px;
}
.footer-nd .footer-row .items-col .item-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px;
}
.footer-nd .footer-row .items-col .item-content .item-title {
  color: #fff;
}
.footer-nd .footer-row .items-col .item-content .item-link {
  color: #60717B;
}
.footer-nd .footer-row .items-col .item-content .item-link:hover {
  color: #009E43;
}
.footer-nd .footer-row .items-col .item-content .item-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px;
}
.footer-nd .h-desktop {
  display: none;
}
@media (max-width: 1199px) {
  .footer-nd .h-desktop {
    display: flex !important;
    /* flex-direction: column; */
    padding-left: 20px;
    padding-right: 20px;
  }
  .footer-nd .h-desktop .redes-sociales-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 60px;
    padding-top: 50px;
    color: #fff;
  }
  .footer-nd .h-desktop .redes-sociales-container .last-item-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #fff;
  }
  .footer-nd .h-desktop .redes-sociales-container .last-item-row .icon {
    display: flex;
    align-items: start;
  }
  .footer-nd .h-desktop .premios-container {
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    line-height: 14.46px;
    text-align: left;
    text-underline-position: from-font;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
    color: #fff;
    line-height: 14px;
    padding-top: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .footer-nd .h-desktop .premios-container > div > p {
    text-align: center;
  }
}
.footer-nd .bot-side-footer {
  background: #60717B;
  height: 41px;
}
@media (max-width: 1199px) {
  .footer-nd .bot-side-footer {
    justify-content: center !important;
  }
}
.footer-nd .bot-side-footer .container-item-text {
  display: flex;
  align-items: center;
  justify-content: start;
}
.footer-nd .bot-side-footer .container-item-text .item-text {
  color: #B9BFC3;
}
.footer-nd .collapsable-footer {
  background-color: #303030 !important;
  border: none !important;
  width: 80%;
}
.footer-nd .collapsable-footer .ant-collapse-item .ant-collapse-header {
  color: #fff;
}
.footer-nd .collapsable-footer .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
  text-align: start;
  background: #303030;
  display: flex;
  flex-direction: column;
}
.footer-nd .collapsable-footer .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .item-link {
  color: #9AA6AD;
}
.footer-nd .collapsable-footer .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .item-link:hover {
  color: #009E43;
}
.footer-only-rights {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #303030 !important;
}
.footer-only-rights .bot-side-footer {
  background: #60717B;
  height: 41px;
}
@media (max-width: 1199px) {
  .footer-only-rights .bot-side-footer {
    justify-content: center !important;
  }
}
.footer-only-rights .bot-side-footer .container-item-text {
  display: flex;
  align-items: center;
  justify-content: start;
}
.footer-only-rights .bot-side-footer .container-item-text .item-text {
  color: #B9BFC3;
}
.font-inter {
  font-family: 'Inter', 'Exo', sans-serif;
  font-family: var(--font-family-secondary), var(--font-family-primary), sans-serif;
}
@media (min-width: 992px) {
  .container-inno {
    padding-left: 150px !important;
    padding-right: 50px !important;
  }
}
@media (min-width: 1200px) {
  .container-inno {
    padding-left: 200px !important;
  }
}
@media (min-width: 1600px) {
  .container-inno {
    padding-left: 180px !important;
    padding-right: 20px !important;
  }
}
.background-home-img {
  max-width: 20%;
}
@media (min-width: 768px) {
  .background-home-img {
    max-width: 15% !important;
  }
}
.background-emp-A-img {
  background-image: url(/static/media/background_section_A.95ae1c09a101bf1ed77b.webp) !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100% !important;
  height: 666px;
}
@media (max-width: 1150px) {
  .background-emp-A-img {
    height: 60vh !important;
  }
}
@media (max-width: 992px) {
  .background-emp-A-img {
    height: 50vh !important;
  }
}
@media (max-width: 790px) {
  .background-emp-A-img {
    height: 40vh !important;
  }
}
@media (max-width: 768px) {
  .background-emp-A-img {
    height: 45vh !important;
  }
}
@media (max-width: 576px) {
  .background-emp-A-img {
    height: 30vh !important;
  }
}
.container-emp-A {
  display: flex;
  flex-direction: row;
  justify-content: end;
  padding: 8vh 20vh 3vh;
}
.container-emp-A > img {
  position: relative;
  width: 50%;
  right: 10vh;
  top: 0;
}
@media (max-width: 1670px) {
  .container-emp-A > img {
    right: 5vh;
  }
}
@media (max-width: 1600px) {
  .container-emp-A {
    padding: 8vh 15vh 3vh;
  }
}
@media (max-width: 1536px) {
  .container-emp-A {
    padding: 8vh 15vh 3vh 10vh;
  }
  .container-emp-A > img {
    right: 0;
    width: 60%;
  }
}
@media (max-width: 1440px) {
  .container-emp-A {
    padding: 8vh 10vh 3vh !important;
  }
  .container-emp-A > img {
    width: 60% !important;
    height: 90% !important;
  }
}
@media (max-width: 1280px) {
  .container-emp-A {
    padding: 8vh 10vh 3vh !important;
  }
  .container-emp-A > img {
    right: 0;
  }
}
@media (max-width: 1150px) {
  .container-emp-A > img {
    width: 60% !important;
    height: 80% !important;
    transform: translateY(20%);
  }
}
@media (max-width: 992px) {
  .container-emp-A {
    padding: 5vh 5vh 3vh 10vh !important;
    height: 500px !important;
  }
  .container-emp-A > img {
    width: 70% !important;
    height: 70%;
    transform: translateY(13%);
  }
}
@media (max-width: 834px) {
  .container-emp-A {
    padding: 6vh 5vh 3vh 3vh !important;
  }
  .container-emp-A > img {
    transform: translateY(5%);
    width: 60% !important;
    height: 80% !important;
  }
}
@media (max-width: 768px) {
  .container-emp-A {
    padding: 5vh 4vh 3vh !important;
    height: 400px !important;
  }
  .container-emp-A > img {
    transform: translateY(8%);
    width: 65% !important;
    height: 90% !important;
  }
}
@media (max-width: 576px) {
  .container-emp-A {
    padding: 4vh 3vh 3vh 5vh !important;
    height: 237px !important;
  }
  .container-emp-A > img {
    transform: translateY(30%);
    width: 55% !important;
    height: 75% !important;
  }
}
@media (max-width: 414px) {
  .container-emp-A {
    padding: 4vh 3vh 3vh 5vh !important;
    height: 237px !important;
  }
  .container-emp-A > img {
    transform: translateY(25%) translateX(8%);
    width: 70% !important;
    height: 75% !important;
  }
}
.content-emp {
  position: absolute;
  flex-direction: column;
  left: 0;
  width: 50%;
  margin-left: 30vh;
  height: auto;
  z-index: 2;
  overflow: visible;
  font-size: 66px;
  font-weight: 700;
}
.content-emp > div {
  font-family: 'Inter' !important;
  font-family: var(--font-family-secondary) !important;
}
.content-emp > div:nth-child(1) {
  color: #550D5D;
  margin: 0 !important;
}
.content-emp > div:nth-child(2) {
  color: #FFA400;
  margin: 0 !important;
}
.content-emp > div:nth-child(3),
.content-emp div:nth-child(4) {
  color: #414745;
  color: var(--primary-color-dark);
  margin: 0 !important;
}
.content-emp > img {
  margin-top: 5vh;
  left: 0;
  max-width: 350px !important;
}
@media (max-width: 1700px) {
  .content-emp {
    padding-top: 0;
    margin-left: 25vh;
  }
  .content-emp > div {
    font-size: 52px !important;
    font-size: var(--font-size-display-1-desktop) !important;
  }
}
@media (max-width: 1500px) {
  .content-emp {
    margin-left: 15vh;
  }
}
@media (max-width: 1400px) {
  .content-emp {
    padding-top: 0;
    margin-left: 18vh;
  }
  .content-emp > div {
    font-size: 48px !important;
    font-size: var(--font-size-heading-1-desktop) !important;
    margin-bottom: 10px;
  }
  .content-emp > img {
    max-width: 300px !important;
  }
}
@media (max-width: 1200px) {
  .content-emp {
    margin-left: 15vh;
  }
}
@media (max-width: 992px) {
  .content-emp {
    margin-left: 10vh;
  }
  .content-emp > img {
    width: 50%;
  }
  .content-emp > div {
    font-size: 34px !important;
    font-size: var(--font-size-heading-1-tablet) !important;
  }
}
@media (max-width: 870px) {
  .content-emp {
    width: 45%;
  }
}
@media (max-width: 790px) {
  .content-emp > div {
    font-size: 30px !important;
    font-size: var(--font-size-heading-2-desktop) !important;
  }
}
@media (max-width: 768px) {
  .content-emp {
    width: 50%;
    margin-left: 8vh !important;
  }
  .content-emp > div {
    margin-bottom: 0;
  }
}
@media (max-width: 576px) {
  .content-emp {
    width: 60%;
    height: 170px !important;
    margin-bottom: 0;
    margin-left: 2vh !important;
  }
  .content-emp > div {
    margin-bottom: 0;
    font-size: 20px !important;
    font-size: var(--font-size-display-1-mobile) !important;
  }
  .content-emp > img {
    margin-top: -40px;
  }
}
.container-emp-B {
  width: 100%;
  overflow: hidden;
  margin: 0 !important;
  padding: 125px 0 8vh 28vh !important;
}
@media (max-width: 1700px) {
  .container-emp-B {
    padding: 125px 0 8vh 24vh !important;
  }
}
@media (max-width: 1500px) {
  .container-emp-B {
    padding: 125px 0 8vh 14vh !important;
  }
}
@media (max-width: 1400px) {
  .container-emp-B {
    padding: 125px 0 8vh 17vh !important;
  }
}
@media (max-width: 1280px) {
  .container-emp-B {
    padding: 100px 0 8vh 15vh !important;
  }
}
@media (max-width: 992px) {
  .container-emp-B {
    padding: 6vh 0 8vh 9vh !important;
  }
}
@media (max-width: 834px) {
  .container-emp-B {
    padding: 6vh 0 8vh 4vh !important;
  }
}
@media (max-width: 767px) {
  .container-emp-B {
    padding: 6vh 6vh 5vh !important;
  }
}
@media (max-width: 576px) {
  .container-emp-B {
    padding: 6vh 3vh !important;
  }
}
.title-emp-B {
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  font-weight: 600;
  font-size: 48px;
  font-size: var(--font-size-heading-1-desktop);
  line-height: 100%;
  letter-spacing: 0px;
  margin-bottom: 20px;
}
@media (max-width: 1280px) {
  .title-emp-B {
    line-height: 115% !important;
    font-size: 30px !important;
    font-size: var(--font-size-heading-2-desktop) !important;
  }
}
@media (max-width: 767px) {
  .title-emp-B {
    line-height: 115% !important;
    font-size: 24px !important;
  }
}
.paragraph-emp-B {
  font-family: 'Inter';
  font-family: var(--font-family-secondary);
  font-weight: 500 !important;
  line-height: 29px !important;
  letter-spacing: 8% !important;
  font-size: 20px !important;
  font-size: var(--font-size-heading-2-tablet) !important;
}
@media (max-width: 767px) {
  .paragraph-emp-B {
    font-size: 14px !important;
    font-size: var(--font-size-paragraph-1-mobile) !important;
    line-height: 20px !important;
  }
}
.arrow-emp-section-B {
  transition: transform 0.5s ease-in-out;
  width: 100%;
  max-width: 87px;
}
@media (min-width: 768px) {
  .arrow-emp-section-B {
    transform: rotate(0deg);
  }
}
@media (max-width: 767px) {
  .arrow-emp-section-B {
    width: 37px;
    transform: rotate(90deg) !important;
    margin-top: 2vh;
  }
}
.col-video-layout {
  padding-right: 0 !important;
  height: 527px !important;
}
@media (max-width: 1600px) {
  .col-video-layout {
    height: 480px !important;
  }
}
@media (max-width: 1280px) {
  .col-video-layout {
    height: 450px !important;
  }
}
@media (min-width: 993px) {
  .col-video-layout {
    padding-left: 5vh !important;
  }
}
@media (min-width: 768px) {
  .col-video-layout {
    padding-left: 3vh !important;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .col-video-layout {
    padding: 0 20px !important;
  }
}
@media (max-width: 576px) {
  .col-video-layout {
    padding-left: 0 !important;
    max-height: 250px;
  }
}
.emp-video-layout {
  width: 100%;
  height: 100%;
  border-radius: 30px 0px 0px 30px;
  border: 1px solid #EDEAEA;
  box-shadow: 0px 4px 4px 0px #00000040;
  background: #F1EEEE;
  padding: 5vh;
}
.emp-video-layout > iframe {
  border-radius: 20px;
  width: 100%;
  height: 100%;
  max-height: 364px;
}
@media (max-width: 834px) {
  .emp-video-layout {
    padding: 3vh 2vh;
  }
}
@media (max-width: 767px) {
  .emp-video-layout {
    width: 100%;
    height: 300px;
    border-radius: 5px;
    padding: 15px 25px 30px;
  }
}
@media (max-width: 576px) {
  .emp-video-layout {
    height: 220px !important;
    padding: 10px 15px 30px;
  }
  .emp-video-layout > iframe {
    height: 174px;
  }
}
.container-emp-CDE {
  overflow: hidden !important;
  padding: 0 28vh !important;
}
@media (max-width: 1700px) {
  .container-emp-CDE {
    padding: 0 24vh !important;
  }
}
@media (max-width: 1600px) {
  .container-emp-CDE {
    padding: 0 14vh !important;
  }
}
@media (max-width: 1400px) {
  .container-emp-CDE {
    padding: 0 12vh !important;
  }
}
@media (max-width: 1200px) {
  .container-emp-CDE {
    padding: 0 10vh !important;
  }
}
@media (max-width: 992px) {
  .container-emp-CDE {
    padding: 0 5vh !important;
  }
}
@media (max-width: 768px) {
  .container-emp-CDE {
    padding: 0 4vh !important;
  }
}
@media (max-width: 576px) {
  .container-emp-CDE {
    padding: 0 4vh !important;
  }
}
.row-emp-CDE {
  background-color: #F4F9F5;
  padding: 10vh 3vh;
}
@media (max-width: 992px) {
  .row-emp-CDE {
    padding: 10vh 1vh;
  }
}
@media (max-width: 576px) {
  .row-emp-CDE {
    padding: 5vh 1vh;
  }
}
@media (max-width: 576px) {
  .row-emp-CDE > .col-emp-CDE {
    padding: 5px !important;
  }
}
.radius-top-row-emp-CDE {
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
}
@media (max-width: 1280px) {
  .radius-top-row-emp-CDE {
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
  }
}
.radius-bottom-row-emp-CDE {
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
}
.card-emp-C {
  position: relative;
  width: 100%;
  max-width: 436px;
  border-radius: 4px;
  box-shadow: 0px 4px 4px 0px #00000040;
  overflow: hidden;
  background-color: #fff;
}
.card-emp-C > ul > li {
  font-size: 14px !important;
  font-size: var(--font-size-paragraph-2-desktop) !important;
}
@media (max-width: 1280px) {
  .card-emp-C > ul > li {
    font-size: 13px !important;
    font-size: var(--font-size-paragraph-2-tablet) !important;
  }
}
@media (max-width: 834px) {
  .card-emp-C > ul > li {
    font-size: 11px !important;
  }
}
.card-emp-C::before {
  content: '';
  display: block;
  padding-top: calc(374 / 436 * 100%);
}
.card-emp-C .emp-c-background-container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: end;
}
.object-contain {
  object-fit: contain;
}
.card-absolute {
  position: absolute;
}
.card-emp-C .emp-c-background-img {
  width: 80% !important;
  height: auto;
}
.card-emp-C .emp-c-woman-img {
  bottom: 0;
  left: 0;
  z-index: 2;
  max-height: 80%;
  max-width: 100%;
}
.card-emp-C .emp-c-discount-img {
  top: 15%;
  right: 0;
  z-index: 2;
  max-height: 45%;
  max-width: 100%;
}
.card-emp-C .emp-c-gift-img {
  top: 28%;
  left: 35%;
  z-index: 2;
  max-height: 15%;
  max-width: 15%;
}
.emp-c-card-title {
  top: 5%;
  left: 5%;
  z-index: 2;
  font-size: 22px;
  font-weight: 700;
  color: #414745 !important;
  color: var(--primary-color-dark) !important;
}
@media (max-width: 1440px) {
  .emp-c-card-title {
    font-size: 18px;
    font-size: var(--font-size-heading-3-tablet);
  }
}
@media (max-width: 576px) {
  .emp-c-card-title {
    font-size: 16px;
    font-size: var(--font-size-heading-2-mobile);
  }
}
.emp-c-card-list {
  right: 5%;
  bottom: 5%;
  color: #FFFFFF;
  z-index: 3;
}
.emp-c-card-list > li {
  font-size: 14px !important;
  font-size: var(--font-size-paragraph-2-desktop) !important;
}
@media (max-width: 1600px) {
  .emp-c-card-list {
    right: 3%;
  }
}
@media (max-width: 1400px) {
  .emp-c-card-list {
    right: 3%;
    bottom: 1%;
  }
}
@media (max-width: 1400px) {
  .emp-c-card-list {
    right: 3%;
    bottom: 1%;
  }
}
@media (max-width: 1280px) {
  .emp-c-card-list {
    right: 2%;
    bottom: 2%;
  }
  .emp-c-card-list > li {
    font-size: 13px !important;
    font-size: var(--font-size-paragraph-2-tablet) !important;
  }
}
@media (max-width: 992px) {
  .emp-c-card-list {
    right: 3%;
    bottom: 3%;
  }
  .emp-c-card-list > li {
    font-size: 11px !important;
  }
}
@media (max-width: 768px) {
  .emp-c-card-list {
    right: 2%;
    bottom: 5%;
  }
}
@media (max-width: 576px) {
  .emp-c-card-list {
    right: 3% !important;
    bottom: 5%;
  }
}
.emp-c-card-list-2 {
  top: 35%;
  color: #414745 !important;
  color: var(--primary-color-dark) !important;
  z-index: 3;
}
.emp-c-card-list-3 {
  bottom: 8%;
  color: #414745 !important;
  color: var(--primary-color-dark) !important;
  z-index: 3;
}
.card-emp-C .emp-c-woman-2-img {
  bottom: 0%;
  right: 0;
  z-index: 2;
  max-height: 70%;
  max-width: 100%;
}
.card-emp-C .emp-c-woman-4-img {
  max-height: 80%;
}
.card-emp-C .emp-c-purple-text {
  top: 20%;
  left: 0;
  width: 95%;
  z-index: 2;
  color: #FFFFFF;
  background-color: #622480;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 5px 20px;
  font-size: 12px;
  font-size: var(--font-size-paragraph-2-mobile);
}
.card-emp-C .emp-c-phone-img {
  top: 25%;
  left: 5%;
  z-index: 2;
  height: 30% !important;
  max-width: 100%;
}
.card-emp-C .emp-c-trofeo-img {
  top: 20%;
  left: 26%;
  z-index: 2;
  max-height: 35%;
  max-width: 100%;
}
.card-emp-C .emp-c-cameraman-img {
  bottom: 0;
  right: 0;
  z-index: 2;
  max-height: 75%;
  max-width: 90% !important;
}
.grid-emp-D {
  width: 90%;
  margin-top: 3vh;
  color: #414745 !important;
  color: var(--primary-color-dark) !important;
  gap: 32px;
  padding-bottom: 10px;
  /* 2 tarjetas por fila hasta 1200px */
}
@media (max-width: 576px) {
  .grid-emp-D {
    gap: 20px;
    height: auto;
  }
}
.background-emp-D {
  position: absolute;
  width: 70%;
  z-index: 1;
  left: 0;
  transform: translateX(20%) translateY(-10%);
  object-fit: contain;
}
@media (max-width: 1600px) {
  .background-emp-D {
    transform: translateX(8%) translateY(-12%);
    width: 85%;
  }
}
@media (max-width: 1400px) {
  .background-emp-D {
    transform: translateX(4%) translateY(-7%);
    width: 90%;
  }
}
@media (max-width: 1193px) {
  .background-emp-D {
    object-fit: contain;
    transform: translateX(5%) translateY(7%);
    width: 90%;
    height: 70%;
  }
}
@media (max-width: 992px) {
  .background-emp-D {
    object-fit: contain;
    transform: translateX(5%) translateY(-10%);
    width: 90%;
    height: 100%;
  }
}
@media (max-width: 768px) {
  .background-emp-D {
    object-fit: cover;
    transform: translateX(-4%) translateY(18%);
    width: 140%;
    height: 80%;
  }
}
@media (max-width: 576px) {
  .background-emp-D {
    transform: translateX(0) translateY(28%);
    width: 100%;
    height: 67%;
  }
}
.card-emp-D {
  position: relative;
  overflow: visible;
  display: flex;
  flex-direction: column !important;
  justify-content: space-between !important;
  width: 220px;
  height: 400px !important;
  z-index: 2;
  border-radius: 32px;
  box-shadow: 0px 3.23px 3.23px 0px #00000040;
  background-color: #ffffff;
  box-sizing: border-box;
  /* Centra la tarjeta si hay espacio extra */
  margin: auto;
}
@media (min-width: 993px) and (max-width: 1200px) {
  .card-emp-D {
    justify-content: start;
  }
}
@media (max-width: 576px) {
  .card-emp-D {
    width: 100%;
    height: 100%;
    max-width: 142px;
    max-height: 256px;
    gap: 0;
    border-radius: 20px;
  }
}
.card-emp-D .header-card-emp-D {
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
}
@media (max-width: 576px) {
  .card-emp-D .header-card-emp-D {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
}
.card-emp-D .footer-card-emp-D {
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
}
@media (max-width: 576px) {
  .card-emp-D .footer-card-emp-D {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
}
.card-emp-D .footer-card-emp-D.visible {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  transition: transform 2s ease, opacity 2s ease;
}
.header-card-emp-D {
  width: 100%;
  height: 63px;
  color: #FFFFFF;
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  font-size: 16.13px;
  font-weight: 800;
  line-height: 21.43px;
}
@media screen and (max-width: 576px) {
  .header-card-emp-D {
    font-size: 14px;
    line-height: 18.61px;
    height: 40px;
  }
}
.body-card-emp-D {
  width: 100%;
  height: calc(100% - 113px) !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between !important;
  font-family: 'Exo';
  font-family: var(--font-family-primary);
}
@media screen and (max-width: 576px) {
  .body-card-emp-D {
    height: calc(100% - 52px) !important;
  }
}
.body-card-emp-D > div {
  height: 100%;
  text-align: center;
  align-content: center;
}
.body-card-emp-D > .body-message {
  font-size: 14px;
  font-size: var(--font-size-paragraph-2-desktop);
}
@media (max-width: 576px) {
  .body-card-emp-D > .body-message {
    font-size: 12px !important;
    font-size: var(--font-size-paragraph-2-mobile) !important;
  }
}
.card-emp-D-text div {
  display: flex;
  width: 100%;
  height: 100% !important;
  font-size: 12.9px;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  line-height: 17.14px;
  padding: 7% 15%;
  flex-direction: column;
}
.footer-card-emp-D {
  width: 100%;
  height: 50px !important;
  background-color: #52575C;
  color: #FFFFFF;
  font-family: 'Inter';
  font-family: var(--font-family-secondary);
  font-size: 16.13px;
  font-weight: 400;
  line-height: 19.52px;
}
@media screen and (max-width: 576px) {
  .footer-card-emp-D {
    font-size: 10.37px;
    line-height: 12.55px;
    height: 32px !important;
  }
}
.expandable-card-emp-D {
  position: relative;
  width: 220px;
  background: white;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  height: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  animation: slideUp 1s ease forwards;
  padding: 10% 5%;
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
  z-index: 2;
}
@media (max-width: 576px) {
  .expandable-card-emp-D {
    width: 100%;
    height: 100%;
    max-width: 142px;
    max-height: auto;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
}
.expandable-card-emp-D > ul {
  padding: 0 0 0 20px;
}
.expandable-card-emp-D > ul > li {
  font-size: 14px;
  font-size: var(--font-size-paragraph-2-desktop);
}
@media (max-width: 576px) {
  .expandable-card-emp-D > ul > li {
    font-size: 12px;
    font-size: var(--font-size-paragraph-2-mobile);
  }
}
@keyframes slideDown {
  0% {
    height: 0;
    opacity: 0;
  }
  100% {
    height: -webkit-fit-content;
    height: fit-content;
    /* Ajusta según el contenido */
    opacity: 1;
  }
}
@keyframes slideUp {
  0% {
    height: -webkit-fit-content;
    height: fit-content;
    /* El valor debe ser el mismo que en el 100% de `slideDown` */
    opacity: 1;
  }
  100% {
    height: 0;
    opacity: 0;
  }
}
.expandable-card-emp-D.visible {
  animation: slideDown 1s ease forwards;
  /* Activar la animación de expansión */
  pointer-events: all;
}
.expandable-card-emp-D.hidden {
  animation: slideUp 1s ease forwards;
  /* Activar la animación de contracción */
  pointer-events: none;
}
.partner-verify-container.row-emp-CDE {
  padding-left: 0 !important;
}
.partner-verify-form-container {
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  justify-content: start;
  background-color: #550D5D;
  padding: 3vh 7vh 1vh;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  height: 200px;
  font-size: 20px;
  font-size: var(--font-size-heading-4-desktop);
}
.partner-verify-form-container > .partner-verify-form {
  width: 90%;
}
@media (max-width: 1200px) {
  .partner-verify-form-container {
    font-size: 16px;
    font-size: var(--font-size-heading-4-tablet);
  }
}
@media (max-width: 992px) {
  .partner-verify-form-container {
    padding: 1vh 7vh 1vh 5vh !important;
  }
}
@media (max-width: 768px) {
  .partner-verify-form-container {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    min-height: 122px;
    max-height: 180px;
    font-size: 16px;
    font-size: var(--font-size-paragraph-1-desktop);
    padding: 4vh 7vh 0;
  }
  .partner-verify-form-container > .partner-verify-form {
    width: 100%;
  }
}
@media (max-width: 467px) {
  .partner-verify-form-container {
    padding: 2vh 3vh 1vh 4vh !important;
    font-size: 14px;
    font-size: var(--font-size-paragraph-1-mobile);
  }
}
.label-input-somos {
  color: #FFFFFF !important;
  padding-bottom: 15px;
  display: flex;
  flex-direction: row;
  gap: 3px;
}
.input-somos {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.button-input-somos {
  border: none !important;
  background-color: #FFA400 !important;
  height: 45px;
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
.find-somos-title {
  font-weight: 600 !important;
  font-size: 48px;
  font-size: var(--font-size-heading-1-desktop);
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .find-somos-title {
    font-size: 38px !important;
    font-size: var(--font-size-display-1-tablet) !important;
  }
}
@media only screen and (max-width: 768px) {
  .find-somos-title {
    font-size: 25px !important;
    font-size: var(--font-size-heading-3-desktop) !important;
  }
}
@media only screen and (max-width: 576px) {
  .find-somos-title {
    font-size: 24px !important;
  }
}
@media (max-width: 768px) {
  .plr-0-mobile {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.rectangle-somos {
  height: 545px;
  position: relative;
  padding: 5vh 25vh;
}
@media only screen and (max-width: 1700px) {
  .rectangle-somos {
    padding: 5vh 18vh;
  }
}
@media only screen and (max-width: 1600px) {
  .rectangle-somos {
    height: 500px;
    padding: 5vh 16vh;
  }
}
@media only screen and (max-width: 1400px) {
  .rectangle-somos {
    height: 500px;
  }
}
@media only screen and (max-width: 992px) {
  .rectangle-somos {
    padding: 7vh 5vh;
  }
}
@media only screen and (max-width: 768px) {
  .rectangle-somos {
    height: 280px;
    padding: 3vh 5vh 2vh;
  }
}
@media only screen and (max-width: 640px) {
  .rectangle-somos {
    height: 280px;
    padding: 4vh 7vh 2vh;
  }
}
@media only screen and (max-width: 576px) {
  .rectangle-somos {
    padding: 4vh 5vh 2vh;
  }
}
@media only screen and (max-width: 500px) {
  .rectangle-somos {
    padding: 4vh 3vh 2vh;
  }
}
.rectangle-radial-somos {
  background: radial-gradient(circle at -10% 250%, #48185A 0%, #48185A 2.5%, #531F66 2.5%, #531F66 5%, #48185A 5%, #48185A 7.5%, #531F66 7.5%, #531F66 10%, #48185A 10%, #48185A 12.5%, #531F66 12.5%, #531F66 15%, #48185A 15%, #48185A 17.5%, #531F66 17.5%, #531F66 20%, #48185A 20%, #48185A 22.5%, #531F66 22.5%, #531F66 25%, #48185A 25%, #48185A 27.5%, #531F66 27.5%, #531F66 30%, #48185A 30%, #48185A 32.5%, #531F66 32.5%, #531F66 35%, #48185A 35%, #48185A 37.5%, #531F66 37.5%, #531F66 40%, #48185A 40%, #48185A 42.5%, #531F66 42.5%, #531F66 45%, #48185A 45%, #48185A 47.5%, #531F66 47.5%, #531F66 50%, #48185A 50%, #48185A 52.5%, #531F66 52.5%, #531F66 55%, #48185A 55%, #48185A 57.5%, #531F66 57.5%, #531F66 60%, #48185A 60%, #48185A 62.5%, #531F66 62.5%, #531F66 65%, #48185A 65%, #48185A 67.5%, #531F66 67.5%, #531F66 70%, #48185A 70%, #48185A 72.5%, #531F66 72.5%, #531F66 75%, #48185A 75%, #48185A 77.5%, #531F66 77.5%, #531F66 80%, #48185A 80%, #48185A 82.5%, #531F66 82.5%, #531F66 85%, #48185A 85%, #48185A 87.5%, #531F66 87.5%, #531F66 90%, #48185A 90%, #48185A 92.5%, #531F66 92.5%, #531F66 95%, #48185A 95%, #48185A 97.5%, #531F66 97.5%, #531F66 100%);
  background: radial-gradient(circle at -10% 250%, var(--radial-gradient-somos-colors));
}
.rectangle-radial-somos .man-box-img {
  bottom: 0;
  right: 25vh;
  z-index: 2;
  height: auto;
}
@media only screen and (max-width: 1700px) {
  .rectangle-radial-somos .man-box-img {
    right: 12vh;
    height: 90%;
  }
}
@media only screen and (max-width: 1600px) {
  .rectangle-radial-somos .man-box-img {
    right: 15vh;
    height: 85%;
  }
}
@media only screen and (max-width: 1500px) {
  .rectangle-radial-somos .man-box-img {
    right: 10vh;
    height: 75%;
  }
}
@media only screen and (max-width: 1400px) {
  .rectangle-radial-somos .man-box-img {
    right: 12vh;
    height: 70%;
  }
}
@media only screen and (max-width: 1200px) {
  .rectangle-radial-somos .man-box-img {
    right: 10vh;
    height: 75%;
  }
}
@media only screen and (max-width: 1024px) {
  .rectangle-radial-somos .man-box-img {
    height: 70%;
  }
}
@media only screen and (max-width: 992px) {
  .rectangle-radial-somos .man-box-img {
    height: 65%;
    right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .rectangle-radial-somos .man-box-img {
    height: 84%;
    right: 10vh;
  }
}
@media only screen and (max-width: 640px) {
  .rectangle-radial-somos .man-box-img {
    height: 75%;
  }
}
@media only screen and (max-width: 576px) {
  .rectangle-radial-somos .man-box-img {
    height: 73%;
    right: 4vh;
  }
}
@media only screen and (max-width: 480px) {
  .rectangle-radial-somos .man-box-img {
    height: 77%;
    right: 0;
  }
}
.somos-banner-title > div:nth-child(1) {
  font-size: 56px !important;
}
.somos-banner-title > div:nth-child(2) {
  font-size: 56px;
}
.somos-banner-title > div:nth-child(3) {
  font-size: 45px;
}
@media (max-width: 834px) {
  .somos-banner-title > div:nth-child(1) {
    font-size: 30px !important;
    font-size: var(--font-size-heading-2-desktop) !important;
  }
  .somos-banner-title > div:nth-child(2) {
    font-size: 38px !important;
    font-size: var(--font-size-display-1-tablet) !important;
  }
  .somos-banner-title > div:nth-child(3) {
    font-size: 30px !important;
    font-size: var(--font-size-heading-2-desktop) !important;
  }
}
@media only screen and (max-width: 768px) {
  .somos-banner-title > div {
    line-height: 27.75px;
  }
  .somos-banner-title > div:nth-child(1) {
    font-size: 20px !important;
    font-size: var(--font-size-heading-4-desktop) !important;
  }
  .somos-banner-title > div:nth-child(2) {
    font-size: 30px !important;
    font-size: var(--font-size-heading-2-desktop) !important;
  }
  .somos-banner-title > div:nth-child(3) {
    font-size: 20px !important;
    font-size: var(--font-size-heading-4-desktop) !important;
  }
}
@media (max-width: 576px) {
  .somos-banner-title > div:nth-child(1) {
    font-size: 18px !important;
    font-size: var(--font-size-heading-1-mobile) !important;
  }
  .somos-banner-title > div:nth-child(2) {
    font-size: 18px !important;
    font-size: var(--font-size-heading-1-mobile) !important;
  }
  .somos-banner-title > div:nth-child(3) {
    font-size: 14px !important;
    font-size: var(--font-size-paragraph-1-mobile) !important;
  }
}
@media only screen and (max-width: 640px) {
  .somos-banner-paragraph > div {
    font-size: 12px !important;
    font-size: var(--font-size-heading-4-mobile) !important;
  }
}
.row-emp-G {
  padding: 10vh !important;
  gap: 30px;
}
@media only screen and (max-width: 992px) {
  .row-emp-G {
    padding: 6vh 2vh !important;
  }
}
.alianzas-title {
  color: #414745;
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  font-size: 28px;
  font-weight: 600;
  line-height: 33.6px;
  letter-spacing: 5px;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .alianzas-title {
    font-size: 22px;
    line-height: 26.4px;
  }
}
.alianzas-body {
  color: #414745;
  font-family: 'Inter';
  font-family: var(--font-family-secondary);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 1px;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .alianzas-body {
    font-size: 14px;
    line-height: 26.07px;
  }
}
.alianzas-italic {
  font-family: 'Inter';
  font-family: var(--font-family-secondary);
  font-size: 16px;
  font-style: italic;
  font-weight: 500;
  line-height: 26px;
  text-align: left;
  color: #414745;
}
@media only screen and (max-width: 768px) {
  .alianzas-italic {
    font-size: 14px;
    line-height: 26.07px;
  }
}
.card-emp-G {
  width: 100%;
  max-width: 360px;
  max-height: 360px;
  aspect-ratio: 1 / 1 !important;
  border-radius: 10px;
  box-shadow: 0px 4px 4px 0px #00000040;
}
.img-card-emp-G {
  height: 47%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom: 1px solid #A3A4A3;
}
.body-card-emp-G {
  font-family: 'Inter';
  font-family: var(--font-family-secondary);
  padding: 20px 18px;
  height: 53%;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.title-card-emp-G {
  color: #550D5D;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.78px;
}
.text-card-emp-G {
  font-size: 14px;
  color: #4B4B4B;
  line-height: 16.94px;
  margin-top: 20px;
}
.rectangle-form-somos {
  position: relative;
  width: 100% !important;
  color: #FFFFFF;
  min-height: 100px;
}
.rectangle-radial-form-somos {
  background: radial-gradient(circle at 200% 50%, #48185A 0%, #48185A 2.5%, #531F66 2.5%, #531F66 5%, #48185A 5%, #48185A 7.5%, #531F66 7.5%, #531F66 10%, #48185A 10%, #48185A 12.5%, #531F66 12.5%, #531F66 15%, #48185A 15%, #48185A 17.5%, #531F66 17.5%, #531F66 20%, #48185A 20%, #48185A 22.5%, #531F66 22.5%, #531F66 25%, #48185A 25%, #48185A 27.5%, #531F66 27.5%, #531F66 30%, #48185A 30%, #48185A 32.5%, #531F66 32.5%, #531F66 35%, #48185A 35%, #48185A 37.5%, #531F66 37.5%, #531F66 40%, #48185A 40%, #48185A 42.5%, #531F66 42.5%, #531F66 45%, #48185A 45%, #48185A 47.5%, #531F66 47.5%, #531F66 50%, #48185A 50%, #48185A 52.5%, #531F66 52.5%, #531F66 55%, #48185A 55%, #48185A 57.5%, #531F66 57.5%, #531F66 60%, #48185A 60%, #48185A 62.5%, #531F66 62.5%, #531F66 65%, #48185A 65%, #48185A 67.5%, #531F66 67.5%, #531F66 70%, #48185A 70%, #48185A 72.5%, #531F66 72.5%, #531F66 75%, #48185A 75%, #48185A 77.5%, #531F66 77.5%, #531F66 80%, #48185A 80%, #48185A 82.5%, #531F66 82.5%, #531F66 85%, #48185A 85%, #48185A 87.5%, #531F66 87.5%, #531F66 90%, #48185A 90%, #48185A 92.5%, #531F66 92.5%, #531F66 95%, #48185A 95%, #48185A 97.5%, #531F66 97.5%, #531F66 100%);
  background: radial-gradient(circle at 200% 50%, var(--radial-gradient-somos-colors));
}
@media only screen and (max-width: 767px) {
  .rectangle-radial-form-somos {
    background: radial-gradient(circle at 200% 350%, #48185A 0%, #48185A 2.5%, #531F66 2.5%, #531F66 5%, #48185A 5%, #48185A 7.5%, #531F66 7.5%, #531F66 10%, #48185A 10%, #48185A 12.5%, #531F66 12.5%, #531F66 15%, #48185A 15%, #48185A 17.5%, #531F66 17.5%, #531F66 20%, #48185A 20%, #48185A 22.5%, #531F66 22.5%, #531F66 25%, #48185A 25%, #48185A 27.5%, #531F66 27.5%, #531F66 30%, #48185A 30%, #48185A 32.5%, #531F66 32.5%, #531F66 35%, #48185A 35%, #48185A 37.5%, #531F66 37.5%, #531F66 40%, #48185A 40%, #48185A 42.5%, #531F66 42.5%, #531F66 45%, #48185A 45%, #48185A 47.5%, #531F66 47.5%, #531F66 50%, #48185A 50%, #48185A 52.5%, #531F66 52.5%, #531F66 55%, #48185A 55%, #48185A 57.5%, #531F66 57.5%, #531F66 60%, #48185A 60%, #48185A 62.5%, #531F66 62.5%, #531F66 65%, #48185A 65%, #48185A 67.5%, #531F66 67.5%, #531F66 70%, #48185A 70%, #48185A 72.5%, #531F66 72.5%, #531F66 75%, #48185A 75%, #48185A 77.5%, #531F66 77.5%, #531F66 80%, #48185A 80%, #48185A 82.5%, #531F66 82.5%, #531F66 85%, #48185A 85%, #48185A 87.5%, #531F66 87.5%, #531F66 90%, #48185A 90%, #48185A 92.5%, #531F66 92.5%, #531F66 95%, #48185A 95%, #48185A 97.5%, #531F66 97.5%, #531F66 100%);
    background: radial-gradient(circle at 200% 350%, var(--radial-gradient-somos-colors));
  }
}
.form-somos-description {
  width: 473px;
  height: 228px;
  font-family: 'Inter';
  font-family: var(--font-family-secondary);
  line-height: 38px;
  text-align: left;
}
@media only screen and (max-width: 1199px) {
  .form-somos-description {
    line-height: 30px;
  }
}
.scroll-form-somos-container {
  overflow-y: hidden;
}
@media only screen and (min-width: 768px) {
  .scroll-form-somos-container {
    overflow-y: scroll;
  }
}
.scroll-form-somos-container::-webkit-scrollbar {
  display: none;
  max-height: -webkit-fit-content;
  max-height: fit-content;
}
.btn-volver-landings {
  color: #787676;
  display: flex;
  flex-direction: row;
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  font-size: 16px;
  gap: 8px;
  font-weight: 600;
  line-height: 21.26px;
}
.btn-volver-landings:hover {
  color: #787676;
}
.container-autoatencion-A {
  padding: 9% 3% 9% 5%;
}
.video-autoatencion-container {
  position: relative;
  height: 100%;
  overflow: visible;
}
.video-autoatencion-container > iframe {
  border: none;
  border-radius: 20px;
  height: 100%;
  width: 100%;
  max-width: 630px;
  max-height: 376px;
  z-index: 2;
}
.video-autoatencion-container > img {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  transform: translateX(0) translateY(-10%);
  object-fit: cover;
}
@media only screen and (max-width: 1599px) {
  .video-autoatencion-container > iframe {
    max-width: 560px;
    max-height: 315px;
  }
  .video-autoatencion-container > img {
    object-fit: contain;
    transform: translateX(0) !important;
  }
}
@media only screen and (max-width: 1399px) {
  .video-autoatencion-container > iframe {
    max-width: 520px;
    max-height: 275px;
  }
  .video-autoatencion-container > img {
    width: 110%;
    object-fit: cover;
    transform: translateX(-5%) !important;
  }
}
@media only screen and (max-width: 1199px) {
  .video-autoatencion-container > iframe {
    max-width: 500px;
    max-height: 255px;
  }
  .video-autoatencion-container > img {
    width: 105%;
    transform: translateX(-5%) !important;
  }
}
@media only screen and (max-width: 991px) {
  .video-autoatencion-container > iframe {
    max-width: 450px;
    max-height: 205px;
  }
  .video-autoatencion-container > img {
    width: 110%;
  }
}
@media only screen and (max-width: 767px) {
  .video-autoatencion-container > iframe {
    max-width: 80%;
    max-height: 315px;
    position: absolute;
  }
  .video-autoatencion-container > img {
    position: static;
    width: 90%;
    transform: translateX(0) !important;
  }
}
@media only screen and (max-width: 575px) {
  .video-autoatencion-container > iframe {
    max-width: 80%;
    max-height: 200px;
  }
  .video-autoatencion-container > img {
    width: 90%;
    transform: translateX(0) !important;
  }
}
@media only screen and (max-width: 415px) {
  .video-autoatencion-container > iframe {
    max-width: 90%;
    max-height: 170px;
  }
  .video-autoatencion-container > img {
    width: 100%;
    transform: translateX(0) !important;
  }
}
.container-autoatencion-B {
  padding: 5%;
  overflow: hidden;
}
.autoatencion-main-title {
  font-family: 'Exo';
  font-weight: 700;
  font-size: 30px;
}
@media (min-width: 1366px) {
  .autoatencion-main-title {
    font-size: 52px;
  }
}
.autoatencion-a-subtitles {
  font-family: 'Inter';
  font-weight: 700;
  font-size: 16px;
  display: flex;
  margin-top: 4vh;
}
@media (min-width: 1366px) {
  .autoatencion-a-subtitles {
    font-size: 24px;
  }
}
.autoatencion-a-paragraphs {
  font-family: 'Inter';
  font-weight: 500;
  font-size: 14px;
  margin-top: 4vh;
}
@media (min-width: 1366px) {
  .autoatencion-a-paragraphs {
    font-size: 20px;
  }
}
.autoatencion-a-divider {
  margin: 0 5%;
  border-right: 2px solid #414745;
}
@media (min-width: 1366px) {
  .autoatencion-a-divider {
    border-right: 5px solid #414745;
  }
}
.autoatencion-b-title {
  font-family: 'Exo';
  font-size: 18px;
  font-weight: 700;
  color: #414745;
  text-align: center;
}
@media (min-width: 1366px) {
  .autoatencion-b-title {
    font-size: 30px;
  }
}
.autoatencion-b-paragraph {
  font-family: 'Inter';
  font-weight: 500;
  font-size: 14px;
  color: #414745;
  margin-top: 4vh;
}
@media (min-width: 1366px) {
  .autoatencion-b-paragraph {
    font-size: 16px;
    text-align: center;
  }
}
.autoatencion-d-title {
  font-weight: 700;
  font-family: 'Exo';
  font-size: 18px;
  color: #414745;
  width: 100%;
  text-align: center;
}
@media (min-width: 1366px) {
  .autoatencion-d-title {
    font-size: 30px;
  }
}
.autoatencion-d-paragraph {
  width: 60%;
  margin-block: 20px;
  text-align: center;
  font-family: 'Inter';
  font-weight: 500;
  font-size: 14px;
  color: #414745;
}
@media (min-width: 1366px) {
  .autoatencion-d-paragraph {
    font-size: 20px;
  }
}
.autoatencion-titles {
  line-height: 23.92px !important;
}
@media only screen and (min-width: 768px) {
  .autoatencion-titles {
    line-height: 44.45px !important;
  }
}
@media only screen and (min-width: 1200px) {
  .autoatencion-titles {
    line-height: 66.45px !important;
  }
}
.auto-lnh-body-B {
  line-height: 15px;
  text-align: start;
  color: #414745 !important;
  color: var(--primary-color-dark) !important;
}
@media only screen and (min-width: 768px) {
  .auto-lnh-body-B {
    line-height: 30px !important;
    text-align: center;
  }
}
.autoatencion-cards-container-B {
  width: 100%;
  margin-top: 5vh;
  color: #414745 !important;
  color: var(--primary-color-dark) !important;
  gap: 10%;
  padding-bottom: 10px;
  /* 2 tarjetas por fila hasta 1200px */
}
@media (max-width: 768px) {
  .autoatencion-cards-container-B {
    gap: 40px !important;
    height: auto;
  }
}
@media (max-width: 576px) {
  .autoatencion-cards-container-B {
    gap: 20px !important;
  }
}
@media (min-width: 577px) and (max-width: 768px) {
  .card-auto-B.card-emp-D {
    width: 100%;
    height: 100%;
    max-width: 172px !important;
    max-height: 296px !important;
    justify-content: center !important;
    gap: 0;
  }
}
@media (max-width: 576px) {
  .card-auto-B.card-emp-D > .header-card-emp-D {
    font-size: 12px;
  }
}
.expandable-card-autoatencion.expandable-card-emp-D .ul-expandable {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
}
@media (min-width: 1366px) {
  .expandable-card-autoatencion.expandable-card-emp-D .ul-expandable {
    font-size: 14px;
  }
}
.expandable-card-autoatencion.expandable-card-emp-D .ul-expandable li {
  color: #414745;
  position: relative;
  padding-left: 35px;
  margin-bottom: 5px;
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  font-weight: 400;
  line-height: 29.56px;
}
.expandable-card-autoatencion.expandable-card-emp-D .ul-expandable li::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAFQUExURQAAAACfTwCdTgCXTQCfTgCsVgCbUACcTQCcTgCaUACdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTgCdTv///9+DNX8AAABudFJOUwAAAAAAAAAAAAADI2GTrCIBGoXj/vHh2CoHGAIxxcJnLxswaY0Jicwnz/R4EIuvFar6irFPmwT9GabuMh3bugsOJjfwj0XrCNpAgrKOsIP2QTSU1sEKPUP1QgWYgJe8/B4fIa3ZSCBo+Pnv9xaiLOpRFQAAAAFiS0dEb1UIYYEAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfpAQ8UMhaaFzOAAAABNklEQVQY002Q61sBURDGp+kuu9ntEBI2bWq7YtcuKrrqootE2kSFRPj/P3bOrnp6v8yZ35l3Zp4BABhDJofDCmCLvsbnnBzPc8551+gDJ1AQF4jb43GTRS+iz7/E6gLLJBgKS9JKZFVCeS3qpXB9Q9ncwpHkbbKzCyjvxSKTdiPK4iQhIKAa05LW0CnG9IRBk2QqnfnnZQxh/+DQh5jNyL8sd5SE45NTnMaz83g+b9dFLgJwqVxRg/9aLxT0G+a9vbuHYppj7YTEcGgxfEgXwSg9li2aSgksZoMlA1yaUrFH01EziBVFcwE+Vfky/qnMV5/p8uYLqZk0naXLo1kjryaFKNUb3Jtd98416hIyiB9N0hLb4XBbbJHmJ+1snSHXiX51e73ud7STGx2f+fqqOBiIat+++w8WYy7C7WnDNAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyNS0wMS0xNVQyMDo0OTozNSswMDowMBwds54AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjUtMDEtMTVUMjA6NDk6MzUrMDA6MDBtQAsiAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDI1LTAxLTE1VDIwOjUwOjIyKzAwOjAwDsPg5wAAAABJRU5ErkJggg==) no-repeat center center;
  background-size: contain;
}
@media (max-width: 768px) {
  .expandable-card-autoatencion.expandable-card-emp-D {
    padding-left: 10px;
    max-width: 172px !important;
  }
  .expandable-card-autoatencion.expandable-card-emp-D .ul-expandable li {
    padding-left: 24px;
  }
  .expandable-card-autoatencion.expandable-card-emp-D .ul-expandable li::before {
    width: 15px;
    height: 15px;
    top: 0;
    transform: translateY(50%);
  }
}
@media (max-width: 576px) {
  .expandable-card-autoatencion.expandable-card-emp-D {
    padding-left: 8px;
    max-width: 142px !important;
  }
  .expandable-card-autoatencion.expandable-card-emp-D .ul-expandable li {
    padding-left: 22px;
  }
}
.container-autoatencion-B .autoatencion-back-left {
  max-height: 60%;
  left: 0;
  top: 0;
  transform: translateX(-38%);
}
@media (max-width: 576px) {
  .container-autoatencion-B .autoatencion-back-left {
    max-height: 50%;
  }
}
.container-autoatencion-B .autoatencion-back-right-top {
  opacity: 0.5;
  max-height: 40%;
  right: 0;
  top: 0;
}
@media (max-width: 768px) {
  .container-autoatencion-B .autoatencion-back-right-top {
    max-height: 30%;
  }
}
@media (max-width: 576px) {
  .container-autoatencion-B .autoatencion-back-right-top {
    max-height: 20%;
  }
}
.container-autoatencion-B .autoatencion-back-left-bottom {
  opacity: 0.5;
  max-height: 40%;
  left: 0;
  bottom: 0;
  transform: translateY(10%);
}
.container-autoatencion-B .autoatencion-back-right-bottom {
  max-height: 50%;
  right: 0;
  bottom: 0;
  transform: translateX(38%);
}
.container-autoatencion-cards-D {
  justify-content: center;
  padding: 5% 2% 8%;
  gap: 30px;
  position: relative;
}
@media only screen and (max-width: 1399px) {
  .container-autoatencion-cards-D {
    padding-bottom: 10%;
  }
}
@media only screen and (max-width: 767px) {
  .container-autoatencion-cards-D {
    padding-bottom: 12%;
    gap: 25px;
  }
}
@media only screen and (max-width: 575px) {
  .container-autoatencion-cards-D {
    padding: 2% 5px 15%;
    gap: 10px;
  }
}
@media (max-width: 991px) {
  .card-auto-D.card-emp-G {
    max-width: 300px;
    max-height: 300px;
  }
}
@media (max-width: 767px) {
  .card-auto-D.card-emp-G {
    max-width: 260px;
    max-height: 260px;
  }
}
@media (max-width: 575px) {
  .card-auto-D.card-emp-G {
    max-width: 230px !important;
    max-height: 230px !important;
  }
}
.img-card-auto-D.img-card-emp-G {
  padding: 5px;
}
.img-card-auto-D.img-card-emp-G img {
  height: 95%;
  max-height: 150px;
}
@media (max-width: 767px) {
  .body-card-auto-D.body-card-emp-G {
    padding: 12px 10px;
  }
}
@media (max-width: 575px) {
  .body-card-auto-D.body-card-emp-G {
    padding: 10px 8px;
  }
}
@media (max-width: 767px) {
  .title-card-auto-D.title-card-emp-G {
    font-size: 14px !important;
  }
}
@media (max-width: 575px) {
  .title-card-auto-D.title-card-emp-G {
    font-size: 12px !important;
  }
}
@media (max-width: 991px) {
  .text-card-auto-D.text-card-emp-G {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .text-card-auto-D.text-card-emp-G {
    font-size: 13px !important;
    line-height: 14px;
  }
}
@media (max-width: 575px) {
  .text-card-auto-D.text-card-emp-G {
    font-size: 11px !important;
    margin-top: 10px;
  }
}
.autoatencion-back-D-1 {
  max-width: 10%;
  left: 0;
  transform: translateX(30%);
}
@media (max-width: 1391px) {
  .autoatencion-back-D-1 {
    max-width: 7%;
    transform: translateX(20%) translateY(24%) !important;
  }
}
@media (max-width: 1200px) {
  .autoatencion-back-D-1 {
    max-width: 9%;
    transform: translateX(25%) translateY(4%) !important;
  }
}
@media (max-width: 991px) {
  .autoatencion-back-D-1 {
    max-width: 8%;
    transform: translateX(30%) translateY(14%) !important;
  }
}
@media (max-width: 676px) {
  .autoatencion-back-D-1 {
    display: none;
  }
}
.autoatencion-back-D-2 {
  max-width: 20%;
  right: 0;
  bottom: 0;
  transform: translateX(-110%);
}
@media (max-width: 1700px) {
  .autoatencion-back-D-2 {
    transform: translateX(-40%) !important;
  }
}
@media (max-width: 1391px) {
  .autoatencion-back-D-2 {
    transform: translateX(-20%) !important;
  }
}
@media (max-width: 1200px) {
  .autoatencion-back-D-2 {
    transform: translateX(-25%) translateY(14%) !important;
  }
}
@media (max-width: 991px) {
  .autoatencion-back-D-2 {
    transform: translateX(-30%) translateY(14%) !important;
  }
}
.wrapper-recom-embalaje {
  background-color: #fff;
}
.bg-fondo-titulo {
  position: absolute;
  width: 100%;
  height: 300px;
  object-fit: cover;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  opacity: 0.5;
}
.embalaje-banner {
  gap: 10px;
}
@media screen and (max-width: 677px) {
  .embalaje-banner {
    padding: 25px 16px;
    gap: 2px;
    padding-top: 0;
  }
}
@media screen and (min-width: 678px) {
  .embalaje-banner {
    padding: 25px 24px;
  }
}
@media screen and (min-width: 1366px) {
  .embalaje-banner {
    padding: 25px 100px;
  }
}
@media screen and (min-width: 1920px) {
  .embalaje-banner {
    padding: 25px 200px;
  }
}
.embalaje-banner .emb-banner-title {
  font-weight: 500;
  font-size: 38px;
  line-height: 20px;
  letter-spacing: 0%;
}
@media screen and (max-width: 1199px) {
  .embalaje-banner .emb-banner-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 9.69px;
    letter-spacing: 0%;
  }
}
.embalaje-banner .emb-banner-subt {
  font-weight: 500;
  font-size: 25px;
  line-height: 20px;
  letter-spacing: 0%;
}
@media screen and (max-width: 1199px) {
  .embalaje-banner .emb-banner-subt {
    font-weight: 500;
    font-size: 14px;
    line-height: 9.69px;
    letter-spacing: 0%;
  }
}
.wrapper-sub-titulo {
  padding-top: 20px;
}
@media screen and (max-width: 677px) {
  .wrapper-sub-titulo {
    padding: 0 16px;
  }
}
@media screen and (min-width: 678px) {
  .wrapper-sub-titulo {
    padding: 0 24px;
  }
}
@media screen and (min-width: 1366px) {
  .wrapper-sub-titulo {
    padding: 0 100px;
  }
}
@media screen and (min-width: 1920px) {
  .wrapper-sub-titulo {
    padding: 0 200px;
  }
}
.wrapper-sub-titulo > .texto-sub-t {
  display: flex;
  text-align: center;
  justify-content: center;
}
.wrapper-sub-titulo > .texto-sub-t .wrapper-text-banner {
  justify-content: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 550px;
}
.wrapper-sub-titulo > .texto-sub-t .wrapper-text-banner .nos-inspira {
  font-family: Inter;
  border: 2px solid #303030;
  border-radius: 100px;
  padding: 10px 20px;
  gap: 10px;
  height: auto;
  text-align: left;
}
.wrapper-sub-titulo > .texto-sub-t .wrapper-text-banner .nos-inspira > span {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0%;
}
@media screen and (max-width: 767px) {
  .wrapper-sub-titulo > .texto-sub-t .wrapper-text-banner .nos-inspira {
    border: 2px solid #303030;
    border-radius: 100px;
    padding: 4px 20px;
    gap: 10px;
    height: auto;
    text-align: left;
  }
  .wrapper-sub-titulo > .texto-sub-t .wrapper-text-banner .nos-inspira > span {
    font-weight: 500;
    font-size: 12px;
    line-height: 11.35px;
    letter-spacing: 0%;
  }
}
.wrapper-sub-titulo > .texto-sub-t .wrapper-text-banner .txt-banner-pregunta {
  font-family: Exo;
  font-weight: 700;
  font-size: 30px;
  line-height: 20px;
  letter-spacing: 0%;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .wrapper-sub-titulo > .texto-sub-t .wrapper-text-banner .txt-banner-pregunta {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0%;
    text-align: center;
  }
}
.wrapper-sub-titulo > .texto-sub-t .wrapper-text-banner .txt-banner-txt {
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0%;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .wrapper-sub-titulo > .texto-sub-t .wrapper-text-banner .txt-banner-txt {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 0%;
    text-align: center;
  }
}
.wrapper-sub-titulo > .caja-sub-t {
  margin-bottom: 15px;
}
.wrapper-sub-titulo > .caja-sub-t .wrapper-super-cajita {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #FAF6F6;
  border-radius: 30px;
  text-align: center;
  font-family: Inter;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0%;
}
@media screen and (max-width: 767px) {
  .wrapper-sub-titulo > .caja-sub-t .wrapper-super-cajita {
    font-family: Inter;
    font-weight: 400;
    font-size: 11px;
    line-height: 10.97px;
    letter-spacing: 0%;
    text-align: center;
  }
}
.wrapper-sub-titulo > .caja-sub-t .wrapper-super-cajita .embalaje-super-cajita {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 96%, 0% 96%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 96%, 0% 96%);
  max-width: 500px;
  width: 100%;
  mask-image: linear-gradient(to bottom, #000000 94%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-image: linear-gradient(to bottom, #000000 94%, rgba(0, 0, 0, 0) 100%);
}
.sabias-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
}
.sabias-wrapper .sabias-que {
  background-color: #FAF6F6;
  padding-top: 50px;
  padding-right: 10px;
  padding-bottom: 50px;
  padding-left: 10px;
  gap: 100px;
  border-radius: 50px;
  min-width: 328px;
  max-width: 1513px;
  width: 100%;
}
@media screen and (max-width: 677px) {
  .sabias-wrapper .sabias-que {
    margin: 0 16px;
  }
}
@media screen and (min-width: 678px) {
  .sabias-wrapper .sabias-que {
    margin: 0 24px;
  }
}
@media screen and (min-width: 1366px) {
  .sabias-wrapper .sabias-que {
    margin: 0 100px;
  }
}
@media screen and (min-width: 1920px) {
  .sabias-wrapper .sabias-que {
    margin: 0 200px;
  }
}
.sabias-wrapper .sabias-que__card {
  background-color: #fff;
  border-radius: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
  height: 360px;
  min-width: 322px;
  max-width: 322px;
}
@media screen and (max-width: 767px) {
  .sabias-wrapper .sabias-que__card {
    background-color: #fff;
    border-radius: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    height: 328px;
    min-width: 322px;
    max-width: 322px;
  }
}
.sabias-wrapper .sabias-que__card-icon {
  height: 0;
  position: absolute;
  right: 32px;
  z-index: 0;
}
.sabias-wrapper .sabias-que__card-icon .sabias-que__icon-check {
  position: relative;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #009D4E;
  padding: 8px;
  border-radius: 100%;
  z-index: 1;
  color: #fff;
  padding: 20px;
}
.sabias-wrapper .sabias-que__card-box {
  position: relative;
  z-index: 2;
}
.sabias-wrapper .sabias-que__card-divider {
  border-top: 1px solid #414745;
  width: 100%;
}
.sabias-wrapper .sabias-que__card-title-container {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
  padding: 20px 10px;
}
.sabias-wrapper .sabias-que__card-title {
  font-family: Inter;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0px;
}
@media screen and (max-width: 767px) {
  .sabias-wrapper .sabias-que__card-title {
    font-family: Inter;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0px;
  }
}
.sabias-wrapper .sabias-que__card-text-container {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
}
.sabias-wrapper .sabias-que__card-text {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0px;
  padding: 0 5px;
}
@media screen and (max-width: 767px) {
  .sabias-wrapper .sabias-que__card-text {
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0px;
    padding: 0 5px;
  }
}
.sabias-wrapper .sabias-que__card-exclamation-i-container {
  justify-content: center;
  display: flex;
  width: 100%;
  align-items: center;
}
.sabias-wrapper .sabias-que__card-top,
.sabias-wrapper .sabias-que__card-bottom {
  min-height: 144px;
}
.sabias-wrapper .sabias-que__1-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 5px;
}
@media screen and (max-width: 767px) {
  .sabias-wrapper .sabias-que__1-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 5px;
  }
}
.sabias-wrapper .sabias-que__1-text {
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 1px;
}
.sabias-wrapper .sabias-que__1-text > b {
  font-family: Inter;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  .sabias-wrapper .sabias-que__1-text {
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 1px;
  }
  .sabias-wrapper .sabias-que__1-text > b {
    font-family: Inter;
    font-weight: 700;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 1px;
  }
}
.sabias-wrapper .sabias-que__6-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  width: 322px;
}
.sabias-wrapper .sabias-que__6-img {
  width: 60%;
  align-self: end;
}
.sabias-wrapper .sabias-que__6-bold {
  font-family: Exo;
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0px;
  color: black;
}
@media screen and (max-width: 767px) {
  .sabias-wrapper .sabias-que__6-bold {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0px;
    color: black;
  }
}
.sabias-wrapper .sabias-que__6-text {
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0px;
}
@media screen and (max-width: 767px) {
  .sabias-wrapper .sabias-que__6-text {
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0px;
  }
}
.sabias-wrapper .sabias-que .correcto-et__txt-1-title {
  font-family: Exo;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0px;
  color: black;
}
.sabias-wrapper .sabias-que .correcto-et__txt-1-text {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0px;
}
.sabias-wrapper .sabias-que .correcto-et__txt-2-text {
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0%;
}
.sabias-wrapper .sabias-que .correcto-et__txt-3-text {
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0%;
}
@media screen and (max-width: 767px) {
  .sabias-wrapper .sabias-que .correcto-et__txt-3-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
  }
}
.sabias-wrapper .sabias-que .correcto-et__txt-4-text {
  font-family: Exo;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0%;
}
@media screen and (max-width: 767px) {
  .sabias-wrapper .sabias-que .correcto-et__txt-4-text {
    font-family: Exo;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
  }
}
.banner-correcto-etiquetado {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner-correcto-etiquetado > img {
  max-width: 1513px;
}
@media screen and (max-width: 677px) {
  .banner-correcto-etiquetado {
    padding: 5px 16px;
  }
}
@media screen and (min-width: 678px) {
  .banner-correcto-etiquetado {
    padding: 5px 24px;
  }
}
@media screen and (min-width: 1366px) {
  .banner-correcto-etiquetado {
    padding: 100px 100px;
  }
}
@media screen and (min-width: 1920px) {
  .banner-correcto-etiquetado {
    padding: 100px 200px;
  }
}
.consideraciones-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  flex-direction: column;
  gap: 20px;
}
.consideraciones-wrapper .consideraciones-title {
  min-width: 328px;
  max-width: 1513px;
  width: 100%;
  gap: 10px;
  font-family: Exo;
  font-weight: 700;
  font-size: 24px;
  line-height: 20px;
  letter-spacing: 0%;
}
@media screen and (max-width: 767px) {
  .consideraciones-wrapper .consideraciones-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 5.57px;
    letter-spacing: 0%;
    vertical-align: middle;
  }
}
@media screen and (max-width: 677px) {
  .consideraciones-wrapper .consideraciones-title {
    margin: 0 16px;
  }
}
@media screen and (min-width: 678px) {
  .consideraciones-wrapper .consideraciones-title {
    margin: 0 24px;
  }
}
@media screen and (min-width: 1366px) {
  .consideraciones-wrapper .consideraciones-title {
    margin: 0 100px;
  }
}
@media screen and (min-width: 1920px) {
  .consideraciones-wrapper .consideraciones-title {
    margin: 0 200px;
  }
}
.consideraciones-wrapper__card {
  background-color: #FAF6F6;
  min-width: 328px;
  max-width: 1513px;
  width: 100%;
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 30px;
  gap: 10px;
  border-radius: 20px;
}
.consideraciones-wrapper__card p {
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0%;
}
@media screen and (max-width: 767px) {
  .consideraciones-wrapper__card p {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0%;
  }
}
@media screen and (max-width: 677px) {
  .consideraciones-wrapper__card {
    margin: 0 16px;
  }
}
@media screen and (min-width: 678px) {
  .consideraciones-wrapper__card {
    margin: 0 24px;
  }
}
@media screen and (min-width: 1366px) {
  .consideraciones-wrapper__card {
    margin: 0 100px;
  }
}
@media screen and (min-width: 1920px) {
  .consideraciones-wrapper__card {
    margin: 0 200px;
  }
}
.txt-primary-color {
  color: #414745 !important;
  color: var(--primary-color-dark) !important;
}
@media screen and (max-width: 677px) {
  .p-auto-landings {
    padding: 0 16px;
  }
}
@media screen and (min-width: 678px) {
  .p-auto-landings {
    padding: 0 24px;
  }
}
@media screen and (min-width: 1366px) {
  .p-auto-landings {
    padding: 0 100px;
  }
}
@media screen and (min-width: 1920px) {
  .p-auto-landings {
    padding: 0 200px;
  }
}
.cp-banner-titulo {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
}
.cp-banner-titulo span:first-child {
  font-family: Exo;
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: 0px;
  vertical-align: middle;
}
.cp-banner-titulo span:last-child {
  font-family: Exo;
  font-weight: 700;
  font-size: 24px;
  line-height: 40px;
  letter-spacing: 0px;
  vertical-align: middle;
}
@media screen and (max-width: 677px) {
  .cp-banner-titulo span:first-child {
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0px;
    vertical-align: middle;
  }
  .cp-banner-titulo span:last-child {
    width: 100%;
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0px;
    vertical-align: middle;
  }
}
@media screen and (min-width: 1200px) {
  .cp-banner-titulo {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 20px;
  }
  .cp-banner-titulo span:first-child {
    font-family: Exo;
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 0px;
    vertical-align: middle;
  }
  .cp-banner-titulo span:last-child {
    font-family: Exo;
    font-weight: 700;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: 0px;
    vertical-align: middle;
  }
}
.cp-banner-text {
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0px;
  vertical-align: middle;
}
@media screen and (max-width: 677px) {
  .cp-banner-text {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0px;
    vertical-align: middle;
  }
}
@media screen and (min-width: 1200x) {
  .cp-banner-text {
    font-family: Inter;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0px;
    vertical-align: middle;
  }
}
.cp-elementos-prohibidos {
  border-top: 5px solid #303030;
  border-bottom: 5px solid #303030;
  display: flex;
  flex-direction: column;
  min-height: 500px;
  background-color: #009D4E0F;
  padding: 50px 24px;
  background-image: url(/static/media/fondo-elementos-prohibidos.693ef5b35bbb36107261.webp);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
}
@media screen and (max-width: 677px) {
  .cp-elementos-prohibidos {
    padding: 25px 12px;
  }
}
.cp-card-elemento {
  width: 219px;
  padding-top: 25.14px;
  padding-right: 8.98px;
  padding-bottom: 25.14px;
  padding-left: 8.98px;
  gap: 8.98px;
  border-radius: 12.57px;
  background-color: #fff;
}
.cp-card-elemento__title {
  font-family: Exo;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0px;
  vertical-align: middle;
}
@media screen and (max-width: 677px) {
  .cp-card-elemento__title {
    font-family: Exo;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
  }
}
@media screen and (min-width: 1200px) {
  .cp-card-elemento__title {
    font-family: Exo;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
  }
}
.cp-card-elemento__text {
  font-family: Inter;
  font-weight: 500;
  font-size: 14px;
  line-height: 17.95px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 677px) {
  .cp-card-elemento__text {
    font-family: Inter;
    font-weight: 500;
    font-size: 12px;
    line-height: 17.95px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
  }
}
@media screen and (min-width: 1200px) {
  .cp-card-elemento__text {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 17.95px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
  }
}
.cp-elementos-title {
  font-family: Exo;
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0px;
  vertical-align: middle;
}
.cp-elementos-title > span {
  font-family: Exo;
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0px;
  vertical-align: middle;
  text-transform: uppercase;
  color: #009E43;
}
@media screen and (max-width: 677px) {
  .cp-elementos-title {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    font-family: Exo;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
  }
  .cp-elementos-title > span {
    font-family: Exo;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
  }
}
@media screen and (min-width: 1200px) {
  .cp-elementos-title {
    font-family: Exo;
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
  }
  .cp-elementos-title > span {
    font-family: Exo;
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: uppercase;
  }
}
.cp-elementos-wrapper {
  padding: 40px 0;
}
@media screen and (max-width: 677px) {
  .cp-elementos-wrapper {
    padding: 30px 0;
  }
}
.cp-materias-corrosivas {
  padding-top: 50px;
  background-color: #fff;
}
.cp-materias-corrosivas .cp-materias-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: 0%;
  vertical-align: middle;
}
@media screen and (max-width: 677px) {
  .cp-materias-corrosivas .cp-materias-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
    vertical-align: middle;
  }
}
@media screen and (min-width: 1200px) {
  .cp-materias-corrosivas .cp-materias-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: 0%;
    vertical-align: middle;
  }
}
.cp-materias-corrosivas .cp-materias-text {
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 2%;
  vertical-align: middle;
  color: #95969B;
}
@media screen and (max-width: 677px) {
  .cp-materias-corrosivas .cp-materias-text {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 2%;
    vertical-align: middle;
  }
}
@media screen and (max-width: 1200px) {
  .cp-materias-corrosivas .cp-materias-text {
    font-family: Inter;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 2%;
    vertical-align: middle;
  }
}
.cp-materias-corrosivas .cp-materias-lista-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (max-width: 1200px) {
  .cp-materias-corrosivas .cp-materias-lista-wrapper {
    align-items: center;
  }
}
@media screen and (max-width: 677px) {
  .cp-materias-corrosivas .cp-materias-lista-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
    gap: 10px;
  }
}
.cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card {
  min-height: 100px;
  max-width: 550px;
  padding-top: 10px;
  padding-right: 28px;
  padding-bottom: 10px;
  padding-left: 28px;
  border-radius: 14px;
  border-width: 1px;
  border: 1px solid #ECECEC;
  background-color: #fff;
}
.cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card .ant-collapse-item .ant-collapse-header {
  padding: 0;
}
@media screen and (min-width: 1900px) {
  .cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card {
    max-width: 680px;
  }
}
@media screen and (max-width: 677px) {
  .cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card {
    min-height: 64px;
  }
}
.cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card__img > img {
  width: 80px;
  height: 80px;
}
@media screen and (max-width: 677px) {
  .cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card__img > img {
    width: 50px;
    height: 50px;
  }
}
.cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card__text {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  gap: 4px;
}
@media screen and (max-width: 677px) {
  .cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card__text {
    gap: 2px;
  }
}
.cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card__text-title {
  font-family: Exo;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0px;
}
@media screen and (max-width: 677px) {
  .cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card__text-title {
    font-family: Exo;
    font-weight: 600;
    font-size: 11.46px;
    line-height: 100%;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1200px) {
  .cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card__text-title {
    font-family: Exo;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0px;
  }
}
.cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card__text-subtitle {
  font-family: Exo;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0px;
  text-transform: uppercase;
  text-align: left;
}
@media screen and (max-width: 677px) {
  .cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card__text-subtitle {
    font-family: Exo;
    font-weight: 500;
    font-size: 10.19px;
    letter-spacing: 0px;
    text-transform: uppercase;
  }
}
@media screen and (min-width: 1200px) {
  .cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card__text-subtitle {
    font-family: Exo;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0px;
    text-transform: uppercase;
  }
}
.cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card__text-description {
  font-family: Inter;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: left;
}
@media screen and (max-width: 677px) {
  .cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card__text-description {
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0px;
  }
}
@media screen and (min-width: 1200px) {
  .cp-materias-corrosivas .cp-materias-lista-wrapper .cp-materias-card__text-description {
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0px;
  }
}
.ca-banner {
  height: 195px;
  border-bottom: 1px solid #EEEEEF;
  background-color: #fff;
  position: relative;
  padding-top: 26px;
}
@media screen and (max-width: 677px) {
  .ca-banner {
    height: 138px;
  }
}
.ca-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/static/media/bg-curvas.6c09648794107798c9c2.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  filter: brightness(1.2);
  z-index: 1;
}
.ca-banner .ca-botonera {
  position: relative;
  top: 55px;
  z-index: 2;
  gap: 20px;
  justify-content: center;
}
@media screen and (max-width: 695px) {
  .ca-banner .ca-botonera {
    top: 25px;
    gap: 10px;
  }
}
.ca-banner__card {
  max-width: 198px;
  min-width: 198px;
  height: 147px;
  border-radius: 5px;
  box-shadow: 0px 4px 4px 0px #00000040;
  background-color: #fff;
  padding: 10px;
  width: 100%;
  transition: transform 0.3s ease-in-out;
  cursor: pointer;
}
.ca-banner__card:hover {
  transform: scale(1.1);
}
.ca-banner__card > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ca-banner__card > div .ca-banner__card-text {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0%;
  text-align: center;
}
@media screen and (max-width: 695px) {
  .ca-banner__card {
    gap: 5px;
    width: 100%;
    max-width: 113px;
    min-width: 113px;
    height: 78px;
    border-radius: 3.94px;
    padding: 7.88px;
  }
  .ca-banner__card > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .ca-banner__card > div .ca-banner__card-img {
    width: 26px;
    height: 30px;
  }
  .ca-banner__card > div .ca-banner__card-text {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0%;
    text-align: center;
  }
}
.ca-banner-space {
  width: 100%;
  height: 200px;
  background-color: #fff;
}
@media screen and (max-width: 1200px) {
  .ca-banner-space {
    height: 350px;
  }
}
@media screen and (max-width: 695px) {
  .ca-banner-space {
    height: 200px;
  }
}
.ca-preguntas {
  background-color: #fff;
  padding-top: 70px;
}
@media (min-width: 768px) {
  .ca-preguntas {
    padding-top: 100px;
  }
}
.ca-preguntas__title {
  font-family: Exo;
  font-weight: 700;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: 0%;
  text-align: center;
}
@media screen and (max-width: 695px) {
  .ca-preguntas__title {
    font-family: Exo;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0%;
    text-align: center;
  }
}
.ca-preguntas__subtitle {
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0%;
  text-align: center;
}
@media screen and (max-width: 695px) {
  .ca-preguntas__subtitle {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 0%;
  }
}
.ca-preguntas-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1035px) {
  .ca-preguntas-container {
    flex-direction: column;
    display: block;
    align-items: center;
    width: 100%;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none !important;
  }
  .ca-preguntas-container::-webkit-scrollbar {
    width: 0 !important;
  }
  .ca-preguntas-container::-webkit-scrollbar-thumb {
    background: #999999 !important;
    border-radius: 0 !important;
  }
  .ca-preguntas-container::-webkit-scrollbar-thumb:hover {
    background: #777777 !important;
  }
  .ca-preguntas-container::-webkit-scrollbar-track {
    background: #ffffff !important;
    box-shadow: inset 15px 10px 12px #F1F1F1 !important;
  }
}
.ca-preguntas-filtro {
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0%;
  text-align: center;
  height: 50px;
  background: #F9FAFD !important;
  border-radius: 5px !important;
  height: 100%;
}
.ca-preguntas-filtro:hover {
  background: #F3F4F9;
}
.ca-preguntas-filtro .ant-segmented-group {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  padding-top: auto;
  padding-bottom: auto;
}
.ca-preguntas-filtro .ant-segmented-item {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0 12px;
  box-sizing: border-box;
  transition: all 0.5s ease;
  margin-top: auto;
  margin-bottom: auto;
}
@media screen and (max-width: 695px) {
  .ca-preguntas-filtro .ant-segmented-item {
    font-weight: 600;
    font-size: 12px;
    line-height: 30px;
    letter-spacing: 0%;
  }
}
.ca-preguntas-filtro .ant-segmented-item-selected {
  background-color: #303030 !important;
  color: #fff !important;
  border-radius: 5px;
}
.ca-preguntas-filtro .ant-segmented-thumb {
  background-color: #303030 !important;
  z-index: 0;
  height: 40px;
  align-items: center;
  justify-content: center;
  align-self: center;
  margin-top: auto;
  margin-bottom: auto;
  border-radius: 5px;
  top: 0;
  bottom: 0;
}
.ca-preguntas-lista {
  width: 100%;
}
.ca-preguntas-lista .ant-collapse-item {
  min-height: 90px;
}
.ca-preguntas-lista .ant-collapse-item .ant-collapse-header {
  min-height: 90px;
  display: flex;
  flex-direction: column;
  background-color: #fff;
}
.ca-preguntas-lista .ant-collapse-item .ant-collapse-header .ant-collapse-header-text {
  color: #414745;
  color: var(--primary-color-dark);
  height: 100%;
  align-items: center;
  display: flex;
  font-family: Exo;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
}
.ca-preguntas-lista .ant-collapse-content {
  border-top: none;
}
.ca-preguntas-lista__respuesta {
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: 0%;
  text-align: left;
  color: #414745;
  color: var(--primary-color-dark);
}
.ca-preguntas-lista .anticon.anticon-right.ant-collapse-arrow {
  font-size: 20px;
}
@media screen and (max-width: 695px) {
  .ca-preguntas-lista .ant-collapse-item {
    min-height: 50px;
  }
  .ca-preguntas-lista .ant-collapse-item .ant-collapse-header {
    min-height: 50px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
  }
  .ca-preguntas-lista .ant-collapse-item .ant-collapse-header .ant-collapse-header-text {
    height: 100%;
    align-items: center;
    display: flex;
    font-family: Exo;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #414745;
    color: var(--primary-color-dark);
  }
  .ca-preguntas-lista .ant-collapse-content {
    border-top: none;
  }
  .ca-preguntas-lista__respuesta {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0%;
    text-align: left;
    color: #414745;
    color: var(--primary-color-dark);
  }
  .ca-preguntas-lista .anticon.anticon-right.ant-collapse-arrow {
    font-size: 20px;
  }
}
.ca-preguntas-cant {
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0%;
}
@media screen and (max-width: 695px) {
  .ca-preguntas-cant {
    font-family: Inter;
    font-weight: 300;
    font-size: 12px;
    line-height: 30px;
    letter-spacing: 0%;
  }
}
.ca-preguntas-btn {
  background-color: #fff;
  width: 167px;
  height: 45px;
  transition: all 0.5s ease;
}
.ca-preguntas-btn:hover {
  background-color: #414745;
  color: #fff;
  border-color: #414745;
}
@media screen and (max-width: 695px) {
  .ca-preguntas-btn {
    font-size: 12px;
  }
}
.links-FAQ {
  color: #009d4e;
  color: var(--primary-color-green);
}
.links-FAQ:hover {
  color: #007a3b;
  color: var(--hover-primary-color);
}
.links-FAQ:active {
  color: #005f2e;
  color: var(--pressed-primary-color-green);
}
.sobredim-banner .sobredim-banner-text {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.sobredim-banner .sobredim-banner-text .sobredim-banner-title {
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: 0px;
  vertical-align: middle;
  text-transform: uppercase;
}
.sobredim-banner .sobredim-banner-text span:not(:first-child) {
  width: 100%;
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0px;
  vertical-align: middle;
}
.sobredim-banner .sobredim-banner-img {
  text-align: center;
}
.sobredim-banner .sobredim-banner-img img {
  width: 254px;
  height: 364px;
  border-radius: 100%;
}
.sobredim-banner .sobredim-banner-img img ::before {
  filter: blur(10px);
}
@media screen and (max-width: 768px) {
  .sobredim-banner .sobredim-banner-text {
    order: 2;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .sobredim-banner .sobredim-banner-text .sobredim-banner-title {
    font-family: Exo;
    font-weight: 700;
    font-size: 16px;
    line-height: 15px;
    letter-spacing: 0%;
    text-align: center;
    text-transform: none;
    text-transform: initial;
  }
  .sobredim-banner .sobredim-banner-text span:not(:first-child) {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
  }
  .sobredim-banner .sobredim-banner-img {
    margin-bottom: 15px;
    order: 1;
    text-align: center;
  }
  .sobredim-banner .sobredim-banner-img img {
    width: 124px;
    height: 178px;
    border-radius: 100%;
    text-align: center;
  }
  .sobredim-banner .sobredim-banner-img img ::before {
    filter: blur(10px);
  }
}
.sobredim-partes .sobredim-partes-title {
  display: flex;
  width: 100%;
  font-family: Exo;
  font-weight: 700;
  font-size: 24px;
  line-height: 25px;
  letter-spacing: 0px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .sobredim-partes .sobredim-partes-title {
    font-family: Exo;
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0px;
    vertical-align: middle;
    justify-content: center;
  }
}
.sobredim-partes .sobredim-partes-text {
  display: flex;
  width: 100%;
  font-family: Inter;
  font-weight: 500;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .sobredim-partes .sobredim-partes-text {
    font-family: Inter;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0px;
    vertical-align: middle;
    text-align: start;
  }
}
.sobredim-partes .sobredim-partes-img {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-weight: 700;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
}
.sobredim-partes .sobredim-partes-img-espuma {
  display: flex;
  width: auto;
  flex-direction: column;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
}
.sobredim-partes .sobredim-partes-img-espuma img {
  width: 70px;
  height: 62px;
  -webkit-clip-path: polygon(3% 3%, 97% 3%, 97% 97%, 3% 97%);
          clip-path: polygon(3% 3%, 97% 3%, 97% 97%, 3% 97%);
}
@media screen and (max-width: 768px) {
  .sobredim-partes .sobredim-partes-img-espuma {
    gap: 15px;
  }
  .sobredim-partes .sobredim-partes-img-espuma span {
    font-family: Inter;
    font-weight: 600;
    font-size: 12px;
    line-height: 16.54px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
  }
  .sobredim-partes .sobredim-partes-img-espuma img {
    width: 57px;
    height: 50px;
  }
}
.sobredim-partes .sobredim-partes-img-carton {
  display: flex;
  width: auto;
  flex-direction: column;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
}
.sobredim-partes .sobredim-partes-img-carton img {
  width: 117px;
  height: 44px;
}
@media screen and (max-width: 768px) {
  .sobredim-partes .sobredim-partes-img-carton {
    gap: 15px;
  }
  .sobredim-partes .sobredim-partes-img-carton span {
    font-family: Inter;
    font-weight: 600;
    font-size: 12px;
    line-height: 16.54px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
  }
  .sobredim-partes .sobredim-partes-img-carton img {
    width: 77px;
    height: 29px;
  }
}
.sobredim-partes .sobredim-partes-img-film {
  display: flex;
  width: auto;
  flex-direction: column;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
}
.sobredim-partes .sobredim-partes-img-film img {
  width: 110px;
  height: 46px;
}
@media screen and (max-width: 768px) {
  .sobredim-partes .sobredim-partes-img-film {
    gap: 15px;
  }
  .sobredim-partes .sobredim-partes-img-film span {
    font-family: Inter;
    font-weight: 600;
    font-size: 12px;
    line-height: 16.54px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
  }
  .sobredim-partes .sobredim-partes-img-film img {
    width: 73px;
    height: 30.3px;
  }
}
.sobredim-partes .sobredim-partes-img-madera {
  display: flex;
  width: auto;
  flex-direction: column;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
}
.sobredim-partes .sobredim-partes-img-madera img {
  width: 92px;
  height: 51.66px;
}
@media screen and (max-width: 768px) {
  .sobredim-partes .sobredim-partes-img-madera {
    gap: 15px;
  }
  .sobredim-partes .sobredim-partes-img-madera span {
    font-family: Inter;
    font-weight: 600;
    font-size: 12px;
    line-height: 16.54px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
  }
  .sobredim-partes .sobredim-partes-img-madera img {
    width: 59px;
    height: 33.1px;
  }
}
.sobredim-partes .sobredim-partes-img-container {
  display: flex;
  width: auto;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.sobredim-partes .sobredim-partes-img-container span {
  font-weight: 700;
  font-size: 16px;
  line-height: 17.93px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
}
.sobredim-partes .sobredim-partes-hr {
  color: #d7d8d9;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: solid 1px;
  margin: 0;
}
.sobredim-partes-table-txt {
  display: flex;
  align-items: center;
}
.sobredim-partes-table-txt span {
  font-family: Inter;
  font-weight: 500;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0px;
  vertical-align: middle;
}
.sobredim-partes-table-icons {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sobredim-partes-table-icons .sobredim-partes-table-check {
  color: #009E43;
  width: 30px;
  height: 30px;
}
@media screen and (max-width: 768px) {
  .sobredim-partes-table-icons .sobredim-partes-table-check {
    width: 20px;
    height: 20px;
  }
}
.sobredim-estandares {
  padding-top: 40px;
}
.sobredim-estandares-title {
  font-weight: 700;
  font-size: 30px;
  line-height: 100%;
  letter-spacing: 0px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .sobredim-estandares-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
  }
}
.sobredim-estandares-subtitle {
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .sobredim-estandares-subtitle {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
  }
}
.sobredim-estandares-col {
  justify-content: center;
  display: flex;
  align-items: start;
}
.sobredim-estandares-card {
  max-width: 328px;
  max-height: 482px;
  gap: 10px;
  border-width: 1px;
  padding-top: 20px;
  padding-bottom: 20px;
  border: 1px solid #ECECEC;
  box-shadow: 0px 4px 4px 0px #00000040;
  background-color: #fff;
}
.sobredim-estandares-card-title {
  font-family: Exo;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .sobredim-estandares-card-title {
    font-family: Exo;
    font-weight: 600;
    font-size: 16.16px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
  }
}
.sobredim-estandares-card-item-title {
  font-family: Inter;
  font-weight: 600;
  font-size: 12px;
  line-height: 16.54px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
}
.sobredim-estandares-card-description {
  font-family: Inter;
  font-weight: 500;
  font-size: 14px;
  line-height: 17.95px;
  letter-spacing: 0px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .sobredim-estandares-card-description {
    font-family: Inter;
    font-weight: 500;
    font-size: 12px;
    line-height: 17.95px;
    letter-spacing: 0px;
    vertical-align: middle;
  }
}
.sobredim-estandares-card-container {
  background-image: url(/static/media/fondo-elementos-prohibidos.693ef5b35bbb36107261.webp);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
}
.bg-generic-landing {
  position: relative;
  overflow: hidden;
  background: #FFF;
}
.bg-generic-landing::before {
  pointer-events: none;
  content: '';
  position: absolute;
  top: 20%;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url(/static/media/circle-arrow-down-left.67686d933d20e3bf5148.webp);
  background-size: clamp(82.85px, 12vw, 267px) auto;
  background-position: top left;
  background-repeat: no-repeat;
  opacity: 0.5;
}
.bg-generic-landing::after {
  pointer-events: none;
  content: '';
  position: absolute;
  top: 10%;
  left: 2%;
  width: 100%;
  height: 100%;
  background-image: url(/static/media/gray-circles.bf6c9be0d567c56d67be.webp);
  background-size: clamp(110px, 17vw, 326px) auto;
  background-position: top right;
  background-repeat: no-repeat;
}
.ria-container-title {
  display: flex;
  justify-content: center;
  text-align: center;
  flex-direction: column;
}
.ria-container-title .ria-title {
  font-family: Exo;
  font-weight: 700;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.ria-container-title .ria-subtitle {
  font-family: Exo;
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #009E43;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .ria-container-title .ria-title {
    font-family: Exo;
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
  }
  .ria-container-title .ria-subtitle {
    font-family: Exo;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #009E43;
  }
}
.font-politicas {
  font-family: Inter;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0%;
  padding-top: 80px;
  padding-bottom: 100px;
}
@media screen and (max-width: 1200px) {
  .font-politicas {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    padding-top: 50px;
    padding-bottom: 62.5px;
  }
}
.btn-evidencia-entrega {
  position: relative;
  z-index: 1;
  height: 45px;
  width: 245px;
  border-radius: 5px;
  background-color: #52AB99;
  border: none;
  color: #fff;
  font-family: Inter;
  font-weight: 700;
  font-style: italic;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  cursor: pointer;
}
.btn-evidencia-entrega-disabled {
  border: none;
  border-radius: 5px;
  cursor: pointer;
  height: 45px;
  width: 262px;
  color: #ffffff;
  background-color: #b7b9b8;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
@media screen and (max-width: 1200px) {
  .btn-evidencia-entrega {
    width: 205px;
    height: 45px;
    font-family: Inter;
    font-weight: 700;
    font-style: italic;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    cursor: pointer;
  }
  .btn-evidencia-entrega-disabled {
    border: none;
    border-radius: 5px;
    cursor: pointer;
    height: 45px;
    width: 262px;
    color: #ffffff;
    background-color: #b7b9b8;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
  }
}
.tooltip-button-container {
  padding: 13px 15px;
  padding: var(--button-padding);
  font-family: 'Exo';
  font-family: var(--font-family-primary);
  font-size: 14px;
  font-size: var(--button-font-size);
  font-weight: bold;
  height: 45px;
  height: var(--element-height);
  border-radius: 5px;
  border-radius: var(--button-border-radius);
  cursor: pointer;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ced1d2;
  border: 2px solid var(--border);
  width: 100%;
  background-color: #009d4e;
  background-color: var(--primary-color-green);
  color: #ffffff;
  border: none;
}
.tooltip-button-container:hover {
  background-color: #007a3b;
  background-color: var(--hover-primary-color);
}
.tooltip-button-container:active {
  background-color: #005f2e;
  background-color: var(--pressed-primary-color-green);
}
.tooltip-button-container.disabled {
  background-color: #d9d9d9 !important;
  border-color: #d9d9d9 !important;
  color: #8c8c8c !important;
  cursor: not-allowed !important;
  opacity: 0.6 !important;
}
.tooltip-button-container.disabled:hover {
  background-color: #d9d9d9 !important;
  border-color: #d9d9d9 !important;
  color: #8c8c8c !important;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.footer-bg {
  background-color: #009d4e !important;
}
.header-bg {
  background-color: #009d4e !important;
}
.dynamic-bg {
  background: #009d4e !important;
}
.dynamic-border {
  border: 2px solid #009d4e;
}
.dynamic-txt {
  color: #009d4e !important;
}
.icon-color {
  filter: #a61d24;
}
::-webkit-scrollbar {
  width: 13px;
  height: 13px;
}
::-webkit-scrollbar-thumb {
  background: #009d4e;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #009d4e;
}
::-webkit-scrollbar-track {
  background: #ffffff;
  box-shadow: inset 7px 10px 12px #b8b8b8;
}
::selection {
  color: #fff;
  background: #009d4e !important;
}
.custom-table-tr:last-child .custom-table-td {
  box-shadow: inset 0px -4px 0px -1px #009d4e;
}
/* @import '~antd/dist/antd.less'; */
@font-face {
  font-family: 'Exo';
  src: local("ExoVariableFont"), url(/static/media/ExoVariableFont.6c037f7506ee86084662.ttf) format('truetype');
  font-optical-sizing: auto;
  font-weight: 100 900;
  /* Admite un rango de peso desde 100 hasta 900 */
  /* * Font weight Regular: 400 */
  /* * Font weight Medium Italic: 500 */
  /* * Font weight Bold: 700 */
}
@font-face {
  font-family: 'Inter';
  src: local("InterVariableFont"), url(/static/media/InterVariableFont.e05c5f3d1fa6a3893d84.ttf) format('truetype');
  font-optical-sizing: auto;
  font-weight: 100 900;
  /* Admite un rango de peso desde 100 hasta 900 */
  /* * Font weight Regular: 400 */
  /* * Font weight Medium Italic: 500 */
  /* * Font weight Bold: 700 */
}
body {
  font-family: 'Exo', 'Inter';
  font-style: normal;
  font-weight: 400;
}
.icon-color {
  filter: none;
}
::-webkit-scrollbar {
  width: 13px;
  height: 13px;
}
::-webkit-scrollbar-thumb {
  background: #c7ceff;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #f9d4ff;
}
::-webkit-scrollbar-track {
  background: #ffffff;
  box-shadow: inset 7px 10px 12px #f0f0f0;
}
.icon-menu {
  margin: 3px;
  max-width: 32px;
  min-width: 32px;
  max-height: 32px;
  min-height: 32px;
}
.header-row {
  display: flex;
  align-items: center;
  justify-content: start;
}
.col-logo {
  display: flex;
  align-items: center !important;
  justify-content: center !important;
}
.header {
  color: #fff !important;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.tracking-content {
  margin-top: 16px;
  border: 1px dashed #e9e9e9;
  border-radius: 2px;
  background-color: #fafafa;
  min-height: 200px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.img-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.img-container-responsive {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.img-responsive-absolute {
  height: 100%;
  width: 100%;
}
.img-auto-size {
  max-width: 100%;
  max-height: 100%;
  display: block;
}
.img-circle-auto-size {
  width: auto;
  border-radius: 50%;
}
.img-circle-left {
  height: 300px;
  display: flex;
  border-radius: 50%;
  float: left;
}
.img-circle-right {
  height: 300px;
  display: flex;
  border-radius: 50%;
  float: right;
}
.img-circle-center {
  border: 5px solid #555;
  height: 70%;
  display: flex;
  border-radius: 50%;
  justify-content: center;
}
.img-banner-container {
  width: 100%;
  max-width: 100%;
  height: 60vh;
  display: flex;
  justify-content: center;
}
.img-banner {
  height: 40vh;
  width: 100%;
  position: absolute;
}
.icon-sm {
  width: 100px;
  height: 100px;
  margin: 15px;
}
.icon-md {
  width: 120px;
  height: 120px;
  margin: 15px;
}
.icon-fixed-left {
  position: fixed;
  bottom: 0px;
  left: 0px;
}
.icon-square {
  width: 100px;
  height: 100px;
}
.icon-social-network {
  color: white;
}
.icon-social-network:hover,
.icon-social-network:visited {
  color: white;
  font-size: 42px;
}
.btn-rounded-white {
  border-radius: 15px !important;
  color: white !important;
  background-color: #ffffff !important;
}
.btn-rounded-white:focus,
.btn-rounded-white:hover,
.btn-rounded-white:visited,
.btn-rounded-white:active {
  background-color: #ffffff !important;
  color: white !important;
}
.btn-rounded-green {
  border-radius: 15px !important;
  color: white !important;
  background-color: #029e47 !important;
}
.btn-rounded-green:focus,
.btn-rounded-green:hover,
.btn-rounded-green:visited,
.btn-rounded-green:active {
  background-color: #029e47 !important;
  color: white !important;
}
.btn-rounded-purple {
  border-radius: 15px !important;
  color: white !important;
  background-color: #480b50 !important;
}
.btn-rounded-purple:focus,
.btn-rounded-purple:hover,
.btn-rounded-purple:visited,
.btn-rounded-purple:active {
  background-color: #480b50 !important;
  color: white !important;
}
.btn-rounded-orange {
  border-radius: 15px !important;
  color: white !important;
  background-color: #ffa600 !important;
}
.btn-rounded-orange:focus,
.btn-rounded-orange:hover,
.btn-rounded-orange:visited,
.btn-rounded-orange:active {
  background-color: #ffa600 !important;
  color: white !important;
}
.btn-rounded-gray {
  border-radius: 15px !important;
  color: white !important;
  background-color: #404246 !important;
}
.btn-rounded-gray:focus,
.btn-rounded-gray:hover,
.btn-rounded-gray:visited,
.btn-rounded-gray:active {
  background-color: #404246 !important;
  color: white !important;
}
.btn-rounded-blue {
  border-radius: 15px !important;
  color: white !important;
  background-color: #2d788d !important;
}
.btn-rounded-blue:focus,
.btn-rounded-blue:hover,
.btn-rounded-blue:visited,
.btn-rounded-blue:active {
  background-color: #2d788d !important;
  color: white !important;
}
.horizontal-dotted-line {
  color: #9d9d9C !important;
  border-width: 3px;
  border-style: dotted none none none;
}
.horizontal-dotted-white-line {
  color: white !important;
  border-width: 3px;
  border-style: dotted none none none;
}
.horizontal-dotted-green-line {
  color: #029e47 !important;
  border-width: 4px;
  border-style: dotted none none none;
}
.horizontal-green-line {
  color: #029e47 !important;
  border-width: 1.5px;
  border-style: solid none none none;
}
.horizontal-turquoise-line {
  color: #2d788d !important;
  border-width: 1.5px;
  border-style: solid none none none;
}
.horizontal-white-line {
  color: #ffffff !important;
  border-width: 1.5px;
  border-style: solid none none none;
}
.horizontal-white-dotted-line {
  color: white !important;
  border-width: 2px;
  border-style: solid none none none;
}
.vertical-dotted-line {
  color: #9d9d9C !important;
  border-width: 3px;
  border-style: none dotted none none;
}
.vertical-green-dotted-line {
  color: #029e47 !important;
  border-width: 4px;
  border-style: none dotted none none;
}
.vertical-orange-line {
  color: #ffa600 !important;
  border-width: 2px;
  border-style: none solid none solid;
  height: 100%;
}
.thick-vertical-dotted-line {
  color: #ffffff !important;
  border-width: 5px;
  border-style: none dotted none none;
}
.content-center-left {
  text-align: left;
  margin: auto;
  width: 50%;
  padding: 10px;
}
.center-content-right {
  text-align: right;
  margin: auto;
  width: 50%;
}
.center-content {
  text-align: center;
  width: 90%;
  padding: 10px;
}
.center-content-margin {
  text-align: center;
  width: 90%;
  margin: auto;
  padding: 10px;
}
.center-col {
  text-align: center;
  width: 90%;
  padding: 10px;
}
.content-center {
  display: flex;
  justify-content: center;
}
.chattigo-widget-trigger__logo {
  width: 70px !important;
  bottom: 70px !important;
  border: 3px green solid;
  border-radius: 50%;
}
.title-global {
  color: #3e3e3e;
}
.bg-img-home {
  box-shadow: 13px 0px 0px -6px #009e47;
}
.box-shadow-turquoise {
  box-shadow: 1px -6px 0px 1px #25778e;
}
.left-rounded-container {
  border-radius: 900px 0px 0px 900px;
}
.right-rounded-container {
  border-radius: 0px 900px 900px 0px;
}
.horizontal-hr {
  height: 2px;
  float: left;
}
.margin-rounded-img {
  display: flex;
  justify-content: center;
  align-content: "center";
  flex-direction: "column";
}
.auto-size-rounded-img {
  width: auto;
  border-radius: 50%;
}
.carousel-example {
  height: 160px;
  color: #fff;
  line-height: 160px;
  text-align: center;
  background: #364d79;
}
.img-sp {
  height: 100%;
  width: 100%;
  object-fit: contain;
  display: absolute;
}
.img-container-sp {
  background-color: #4b1759;
  display: flex;
  justify-content: center;
}
.bg-somos-partner {
  background: linear-gradient(180deg, #ca7e10 26%, #9c27b0 49%, #6a127e 65%);
}
.bg-loginCMS {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100%;
  background: linear-gradient(to top right, #026534, #009239);
}
.box-loginCMS {
  text-align: center;
  position: relative;
  background: #fff;
  margin: 20vh auto;
  padding: 5vh 5vw;
  height: auto;
  border-radius: 2px;
  width: 50%;
}
.image-loginCMS {
  display: flex;
  width: 300px;
  margin: 20px auto 0;
}
.textRadioButton span {
  display: inline-grid !important;
}
.motivo .ant-select-selector {
  border-radius: 20px !important;
  border-color: #a9a9a9 !important;
}
.banco .ant-select-selector {
  border-radius: 20px !important;
  border-color: #a9a9a9 !important;
}
.tipoCuenta .ant-select-selector {
  border-radius: 20px !important;
  border-color: #a9a9a9 !important;
}
.formReclamo .textRadioButton label {
  display: inline !important;
}
.formReclamo label[for="reclamo"] {
  display: block !important;
}
.plr-home-auto-xl {
  padding-left: 100px;
  padding-right: 100px;
}
.home-icon-auto {
  height: 45% !important;
}
.home-icon-nuevo {
  text-align: center !important;
  position: absolute;
  left: 68%;
  top: 0;
  color: white;
  width: auto;
  background: linear-gradient(#3CB6B7, #299DB6);
  padding: 2px 20px;
  font-weight: bold;
  font-size: 1.2rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  z-index: 9;
  border-radius: 8px;
}
.home-icon-nuevo.home-icon-nuevo.card {
  top: -15%;
  border: none;
  max-width: 100px;
}
@media screen and (max-width: 576px) {
  .home-icon-nuevo {
    margin: auto;
    top: 0;
    left: 0;
    padding: 2px 6px !important;
    font-size: 0.8rem !important;
  }
  .home-icon-nuevo.home-icon-nuevo.card {
    left: 80% !important;
    top: -10px;
  }
}
.home-txt-auto {
  padding-top: 5px;
  font-size: 13px;
}
.home-padding-auto {
  padding-left: 330px;
  padding-right: 330px;
}
.starken-pro-margin {
  margin-bottom: -120px;
}
.main-form {
  margin-top: 30px;
  color: #009239;
  font-weight: 500;
}
.main-form .ant-tabs-nav {
  margin: auto;
}
.input-form-register {
  margin-top: 125px !important;
  margin-bottom: 125px !important;
}
.centered-container {
  text-align: center;
}
.cms-bg {
  margin: 0% 2% !important;
  padding: 2% !important;
}
.cms-col-p {
  padding: 10px 5px 5px 5px;
}
.cms-input-p {
  padding: 0px 20px 0px 20px;
}
.cms-nav {
  background-color: rebeccapurple;
}
.cms-nav-item {
  color: white;
}
.cms-0 {
  padding: 0px 20px 0px 20px;
}
.cms-1 {
  min-height: 900px;
  height: -webkit-fit-content;
  height: fit-content;
  min-width: 100%;
  width: -webkit-fit-content;
  width: fit-content;
  background-color: white;
  box-shadow: 1px 3px 8px #ebedf1;
}
.cms-3 {
  border: 1px solid #9fa9a3;
  background-color: #e6e6e6;
  border-radius: 8px 8px 0px 0px;
  width: 100%;
}
@media screen and (max-width: 1150px) {
  .home-padding-auto {
    padding-left: 100px;
    padding-right: 100px;
  }
  .box-loginCMS {
    width: 100%;
  }
}
@media screen and (max-width: 1180px) {
  .plr-auto-xxl,
  .plr-menu-auto,
  .plr-auto-xl {
    padding-left: 30px;
    padding-right: 30px;
  }
  .mlr-auto-xxl {
    margin-left: 30px;
    margin-right: 30px;
  }
  .center-content-right {
    text-align: center;
  }
  .content-center-left {
    text-align: center;
  }
  .img-circle-left {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 100%;
    float: center;
  }
  .img-circle-right {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 100%;
    float: center;
  }
  .box-loginCMS {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  .ml-20-only-lg,
  .mr-20-only-lg {
    margin-right: 0px;
    margin-left: 0px;
  }
  .starken-pro-container {
    height: 60px !important;
  }
  .vertical-orange-line {
    border-style: none none none none;
  }
  .vertical-white-line {
    border-style: none none none none;
  }
  .title-global-block {
    text-align: center;
    font-size: 25px !important;
  }
  .box-loginCMS {
    width: 100%;
  }
}
@media screen and (min-width: 1500px) {
  .plr-auto-xxl {
    padding-left: 450px;
    padding-right: 450px;
  }
  .home-padding-auto {
    padding-left: 500px;
    padding-right: 500px;
  }
  .plr-menu-auto {
    padding-left: 400px;
    padding-right: 400px;
  }
  .starken-pro-container {
    height: 85px !important;
  }
}
@media screen and (max-width: 576px) {
  .plr-home-auto-xl {
    padding-left: 0px;
    padding-right: 0px;
  }
  .starken-pro-icon {
    width: 40% !important;
  }
  .home-icon-auto {
    width: 80% !important;
    height: 80% !important;
  }
  .home-padding-auto {
    padding-left: 0px;
    padding-right: 0px;
  }
  .pl-auto-xs {
    padding-left: 0px;
  }
  .pr-auto-xs {
    padding-right: 0px;
  }
  .box-loginCMS {
    width: 100%;
  }
}

/*
.ant-menu-item:hover {
  background: #404246;
}
*/
.ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-tail::after {
  background-color: #00bf55 !important;
}

.ant-table-content {
  text-align: center !important;
}

.ant-menu-horizontal {
  border: 0;
  border-bottom: 0px solid #f0f0f0 !important;
  box-shadow: none;
}

/*
.ant-menu-item:hover {
  background-color: white;
}
*/
.ant-input-custom {
  border-radius: 25px !important;
  border: 1.5px !important;
}

.select-rounded>div>div {
  background: white;
  background-color: white;
}

.select-rounded>div {
  border-radius: 25px !important;
}

.ant-table table {
  width: 100%;
  text-align: center;
  border-radius: 2px 2px 0 0;
  border-collapse: separate;
  border-spacing: 0;
}

.ant-input-number {
  border-radius: 25px !important;
  background: #ffffff !important;
  border-color: #7e7b7b !important;
  border-width: 0.5px !important;
}

.ant-input-number-3 {
  border-radius: 7px !important;
  border: 1px solid #7e7b7b44 !important;
  width: 100% !important;
  /* box-shadow: 1px 5px 15px  #a5a4a4 !important; */

}


.ant-input-number-3 .ant-input-group-addon {
  background-color: #009d4e !important;
  color: white !important;
  border-top-right-radius: 7px !important;
  border-bottom-right-radius: 7px !important;
  width: 15% !important;
  font-size: 10px;
}

.ant-input-number-3 .ant-input-group>.ant-input:first-child,
.ant-input-group-addon:first-child {
  padding: 3px;
  border-top-left-radius: 7px !important;
  border-bottom-left-radius: 7px !important;
}

.ant-input-valor-declarado {
  border-radius: 7px !important;
  border: 1px solid #7e7b7b44 !important;
  width: 100% !important;
}

.ant-input-valor-declarado .ant-input-group-addon {
  background-color: #009d4e !important;
  color: white !important;
  border-top-left-radius: 7px !important;
  border-bottom-left-radius: 7px !important;
}

.number-3 {
  .ant-input-number-handler {
    border-radius: 20px !important;
  }
}

.ant-input-number-2 {
  border-radius: 25px !important;
  background: #ffffff !important;
  border-color: #7e7b7b !important;
  border-width: 0.5px !important;
  width: 40% !important;
  text-align: center !important;
}

.ant-select-selector-destiny {
  border-radius: 5px !important;
  background-color: #ffffff !important;
  border: 1px solid #7e7b7b44 !important;
  /* height: 90px; */
  /* width: 100% !important; */
  /* box-shadow: 1px 5px 15px  #a5a4a4 !important; */
}

.green-select .ant-select-arrow {
  color: #009239;
}

.ant-btn-primary-quote {
  color: #141414 !important;
  border-color: #747776 !important;
  background-color: #ffffff !important;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045) !important;
}

.ant-btn-primary-quote:hover,
.ant-btn-primary-quote:focus {
  color: #e1eee7 !important;
  cursor: pointer !important;
  background-color: #2daf54 !important;
}

/* .ant-btn-primary-quote:active{
  background-color: #2daf54 !important;
  color: #009d4e !important;
} */

.ant-select-selection-placeholder {
  color: #636060 !important;
}

.ant-btn-primary {
  color: #fff;
  background-color: #029e47;
  border-color: #00bf55;
}

.ant-btn-primary:hover,
.ant-btn-primary:focus,
.ant-btn-primary:active {
  color: #fff;
  background-color: #00bf55;
  border-color: #029e47;
}

.ant-input:focus,
.ant-input-focused,
.ant-input:hover,
.ant-input:active,
.ant-input:hover {
  border-color: #029e47;
}

.ant-menu-dark.ant-menu-horizontal>.ant-menu-item:hover {
  background-color: #029e47;
}

.ant-menu-item>span>a {
  color: #fff !important;
}

.ant-spin-dot-item {
  background-color: #029e47;
}

.ant-spin-text {
  color: #029e47;
}

/*
.ant-radio-inner {
  width: 30px;
  height: 30px;
}
*/
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #029e47;
  border-color: #029e47;
}

.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus+.ant-checkbox-inner {
  border-color: #029e47;
}

.ant-table-tbody>tr.ant-table-row:hover>td {
  background-color: transparent !important;
  background-color: initial !important;
}

.carousel .slide {
  background-color: transparent;
}

.ant-btn.cotizar {
  border-radius: 5px !important;
  color: white !important;
  background-color: #009d4e !important;
  border: none;
  /* box-shadow: 5px 10px 15px  #6c6b6b !important; */
  padding: 5 !important;
  width: 250px !important;
  font-size: 18px;
  margin: 10px 0 20px 0;
  height: 35px;
}

.ant-btn.cotizar:hover {
  box-shadow: 1px 2px 5px #888888 !important;
  /* border-radius: 20px !important;  */
  color: white;
  background-color: #3e9b55;
}

.ant-btn.continuar {
  border-radius: 5px !important;
  color: white !important;
  background-color: #009d4e !important;
  border: none;
  /* box-shadow: 5px 10px 15px  #6c6b6b !important; */
  padding: 5 !important;
  width: 150px !important;
  font-size: 14px;
  margin: 10px 0 0px 0;
  height: 35px;
}

.ant-btn.continuar:hover {
  box-shadow: 1px 2px 5px #888888 !important;
  /* border-radius: 20px !important;  */
  color: white;
  background-color: #3e9b55;
}

.ant-btn.generar {
  border-radius: 15px !important;
  color: white !important;
  background-color: #009d4e !important;
  border: none;
  box-shadow: 5px 10px 15px #6c6b6b !important;
  width: 60%;
  padding-top: 8px;
  font-size: 20px;
  margin: 48px 0 20px 0;
  height: 45px;
}

.ant-btn.generar:hover {
  box-shadow: 1px 2px 5px #888888 !important;
  /* border-radius: 20px !important; */
  color: white;
  background-color: #3e9b55;
}

.ant-btn.descargar {
  border-radius: 3px !important;
  color: white !important;
  border: none;
  width: auto;
  font-size: 20px;
  height: 45px;
  margin: 0px 0px 20px 0px;
}

.ant-btn.descargar:hover {
  /* border-radius: 20px !important; */
  color: white;
  background-color: #3e9b55;
}

.ant-divider.divider-vertical {
  background-color: rgba(105, 105, 105, 0.247);
  height: 20%;
  border-radius: 20px;
}

.fancy {
  position: relative;
  margin: auto;
  width: 90%;
  /* height: 100%; */
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(0, 0, 0, 0.5px);
  border-radius: 20px;
  padding: 20px;
  overflow: hidden;
}

.fancy::before {
  content: "";
  position: absolute;
  width: 700%;
  height: 750%;
  background: linear-gradient(#009d4e 20%, #03ff0342 60%);
  animation: rotate 2s linear infinite;
}

/* Overlay */
.fancy::after {
  content: "";
  background: linear-gradient(to left bottom, #ece8e8 50%, #fdfdfd 100%);
  position: absolute;
  inset: 7px;
  border-radius: 20px;
  filter: blur(4px);
}

.fancy span {
  color: rgb(0, 0, 0);
  margin-top: 0px 20px;
  font-size: 18px;
  /* font-weight: bold; */
  z-index: 12;
  /* margin: 10; */
}

@keyframes rotate {
  from {
    transform: raotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.aqui:hover {
  transform: translateY(-5px);
  box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
}

.aqui {
  z-index: 15;
  background-color: #029e47 !important;
  border-radius: 50px !important;
  height: 65px !important;
  margin-left: 20px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5) !important;
}

.pulse {
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.352);
  border-radius: 15px !important;
  border: 1px solid #7e7b7b44 !important;
  height: 80%;
  /* margin: 5px; */
  /* justify-content: center; */
  padding: 10px;
  /* width: 200px; */
  /* display: inline-block; */
}

.pulse:hover,
.pulse:focus {
  /* animation: pulse 1s ; */
  box-shadow: 2px 5px 10px 5px rgba(0, 0, 0, 0.486);
}

.negrita-verde {
  color: #009d4e;
  font-weight: bold;
  font-size: 13px;
}

.negrita-verde-monto {
  color: #009d4e;
  font-weight: bold;
  font-size: 16px;
}

.negrita-monto {
  font-weight: bold;
  font-size: 12px;
  margin-top: -5px;
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}

.vertical {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.imagen-mapa {
  width: 100%;
  border-radius: 25px;
  border: 3px solid #302e2e44 !important;
}

.select-mapa .ant-select-selector {
  background-color: #f8f8f8 !important;
  border-radius: 10px !important;
  width: 200px !important;
  margin-left: 10px;
}

.titulo {
  font-weight: bold;
  font-size: 20px;
  color: #49434B;
  /* text-shadow: 5px 10px 15px  #a5a4a4; */
  margin-bottom: 5px;
}

@media only screen and (max-width: 690px) {
  .titulo {
    font-size: 25px;
  }
}

@media only screen and (max-width: 430px) {
  .generar-text {
    font-size: 16px;
    margin-top: 6px;
  }
}

.btn-flotante {
  color: #009239;
  bottom: 200px;
  right: 25px;
  width: 70px;
  border: none;
  background-color: transparent;
  position: fixed;
  z-index: 99;
}

/* .btn-flotante-compartir {
  color: #009239;
  bottom: 320px;
  right: 25px;
  width: 70px !important;
  border: none;
  background-color: transparent;
  position: fixed;
  z-index: 99;
} */

@media (max-width: 991px) {
  .btn-flotante-compartir {
    color: #009239;
    bottom: 320px;
    right: 25px;
    width: 70px !important;
    border: none;
    background-color: transparent;
    position: fixed;
    z-index: 99;
    display: block;
  }
}

@media (min-width: 992px) {
  .btn-flotante-compartir {
    display: none;
  }
}

@media (max-width: 991px) {
  .btn-compartir-tarifa {
    display: none !important;
  }
}

.modal-no-cotiza .ant-modal-content {
  border-radius: 25px !important;
  padding: 10px 20px;
}

.label-sin-puntos .ant-form-item-label>label::after {
  content: "" !important;
}

.cerrar-caja {
  color: #009239 !important;
  background-color: white !important;
  border-color: #009239 !important;
  border: solid 1px !important;
  width: 300px !important;
  border-radius: 8px !important;
  margin-top: 20px !important;
}

.mapa {

  background-size: cover;
}

/* @media only screen and (min-width: 700px) and (max-width: 3000px){
  .mapa {
    background-image: url("../../assets/newQuote/basemap.svg");
    width: 100%;
    height: 100%;
  }
} */
.sucu {
  margin-top: 30px !important;
}

.sucu2 {
  margin-top: 30px !important;
  width: auto !important;
  height: 40px !important;
  font-size: 18px !important;
}

.cardTarifaDisponible {
  border-radius: 5.71px;
  box-shadow: 0px 3.15px 3.15px 0px #00000040;
  border-top: #979797 solid 0.7em;
  padding: 0.5em;
  margin-bottom: 25px;
}

.cardTarifaExclusiva {
  border-radius: 7.39px;
  border: 0.73px solid #f9ecec;
  box-shadow: 0px 2.93px 2.93px 0px #00000040;
  margin-bottom: 20px;
  /* padding: 0px; */
  /* display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  justify-content: center;
  align-items: center;
  gap: auto; */
}

.somosConoce {
  display: flex;
  justify-content: center;
  width: 220px;
  align-items: center;
  border-radius: 5.11px;
  border: 2px solid #512765;
  color: #512765;

  font-size: 14px;
  text-align: left;
  padding-left: 2rem;
  padding-right: 2rem;
}

@media only screen and (max-width: 1315px) {
  .somosConoce {
    width: 112px;
    font-size: 10px;
    padding: 2px;
    font-weight: bold;
  }

  .somosInscribete {
    width: 112px;
    font-size: 9px;
    padding: 3px;
  }
}

.tipoenvio-card-tarifa {
  color: "#49434B";
  font-weight: bold;
  text-align: center;
  justify-content: center;
  font-size: 15px;
  align-content: center;
}

@media only screen and (max-width: 760px) {
  .tipoenvio-card-tarifa {
    text-align: left !important;
    justify-content: left !important;
    align-content: left !important;
    font-size: 12px;
  }
}

@media only screen and (max-width: 500px) {
  .tipoenvio-card-tarifa {
    margin-bottom: 5px !important;
  }
}

.volver-cotizar {
  border: none !important;
  text-decoration: underline;
  color: #009239;
  font-weight: bolder;
  font-size: 18px;
  text-underline-offset: 15px;
  margin-right: 15px;

}

.volver-cotizar-modal {
  border: none !important;
  text-decoration: underline;
  color: #009239;
  font-weight: bolder;
  font-size: 14px;
  margin-top: 10px;
  height: 35px;
}

.valor-card-tarifa {
  display: flex;
  font-weight: bold;
  font-size: 26px;
  justify-content: center;
  margin-top: 5px;
  margin-bottom: 5px;
}

.tiempo-habil-tarifa {
  font-size: medium;
  color: #49434b;
}

@media only screen and (max-width: 760px) {
  .valor-card-tarifa {
    justify-content: right !important;
    margin-top: -16px !important;
    font-size: 24px !important;
  }

  .tiempo-habil-tarifa {
    font-size: 12px;
  }
}

@media only screen and (max-width: 500px) {
  .tiempo-habil-tarifa {
    font-size: 11px !important;
    margin-right: -15px !important;
  }
}

@media only screen and (max-width: 500px) {
  .style-valor {
    font-size: medium !important;
    margin-top: -2px !important;
  }

  .tiempo-habil-tarifa {
    font-size: 11px !important;
    margin-right: -15 !important;
  }
}

.ant-card.viewTarifas {
  border-radius: 20px;
  /* padding: 20px; */
  margin-right: 10px;
  height: "100%";
  color: #49434b;
  min-height: 680px !important;
}

@media (max-width: 991px) {
  .ant-card-bordered.viewTarifas {
    border-top: none !important;
    margin-top: -30px !important;
    border-radius: 0px 0px 20px 20px !important;
  }
}

.footer {
  height: 60px;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  position: fixed;
  bottom: 0pt;
  left: 0pt;
}

.footer-fijo {
  color: white;
  background: #414745;
  padding-top: 0.5rem;
  padding-right: 0.8rem;
  width: 101%;
  /* margin-left: -2px; */
}


.footer_contents {
  padding-left: 20px !important;
  height: 70px;
  width: 101%;
  margin: auto;


}

.monto-footer {
  font-weight: bold;
  color: orange;
  margin-top: -20px;
}

.emitir-footer {

  border-radius: 6px !important;
  background-color: #009D4E !important;
  color: #ffff !important;
  margin-right: 8px;
  margin-top: 3px;

}

.footer-cotizador-web {
  margin: 20px 10px 60px 20px;
  color: white;
  background: #414745;
  border-radius: 5px;
  padding: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  scroll-behavior: auto;
}


@media (max-width: 991px) {
  .footer-cotizador-web {
    display: none;
  }

  .footer-fijo {
    display: block;
  }
}

@media (min-width: 992px) {
  .footer-fijo {
    display: none !important;

  }

  .footer-cotizador-web {
    display: block;
  }
}


.selectmapa .ant-select-selector {
  border-radius: 5px !important;
}

@media (max-width: 991px) {
  .mapa {
    background-image: none !important;
  }
}

@media (max-width: 991px) {
  .button-box-medidas {
    display: block !important;
  }

  .card-box-medidas {
    display: none !important;
  }
}

.div-mapa {
  border-radius: 8px;
  /* box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045) !important; */
  box-shadow: 2px 8px 8px #6c6b6b !important;
  /* border: #bcbcbc solid 4px; */
  /* padding: 5px; */
}

.div-select {
  border: #aeafae solid 2px;
  padding: 5px;
  border-radius: 5px;
}

.div-select:hover {
  border: #009239 solid 3px;
  padding: 5px;
  border-radius: 5px;
}

@media only screen and (max-width: 600px) {
  .monto {
    font-size: 16px;
  }
}

@media only screen and (max-width: 500px) {
  .monto {
    font-size: 14px;
  }
}

@media only screen and (max-width: 400px) {
  .cate {
    font-size: 12px;
  }

  .monto {
    font-size: 12px;
    margin-top: 5px;
  }
}


.ant-btn.modal-compartir-tarifa {
  padding: 0px !important;
  border: 0px solid transparent !important;
  background-color: transparent !important;
}

.ant-btn.modal-compartir-tarifa:hover {
  background: none !important;
}

@media only screen and (max-width: 700px) {
  .ant-row .ver-sucursales {
    display: block;
  }
}

.img-conoce {
  display: block;
  max-width: 100%;
  max-height: 100%;

  @media only screen and (max-width: 675px) {
    height: auto;
  }
}

.img-inscribete {
  display: block;
  max-width: 100%;
  max-height: 100%;

  @media only screen and (max-width: 675px) {
    height: auto;
  }
}
.custom-table-conatiner {
  overflow-x: auto;
}
.custom-table {
  color: #5b636b !important;
  font-size: 13px;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border-style: hidden;
  box-shadow: 0px 11px 12px -1px rgba(0, 0, 0, 0.15);
}
.custom-table-th {
  background-color: #02943f;
  width: 170px;
  color: white !important;
  font-weight: normal;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  padding: 4px 20px;
  border-right: 20px solid #dadada;
  border-left: 20px solid #dadada;
}
.custom-table-td {
  padding: 20px 20px;
  border-right: 20px solid #dadada;
  border-left: 20px solid #dadada;
  font-weight: bold;
  text-align: center;
}
.custom-table-tr {
  color: black;
}
.custom-table-tr:hover {
  background-color: #e5e7e9 !important;
}
.custom-table-tr:nth-child(even) {
  background-color: white !important;
}
.custom-table-tr:nth-child(odd) {
  background-color: #eff1f3 !important;
}
.custom-table-tr:nth-child(odd) .custom-table-td {
  border-right: 20px solid #e5e7e9 !important;
  border-left: 20px solid #e5e7e9 !important;
}

.ant-popover-title {
  background-color: #029e47;
  color: white !important;
}

.ant-popover-arrow{
  border-top-color: #029e47 !important;
  border-left-color: #029e47 !important;
}

.styles_container__SaHSx {
  height: 400px;
  width: 100%;
  background-color: #E24C4B;
}
.styles_container__SaHSx .styles_header__g4kvS {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 400px;
  text-align: center;
}
.styles_container__SaHSx .styles_header__g4kvS p {
  font-size: 37px;
  color: #FFFFFF;
  background-color: #E24C4B;
}
.styles_container__SaHSx .styles_contentWrapper__jInt6 {
  display: flex;
  justify-content: center;
  background-color: #FFFFFF;
}
.styles_container__SaHSx .styles_contentWrapper__jInt6 .styles_card__otZY\+ {
  position: absolute;
  top: 300px;
  border: 0.5px solid #f5f5f5;
  padding: 40px;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.styles_container__SaHSx .styles_contentWrapper__jInt6 .styles_card__otZY\+ img {
  height: 160px;
}
.styles_container__SaHSx .styles_contentWrapper__jInt6 .styles_card__otZY\+ .styles_contentRow__XltoY {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  gap: 12px;
}
.styles_container__SaHSx .styles_contentWrapper__jInt6 .styles_card__otZY\+ .styles_contentRow__XltoY .styles_message__JkFUv {
  font-family: "Inter";
  font-size: 14px;
}