@charset "UTF-8";
/* Dark
===================================== */
/* Light
===================================== */
/*=============================================
=                 MARK:Variables                   
=============================================*/
/*=============================================
=                   MARK:General                   
=============================================*/
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  scroll-behavior: smooth;
}

input[type=text]:-webkit-autofill,
input[type=text]:-webkit-autofill:hover,
input[type=text]:-webkit-autofill:focus,
input[type=text]:-webkit-autofill:active,
input[type=email]:-webkit-autofill,
input[type=email]:-webkit-autofill:hover,
input[type=email]:-webkit-autofill:focus,
input[type=email]:-webkit-autofill:active,
input[type=password]:-webkit-autofill,
input[type=password]:-webkit-autofill:hover,
input[type=password]:-webkit-autofill:focus,
input[type=password]:-webkit-autofill:active,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s !important;
  transition: background-color 5000s ease-in-out 0s !important;
  -webkit-box-shadow: 0 0 0px 1000px #3B3B3B inset !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.8) !important;
  border: 0px solid #3B3B3B !important;
}

body {
  color: rgba(248, 248, 248, 0.9490196078);
  background-color: #202020;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-x: hidden;
}
body:has(.navbarAdmin__contenedor) {
  background-color: #1D1D1D;
}

.icono {
  width: 1em;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/*=============================================
=               MARK:Media Queries                   
=============================================*/
/* 
===================================== */
/*=============================================
=     MARK:Responsive Contenido Principal                   
=============================================*/
main {
  margin-top: 84px;
  margin-bottom: 93px;
  background-image: url(..//img/main/Stars.png);
}

@media (width <= 770px) {
  main {
    margin-top: 106px;
    margin-bottom: 0;
  }
}
@media (height <= 888px) {
  main {
    margin-bottom: 0;
  }
}
/* =====================================
=               MARK:Tema Claro                
===================================== */
body.light {
  background-color: #EFEFEF;
}
body.light main {
  background-color: #EFEFEF;
  background-image: url(..//img/main/StarsWhite.png);
}
body.light main input[type=text]:-webkit-autofill,
body.light main input[type=text]:-webkit-autofill:hover,
body.light main input[type=text]:-webkit-autofill:focus,
body.light main input[type=text]:-webkit-autofill:active,
body.light main input[type=email]:-webkit-autofill,
body.light main input[type=email]:-webkit-autofill:hover,
body.light main input[type=email]:-webkit-autofill:focus,
body.light main input[type=email]:-webkit-autofill:active,
body.light main input[type=password]:-webkit-autofill,
body.light main input[type=password]:-webkit-autofill:hover,
body.light main input[type=password]:-webkit-autofill:focus,
body.light main input[type=password]:-webkit-autofill:active,
body.light main input:-webkit-autofill,
body.light main input:-webkit-autofill:hover,
body.light main input:-webkit-autofill:focus,
body.light main input:-webkit-autofill:active,
body.light main textarea:-webkit-autofill,
body.light main textarea:-webkit-autofill:hover,
body.light main textarea:-webkit-autofill:focus,
body.light main textarea:-webkit-autofill:active,
body.light main select:-webkit-autofill,
body.light main select:-webkit-autofill:hover,
body.light main select:-webkit-autofill:focus,
body.light main select:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s !important;
  transition: background-color 5000s ease-in-out 0s !important;
  -webkit-box-shadow: 0 0 0px 1000px #E1DEDD inset !important;
  -webkit-text-fill-color: rgba(18, 18, 18, 0.8) !important;
  border: 0px solid #E1DEDD !important;
}

/* ========= End of Tema Claro ========= */
.navbar {
  width: 100%;
  max-width: 1280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 1.1em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(248, 248, 248, 0.85);
  line-height: 20px;
}
.navbar__contenedor {
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 84px;
  padding-inline: 20px;
  position: fixed;
  width: 100%;
  background-color: #202020;
}
.navbar__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 44px;
}
.navbar__left .logo {
  font-size: 1.3em;
}
.navbar__left .iconoProductPage {
  width: 20px;
  height: 20px;
}
.navbar .navbar__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.2em;
}

/* =====================================
=              MARK:Tema Claro                
===================================== */
body.light {
  background-color: #EFEFEF;
}
body.light .navbar__contenedor {
  background-color: #EFEFEF;
}
body.light .navbar__left .logo {
  color: #121212;
  font-weight: 500;
}
body.light .navbar .productPage__contenedor .globoDropdown .enlacesDropdown {
  color: rgba(248, 248, 248, 0.7);
}
body.light .navbar .productPage__contenedor .globoDropdown .enlacesDropdown a {
  color: rgba(248, 248, 248, 0.9490196078);
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  opacity: 0.8;
}
body.light .navbar .productPage__contenedor .globoDropdown .enlacesDropdown a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(255, 255, 255, 0.9490196078);
}
body.light .navbar .productPage__contenedor .globoDropdown .enlacesDropdown a:hover::before {
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
body.light .navbar .productPage__contenedor .globoDropdown .enlacesDropdown a:before {
  background-color: #fff;
  border-radius: 4px;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  width: 100%;
}
body.light .navbar .iconoProductPage path {
  fill: #121212;
}
body.light .navbar span {
  color: #121212;
  font-weight: 500;
}
body.light .navbar .iconoDropdown {
  width: 1.2em;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/*=====================================
=               MARK:Responsive                
=====================================*/
@media (width <= 1025px) {
  .navbar__contenedor {
    display: none;
  }
}
/* ========= End of MARK:Responsive ========= */
.tema {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-right: 4px;
}
.tema .elipseNoche {
  content: "";
  width: 44px;
  height: 44px;
  fill: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  -webkit-filter: drop-shadow(0px 0.5px 1.5px rgba(5, 5, 5, 0.5)) drop-shadow(0px 4px 4px rgba(5, 5, 5, 0.1)) drop-shadow(0px 6px 12px rgba(5, 5, 5, 0.1)) drop-shadow(0px 24px 24px rgba(5, 5, 5, 0.09)) drop-shadow(0px 54px 32px rgba(5, 5, 5, 0.05));
          filter: drop-shadow(0px 0.5px 1.5px rgba(5, 5, 5, 0.5)) drop-shadow(0px 4px 4px rgba(5, 5, 5, 0.1)) drop-shadow(0px 6px 12px rgba(5, 5, 5, 0.1)) drop-shadow(0px 24px 24px rgba(5, 5, 5, 0.09)) drop-shadow(0px 54px 32px rgba(5, 5, 5, 0.05));
  border-radius: 50%;
  position: absolute;
  left: 4px;
  top: 4px;
  background-color: rgba(255, 255, 255, 0.0823529412);
  cursor: pointer;
}
.tema .iconoLunaDark {
  position: absolute;
  left: 18px;
  cursor: pointer;
}
.tema .iconoLunaDark path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tema .iconoLunaDark:hover path {
  fill: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tema .iconoSolDark {
  position: absolute;
  right: 10px;
  cursor: pointer;
}
.tema .iconoSolDark path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tema .iconoSolDark:hover path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  stroke: #fff9ba;
  fill: #fff9ba;
}

/* =====================================
=               MARK:Tema Claro                
===================================== */
body.light {
  background-color: #EFEFEF;
}
body.light .tema {
  position: relative;
}
body.light .tema .elipseDia {
  content: "";
  width: 40px;
  height: 40px;
  -webkit-box-shadow: 0px -1px 1px rgba(5, 5, 5, 0.041), 2px 5px 5px rgba(5, 5, 5, 0.075);
          box-shadow: 0px -1px 1px rgba(5, 5, 5, 0.041), 2px 5px 5px rgba(5, 5, 5, 0.075);
  border-radius: 50%;
  position: absolute;
  right: 6px;
  top: 6px;
  cursor: pointer;
  background-color: linear-gradient(142deg, #F8F8F8 0%, rgba(248, 248, 248, 0.4) 44.62%);
}
body.light .tema .iconoSolLight {
  position: absolute;
  right: 14px;
  cursor: pointer;
}
body.light .tema .iconoSolLight path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
body.light .tema .iconoSolLight:hover path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  stroke: #949494;
  fill: #949494;
}
body.light .tema .iconoLunaLight {
  position: absolute;
  left: 13px;
  cursor: pointer;
}
body.light .tema .iconoLunaLight path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
body.light .tema .iconoLunaLight:hover path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  fill: #949494;
}

/* ========= End of Tema Claro ========= */
.padre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  gap: 12px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.padre.activo {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.padre.activo .hoverBoton {
  background-color: rgba(58, 58, 58, 0.6980392157);
}
.padre.activo .globoDropdown__contenedor {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}
.padre.activo .globoDropdown__contenedor.no-visible {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  display: none;
}
.padre.activo .globoDropdown__contenedor.no-mostrar {
  pointer-events: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.padre.activo .globoDropdown__contenedor.mostrar {
  pointer-events: all;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.padre.activo .iconoProductPage path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  fill: #D4541D;
}
.padre.activo .iconoDropdown {
  width: 1.2em;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.padre.activo .iconoDropdown path {
  fill: #D4541D;
}
.padre__contenedor {
  position: relative;
  pointer-events: all;
  /* End of Globo V1
  ===================================== */
}
.padre__contenedor.no-visible {
  pointer-events: none;
}
.padre__contenedor .globoDropdown__contenedor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: rgb(29, 29, 29);
  padding: 24px;
  border-radius: 32px;
  -webkit-box-shadow: inset 0px -2.5px 0px -5px rgba(248, 248, 248, 0.05), 0px 2px 0px 0px rgba(248, 248, 248, 0.06) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: inset 0px -2.5px 0px -5px rgba(248, 248, 248, 0.05), 0px 2px 0px 0px rgba(248, 248, 248, 0.06) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  background-color: rgb(43, 43, 43);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.padre__contenedor .globoDropdown__contenedor .enlacesDropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.padre__contenedor .globoDropdown__contenedor .enlacesDropdown a {
  color: rgba(248, 248, 248, 0.9490196078);
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: rgba(248, 248, 248, 0.8);
  font-size: 16px;
}
.padre__contenedor .globoDropdown__contenedor .enlacesDropdown a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(255, 255, 255, 0.9490196078);
}
.padre__contenedor .globoDropdown__contenedor .enlacesDropdown a:hover::before {
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.padre__contenedor .globoDropdown__contenedor .enlacesDropdown a:before {
  background-color: #fff;
  border-radius: 4px;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  width: 100%;
}
.padre__contenedor .globoDropdown__contenedor .enlacesDropdown.no-mostrar {
  pointer-events: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.padre__contenedor .globoDropdown__contenedor .enlacesDropdown.mostrar {
  pointer-events: all;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.padre__contenedor .globoDropdown__contenedor::before {
  content: "";
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: transparent;
  width: 100%;
  height: 100px;
  position: absolute;
  top: -25px;
  cursor: pointer;
}
.padre__contenedor .globoDropdown__contenedor.no-mostrar {
  pointer-events: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  width: 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 2;
}
.padre__contenedor .globoDropdown__contenedor.mostrar {
  pointer-events: all;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
  visibility: visible;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 2;
}
.padre__contenedor .globoDropdown__contenedor.version2 {
  padding: 12px;
  background: #242323;
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 2;
}
.padre__contenedor .globoDropdown__contenedor.version2.no-mostrar {
  pointer-events: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-55%);
          transform: translateX(-55%);
}
.padre__contenedor .globoDropdown__contenedor.version2.mostrar {
  pointer-events: all;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(-55%);
          transform: translateX(-55%);
}
.padre__contenedor .globoDropdown__contenedor:has(.listaIdiomas).mostrar {
  height: 314px;
  visibility: visible;
}
.padre__contenedor .globoDropdown__contenedor:has(.listaIdiomas).mostrar .listaIdiomas__contenedor {
  height: 314px;
}
.padre__contenedor .globoDropdown__contenedor:has(.listaIdiomas).mostrar::before {
  height: 100px;
}
.padre__contenedor .globoDropdown__contenedor:has(.listaIdiomas).no-mostrar .listaIdiomas {
  opacity: 0;
}
.padre__contenedor .globoDropdown__contenedor:has(.listaIdiomas).no-mostrar .listaIdiomas__contenedor {
  height: 0;
}
.padre__contenedor .globoDropdown__contenedor:has(.listaIdiomas).no-mostrar::before {
  height: 0;
}
.padre__contenedor .globoDropdown__contenedor.idiomasNavbarAdmin {
  left: 0;
  -webkit-transform: none;
          transform: none;
}
.padre .iconoProductPage path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  fill: rgba(248, 248, 248, 0.9490196078);
}
.padre span {
  color: rgba(248, 248, 248, 0.95);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
.padre .iconoDropdown {
  width: 1.2em;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* =====================================
=               MARK:Tema Claro                
===================================== */
body.light {
  background-color: #EFEFEF;
}
body.light .padre .hoverBoton {
  background-color: #fff;
}
body.light .padre.activo .iconoDropdown {
  width: 1.4em;
}
body.light .padre.activo .iconoDropdown path {
  fill: rgba(253, 115, 56, 0.9490196078);
}
body.light .padre__contenedor .globoDropdown__contenedor {
  background-color: #fff;
}
body.light .padre__contenedor .globoDropdown__contenedor .enlacesDropdown a {
  color: #121212;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  text-decoration: none;
  color: rgba(18, 18, 18, 0.8);
}
body.light .padre__contenedor .globoDropdown__contenedor .enlacesDropdown a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #121212;
}
body.light .padre__contenedor .globoDropdown__contenedor .enlacesDropdown a:hover::before {
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
body.light .padre__contenedor .globoDropdown__contenedor .enlacesDropdown a:before {
  background-color: #121212;
  border-radius: 4px;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  width: 100%;
}
body.light .padre__contenedor:hover .hoverBoton {
  background: rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}

/* =====================================
=               MARK:Responsive                
===================================== */
@media (height <= 910px) and (width <= 980px), (width <= 310px) and (width <= 980px) {
  .padre__contenedor .globoDropdown__contenedor {
    width: 100%;
    position: static;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    height: auto;
  }
  .padre__contenedor .globoDropdown__contenedor.no-mostrar {
    height: 0px;
    padding-block: 0;
    visibility: hidden;
    opacity: 0;
    margin-top: 0;
  }
  .padre__contenedor .globoDropdown__contenedor.mostrar {
    opacity: 1;
    height: auto;
    visibility: visible;
  }
}
/* ========= End of Responsive ========= */
.idioma {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 120px;
  gap: 12px;
}
.idioma:hover .idioma__bandera,
.idioma .activo .idioma__bandera {
  background-color: rgba(58, 58, 58, 0.6980392157);
}
.idioma__contenedor {
  gap: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.idioma__bandera {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px;
  width: 52px;
  height: 52px;
  border-radius: 32px;
  background-color: rgba(40, 40, 40, 0.6980392157);
  -webkit-box-shadow: 0px -1.5px 0 0 rgba(91, 91, 91, 0.6980392157), inset 0px 1.5px 5px -2px rgba(248, 248, 248, 0.15), inset 0px -2.5px 5px -5px rgba(248, 248, 248, 0.05), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px -1.5px 0 0 rgba(91, 91, 91, 0.6980392157), inset 0px 1.5px 5px -2px rgba(248, 248, 248, 0.15), inset 0px -2.5px 5px -5px rgba(248, 248, 248, 0.05), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.idioma__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5em;
  cursor: pointer;
}
.idioma__dropdown .iconoDropdown {
  width: 100%;
  width: 1.1em;
}

.listaIdiomas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  overflow-y: scroll;
  width: 100%;
  height: 100%;
  max-height: 290px;
  gap: 0px;
  scrollbar-width: thin;
  scrollbar-color: rgba(128, 128, 128, 0.4) transparent;
}
.listaIdiomas.no-visible {
  cursor: default;
  pointer-events: none;
}
.listaIdiomas::-webkit-scrollbar-track {
  background: transparent;
}
.listaIdiomas::-webkit-scrollbar-thumb {
  background: rgba(128, 128, 128, 0.4);
  border-radius: 10px;
}
.listaIdiomas::-webkit-scrollbar-button {
  display: none;
}
.listaIdiomas__contenedor {
  height: 290px;
  margin: -12px;
}
.listaIdiomas__contenedor.no-visible {
  pointer-events: none;
  cursor: default;
}
.listaIdiomas .idioma {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 12px;
  height: 48px;
  width: 196px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 32px;
  margin: 6px;
  cursor: pointer;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.listaIdiomas .idioma.no-visible {
  pointer-events: none;
  cursor: default;
}
.listaIdiomas .idioma.activo {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.1) 0%, rgba(248, 248, 248, 0.04) 44.62%);
  -webkit-box-shadow: 0px 1px 2px rgba(233, 233, 233, 0.13) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 1px 2px rgba(233, 233, 233, 0.13) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}

/* =====================================
=               MARK:Tema Claro                =
===================================== */
body.light {
  background-color: #EFEFEF;
}
body.light .idioma:hover .idioma__bandera,
body.light .idioma .activo .idioma__bandera {
  background: rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}
body.light .idioma__bandera {
  border-radius: 48px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: #FFF;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}
body.light .idioma__bandera:hover {
  background: rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}
body.light .idioma__right .iconoDropdown {
  color: #121212;
}
body.light .idioma__texto {
  color: #121212;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}
body.light .listaIdiomas {
  color: #121212;
}

/* =====================================
=               MARK:Responsive                
===================================== */
@media (height <= 900px) and (width <= 320px) {
  .listaIdiomas {
    width: 100%;
    min-width: 100%;
  }
  .listaIdiomas .idioma {
    margin: 0;
    margin-left: 7px;
    max-width: 196px;
    width: 100%;
  }
}
/* ========= End of Responsive ========= */
.boton, .botonDegradado, .botonPrimario {
  background-color: rgba(40, 40, 40, 0.6980392157);
  padding: 1em;
  border-radius: 50px;
  min-width: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  text-decoration: none;
  color: rgba(248, 248, 248, 0.9490196078);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: none;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  font-size: clamp(12px, 1vw, 14px);
}
.boton:hover, .botonDegradado:hover, .botonPrimario:hover {
  background-color: rgba(58, 58, 58, 0.6980392157);
}

.botonPrimario {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0px -1.5px 0 0 rgba(91, 91, 91, 0.6980392157), inset 0px 1.5px 5px -2px rgba(248, 248, 248, 0.15), inset 0px -2.5px 5px -5px rgba(248, 248, 248, 0.05), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px -1.5px 0 0 rgba(91, 91, 91, 0.6980392157), inset 0px 1.5px 5px -2px rgba(248, 248, 248, 0.15), inset 0px -2.5px 5px -5px rgba(248, 248, 248, 0.05), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
}

/* =====================================
=              MARK:Tema Claro                
===================================== */
body.light {
  background-color: #EFEFEF;
}
body.light .boton, body.light .botonDegradado, body.light .botonPrimario {
  background: #FFF;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  color: rgba(40, 40, 40, 0.8);
  font-weight: 600;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
body.light .boton:hover, body.light .botonDegradado:hover, body.light .botonPrimario:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #F5F5F5;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
}

.botonDegradado {
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: inset 0px 1.5px 5px -2px rgba(248, 248, 248, 0.15), inset 0px -2.5px 5px -5px rgba(248, 248, 248, 0.05);
          box-shadow: inset 0px 1.5px 5px -2px rgba(248, 248, 248, 0.15), inset 0px -2.5px 5px -5px rgba(248, 248, 248, 0.05);
}
.botonDegradado::after {
  content: "";
  top: -80px;
  left: -45px;
  width: 117px;
  height: 117px;
  position: absolute;
  background-image: url(..//img/navbar/bolaDegradado.png);
  background-position: left;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 84%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.botonDegradado::before {
  content: "";
  top: 10px;
  left: 45px;
  width: 117px;
  height: 117px;
  position: absolute;
  background-image: url(..//img/navbar/bolaDegradado.png);
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 84%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.botonDegradado:hover::before, .botonDegradado:hover::after {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 52%;
}

/* =====================================
=               MARK:Tema Claro                
===================================== */
body.light {
  background-color: #EFEFEF;
}
body.light .botonDegradado {
  background: #FFF;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  color: #121212;
  font-weight: 500;
  text-align: center;
  font-weight: 600;
}
body.light .botonDegradado::after {
  width: 147px;
  height: 147px;
  top: -95px;
  left: -80px;
  opacity: 25%;
}
body.light .botonDegradado::before {
  width: 147px;
  height: 147px;
  top: 0px;
  left: 45px;
  opacity: 18%;
}

/* ========= End of Tema Claro ========= */
.navbarMobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 2em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-inline: 24px;
  padding-block: 29px;
  z-index: 3;
}
.navbarMobile h2 {
  font-weight: 500;
  color: rgba(248, 248, 248, 0.9490196078);
  opacity: 0.8;
  padding: 10px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarMobile h2.no-visible {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarMobile__boton {
  position: absolute;
  left: 24px;
  top: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 44px;
  padding: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border-radius: 32px;
  background: var(--Surface-Background, rgba(40, 40, 40, 0.7));
  -webkit-box-shadow: 0px -0.5px 0 0 rgba(91, 91, 91, 0.6980392157), inset 0px 1.5px 5px -2px rgba(248, 248, 248, 0.15), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px -0.5px 0 0 rgba(91, 91, 91, 0.6980392157), inset 0px 1.5px 5px -2px rgba(248, 248, 248, 0.15), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.navbarMobile__boton:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  background-color: rgba(58, 58, 58, 0.6980392157);
}
.navbarMobile__contenedor {
  position: fixed;
  top: 0;
  left: 0;
  height: 106px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  z-index: 2;
  background-color: #202020;
}

/* =====================================
=               MARK:Tema Claro                
===================================== */
body.light {
  background-color: #EFEFEF;
}
body.light .navbarMobile__contenedor {
  background-color: #EFEFEF;
}
body.light .navbarMobile h2 {
  color: #121212;
}
body.light .navbarMobile__boton {
  background: linear-gradient(142deg, #F8F8F8 0%, rgba(248, 248, 248, 0.4) 44.62%);
  -webkit-box-shadow: 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
body.light .navbarMobile__boton:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
}
body.light .navbarMobile__boton .iconoMenuMobile line {
  stroke: #121212;
}

/* =====================================
=               MARK:Responsive                
===================================== */
@media (width >= 1025px) {
  .navbarMobile__contenedor {
    display: none;
  }
}
/*=====================================
=           MARK:Menú Mobile                
===================================== */
.menuMobile {
  border-radius: 0px 32px 32px 0px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(40, 40, 40, 0.6)), to(rgba(40, 40, 40, 0)));
  background: linear-gradient(180deg, rgba(40, 40, 40, 0.6) 0%, rgba(40, 40, 40, 0) 100%);
  -webkit-box-shadow: 0px -1.5px 0 0 rgba(91, 91, 91, 0.6980392157), inset 0px 1.5px 5px -2px rgba(248, 248, 248, 0.15), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1), 0px 5px 1.5px -4px rgba(5, 5, 5, 0.25);
          box-shadow: 0px -1.5px 0 0 rgba(91, 91, 91, 0.6980392157), inset 0px 1.5px 5px -2px rgba(248, 248, 248, 0.15), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1), 0px 5px 1.5px -4px rgba(5, 5, 5, 0.25);
  -webkit-backdrop-filter: blur(0.2px);
          backdrop-filter: blur(0.2px);
  height: 100%;
  background-color: #202020;
  padding-inline: 24px;
  padding-block: 28px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: fixed;
  left: 0;
  top: 0;
  height: 100dvh;
  z-index: 3;
  width: 100%;
  max-width: 310px;
  height: 100%;
}
.menuMobile .content {
  overflow-y: scroll;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  margin-top: 34px;
  padding-bottom: 86px;
  scrollbar-width: none;
  scroll-behavior: smooth;
}
.menuMobile .content ::-webkit-scrollbar {
  display: none;
}
.menuMobile.abierto {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.menuMobile__boton {
  position: absolute;
  right: 24px;
  top: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 44px;
  padding: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border-radius: 32px;
  background: var(--Surface-Background, rgba(40, 40, 40, 0.7));
  -webkit-box-shadow: 0px -0.5px 0 0 rgba(91, 91, 91, 0.6980392157), inset 0px 1.5px 5px -2px rgba(248, 248, 248, 0.15), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px -0.5px 0 0 rgba(91, 91, 91, 0.6980392157), inset 0px 1.5px 5px -2px rgba(248, 248, 248, 0.15), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.menuMobile__boton:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  background-color: rgba(58, 58, 58, 0.6980392157);
}
.menuMobile header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.menuMobile header h2 {
  font-weight: 500;
  fill: rgba(248, 248, 248, 0.95);
  opacity: 0.8;
  padding-block: 10px;
}
.menuMobile .botonesSesion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  padding-top: 2px;
}
.menuMobile .botonesSesion .boton, .menuMobile .botonesSesion .botonPrimario, .menuMobile .botonesSesion .botonDegradado {
  padding-inline: 32px;
  padding-block: 16px;
  width: 123px;
  font-weight: 600;
  font-size: 14px;
}
.menuMobile .botonesSesion .botonPrimario {
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.menuMobile .botonesSesion .botonDegradado {
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.menuMobile .productPage {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 32px;
}
.menuMobile .productPage header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.menuMobile .productPage span {
  color: rgba(248, 248, 248, 0.95);
  font-family: Rubik;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.8;
}
.menuMobile .productPage .separador, .menuMobile .productPage .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .separador2, .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .menuMobile .productPage .separador2 {
  width: 262px;
  stroke-width: 1px;
  stroke: rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  stroke-width: 100%;
}
.menuMobile .productPage .enlaces {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  margin-top: 24px;
}
.menuMobile .productPage .enlaces a {
  color: rgba(248, 248, 248, 0.9490196078);
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  color: rgba(248, 248, 248, 0.7);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.menuMobile .productPage .enlaces a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(255, 255, 255, 0.9490196078);
}
.menuMobile .productPage .enlaces a:hover::before {
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.menuMobile .productPage .enlaces a:before {
  background-color: #fff;
  border-radius: 4px;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  width: 100%;
}
.menuMobile .botonesTema {
  margin-top: 48px;
  margin-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menuMobile footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  margin-top: 48px;
}
.menuMobile footer a {
  color: rgba(248, 248, 248, 0.9490196078);
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  color: rgba(248, 248, 248, 0.95);
  font-family: Rubik;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.menuMobile footer a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(255, 255, 255, 0.9490196078);
}
.menuMobile footer a:hover::before {
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.menuMobile footer a:before {
  background-color: #fff;
  border-radius: 4px;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  width: 100%;
}
.menuMobile .content.dashboardMobile .botonesTema {
  margin-top: 0;
}

.overlay {
  content: "";
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(8, 8, 8, 0.9);
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.overlay.visible {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
  visibility: visible;
}

/* =====================================
=               MARK:Responsive                
===================================== */
@media (width <= 300px) {
  .menuMobile .botonesSesion {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .menuMobile .botonesSesion .boton, .menuMobile .botonesSesion .botonPrimario, .menuMobile .botonesSesion .botonDegradado {
    width: 100%;
  }
  .menuMobile .botonesSesion .botonDegradado::before {
    content: "";
    top: 10px;
    left: 155px;
    width: 117px;
    height: 117px;
    position: absolute;
    background-image: url(..//assets/4eb67390937073318ce677e66d93e9aa2.png);
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 84%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
}
/* ========= End of Responsive ========= */
body.light {
  background-color: #EFEFEF;
}
body.light .menuMobile {
  background: #EFEFEF;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}
body.light .menuMobile__boton {
  background: rgba(248, 248, 248, 0.4);
  -webkit-box-shadow: 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
body.light .menuMobile__boton .iconoCerrarMenuMobile path {
  stroke: #121212;
}
body.light .menuMobile__boton:hover:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
}
body.light .menuMobile header h2 {
  color: #121212;
}
body.light .menuMobile .botonesSesion .botonPrimario {
  color: rgba(40, 40, 40, 0.8);
  text-align: center;
  font-weight: 600;
}
body.light .menuMobile .botonesSesion .botonDegradado {
  color: #121212;
  font-weight: 600;
  text-align: center;
}
body.light .menuMobile .botonesSesion .botonDegradado::before {
  top: 10px;
  left: 45px;
}
body.light .menuMobile .productPage .iconoProductPage path {
  fill: #121212;
}
body.light .menuMobile .productPage span {
  color: #121212;
  font-weight: 500;
}
body.light .menuMobile .productPage .enlaces a {
  color: #121212;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  text-decoration: none;
  color: rgba(18, 18, 18, 0.8);
  font-weight: 500;
}
body.light .menuMobile .productPage .enlaces a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #121212;
}
body.light .menuMobile .productPage .enlaces a:hover::before {
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
body.light .menuMobile .productPage .enlaces a:before {
  background-color: #121212;
  border-radius: 4px;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  width: 100%;
}
body.light .menuMobile footer a {
  color: #121212;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  text-decoration: none;
  color: rgba(18, 18, 18, 0.8);
}
body.light .menuMobile footer a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #121212;
}
body.light .menuMobile footer a:hover::before {
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
body.light .menuMobile footer a:before {
  background-color: #121212;
  border-radius: 4px;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  width: 100%;
}

/* =====================================
=               MARK:Responsive                
===================================== */
@media (width <= 300px) {
  body.light {
    background-color: #EFEFEF;
  }
  body.light .menuMobile .botonesSesion .botonDegradado::before {
    position: absolute;
    left: 175px;
    opacity: 18%;
  }
}
/* ========= End of Responsive ========= */
.footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 1280px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 95px;
}
.footer__mobile {
  display: none;
}
.footer__contenedor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-inline: 20px;
  position: fixed;
  bottom: 0;
  background-color: #202020;
}
.footer__contenedor.static {
  position: static;
}
.footer__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
  font-size: 0.85em;
  line-height: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer__left a {
  color: rgba(248, 248, 248, 0.9490196078);
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  font-size: 16px;
}
.footer__left a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(255, 255, 255, 0.9490196078);
}
.footer__left a:hover::before {
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.footer__left a:before {
  background-color: #fff;
  border-radius: 4px;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  width: 100%;
}
.footer__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 335px;
}
.footer__right .email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.footer__right .email__contenedor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background-color: rgba(18, 18, 18, 0.3019607843);
  border-radius: 50px;
  position: relative;
  height: 45px;
}
.footer__right .email__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 20px;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer__right .email input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: transparent;
  border: none;
  padding-left: 10px;
  padding-right: 25px;
  outline: none;
  border: none;
  color: rgba(248, 248, 248, 0.9490196078);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: clamp(13px, 1vw, 14px);
}
.footer__right .email input::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer__right .email input::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer__right .email input:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer__right .email input::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer__right .email input::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer__right .email input:hover::-webkit-input-placeholder {
  color: rgba(223, 223, 223, 0.7019607843);
}
.footer__right .email input:hover::-moz-placeholder {
  color: rgba(223, 223, 223, 0.7019607843);
}
.footer__right .email input:hover:-ms-input-placeholder {
  color: rgba(223, 223, 223, 0.7019607843);
}
.footer__right .email input:hover::-ms-input-placeholder {
  color: rgba(223, 223, 223, 0.7019607843);
}
.footer__right .email input:hover::placeholder {
  color: rgba(223, 223, 223, 0.7019607843);
}

/* =====================================
=               MARK:Responsive                
===================================== */
@media (width <= 770px) {
  .footer {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .footer__contenedor {
    position: static;
  }
  .footer__left {
    display: none;
  }
  .footer__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (width <= 390px) {
  .footer {
    display: none;
  }
  .footer__contenedor {
    position: static;
  }
  .footer__mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 360px;
    margin-bottom: 32px;
    margin-top: 32px;
  }
  .footer__mobile .email {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1em;
  }
  .footer__mobile .email .iconoEmail {
    min-width: 16px;
  }
  .footer__mobile .email__input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background-color: rgba(18, 18, 18, 0.3019607843);
    border-radius: 50px;
    position: relative;
    height: 45px;
    padding-inline: 25px;
  }
  .footer__mobile .email__input input {
    background-color: transparent;
    border: none;
    padding-left: 10px;
    padding-right: 25px;
    width: 100%;
    outline: none;
    border: none;
    color: rgba(248, 248, 248, 0.9490196078);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 1em;
  }
  .footer__mobile .email__input input::-webkit-input-placeholder {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .footer__mobile .email__input input::-moz-placeholder {
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .footer__mobile .email__input input:-ms-input-placeholder {
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .footer__mobile .email__input input::-ms-input-placeholder {
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .footer__mobile .email__input input::placeholder {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .footer__mobile .email__input input:hover::-webkit-input-placeholder {
    color: rgba(223, 223, 223, 0.7019607843);
  }
  .footer__mobile .email__input input:hover::-moz-placeholder {
    color: rgba(223, 223, 223, 0.7019607843);
  }
  .footer__mobile .email__input input:hover:-ms-input-placeholder {
    color: rgba(223, 223, 223, 0.7019607843);
  }
  .footer__mobile .email__input input:hover::-ms-input-placeholder {
    color: rgba(223, 223, 223, 0.7019607843);
  }
  .footer__mobile .email__input input:hover::placeholder {
    color: rgba(223, 223, 223, 0.7019607843);
  }
  .footer__mobile .email .botonPrimario {
    height: 45px;
    font-size: 0.85em;
  }
}
/* =====================================
=               MARK:Tema Claro                
===================================== */
body.light {
  background-color: #EFEFEF;
}
body.light .footer__contenedor {
  background-color: #EFEFEF;
}
body.light .footer__left a {
  color: #121212;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  text-decoration: none;
}
body.light .footer__left a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #121212;
}
body.light .footer__left a:hover::before {
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
body.light .footer__left a:before {
  background-color: #121212;
  border-radius: 4px;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  width: 100%;
}
body.light .footer__right .email__contenedor {
  border: 1px solid var(--stroke-15-card, rgba(255, 255, 255, 0.4));
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.06);
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.06);
}
body.light .footer__right .email .iconoEmail path {
  fill: #121212;
  fill-opacity: 0.8;
}
body.light .footer__right .email input {
  color: #4b4b4a;
}
body.light .footer__right .email input:hover::-webkit-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .footer__right .email input:hover::-moz-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .footer__right .email input:hover:-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .footer__right .email input:hover::-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .footer__right .email input:hover::placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .footer__mobile .email__input {
  border: 1px solid var(--stroke-15-card, rgba(255, 255, 255, 0.4));
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.06);
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.06);
}
body.light .footer__mobile .email__input .iconoEmail path {
  fill: #121212;
  fill-opacity: 0.8;
}
body.light .footer__mobile .email__input input {
  color: #4b4b4a;
}
body.light .footer__mobile .email__input input:hover::-webkit-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .footer__mobile .email__input input:hover::-moz-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .footer__mobile .email__input input:hover:-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .footer__mobile .email__input input:hover::-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .footer__mobile .email__input input:hover::placeholder {
  color: rgba(18, 18, 18, 0.8);
}

/* =====================================
=               MARK:Responsive                
===================================== */
@media (height <= 888px) {
  .footer__contenedor {
    position: static;
  }
}
.formularioSesion {
  height: 100%;
  width: 100%;
  max-width: 1280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 28px;
  /* Subsection
  ===================================== */
}
.formularioSesion__contenedor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: calc(100dvh - 179px);
}
.formularioSesion form {
  width: 480px;
  height: 660px;
  background-color: red;
  overflow: hidden;
  border-radius: 32px;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.1) 0%, rgba(248, 248, 248, 0.04) 44.62%);
  -webkit-box-shadow: 0px -1.5px 0 0 rgba(91, 91, 91, 0.6980392157), inset 0px 1.5px 5px -2px rgba(248, 248, 248, 0.15), inset 0px -2.5px 5px -5px rgba(248, 248, 248, 0.05), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5), 0px 0px 50px -30px rgba(255, 255, 255, 0.35);
          box-shadow: 0px -1.5px 0 0 rgba(91, 91, 91, 0.6980392157), inset 0px 1.5px 5px -2px rgba(248, 248, 248, 0.15), inset 0px -2.5px 5px -5px rgba(248, 248, 248, 0.05), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5), 0px 0px 50px -30px rgba(255, 255, 255, 0.35);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 32px;
  gap: 24px;
  /* End of Subsection
  ===================================== */
  /* Subsection
  ===================================== */
  /* Subsection
  ===================================== */
  /* Subsection
  ===================================== */
  /* Subsection
  ===================================== */
  /* Subsection
  ===================================== */
  /* Subsection
  ===================================== */
}
.formularioSesion form header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.formularioSesion form header h5 {
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  font-family: "Host Grotesk";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}
.formularioSesion form header .subheader {
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: clamp(14px, 1vw, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.formularioSesion form .campos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  width: 100%;
}
.formularioSesion form .campos .contenedorInput {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-radius: 32px;
  background: #3B3B3B;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: rgba(248, 248, 248, 0.7);
  padding-inline: 20px;
}
.formularioSesion form .campos .contenedorInput input {
  background: transparent;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  outline: none;
  color: rgba(248, 248, 248, 0.7);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  height: 52px;
}
.formularioSesion form .campos .contenedorInput input::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.formularioSesion form .campos .contenedorInput input::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.formularioSesion form .campos .contenedorInput input:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.formularioSesion form .campos .contenedorInput input::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.formularioSesion form .campos .contenedorInput input::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.formularioSesion form .campos .contenedorInput input:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.formularioSesion form .campos .contenedorInput input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(222, 222, 222, 0.702);
}
.formularioSesion form .campos .contenedorInput input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(222, 222, 222, 0.702);
}
.formularioSesion form .campos .contenedorInput input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(222, 222, 222, 0.702);
}
.formularioSesion form .campos .contenedorInput input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(222, 222, 222, 0.702);
}
.formularioSesion form .campos .contenedorInput input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(222, 222, 222, 0.702);
}
.formularioSesion form .campos .contenedorInput .icono {
  min-width: clamp(20px, 2vw, 24px);
}
.formularioSesion form .campos .contenedorInput .iconoOjo {
  min-width: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (width <= 480px) {
  .formularioSesion form .campos .contenedorInput .iconoOjo {
    min-width: 16px;
  }
}
.formularioSesion form .campos .contenedorInput .iconoOjo path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.formularioSesion form .campos .contenedorInput .iconoOjo:hover {
  cursor: pointer;
}
.formularioSesion form .campos .contenedorInput .iconoOjo:hover path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  stroke: #F8F8F8;
}
.formularioSesion form .botonesIntermedios {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  width: 100%;
  margin-top: 8px;
}
.formularioSesion form .botonesIntermedios header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.formularioSesion form .botonesIntermedios header .iconoCheckbox {
  min-width: 24px;
  cursor: pointer;
}
.formularioSesion form .botonesIntermedios header .iconoCheckbox.activo .fondo,
.formularioSesion form .botonesIntermedios header .iconoCheckbox.activo .check {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.formularioSesion form .botonesIntermedios header .iconoCheckbox.activo :hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.formularioSesion form .botonesIntermedios header .iconoCheckbox.activo :hover .fondo {
  stroke: #f48e54;
}
.formularioSesion form .botonesIntermedios header .iconoCheckbox.inactivo {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  stroke: red;
}
.formularioSesion form .botonesIntermedios header .iconoCheckbox.inactivo .fondo,
.formularioSesion form .botonesIntermedios header .iconoCheckbox.inactivo .check {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  stroke: #777777;
  fill: #777777;
}
.formularioSesion form .botonesIntermedios header .iconoCheckbox.inactivo :hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.formularioSesion form .botonesIntermedios header .iconoCheckbox.inactivo :hover .fondo {
  stroke: #9d9d9d;
}
.formularioSesion form .botonesIntermedios header span {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.formularioSesion form .botonesIntermedios header p {
  color: rgba(248, 248, 248, 0.7);
  text-align: start;
  font-family: Rubik;
  font-size: clamp(12px, 1vw, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.formularioSesion form .botonesIntermedios header p a {
  color: rgba(248, 248, 248, 0.9490196078);
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  color: rgba(248, 248, 248, 0.95);
  font-family: Rubik;
  font-size: clamp(12px, 1vw, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.formularioSesion form .botonesIntermedios header p a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(255, 255, 255, 0.9490196078);
}
.formularioSesion form .botonesIntermedios header p a:hover::before {
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.formularioSesion form .botonesIntermedios header p a:before {
  background-color: #fff;
  border-radius: 4px;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  width: 100%;
}
.formularioSesion form .botonesIntermedios .botonNaranja {
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  font-family: Rubik;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  border-radius: 32px;
  background: rgba(212, 84, 29, 0.9490196078);
  -webkit-box-shadow: 0px 24px 32px -12px rgba(18, 18, 18, 0.1), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 24px 32px -12px rgba(18, 18, 18, 0.1), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 1px solid rgba(255, 255, 255, 0);
}
.formularioSesion form .botonesIntermedios .botonNaranja:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(255, 130, 77, 0.95);
  -webkit-box-shadow: 0px 4px 12px 0px rgba(255, 217, 201, 0.48) inset, 0px 24px 32px -12px var(--neutral-neutral-410, rgba(18, 18, 18, 0.1)), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 12px 0px rgba(255, 217, 201, 0.48) inset, 0px 24px 32px -12px var(--neutral-neutral-410, rgba(18, 18, 18, 0.1)), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}
.formularioSesion form .separador, .formularioSesion form .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .separador2, .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .formularioSesion form .separador2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 11px;
  margin-top: 8px;
}
.formularioSesion form .separador p, .formularioSesion form .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .separador2 p, .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .formularioSesion form .separador2 p {
  font-size: clamp(12px, 1vw, 14px);
}
.formularioSesion form .separador .rectangulo, .formularioSesion form .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .separador2 .rectangulo, .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .formularioSesion form .separador2 .rectangulo {
  content: "";
  width: 187px;
  height: 2px;
  border-radius: 3px;
  opacity: 0.1;
  background: -webkit-gradient(linear, right top, left top, from(#181818), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(270deg, #181818 0%, rgba(255, 255, 255, 0) 100%);
  background-color: #fff;
}
.formularioSesion form .separador .rectangulo:nth-child(1), .formularioSesion form .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .separador2 .rectangulo:nth-child(1), .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .formularioSesion form .separador2 .rectangulo:nth-child(1) {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.formularioSesion form .redesSociales {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  gap: 16px;
}
.formularioSesion form .redesSociales .botonRedSocial,
.formularioSesion form .redesSociales a {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  border-radius: 32px;
  background: rgba(248, 248, 248, 0.02);
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-family: Rubik;
  font-size: clamp(12px, 1vw, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  -webkit-box-shadow: 0px -1px 0 0 rgba(78, 78, 78, 0.6980392157);
          box-shadow: 0px -1px 0 0 rgba(78, 78, 78, 0.6980392157);
  cursor: pointer;
  -webkit-transition: all 0.3S ease-in-out;
  transition: all 0.3S ease-in-out;
}
.formularioSesion form .redesSociales .botonRedSocial:hover,
.formularioSesion form .redesSociales a:hover {
  -webkit-transition: all 0.3S ease-in-out;
  transition: all 0.3S ease-in-out;
  background: rgba(248, 248, 248, 0.07);
}
.formularioSesion form footer {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.formularioSesion form footer p {
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-family: Rubik;
  font-size: clamp(14px, 1vw, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.formularioSesion form footer a {
  color: rgba(248, 248, 248, 0.9490196078);
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  font-family: Rubik;
  font-size: clamp(14px, 1vw, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.formularioSesion form footer a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(255, 255, 255, 0.9490196078);
}
.formularioSesion form footer a:hover::before {
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.formularioSesion form footer a:before {
  background-color: #fff;
  border-radius: 4px;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  width: 100%;
}
.formularioSesion form .degradadoFlotante {
  position: absolute;
  top: 40%;
  left: -20%;
  z-index: -1;
}
.formularioSesion form .degradadoFlotante img {
  width: 180px;
  height: 260px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  fill: linear-gradient(125deg, #8854DD 46.24%, #ED5F0F 82.69%);
  border-radius: 32px;
  opacity: 0.2;
  background: var linear-gradient(158deg, rgba(255, 255, 255, 0.06) 14.19%, rgba(255, 255, 255, 0) 50.59%, rgba(255, 255, 255, 0) 68.79%, rgba(255, 255, 255, 0.02) 105.18%);
  mix-blend-mode: plus-lighter;
  -webkit-filter: blur(24px);
          filter: blur(24px);
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
}

/* =====================================
=               MARK:Responsive                
===================================== */
@media (height <= 900px) {
  .formularioSesion form {
    padding-inline: 24px;
    padding-block: 32px;
  }
  .formularioSesion__contenedor {
    height: auto;
  }
}
@media (width <= 480px) {
  .formularioSesion form {
    height: auto;
  }
}
@media (width <= 330px) {
  .formularioSesion form footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
/* ========= End of Responsive ========= */
body.light {
  background-color: #EFEFEF;
}
body.light .formularioSesion {
  /* Subsection
  ===================================== */
}
body.light .formularioSesion form {
  -webkit-box-shadow: inset 0px -2.5px 5px -5px rgba(248, 248, 248, 0.05), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 7px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5), 0px 0px 55px -30px rgba(255, 255, 255, 0.35);
          box-shadow: inset 0px -2.5px 5px -5px rgba(248, 248, 248, 0.05), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 7px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5), 0px 0px 55px -30px rgba(255, 255, 255, 0.35);
  /* End of Subsection
  ===================================== */
  /* Subsection
  ===================================== */
  /* Subsection
  ===================================== */
  /* Subsection
  ===================================== */
  /* Subsection
  ===================================== */
  /* Subsection
  ===================================== */
  /* Subsection
  ===================================== */
}
body.light .formularioSesion form header h5 {
  color: #121212;
}
body.light .formularioSesion form header .subheader {
  color: rgba(18, 18, 18, 0.8);
  text-align: center;
}
body.light .formularioSesion form .campos .contenedorInput {
  color: rgba(248, 248, 248, 0.7019607843);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.06);
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.06);
  /**here***/
}
body.light .formularioSesion form .campos .contenedorInput input {
  color: #4b4b4a;
}
body.light .formularioSesion form .campos .contenedorInput input::-webkit-input-placeholder {
  color: rgba(18, 18, 18, 0.4235294118);
}
body.light .formularioSesion form .campos .contenedorInput input::-moz-placeholder {
  color: rgba(18, 18, 18, 0.4235294118);
}
body.light .formularioSesion form .campos .contenedorInput input:-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.4235294118);
}
body.light .formularioSesion form .campos .contenedorInput input::-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.4235294118);
}
body.light .formularioSesion form .campos .contenedorInput input::placeholder {
  color: rgba(18, 18, 18, 0.4235294118);
}
body.light .formularioSesion form .campos .contenedorInput input:hover::-webkit-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .formularioSesion form .campos .contenedorInput input:hover::-moz-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .formularioSesion form .campos .contenedorInput input:hover:-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .formularioSesion form .campos .contenedorInput input:hover::-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .formularioSesion form .campos .contenedorInput input:hover::placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .formularioSesion form .campos .contenedorInput .icono {
  min-width: clamp(20px, 2vw, 24px);
}
body.light .formularioSesion form .campos .contenedorInput .iconoEmailForm path, body.light .formularioSesion form .campos .contenedorInput .iconoPasswordForm path {
  stroke: #181818;
}
body.light .formularioSesion form .campos .contenedorInput .iconoOjoMostrar path {
  stroke: #989796;
  fill: #989796;
}
body.light .formularioSesion form .campos .contenedorInput .iconoOjoMostrar:hover {
  cursor: pointer;
}
body.light .formularioSesion form .campos .contenedorInput .iconoOjoMostrar:hover path {
  stroke: #4b4b4a;
  fill: #4b4b4a;
}
body.light .formularioSesion form .campos .contenedorInput .iconoOjoOcultar path {
  stroke: #989796;
}
body.light .formularioSesion form .campos .contenedorInput .iconoOjoOcultar:hover path {
  stroke: #4b4b4a;
}
body.light .formularioSesion form .botonesIntermedios header .iconoCheckbox.activo .fondo {
  fill: rgba(253, 115, 56, 0.9490196078);
  stroke: rgba(253, 115, 56, 0.9490196078);
}
body.light .formularioSesion form .botonesIntermedios header .iconoCheckbox.activo :hover .fondo {
  stroke: rgba(254, 168, 132, 0.9490196078);
}
body.light .formularioSesion form .botonesIntermedios header .iconoCheckbox.inactivo .fondo,
body.light .formularioSesion form .botonesIntermedios header .iconoCheckbox.inactivo .check {
  stroke: #dad7d7;
  fill: #dad7d7;
}
body.light .formularioSesion form .botonesIntermedios header .iconoCheckbox.inactivo :hover .fondo {
  stroke: #9d9d9d;
}
body.light .formularioSesion form .botonesIntermedios header p {
  color: rgba(18, 18, 18, 0.8);
}
body.light .formularioSesion form .botonesIntermedios header p a {
  color: #121212;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  text-decoration: none;
  color: rgba(18, 18, 18, 0.8);
  font-size: clamp(12px, 1vw, 14px);
  font-weight: 400;
}
body.light .formularioSesion form .botonesIntermedios header p a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #121212;
}
body.light .formularioSesion form .botonesIntermedios header p a:hover::before {
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
body.light .formularioSesion form .botonesIntermedios header p a:before {
  background-color: #121212;
  border-radius: 4px;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  width: 100%;
}
body.light .formularioSesion form .botonesIntermedios .botonNaranja {
  background: rgba(253, 115, 56, 0.9490196078);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}
body.light .formularioSesion form .separador p, body.light .formularioSesion form .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .separador2 p, .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body body.light .formularioSesion form .separador2 p {
  color: rgba(18, 18, 18, 0.8);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.56px;
}
body.light .formularioSesion form .separador .rectangulo:nth-child(1), body.light .formularioSesion form .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .separador2 .rectangulo:nth-child(1), .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body body.light .formularioSesion form .separador2 .rectangulo:nth-child(1) {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
body.light .formularioSesion form .separador .rectangulo:nth-child(3), body.light .formularioSesion form .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .separador2 .rectangulo:nth-child(3), .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body body.light .formularioSesion form .separador2 .rectangulo:nth-child(3) {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
body.light .formularioSesion form .redesSociales .botonRedSocial,
body.light .formularioSesion form .redesSociales a {
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.06);
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.06);
  font-size: clamp(12px, 1vw, 14px);
  color: rgba(18, 18, 18, 0.8);
  -webkit-box-shadow: 0 0 0 0;
          box-shadow: 0 0 0 0;
}
body.light .formularioSesion form .redesSociales .botonRedSocial:hover,
body.light .formularioSesion form .redesSociales a:hover {
  border-radius: 32px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.08);
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.08);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.12) inset;
          box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.12) inset;
}
body.light .formularioSesion form footer p {
  color: rgba(18, 18, 18, 0.8);
  text-align: center;
}
body.light .formularioSesion form footer a {
  color: #121212;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  text-decoration: none;
  color: rgba(18, 18, 18, 0.8);
  text-align: center;
}
body.light .formularioSesion form footer a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #121212;
}
body.light .formularioSesion form footer a:hover::before {
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
body.light .formularioSesion form footer a:before {
  background-color: #121212;
  border-radius: 4px;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  width: 100%;
}
body.light .formularioSesion form .degradadoFlotante {
  position: absolute;
  top: 40%;
  left: -20%;
  z-index: -1;
}
body.light .formularioSesion form .degradadoFlotante img {
  width: 180px;
  height: 260px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  fill: linear-gradient(125deg, #8854DD 46.24%, #ED5F0F 82.69%);
  border-radius: 32px;
  opacity: 0.2;
  background: var linear-gradient(158deg, rgba(255, 255, 255, 0.06) 14.19%, rgba(255, 255, 255, 0) 50.59%, rgba(255, 255, 255, 0) 68.79%, rgba(255, 255, 255, 0.02) 105.18%);
  mix-blend-mode: plus-lighter;
  -webkit-filter: blur(24px);
          filter: blur(24px);
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
}

.navbar.dashboard .navbar__left {
  gap: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}
.navbar.dashboard .navbar__left .dropdownEnlaces {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 48px;
}
.navbar.dashboard .navbar__left .dropdownEnlaces .padre__contenedor .globoDropdown__contenedor {
  position: absolute;
}
.navbar.dashboard .navbar__right .padre__contenedor .globoDropdown__contenedor {
  position: absolute;
}
.navbar.dashboard .navbar__right .dropdownSaldo {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  height: 52px;
  padding: 14px;
  border-radius: 32px;
  background: rgba(40, 40, 40, 0.7);
  -webkit-box-shadow: 0px 1.5px 1px 0px rgba(248, 248, 248, 0.178) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 1.5px 1px 0px rgba(248, 248, 248, 0.178) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}
.navbar.dashboard .navbar__right .dropdownSaldo__encabezado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.navbar.dashboard .navbar__right .dropdownSaldo .moneda {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 16px;
}
.navbar.dashboard .navbar__right .dropdownSaldo .moneda .iconoUSDT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24px;
  height: 24px;
  margin-right: 6px;
}
.navbar.dashboard .navbar__right .dropdownSaldo .saldo {
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding-right: 16px;
}
.navbar.dashboard .navbar__right .dropdownSaldo .mas {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  z-index: 2;
  -webkit-box-shadow: 1px 1.5px 1px 0px rgba(248, 248, 248, 0.014) inset, 2px 5px 5px 0px rgba(248, 248, 248, 0.075) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 1px 1.5px 1px 0px rgba(248, 248, 248, 0.014) inset, 2px 5px 5px 0px rgba(248, 248, 248, 0.075) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  background-color: rgba(255, 255, 255, 0.0666666667);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbar.dashboard .navbar__right .dropdownSaldo .mas a {
  color: rgba(248, 248, 248, 0.9490196078);
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  opacity: 0.6;
  font-size: 22px;
}
.navbar.dashboard .navbar__right .dropdownSaldo .mas a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(255, 255, 255, 0.9490196078);
}
.navbar.dashboard .navbar__right .dropdownSaldo .mas:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.1176470588);
}

.username {
  margin-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(248, 248, 248, 0.95);
  text-align: right;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.064px;
}
.username__img {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 52px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(24, 24, 24, 0.2)), to(rgba(24, 24, 24, 0.2))), url(<path-to-image>) lightgray 6.382px 4.379px/79.576% 79.576% no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 0.03)), color-stop(79.79%, rgba(248, 248, 248, 0.01))), #282828;
  background: linear-gradient(0deg, rgba(24, 24, 24, 0.2) 0%, rgba(24, 24, 24, 0.2) 100%), url(<path-to-image>) lightgray 6.382px 4.379px/79.576% 79.576% no-repeat, linear-gradient(180deg, rgba(248, 248, 248, 0.03) 0%, rgba(248, 248, 248, 0.01) 79.79%), #282828;
  -webkit-box-shadow: 1px 2px 1px inset rgba(255, 255, 255, 0.055), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 1px 2px 1px inset rgba(255, 255, 255, 0.055), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  background-color: rgba(255, 255, 255, 0.0196078431);
  margin-left: 16px;
  margin-right: 9px;
}
.username__img img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 52px;
  height: 52px;
  padding: 6px;
}
.username .iconoDropdown {
  width: 1.4em;
}

/* =====================================
=               MARK:Tema Claro                
===================================== */
body.light {
  background-color: #EFEFEF;
}
body.light .navbar.dashboard .navbar__right {
  color: rgba(40, 40, 40, 0.8);
}
body.light .navbar.dashboard .navbar__right .dropdownSaldo {
  background: #FFF;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}
body.light .navbar.dashboard .navbar__right .dropdownSaldo .saldo {
  color: rgba(40, 40, 40, 0.8);
}
body.light .navbar.dashboard .navbar__right .dropdownSaldo .mas {
  border-radius: 48px;
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
body.light .navbar.dashboard .navbar__right .dropdownSaldo .mas a {
  color: #121212;
  font-size: 16px;
  font-weight: 500;
  opacity: 0.6;
  font-size: 22px;
}
body.light .navbar.dashboard .navbar__right .dropdownSaldo .mas a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #121212;
}
body.light .navbar.dashboard .navbar__right .dropdownSaldo .mas svg,
body.light .navbar.dashboard .navbar__right .dropdownSaldo .mas path {
  fill: black;
}
body.light .navbar.dashboard .navbar__right .dropdownSaldo .mas:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.959);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.18), 2px 4px 16px 0px rgba(248, 248, 248, 0.267) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.18), 2px 4px 16px 0px rgba(248, 248, 248, 0.267) inset;
  transition: all 0.3s ease-in-out;
}
body.light .navbar.dashboard .navbar__right .username {
  color: rgba(40, 40, 40, 0.8);
  font-weight: 500;
}
body.light .navbar.dashboard .navbar__right .username__img {
  background: #FFF;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}

/* =====================================
=               MARK:Responsive                
===================================== */
@media (width <= 1280px) {
  .navbar__contenedor.dashboard {
    display: none;
  }
}
.dashboardContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  width: 100%;
  max-width: 1280px;
  padding: 20px;
  /* Subsection
  ===================================== */
  /* Subsection
  ===================================== */
}
.dashboardContent__contenedor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dashboardContent__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dashboardContent .banner {
  width: 100%;
  height: 64px;
  border-radius: 32px;
  background: rgba(248, 248, 248, 0.02);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.02) inset;
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.02) inset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 32px;
  gap: 6px;
  padding-left: 32px;
  padding-right: 16px;
  padding-block: 20px;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  color: rgba(248, 248, 248, 0.7);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.dashboardContent .banner a {
  color: rgba(248, 248, 248, 0.9490196078);
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  font-weight: 500;
  text-decoration: underline;
}
.dashboardContent .banner a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(255, 255, 255, 0.9490196078);
}
@media (width <= 480px) {
  .dashboardContent .banner {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
.dashboardContent .banner .cerrar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 32px;
  height: 32px;
  padding: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 24px;
  background: rgba(248, 248, 248, 0.1);
  margin-left: 16px;
}
.dashboardContent .balance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(1.2048192771vw + -4.5180722892px);
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.dashboardContent .balance__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(0.2409638554vw + 15.0963855422px);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.dashboardContent .balance__header .textoEnorme {
  color: rgba(248, 248, 248, 0.95);
  font-size: calc(0.9638554217vw + 28.3855421687px);
  font-weight: 500;
  line-height: 48px;
  text-align: center;
}
.dashboardContent .balance__header .porcentaje {
  color: #53FF79;
  font-size: calc(0.3614457831vw + 12.6445783133px);
  font-weight: 500;
  line-height: 24px;
}
.dashboardContent .balance__footer {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 13.5481927711px);
  font-weight: 400;
  line-height: 24px;
}
.dashboardContent .depositos {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(0.9638554217vw + 12.3855421687px);
  height: 140px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}
.dashboardContent .depositos .total {
  min-width: 296px;
  width: 320px;
  border-radius: 32px;
  background: rgba(248, 248, 248, 0.02);
  -webkit-box-shadow: 0px 1.5px 2px 0px rgba(248, 248, 248, 0.082) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1), 0px 5px 1.5px -4px rgba(5, 5, 5, 0.25);
          box-shadow: 0px 1.5px 2px 0px rgba(248, 248, 248, 0.082) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1), 0px 5px 1.5px -4px rgba(5, 5, 5, 0.25);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 32px;
  gap: 12px;
}
.dashboardContent .depositos .total__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dashboardContent .depositos .total__header__izquierda {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 0.5em;
}
.dashboardContent .depositos .total__header__izquierda .signoDolar {
  color: rgba(248, 248, 248, 0.5);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: calc(0.4819277108vw + 30.1927710843px);
}
.dashboardContent .depositos .total__header__izquierda .numeroGrande {
  color: rgba(248, 248, 248, 0.95);
  font-size: 32px;
  font-weight: 500;
  line-height: calc(0.4819277108vw + 30.1927710843px);
}
.dashboardContent .depositos .total__header__derecha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: -12px;
}
.dashboardContent .depositos .total__header__derecha__suma {
  color: #53FF79;
  text-align: right;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.dashboardContent .depositos .total__header__derecha__suma.negativa {
  color: #FF4F6F;
}
.dashboardContent .depositos .total__header__derecha__footer {
  color: rgba(248, 248, 248, 0.5);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.dashboardContent .depositos .total__footer {
  color: rgba(248, 248, 248, 0.5);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

/* =====================================
=               MARK:Gráfica                
===================================== */
.dashboardContent__grafica {
  margin-top: calc(1.9277108434vw + 8.7710843373px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dashboardContent__grafica .grafica {
  width: 100%;
  max-width: 545px;
  min-height: 320px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  padding-inline: calc(0.9638554217vw + 20.3855421687px);
  padding-block: calc(0.4819277108vw + 22.1927710843px);
  border-radius: 32px;
  background: radial-gradient(100% 100% at 50% 0%, rgba(255, 255, 255, 0.04) 0%, rgba(248, 248, 248, 0) 54.17%), rgba(248, 248, 248, 0.02);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1), 0px 5px 1.5px -4px rgba(5, 5, 5, 0.25);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1), 0px 5px 1.5px -4px rgba(5, 5, 5, 0.25);
}
.dashboardContent__grafica .grafica__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dashboardContent__grafica .grafica__header .totalOrdenes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.dashboardContent__grafica .grafica__header .totalOrdenes .numero {
  color: rgba(248, 248, 248, 0.95);
  font-size: calc(0.4819277108vw + 22.1927710843px);
  font-weight: 500;
  line-height: 40px;
}
.dashboardContent__grafica .grafica__header .totalOrdenes .texto {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.3614457831vw + 12.6445783133px);
  font-weight: 400;
  line-height: 24px;
}
.dashboardContent__grafica .grafica__header .selectorPeriodo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  font-size: calc(0.1204819277vw + 11.5481927711px);
  cursor: pointer;
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  padding-inline: 20px;
  padding-block: 12px;
  border-radius: 24px;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.075) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.075) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
.dashboardContent__grafica .grafica__header .selectorPeriodo .iconoDropdown {
  width: 1.5em;
}
.dashboardContent__grafica .resultados {
  padding-left: calc(0.9638554217vw + 12.3855421687px);
  padding-top: calc(0.9638554217vw + 12.3855421687px);
  padding-bottom: calc(0.9638554217vw + 12.3855421687px);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  gap: calc(0.9036144578vw + 13.6114457831px);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.dashboardContent__grafica .resultados .orden {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 112px;
  border-radius: 24px;
  position: relative;
  min-width: 250px;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
}
.dashboardContent__grafica .resultados .orden.verde {
  background: linear-gradient(142deg, rgba(172, 255, 190, 0.1) 0%, rgba(195, 255, 208, 0.04) 80.39%);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(248, 248, 248, 0.062) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 0px 2px 0px rgba(248, 248, 248, 0.062) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
.dashboardContent__grafica .resultados .orden.rojo {
  background: linear-gradient(142deg, rgba(255, 112, 138, 0.1) 0%, rgba(255, 156, 174, 0.04) 80.39%);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(248, 248, 248, 0.062) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 0px 2px 0px rgba(248, 248, 248, 0.062) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
.dashboardContent__grafica .resultados .orden.azul {
  background: linear-gradient(142deg, rgba(160, 252, 255, 0.1) 0%, rgba(193, 253, 255, 0.04) 80.39%);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(248, 248, 248, 0.062) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 0px 2px 0px rgba(248, 248, 248, 0.062) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
.dashboardContent__grafica .resultados .orden.amarillo {
  background: linear-gradient(142deg, rgba(255, 224, 107, 0.1) 0%, rgba(255, 235, 157, 0.04) 80.39%);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(248, 248, 248, 0.062) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 0px 2px 0px rgba(248, 248, 248, 0.062) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
.dashboardContent__grafica .resultados .orden .porcentajeEsquina {
  position: absolute;
  right: 0;
  top: 0;
  width: 64px;
  height: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 24px;
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.dashboardContent__grafica .resultados .orden .porcentajeEsquina.verde {
  background: linear-gradient(142deg, rgba(172, 255, 190, 0.1) 0%, rgba(195, 255, 208, 0.04) 80.39%);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(248, 248, 248, 0.062) inset;
          box-shadow: 0px 0px 2px 0px rgba(248, 248, 248, 0.062) inset;
}
.dashboardContent__grafica .resultados .orden .porcentajeEsquina.rojo {
  background: linear-gradient(142deg, rgba(255, 112, 138, 0.1) 0%, rgba(255, 156, 174, 0.04) 80.39%);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(248, 248, 248, 0.062) inset;
          box-shadow: 0px 0px 2px 0px rgba(248, 248, 248, 0.062) inset;
}
.dashboardContent__grafica .resultados .orden .porcentajeEsquina.azul {
  background: linear-gradient(142deg, rgba(160, 252, 255, 0.1) 0%, rgba(193, 253, 255, 0.04) 80.39%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}
.dashboardContent__grafica .resultados .orden .porcentajeEsquina.amarillo {
  background: linear-gradient(142deg, rgba(255, 224, 107, 0.1) 0%, rgba(255, 235, 157, 0.04) 80.39%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}
.dashboardContent__grafica .resultados .orden__contenido {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(0.4819277108vw + 14.1927710843px);
}
.dashboardContent__grafica .resultados .orden__contenido .iconoContenedor {
  border-radius: 20px;
  width: calc(0.9638554217vw + 44.3855421687px);
  height: calc(0.9638554217vw + 52.3855421687px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dashboardContent__grafica .resultados .orden__contenido .iconoContenedor img {
  width: calc(0.4819277108vw + 30.1927710843px);
  height: calc(0.4819277108vw + 30.1927710843px);
}
.dashboardContent__grafica .resultados .orden__contenido .iconoContenedor.verde {
  background: linear-gradient(142deg, rgba(83, 255, 121, 0.2) 0%, rgba(83, 255, 121, 0.08) 44.62%);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(248, 248, 248, 0.062) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 0px 2px 0px rgba(248, 248, 248, 0.062) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
.dashboardContent__grafica .resultados .orden__contenido .iconoContenedor.rojo {
  background: linear-gradient(142deg, rgba(255, 79, 111, 0.2) 0%, rgba(255, 79, 111, 0.08) 44.62%);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(248, 248, 248, 0.062) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 0px 2px 0px rgba(248, 248, 248, 0.062) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
.dashboardContent__grafica .resultados .orden__contenido .iconoContenedor.azul {
  background: linear-gradient(142deg, rgba(1, 247, 255, 0.2) 0%, rgba(1, 247, 255, 0.08) 44.62%);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(248, 248, 248, 0.062) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 0px 2px 0px rgba(248, 248, 248, 0.062) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
.dashboardContent__grafica .resultados .orden__contenido .iconoContenedor.amarillo {
  background: linear-gradient(142deg, rgba(255, 201, 1, 0.2) 0%, rgba(255, 201, 1, 0.08) 44.62%);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(248, 248, 248, 0.062) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 0px 2px 0px rgba(248, 248, 248, 0.062) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
.dashboardContent__grafica .resultados .orden__contenido .total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(0.2409638554vw + 7.0963855422px);
}
.dashboardContent__grafica .resultados .orden__contenido .total .numero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25em;
  color: rgba(248, 248, 248, 0.95);
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
}
.dashboardContent__grafica .resultados .orden__contenido .total .numero .signoDolar {
  font-size: 18px;
}
.dashboardContent__grafica .resultados .orden__contenido .total .tipo {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 13.5481927711px);
  font-weight: 400;
  line-height: 20px;
}

/* =====================================
=             MARK:Responsive                
===================================== */
@media (width <= 1193px) {
  .dashboardContent__grafica .resultados .orden {
    min-width: 220px;
  }
  .dashboardContent__grafica .resultados .orden__contenido {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (width <= 1065px) {
  .dashboardContent__grafica .grafica {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    max-width: none;
  }
  .dashboardContent__grafica .resultados .orden {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 45%;
  }
  .dashboardContent__grafica .resultados .orden__contenido {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (width <= 1030px) {
  .dashboardContent__header {
    height: 100;
  }
  .dashboardContent__header .balance {
    width: 100%;
  }
  .dashboardContent .depositos {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 100%;
  }
  .dashboardContent .depositos .total {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
  }
  .dashboardContent__grafica {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .dashboardContent__grafica .resultados {
    padding-left: 0;
  }
  .dashboardContent__grafica .resultados .orden {
    min-width: 180px;
  }
  .dashboardContent__grafica .resultados .orden__contenido {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (width <= 1002px) {
  .dashboardContent__grafica .grafica {
    width: 100%;
  }
}
@media (width <= 823px) {
  .dashboardContent__grafica {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .dashboardContent__grafica .resultados {
    padding-left: 0;
  }
  .dashboardContent__grafica .resultados .orden {
    min-width: 45%;
  }
  .dashboardContent__grafica .resultados .orden__contenido {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (width <= 674px) {
  .dashboardContent__header {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .dashboardContent .balance__footer {
    -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
  }
  .dashboardContent .depositos {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .dashboardContent .depositos .total {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
  }
}
@media (width <= 546px) {
  .dashboardContent__grafica {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .dashboardContent__grafica .resultados {
    padding-left: 0;
  }
  .dashboardContent__grafica .resultados .orden {
    min-width: none;
    height: 100%;
  }
  .dashboardContent__grafica .resultados .orden__contenido {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (width <= 405px) {
  .dashboardContent__grafica .resultados .orden {
    min-width: 40%;
  }
}
@media (width <= 480px) {
  .dashboardContent .balance {
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
  }
  .dashboardContent .banner {
    height: auto;
  }
  .dashboardContent .depositos .balance {
    width: 100%;
    min-width: none;
  }
}
@media (width <= 335px) {
  .dashboardContent .depositos .total {
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
  }
  .dashboardContent__grafica .resultados .orden {
    min-width: 100%;
  }
}
/* ========= End of Responsive ========= */
.dashboardContent__tabla {
  margin-top: calc(1.9277108434vw + 8.7710843373px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dashboardContent__tabla__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.dashboardContent__tabla__header .lastOrders {
  color: rgba(248, 248, 248, 0.95);
  font-size: clamp(20px, 1.5vw, 24px);
  font-weight: 500;
  line-height: 24px;
}
.dashboardContent__tabla__header .showAll {
  color: rgba(248, 248, 248, 0.7);
  text-decoration: none;
  text-align: right;
  font-size: calc(0.1204819277vw + 13.5481927711px);
  font-weight: 500;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.dashboardContent__tabla__header .showAll .iconoDropdown {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  width: 1.55em;
}

.tabla {
  margin-top: calc(0.9638554217vw + 12.3855421687px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.tabla .fila {
  width: 100%;
  height: 64px;
  padding-inline: 24px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 4fr calc(3.1325301205vw + 0.2530120482px) 1.25fr calc(3.1325301205vw + 0.2530120482px) 120px calc(3.1325301205vw + 0.2530120482px) 2fr calc(3.1325301205vw + 0.2530120482px) 80px;
  grid-template-columns: 4fr 1.25fr 120px 2fr 80px;
  grid-column-gap: calc(3.1325301205vw + 0.2530120482px);
  grid-row-gap: 0px;
  border-radius: 32px;
}
.tabla .fila:nth-child(odd) {
  background: #2B2B2B;
}
.tabla .fila .service,
.tabla .fila .order,
.tabla .fila .status,
.tabla .fila .result,
.tabla .fila .action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  min-width: 0;
}
.tabla .fila .service p,
.tabla .fila .order p,
.tabla .fila .status p,
.tabla .fila .result p,
.tabla .fila .action p {
  margin: 0;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.tabla .fila .order,
.tabla .fila .result {
  color: rgba(248, 248, 248, 0.7);
}
.tabla .fila:not(.superior) .service p {
  text-align: left;
}
.tabla .fila:not(.superior) .order p,
.tabla .fila:not(.superior) .status p,
.tabla .fila:not(.superior) .result p,
.tabla .fila:not(.superior) .action p {
  text-align: center;
}
.tabla .fila.superior {
  color: rgba(248, 248, 248, 0.6);
  background-color: #242424;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.tabla .fila.superior .order,
.tabla .fila.superior .status,
.tabla .fila.superior .result,
.tabla .fila.superior .action {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tabla .fila.superior .order p,
.tabla .fila.superior .status p,
.tabla .fila.superior .result p,
.tabla .fila.superior .action p {
  text-align: center;
}
.tabla .botonCompletado {
  width: 120px;
  height: 40px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: default;
  border-radius: 24px;
  background: linear-gradient(142deg, rgba(172, 255, 190, 0.1) 0%, rgba(172, 255, 190, 0.04) 80.39%);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(248, 248, 248, 0.062) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 1px 1px 0px rgba(248, 248, 248, 0.062) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  color: #53FF79;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.tabla .botonCompletado.false {
  background: linear-gradient(142deg, rgba(255, 112, 138, 0.1) 0%, rgba(255, 112, 138, 0.04) 80.39%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  color: #FF4F6F;
}
.tabla .botonView {
  width: 80px;
  height: 40px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  text-decoration: none;
  border-radius: 24px;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(248, 248, 248, 0.062) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 1px 2px 0px rgba(248, 248, 248, 0.062) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}

/* =====================================
=             MARK:Responsive                
===================================== */
@media (width <= 600px) {
  .tabla {
    display: none;
  }
}
@media (width >= 600px) {
  .tabla.mobile {
    display: none;
  }
}
@media (width <= 600px) {
  .tabla.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .tabla.mobile .filaMobile {
    border-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    padding: 24px;
    background-color: #202020;
  }
  .tabla.mobile .filaMobile:nth-child(odd) {
    background: #2B2B2B;
  }
  .tabla.mobile .filaMobile .headerTabla {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flex;
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 24px;
  }
  .tabla.mobile .filaMobile .headerTabla .columna {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    color: rgba(248, 248, 248, 0.6);
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
  }
  .tabla.mobile .filaMobile .headerTabla .columna.derecha {
    text-align: end;
    min-width: 80px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .tabla.mobile .filaMobile .headerTabla .columna.izquierda {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    min-width: 0px;
  }
  .tabla.mobile .filaMobile .headerTabla .columna.izquierda .service {
    color: rgba(248, 248, 248, 0.95);
  }
  .tabla.mobile .filaMobile .headerTabla .columna.izquierda p {
    margin: 0;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
  }
  .tabla.mobile .filaMobile .footerTabla {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .tabla.mobile .filaMobile .footerTabla .botonCompletado {
    width: 93px;
    font-size: 12px;
  }
  .tabla.mobile .filaMobile .footerTabla .botonView {
    font-size: 12px;
    width: 84px;
  }
}
/* ========= End of Responsive ========= */
body.light {
  background-color: #EFEFEF;
}
body.light .dashboardContent {
  /* Subsection
  ===================================== */
  /* Subsection
  ===================================== */
}
body.light .dashboardContent .banner {
  background: rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  color: #121212;
}
body.light .dashboardContent .banner a {
  color: #121212;
  font-size: 16px;
  font-weight: 500;
}
body.light .dashboardContent .banner a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #121212;
}
body.light .dashboardContent .banner .cerrar {
  background: #FFF;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}
body.light .dashboardContent .banner .cerrar svg path {
  stroke: #121212;
  stroke-width: 2px;
}
body.light .dashboardContent .balance__header .textoEnorme {
  color: #121212;
}
body.light .dashboardContent .balance__header .porcentaje {
  color: #25B445;
}
body.light .dashboardContent .balance__footer {
  color: rgba(18, 18, 18, 0.8);
}
body.light .dashboardContent .depositos .total {
  background: rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}
body.light .dashboardContent .depositos .total__header__izquierda .signoDolar {
  color: rgba(18, 18, 18, 0.8);
}
body.light .dashboardContent .depositos .total__header__izquierda .numeroGrande {
  color: #121212;
}
body.light .dashboardContent .depositos .total__header__derecha__suma {
  color: #25B445;
}
body.light .dashboardContent .depositos .total__header__derecha__suma.negativa {
  color: #FF4F6F;
}
body.light .dashboardContent .depositos .total__header__derecha__footer {
  color: rgba(18, 18, 18, 0.8);
}
body.light .dashboardContent .depositos .total__footer {
  color: rgba(18, 18, 18, 0.8);
}

/* =====================================
=               MARK:Gráfica                
===================================== */
body.light {
  background-color: #EFEFEF;
}
body.light .dashboardContent__grafica .grafica {
  background: rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}
body.light .dashboardContent__grafica .grafica__header .totalOrdenes .numero {
  color: #121212;
}
body.light .dashboardContent__grafica .grafica__header .totalOrdenes .texto {
  color: rgba(18, 18, 18, 0.8);
}
body.light .dashboardContent__grafica .grafica__header .selectorPeriodo {
  color: rgba(18, 18, 18, 0.8);
  background: #FFF;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}
body.light .dashboardContent__grafica .grafica__header .selectorPeriodo .iconoDropdown {
  width: 1.5em;
}
body.light .dashboardContent__grafica .resultados .orden.verde {
  background: linear-gradient(278deg, rgba(83, 255, 121, 0.08) 0%, rgba(83, 255, 121, 0.2) 100%), rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.24) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.24) inset;
}
body.light .dashboardContent__grafica .resultados .orden.rojo {
  background: linear-gradient(278deg, rgba(255, 79, 111, 0.08) 0%, rgba(255, 79, 111, 0.2) 100%), rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.24) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.24) inset;
}
body.light .dashboardContent__grafica .resultados .orden.azul {
  background: linear-gradient(278deg, rgba(160, 252, 255, 0.08) 0%, rgba(160, 252, 255, 0.2) 100%), rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.24) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.24) inset;
}
body.light .dashboardContent__grafica .resultados .orden.amarillo {
  background: linear-gradient(278deg, rgba(255, 201, 1, 0.08) 0%, rgba(255, 201, 1, 0.2) 100%), rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.24) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.24) inset;
}
body.light .dashboardContent__grafica .resultados .orden .porcentajeEsquina {
  color: #121212;
}
body.light .dashboardContent__grafica .resultados .orden .porcentajeEsquina.verde, body.light .dashboardContent__grafica .resultados .orden .porcentajeEsquina.azul, body.light .dashboardContent__grafica .resultados .orden .porcentajeEsquina.amarillo {
  background-color: rgba(255, 255, 255, 0.5960784314);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}
body.light .dashboardContent__grafica .resultados .orden .porcentajeEsquina.rojo {
  background-color: rgba(255, 255, 255, 0.7960784314);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}
body.light .dashboardContent__grafica .resultados .orden__contenido .iconoContenedor.verde {
  background: linear-gradient(142deg, rgba(83, 255, 121, 0.08) 0%, rgba(83, 255, 121, 0.16) 44.62%), #FFF;
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 6px 12px 0px rgba(5, 5, 5, 0.05), 0px 4px 4px -4px rgba(5, 5, 5, 0.1);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 6px 12px 0px rgba(5, 5, 5, 0.05), 0px 4px 4px -4px rgba(5, 5, 5, 0.1);
}
body.light .dashboardContent__grafica .resultados .orden__contenido .iconoContenedor .cajaVerde path {
  stroke: #32EC5C;
}
body.light .dashboardContent__grafica .resultados .orden__contenido .iconoContenedor.rojo {
  background: linear-gradient(142deg, rgba(255, 79, 111, 0.08) 0%, rgba(255, 79, 111, 0.16) 44.62%), #FFF;
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 6px 12px 0px rgba(5, 5, 5, 0.05), 0px 4px 4px -4px rgba(5, 5, 5, 0.1);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 6px 12px 0px rgba(5, 5, 5, 0.05), 0px 4px 4px -4px rgba(5, 5, 5, 0.1);
}
body.light .dashboardContent__grafica .resultados .orden__contenido .iconoContenedor .cajaRoja path {
  stroke: #FF4F6F;
}
body.light .dashboardContent__grafica .resultados .orden__contenido .iconoContenedor.azul {
  background: linear-gradient(142deg, rgba(1, 247, 255, 0.08) 0%, rgba(1, 247, 255, 0.16) 44.62%), #FFF;
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 6px 12px 0px rgba(5, 5, 5, 0.05), 0px 4px 4px -4px rgba(5, 5, 5, 0.1);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 6px 12px 0px rgba(5, 5, 5, 0.05), 0px 4px 4px -4px rgba(5, 5, 5, 0.1);
}
body.light .dashboardContent__grafica .resultados .orden__contenido .iconoContenedor .cajaAzul path {
  stroke: #02E1E9;
}
body.light .dashboardContent__grafica .resultados .orden__contenido .iconoContenedor.amarillo {
  background: linear-gradient(142deg, rgba(255, 201, 1, 0.08) 0%, rgba(255, 201, 1, 0.16) 44.62%), #FFF;
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 6px 12px 0px rgba(5, 5, 5, 0.05), 0px 4px 4px -4px rgba(5, 5, 5, 0.1);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 6px 12px 0px rgba(5, 5, 5, 0.05), 0px 4px 4px -4px rgba(5, 5, 5, 0.1);
}
body.light .dashboardContent__grafica .resultados .orden__contenido .iconoContenedor .cajaAmarilla path {
  stroke: #FFC901;
}
body.light .dashboardContent__grafica .resultados .orden__contenido .total .numero {
  color: #121212;
}
body.light .dashboardContent__grafica .resultados .orden__contenido .total .tipo {
  color: rgba(18, 18, 18, 0.8);
}

body.light {
  background-color: #EFEFEF;
  /* =====================================
  =             MARK:Responsive                
  ===================================== */
}
body.light .dashboardContent__tabla__header .lastOrders {
  color: #121212;
}
body.light .dashboardContent__tabla__header .showAll {
  color: rgba(18, 18, 18, 0.8);
}
body.light .tabla .fila:nth-child(odd) {
  background-color: #F5F5F5;
}
body.light .tabla .fila.superior {
  background-color: #F6F6F6;
}
body.light .tabla .fila.superior .service,
body.light .tabla .fila.superior .order,
body.light .tabla .fila.superior .status,
body.light .tabla .fila.superior .result,
body.light .tabla .fila.superior .action {
  color: rgba(18, 18, 18, 0.6);
  font-weight: 500;
}
body.light .tabla .fila .order,
body.light .tabla .fila .result {
  color: rgba(18, 18, 18, 0.8);
}
body.light .tabla .fila .service {
  color: #121212;
  font-weight: 500;
}
body.light .tabla .botonCompletado {
  background: linear-gradient(278deg, rgba(83, 255, 121, 0.08) 0%, rgba(83, 255, 121, 0.2) 100%), rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  color: #25B445;
}
body.light .tabla .botonCompletado.false {
  background: linear-gradient(278deg, rgba(255, 79, 111, 0.08) 0%, rgba(255, 79, 111, 0.2) 100%), rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  color: #FF4F6F;
}
body.light .tabla .botonView {
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  -webkit-box-shadow: 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  color: rgba(18, 18, 18, 0.8);
}
@media (width <= 600px) {
  body.light .tabla.mobile .filaMobile {
    background-color: #EFEFEF;
  }
  body.light .tabla.mobile .filaMobile:nth-child(odd) {
    background-color: #F5F5F5;
  }
  body.light .tabla.mobile .filaMobile .headerTabla .columna {
    color: rgba(18, 18, 18, 0.6);
  }
  body.light .tabla.mobile .filaMobile .headerTabla .columna.izquierda .service {
    color: #121212;
  }
}

.orderList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  width: 100%;
  max-width: 1280px;
  padding: 20px;
}
.orderList__contenedor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.orderList__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.orderList__header p {
  color: rgba(248, 248, 248, 0.95);
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (width <= 480px) {
  .orderList__header {
    position: relative;
  }
  .orderList__header span {
    display: none;
  }
  .orderList__header p {
    position: absolute;
    top: 50%;
    left: 60px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 1;
  }
}
@media (width <= 365px) {
  .orderList__header {
    position: static;
  }
  .orderList__header p {
    position: static;
    top: 0;
    left: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.botonAccion {
  padding-inline: 26px;
  padding-block: 14px;
  width: 100%;
  max-width: 120px;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  text-decoration: none;
  gap: 8px;
  border-radius: 24px;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(248, 248, 248, 0.062) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 1px 2px 0px rgba(248, 248, 248, 0.062) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}
@media (width <= 480px) {
  .botonAccion.filter {
    width: 44px;
    height: 44px;
    padding: 12px;
    border-radius: 50%;
  }
  .botonAccion.export {
    width: 92px;
    height: 44px;
  }
}

/* =====================================
=               MARK:Overlay                
===================================== */
.overlayList {
  position: fixed;
  top: 0;
  left: 0;
  content: "";
  background-color: rgba(23, 23, 23, 0.6);
  width: 100%;
  height: 100dvh;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
}
.overlayList.visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayList .modal {
  position: relative;
  width: 100%;
  max-width: 480px;
  border-radius: 32px;
  background: #272727;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.08) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.08) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  padding: calc(0.4819277108vw + 22.1927710843px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayList .modal__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.overlayList .modal__header .encabezado {
  color: rgba(248, 248, 248, 0.95);
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
}
.overlayList .modal__header .cerrar {
  cursor: pointer;
}
.overlayList .modal .separador, .overlayList .modal .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .separador2, .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .overlayList .modal .separador2 {
  margin-top: 8px;
}
.overlayList .modal__contenido {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin-top: 24px;
}
.overlayList .modal__contenido .fila {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.overlayList .modal__contenido .fila .columnaIzquierda {
  color: rgba(248, 248, 248, 0.6);
  font-size: 14px;
  font-weight: 500;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.overlayList .modal__contenido .fila .columnaIzquierda.service {
  width: 100%;
}
.overlayList .modal__contenido .fila .columnaDerecha {
  overflow: hidden;
  color: rgba(248, 248, 248, 0.95);
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.overlayList .modal .botonCompletado {
  width: 120px;
  height: 40px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: default;
  position: absolute;
  right: 32px;
  bottom: 24px;
  border-radius: 24px;
  background: linear-gradient(142deg, rgba(172, 255, 190, 0.1) 0%, rgba(172, 255, 190, 0.04) 80.39%);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(248, 248, 248, 0.062) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 1px 1px 0px rgba(248, 248, 248, 0.062) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  color: #53FF79;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.overlayList .modal .botonCompletado.false {
  background: linear-gradient(142deg, rgba(255, 112, 138, 0.1) 0%, rgba(255, 112, 138, 0.04) 80.39%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  color: #FF4F6F;
}

/*=====================================
=               MARK:Filtro                
===================================== */
.overlayList {
  z-index: 10;
}
.overlayList .modal__contenido {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.overlayList .modal__contenido .inputModal, .overlayList .modal__contenido .textoOrden, .overlayList .modal__contenido .estado .estado__header, .overlayList .modal__contenido .fecha .selector, .overlayList .modal__contenido .serviceName {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 14px 20px;
  border-radius: 32px;
  background: rgba(248, 248, 248, 0.05);
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.overlayList .modal__contenido .inputModal p, .overlayList .modal__contenido .textoOrden p, .overlayList .modal__contenido .estado .estado__header p, .overlayList .modal__contenido .fecha .selector p, .overlayList .modal__contenido .serviceName p {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayList .modal__contenido .inputModal .iconoDropdown, .overlayList .modal__contenido .textoOrden .iconoDropdown, .overlayList .modal__contenido .estado .estado__header .iconoDropdown, .overlayList .modal__contenido .fecha .selector .iconoDropdown, .overlayList .modal__contenido .serviceName .iconoDropdown {
  width: 22px;
}
.overlayList .modal__contenido .inputModal:hover p, .overlayList .modal__contenido .textoOrden:hover p, .overlayList .modal__contenido .estado .estado__header:hover p, .overlayList .modal__contenido .fecha .selector:hover p, .overlayList .modal__contenido .serviceName:hover p {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.8;
}
.overlayList .modal__contenido .serviceName {
  cursor: pointer;
}
.overlayList .modal__contenido .fecha {
  width: 100%;
  max-width: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  cursor: pointer;
}
.overlayList .modal__contenido .fecha__contenedor {
  gap: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.overlayList .modal__contenido .fecha__encabezado {
  color: rgba(248, 248, 248, 0.6);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.overlayList .modal__contenido .fecha .selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  gap: 12px;
}
.overlayList .modal__contenido .estado .estado__header {
  margin-top: 0;
  cursor: pointer;
}
.overlayList .modal__contenido .textoOrden {
  margin-top: 0;
  border: none;
  padding: 16px 20px;
  outline: none;
  color: rgba(248, 248, 248, 0.8);
}
.overlayList .modal__contenido .textoOrden::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayList .modal__contenido .textoOrden::-moz-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayList .modal__contenido .textoOrden:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayList .modal__contenido .textoOrden::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayList .modal__contenido .textoOrden::placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayList .modal__contenido .textoOrden:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.8;
}
.overlayList .modal__contenido .textoOrden:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.8;
}
.overlayList .modal__contenido .textoOrden:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.8;
}
.overlayList .modal__contenido .textoOrden:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.8;
}
.overlayList .modal__contenido .textoOrden:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.8;
}
.overlayList .modal__contenido .botonSearch {
  margin-top: 8px;
  border-radius: 32px;
  background: rgba(212, 84, 29, 0.9490196078);
  padding: 16px;
  text-align: center;
  -webkit-box-shadow: 0px 24px 32px -12px rgba(18, 18, 18, 0.1), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 24px 32px -12px rgba(18, 18, 18, 0.1), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayList .modal__contenido .botonSearch:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: rgba(255, 130, 77, 0.95);
  -webkit-box-shadow: 0px 4px 12px 0px rgba(255, 217, 201, 0.48) inset, 0px 24px 32px -12px var(--neutral-neutral-410, rgba(18, 18, 18, 0.1)), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 12px 0px rgba(255, 217, 201, 0.48) inset, 0px 24px 32px -12px var(--neutral-neutral-410, rgba(18, 18, 18, 0.1)), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}
.overlayList .modal__contenido .botonReset {
  border-radius: 32px;
  background-color: rgba(248, 248, 248, 0.1019607843);
  color: #9B9B9B;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  padding: 14px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayList .modal__contenido .botonReset:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(248, 248, 248, 0.1450980392);
}

/* =====================================
=               MARK:Responsive                
===================================== */
@media (width <= 360px) {
  .overlayList .modal .botonCompletado {
    position: static;
    width: 100%;
  }
}
@media (width <= 450px) {
  .overlayList .modal .fecha {
    max-width: none;
  }
  .overlayList .modal .fecha__contenedor {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (height <= 800px) {
  .overlayList {
    height: 100vh;
    overflow: hidden;
  }
  .overlayList .modal {
    max-height: calc(100vh - 106px);
    margin: 20px;
    overflow-y: auto;
  }
  .overlayList .modal__contenido {
    height: auto;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content;
  }
}
.placeOrder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
  max-width: 960px;
  padding: 20px;
}
.placeOrder__contenedor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.placeOrder h2 {
  text-align: center;
  color: rgba(248, 248, 248, 0.95);
  font-family: "Host Grotesk";
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
.placeOrder .orden__contenedor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}
.placeOrder .orden__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin-top: 32px;
  padding-left: calc(0.4819277108vw + 22.1927710843px);
  padding-right: calc(0.3614457831vw + 14.6445783133px);
  height: 64px;
  cursor: pointer;
  border-radius: 32px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0px 54px 32px -16px rgba(5, 5, 5, 0.05);
          box-shadow: 0px 54px 32px -16px rgba(5, 5, 5, 0.05);
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.1) 0%, rgba(248, 248, 248, 0.04) 44.62%);
  gap: 12px;
}
.placeOrder .orden__header.activo {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 32px 32px 0px 0px;
  -webkit-box-shadow: 0px 1px 2px rgba(255, 255, 255, 0.082) inset;
          box-shadow: 0px 1px 2px rgba(255, 255, 255, 0.082) inset;
}
.placeOrder .orden__header p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 960px;
  color: rgba(248, 248, 248, 0.7);
  font-size: calc(0.2409638554vw + 11.0963855422px);
  font-weight: 500;
  line-height: 24px;
  opacity: 0.8;
}
.placeOrder .orden__header .iconoDropdown {
  width: 1.5em;
}
.placeOrder .orden__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  display: none;
  border-radius: 0px 0px 32px 32px;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.04) 0%, rgba(248, 248, 248, 0.02) 44.62%);
  -webkit-box-shadow: 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  /* Action Body
  ===================================== */
  /* Info Body
  ===================================== */
}
.placeOrder .orden__body.visible {
  display: -ms-grid;
  display: grid;
}
.placeOrder .orden__body .action,
.placeOrder .orden__body .info {
  max-height: 568px;
  overflow: auto;
  padding: calc(0.4819277108vw + 22.1927710843px);
}
.placeOrder .orden__body .action {
  border-radius: 0px 0px 32px 32px;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.05) 0%, rgba(248, 248, 248, 0.02) 44.62%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  position: relative;
  overflow: auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  scrollbar-width: thin;
  scrollbar-color: rgba(128, 128, 128, 0.4) transparent;
}
.placeOrder .orden__body .action::-webkit-scrollbar-track {
  background: transparent;
}
.placeOrder .orden__body .action::-webkit-scrollbar-thumb {
  background: rgba(128, 128, 128, 0.4);
  border-radius: 10px;
}
.placeOrder .orden__body .action::-webkit-scrollbar-button {
  display: none;
}
.placeOrder .orden__body .action__header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr calc(0.3012048193vw + 13.8704819277px) 1fr;
  grid-template-columns: 1fr 1fr;
  gap: calc(0.3012048193vw + 13.8704819277px);
}
.placeOrder .orden__body .action__header .left,
.placeOrder .orden__body .action__header .rigth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 24px;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  padding-inline: 20px;
  padding-block: 16px;
  gap: 8px;
}
.placeOrder .orden__body .action__header .left__encabezado,
.placeOrder .orden__body .action__header .rigth__encabezado {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.placeOrder .orden__body .action__header .left__footer,
.placeOrder .orden__body .action__header .rigth__footer {
  color: rgba(248, 248, 248, 0.95);
  font-family: "Host Grotesk";
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}
.placeOrder .orden__body .action__header .left {
  border-radius: 24px;
  background: linear-gradient(142deg, rgba(172, 255, 190, 0.2) 0%, rgba(195, 255, 208, 0.08) 80.39%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09);
}
.placeOrder .orden__body .action__header .rigth {
  border-radius: 24px;
  background: linear-gradient(142deg, rgba(160, 252, 255, 0.2) 0%, rgba(193, 253, 255, 0.08) 80.39%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09);
}
.placeOrder .orden__body .action__imei {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.placeOrder .orden__body .action__imei__header, body.light .placeOrder .orden__body .action__nota, body.light .placeOrder .orden__body .action__email, .placeOrder .orden__body .action__nota, .placeOrder .orden__body .action__email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 31px;
  background: rgba(248, 248, 248, 0.05);
  padding-block: 16px;
  padding-inline: 20px;
  position: relative;
}
.placeOrder .orden__body .action__imei__header textarea.imei, .placeOrder .orden__body .action__nota textarea.imei, .placeOrder .orden__body .action__email textarea.imei {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: transparent;
  width: 100%;
  border: none;
  outline: none;
  color: rgba(248, 248, 248, 0.8);
  resize: none;
  border: 3px solid transparent;
  line-height: 14px;
  max-width: 85%;
  scrollbar-width: none;
  scroll-behavior: smooth;
}
.placeOrder .orden__body .action__imei__header textarea.imei ::-webkit-scrollbar, .placeOrder .orden__body .action__nota textarea.imei ::-webkit-scrollbar, .placeOrder .orden__body .action__email textarea.imei ::-webkit-scrollbar {
  display: none;
}
.placeOrder .orden__body .action__imei__header textarea.imei::-webkit-input-placeholder, .placeOrder .orden__body .action__nota textarea.imei::-webkit-input-placeholder, .placeOrder .orden__body .action__email textarea.imei::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.placeOrder .orden__body .action__imei__header textarea.imei::-moz-placeholder, .placeOrder .orden__body .action__nota textarea.imei::-moz-placeholder, .placeOrder .orden__body .action__email textarea.imei::-moz-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  opacity: 0.5;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.placeOrder .orden__body .action__imei__header textarea.imei:-ms-input-placeholder, .placeOrder .orden__body .action__nota textarea.imei:-ms-input-placeholder, .placeOrder .orden__body .action__email textarea.imei:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  opacity: 0.5;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.placeOrder .orden__body .action__imei__header textarea.imei::-ms-input-placeholder, .placeOrder .orden__body .action__nota textarea.imei::-ms-input-placeholder, .placeOrder .orden__body .action__email textarea.imei::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  opacity: 0.5;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.placeOrder .orden__body .action__imei__header textarea.imei::placeholder, .placeOrder .orden__body .action__nota textarea.imei::placeholder, .placeOrder .orden__body .action__email textarea.imei::placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.placeOrder .orden__body .action__imei__header textarea.imei:hover::-webkit-input-placeholder, .placeOrder .orden__body .action__nota textarea.imei:hover::-webkit-input-placeholder, .placeOrder .orden__body .action__email textarea.imei:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.8;
}
.placeOrder .orden__body .action__imei__header textarea.imei:hover::-moz-placeholder, .placeOrder .orden__body .action__nota textarea.imei:hover::-moz-placeholder, .placeOrder .orden__body .action__email textarea.imei:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.8;
}
.placeOrder .orden__body .action__imei__header textarea.imei:hover:-ms-input-placeholder, .placeOrder .orden__body .action__nota textarea.imei:hover:-ms-input-placeholder, .placeOrder .orden__body .action__email textarea.imei:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.8;
}
.placeOrder .orden__body .action__imei__header textarea.imei:hover::-ms-input-placeholder, .placeOrder .orden__body .action__nota textarea.imei:hover::-ms-input-placeholder, .placeOrder .orden__body .action__email textarea.imei:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.8;
}
.placeOrder .orden__body .action__imei__header textarea.imei:hover::placeholder, .placeOrder .orden__body .action__nota textarea.imei:hover::placeholder, .placeOrder .orden__body .action__email textarea.imei:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.8;
}
.placeOrder .orden__body .action__imei__header p, body.light .placeOrder .orden__body .action__nota p, body.light .placeOrder .orden__body .action__email p, .placeOrder .orden__body .action__nota p, .placeOrder .orden__body .action__email p {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.placeOrder .orden__body .action__imei__header .switch, body.light .placeOrder .orden__body .action__nota .switch, body.light .placeOrder .orden__body .action__email .switch, .placeOrder .orden__body .action__nota .switch, .placeOrder .orden__body .action__email .switch {
  content: "";
  width: 56px;
  height: 32px;
  border-radius: 32px;
  background-color: rgba(32, 32, 32, 0.6);
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.placeOrder .orden__body .action__imei__header .switch__contenedor, body.light .placeOrder .orden__body .action__nota .switch__contenedor, body.light .placeOrder .orden__body .action__email .switch__contenedor, .placeOrder .orden__body .action__nota .switch__contenedor, .placeOrder .orden__body .action__email .switch__contenedor {
  position: absolute;
  right: 10px;
  top: 26px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.placeOrder .orden__body .action__imei__header .switch.activo, .placeOrder .orden__body .action__nota .switch.activo, .placeOrder .orden__body .action__email .switch.activo {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #D4541D;
}
.placeOrder .orden__body .action__imei__header .switch.activo .bola, .placeOrder .orden__body .action__nota .switch.activo .bola, .placeOrder .orden__body .action__email .switch.activo .bola {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  left: 50%;
  background-color: #f8f8f8;
}
.placeOrder .orden__body .action__imei__header .switch .bola, .placeOrder .orden__body .action__nota .switch .bola, .placeOrder .orden__body .action__email .switch .bola {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  content: "";
  background: rgba(248, 248, 248, 0.096);
  position: absolute;
  left: 4px;
  top: 4px;
  -webkit-box-shadow: 2px 2px 7px 0px rgba(255, 255, 255, 0.164) inset;
          box-shadow: 2px 2px 7px 0px rgba(255, 255, 255, 0.164) inset;
}
.placeOrder .orden__body .action__imei__footer {
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.8;
  margin-top: 20px;
}
.placeOrder .orden__body .action__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.placeOrder .orden__body .action__nota, .placeOrder .orden__body .action__email {
  width: 100%;
}
.placeOrder .orden__body .action__nota textarea,
.placeOrder .orden__body .action__nota input, .placeOrder .orden__body .action__email textarea,
.placeOrder .orden__body .action__email input {
  background-color: transparent;
  width: 100%;
  border: none;
  outline: none;
  color: rgba(248, 248, 248, 0.8);
}
.placeOrder .orden__body .action__nota textarea::-webkit-input-placeholder, .placeOrder .orden__body .action__nota input::-webkit-input-placeholder, .placeOrder .orden__body .action__email textarea::-webkit-input-placeholder, .placeOrder .orden__body .action__email input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.placeOrder .orden__body .action__nota textarea::-moz-placeholder, .placeOrder .orden__body .action__nota input::-moz-placeholder, .placeOrder .orden__body .action__email textarea::-moz-placeholder, .placeOrder .orden__body .action__email input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.placeOrder .orden__body .action__nota textarea:-ms-input-placeholder, .placeOrder .orden__body .action__nota input:-ms-input-placeholder, .placeOrder .orden__body .action__email textarea:-ms-input-placeholder, .placeOrder .orden__body .action__email input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.placeOrder .orden__body .action__nota textarea::-ms-input-placeholder, .placeOrder .orden__body .action__nota input::-ms-input-placeholder, .placeOrder .orden__body .action__email textarea::-ms-input-placeholder, .placeOrder .orden__body .action__email input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.placeOrder .orden__body .action__nota textarea::placeholder,
.placeOrder .orden__body .action__nota input::placeholder, .placeOrder .orden__body .action__email textarea::placeholder,
.placeOrder .orden__body .action__email input::placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.placeOrder .orden__body .action__nota textarea:hover::-webkit-input-placeholder, .placeOrder .orden__body .action__nota input:hover::-webkit-input-placeholder, .placeOrder .orden__body .action__email textarea:hover::-webkit-input-placeholder, .placeOrder .orden__body .action__email input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.8;
}
.placeOrder .orden__body .action__nota textarea:hover::-moz-placeholder, .placeOrder .orden__body .action__nota input:hover::-moz-placeholder, .placeOrder .orden__body .action__email textarea:hover::-moz-placeholder, .placeOrder .orden__body .action__email input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.8;
}
.placeOrder .orden__body .action__nota textarea:hover:-ms-input-placeholder, .placeOrder .orden__body .action__nota input:hover:-ms-input-placeholder, .placeOrder .orden__body .action__email textarea:hover:-ms-input-placeholder, .placeOrder .orden__body .action__email input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.8;
}
.placeOrder .orden__body .action__nota textarea:hover::-ms-input-placeholder, .placeOrder .orden__body .action__nota input:hover::-ms-input-placeholder, .placeOrder .orden__body .action__email textarea:hover::-ms-input-placeholder, .placeOrder .orden__body .action__email input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.8;
}
.placeOrder .orden__body .action__nota textarea:hover::placeholder,
.placeOrder .orden__body .action__nota input:hover::placeholder, .placeOrder .orden__body .action__email textarea:hover::placeholder,
.placeOrder .orden__body .action__email input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.8;
}
.placeOrder .orden__body .action__nota textarea, .placeOrder .orden__body .action__email textarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  resize: none;
  border: 3px solid transparent;
  line-height: 14px;
}
.placeOrder .orden__body .action__nota textarea::-webkit-input-placeholder, .placeOrder .orden__body .action__email textarea::-webkit-input-placeholder {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  line-height: 14px;
}
.placeOrder .orden__body .action__nota textarea::-moz-placeholder, .placeOrder .orden__body .action__email textarea::-moz-placeholder {
  display: flex;
  align-items: center;
  line-height: 14px;
}
.placeOrder .orden__body .action__nota textarea:-ms-input-placeholder, .placeOrder .orden__body .action__email textarea:-ms-input-placeholder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  line-height: 14px;
}
.placeOrder .orden__body .action__nota textarea::-ms-input-placeholder, .placeOrder .orden__body .action__email textarea::-ms-input-placeholder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  line-height: 14px;
}
.placeOrder .orden__body .action__nota textarea::placeholder, .placeOrder .orden__body .action__email textarea::placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 14px;
}
.placeOrder .orden__body .action__nota textarea::-webkit-scrollbar-track, .placeOrder .orden__body .action__email textarea::-webkit-scrollbar-track {
  background: transparent;
}
.placeOrder .orden__body .action__nota textarea::-webkit-scrollbar-thumb, .placeOrder .orden__body .action__email textarea::-webkit-scrollbar-thumb {
  background: rgba(128, 128, 128, 0.4);
  border-radius: 10px;
}
.placeOrder .orden__body .action__nota textarea::-webkit-scrollbar-button, .placeOrder .orden__body .action__email textarea::-webkit-scrollbar-button {
  display: none;
}
.placeOrder .orden__body .action__email {
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.placeOrder .orden__body .action__email .iconoEmailForm {
  width: 24px;
}
.placeOrder .orden__body .action__placeOrder {
  margin-top: 5px;
  border-radius: 32px;
  background: rgba(212, 84, 29, 0.9490196078);
  padding: 16px;
  text-align: center;
  -webkit-box-shadow: 0px 24px 32px -12px rgba(18, 18, 18, 0.1), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 24px 32px -12px rgba(18, 18, 18, 0.1), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.placeOrder .orden__body .action__placeOrder:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: rgba(255, 130, 77, 0.95);
  -webkit-box-shadow: 0px 4px 12px 0px rgba(255, 217, 201, 0.48) inset, 0px 24px 32px -12px var(--neutral-neutral-410, rgba(18, 18, 18, 0.1)), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 12px 0px rgba(255, 217, 201, 0.48) inset, 0px 24px 32px -12px var(--neutral-neutral-410, rgba(18, 18, 18, 0.1)), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}
.placeOrder .orden__body .action__info {
  display: none;
  border-radius: 32px;
  background: rgba(248, 248, 248, 0.1);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-inline: 12px;
  padding-block: 16px;
  gap: 12px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.placeOrder .orden__body .action__info:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: rgba(248, 248, 248, 0.15);
}
.placeOrder .orden__body .action__info p {
  color: #9B9B9B;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.placeOrder .orden__body .action .degradadoFlotante {
  position: absolute;
  top: 40%;
  left: -20%;
  z-index: -1;
}
.placeOrder .orden__body .action .degradadoFlotante img {
  width: 180px;
  height: 260px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  fill: linear-gradient(125deg, #8854DD 46.24%, #ED5F0F 82.69%);
  border-radius: 32px;
  opacity: 0.2;
  background: var linear-gradient(158deg, rgba(255, 255, 255, 0.06) 14.19%, rgba(255, 255, 255, 0) 50.59%, rgba(255, 255, 255, 0) 68.79%, rgba(255, 255, 255, 0.02) 105.18%);
  -webkit-filter: blur(24px);
          filter: blur(24px);
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
}
.placeOrder .orden__body .info {
  padding-left: 48px;
  padding-right: 5px;
  margin-right: 18px;
  scrollbar-width: thin;
  scrollbar-color: rgba(128, 128, 128, 0.4) transparent;
}
.placeOrder .orden__body .info h4 {
  color: rgba(248, 248, 248, 0.95);
  font-family: Rubik;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.placeOrder .orden__body .info p,
.placeOrder .orden__body .info ul,
.placeOrder .orden__body .info li {
  margin-top: 16px;
  color: rgba(248, 248, 248, 0.7);
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.placeOrder .orden__body .info ul {
  list-style: none;
  position: relative;
}
.placeOrder .orden__body .info ul li {
  padding-left: 25px;
}
.placeOrder .orden__body .info ul li:before {
  position: absolute;
  left: 9px;
  content: "•";
  font-size: 100%;
  padding-right: 5px;
}
.placeOrder .orden__body .info h5 {
  color: rgba(248, 248, 248, 0.95);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-top: 8px;
}
.placeOrder .orden__body .info::-webkit-scrollbar-track {
  background: transparent;
}
.placeOrder .orden__body .info::-webkit-scrollbar-thumb {
  background: rgba(128, 128, 128, 0.4);
  border-radius: 10px;
}
.placeOrder .orden__body .info::-webkit-scrollbar-button {
  display: none;
}

/* =====================================
=               MARK:Modal Info                
===================================== */
@media (width >= 660px) {
  .overlayInfo {
    display: none;
  }
}
@media (width <= 660px) {
  .placeOrder__contenedor:has(.overlayInfo.visible) .placeOrder {
    opacity: 0;
  }
  .overlayInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    height: 100dvh;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.062);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
  }
  .overlayInfo.visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .overlayInfo .modal__header {
    color: rgba(248, 248, 248, 0.95);
    text-align: center;
    font-family: "Host Grotesk";
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
  }
  .overlayInfo .modal__contenido {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 24px;
    max-height: 548px;
    overflow: auto;
    margin-top: 24px;
    width: 100%;
    max-width: 400px;
    border-radius: 32px;
    background: linear-gradient(142deg, rgba(248, 248, 248, 0.04) 0%, rgba(248, 248, 248, 0.02) 44.62%);
    -webkit-box-shadow: 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
            box-shadow: 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
    scrollbar-width: thin;
    scrollbar-color: rgba(128, 128, 128, 0.4) transparent;
  }
  .overlayInfo .modal__contenido h4 {
    color: rgba(248, 248, 248, 0.95);
    font-family: Rubik;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
  }
  .overlayInfo .modal__contenido p,
  .overlayInfo .modal__contenido ul,
  .overlayInfo .modal__contenido li {
    margin-top: 16px;
    color: rgba(248, 248, 248, 0.7);
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
  }
  .overlayInfo .modal__contenido ul {
    list-style: none;
    position: relative;
  }
  .overlayInfo .modal__contenido ul li {
    padding-left: 25px;
  }
  .overlayInfo .modal__contenido ul li:before {
    position: absolute;
    left: 9px;
    content: "•";
    font-size: 100%;
    padding-right: 5px;
  }
  .overlayInfo .modal__contenido h5 {
    color: rgba(248, 248, 248, 0.95);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 8px;
  }
  .overlayInfo .modal__contenido::-webkit-scrollbar-track {
    background: transparent;
  }
  .overlayInfo .modal__contenido::-webkit-scrollbar-thumb {
    background: rgba(128, 128, 128, 0.4);
    border-radius: 10px;
  }
  .overlayInfo .modal__contenido::-webkit-scrollbar-button {
    display: none;
  }
  .overlayInfo .modal__boton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 32px;
    border-radius: 32px;
    background: rgba(248, 248, 248, 0.1);
    padding-inline: 12px;
    padding-block: 14px;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .overlayInfo .modal__boton:hover {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: rgba(248, 248, 248, 0.15);
  }
  .overlayInfo .modal__boton p {
    color: #9B9B9B;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
  }
}
/* =====================================
=               MARK:Responsive                
===================================== */
@media (width <= 820px) {
  .placeOrder .orden__body .action,
  .placeOrder .orden__body .info {
    max-height: 640px;
  }
  .placeOrder .orden__body .action__header {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media (width <= 660px) {
  .placeOrder .orden__header {
    max-height: none;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .placeOrder .orden__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .placeOrder .orden__body .action__header {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .placeOrder .orden__body .info {
    display: none;
  }
  .placeOrder .orden__body .action__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (width <= 420px) {
  .placeOrder .orden__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .placeOrder .orden__body .action,
  .placeOrder .orden__body .info {
    max-height: none;
  }
  .placeOrder .orden__body .action__header {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media (height <= 800px) {
  .overlayInfo {
    height: 100vh;
    overflow: hidden;
  }
  .overlayInfo .modal {
    max-height: calc(100vh - 106px);
    margin: 20px;
    overflow-y: auto;
  }
  .overlayInfo .modal__contenido {
    height: auto;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content;
  }
}
/* ========= End of Responsive ========= */
.navbarMobileDashboard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-inline: 24px;
  padding-block: 29px;
  z-index: 3;
  gap: 16px;
}
.navbarMobileDashboard__contenedor {
  position: fixed;
  top: 0;
  left: 0;
  height: 106px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  z-index: 2;
  background-color: #202020;
}
.navbarMobileDashboard .navbarMobile__boton {
  position: static;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  height: 44px;
}
.navbarMobileDashboard .botonesDerecha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 16px;
  min-width: 0px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.navbarMobileDashboard .dropdownSaldoMobile {
  position: relative;
  min-width: 0px;
  width: 100%;
  max-width: 187px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  border-radius: 32px;
  background-color: rgba(40, 40, 40, 0.7);
  -webkit-box-shadow: 0px 1.5px 1px 0px rgba(248, 248, 248, 0.178) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 1.5px 1px 0px rgba(248, 248, 248, 0.178) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  padding: 10px;
  height: 44px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarMobileDashboard .dropdownSaldoMobile .encabezado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.navbarMobileDashboard .dropdownSaldoMobile .moneda {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 6px;
}
.navbarMobileDashboard .dropdownSaldoMobile .moneda .iconoUSDT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24px;
  height: 24px;
  margin-right: 6px;
}
.navbarMobileDashboard .dropdownSaldoMobile .saldo {
  color: rgba(248, 248, 248, 0.7);
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  padding-right: 8px;
  width: 100%;
  min-width: 0px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.navbarMobileDashboard .dropdownSaldoMobile .mas {
  width: 24px;
  height: 24px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  -webkit-box-shadow: 1px 1.5px 1px 0px rgba(248, 248, 248, 0.014) inset, 2px 5px 5px 0px rgba(248, 248, 248, 0.075) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 1px 1.5px 1px 0px rgba(248, 248, 248, 0.014) inset, 2px 5px 5px 0px rgba(248, 248, 248, 0.075) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  background: rgba(255, 255, 255, 0.0666666667);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarMobileDashboard .dropdownSaldoMobile .mas .iconoMas {
  width: 24px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.navbarMobileDashboard .dropdownSaldoMobile .mas:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.1176470588);
}
.navbarMobileDashboard .dropdownSaldoMobile .cuerpo {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 60px;
  right: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: rgb(29, 29, 29);
  padding: 0px;
  border-radius: 24px;
  overflow-y: auto;
  -webkit-box-shadow: inset 0px -2.5px 0px -5px rgba(248, 248, 248, 0.05), 0px 2px 0px 0px rgba(248, 248, 248, 0.06) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1);
          box-shadow: inset 0px -2.5px 0px -5px rgba(248, 248, 248, 0.05), 0px 2px 0px 0px rgba(248, 248, 248, 0.06) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1);
  background-color: rgb(43, 43, 43);
}
.navbarMobileDashboard .dropdownSaldoMobile .iconoDropdown {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarMobileDashboard .dropdownSaldoMobile:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.075);
}
.navbarMobileDashboard .dropdownSaldoMobile:hover .cuerpo {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.navbarMobileDashboard .dropdownSaldoMobile:hover .iconoDropdown {
  color: #D4541D;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.navbarMobileDashboard .dropdownSaldoMobile::before {
  content: "";
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: transparent;
  width: 100%;
  height: 60px;
  position: absolute;
  top: 10px;
  cursor: pointer;
}
.navbarMobileDashboard .dropdownUsername {
  position: relative;
  min-width: 0px;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
.navbarMobileDashboard .dropdownUsername .encabezado {
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}
.navbarMobileDashboard .dropdownUsername .encabezado .username {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-left: 0;
  color: rgba(248, 248, 248, 0.95);
}
.navbarMobileDashboard .dropdownUsername .encabezado .username__img {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 52px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(24, 24, 24, 0.2)), to(rgba(24, 24, 24, 0.2))), url(<path-to-image>) lightgray 6.382px 4.379px/79.576% 79.576% no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 0.03)), color-stop(79.79%, rgba(248, 248, 248, 0.01))), #282828;
  background: linear-gradient(0deg, rgba(24, 24, 24, 0.2) 0%, rgba(24, 24, 24, 0.2) 100%), url(<path-to-image>) lightgray 6.382px 4.379px/79.576% 79.576% no-repeat, linear-gradient(180deg, rgba(248, 248, 248, 0.03) 0%, rgba(248, 248, 248, 0.01) 79.79%), #282828;
  -webkit-box-shadow: 1px 2px 1px inset rgba(255, 255, 255, 0.055), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 1px 2px 1px inset rgba(255, 255, 255, 0.055), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  background-color: rgba(255, 255, 255, 0.0196078431);
  margin-right: 9px;
}
.navbarMobileDashboard .dropdownUsername .encabezado .username__img.hoverBoton {
  margin-left: 0;
  padding-left: 0;
}
.navbarMobileDashboard .dropdownUsername .encabezado .username__img img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 44px;
  height: 44px;
  padding: 6px;
}
.navbarMobileDashboard .dropdownUsername .cuerpo {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 60px;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  padding: px;
  background: #242323;
  border-radius: 32px;
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  position: absolute;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  right: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 2;
}
.navbarMobileDashboard .dropdownUsername .iconoDropdown {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarMobileDashboard .dropdownUsername:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarMobileDashboard .dropdownUsername:hover .username__img.hoverBoton {
  background-color: rgba(255, 255, 255, 0.075);
}
.navbarMobileDashboard .dropdownUsername:hover .cuerpo {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.navbarMobileDashboard .dropdownUsername:hover .iconoDropdown {
  color: #D4541D;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.navbarMobileDashboard .dropdownUsername::before {
  content: "";
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: transparent;
  width: 100%;
  height: 60px;
  position: absolute;
  top: 10px;
  cursor: pointer;
}

/* =====================================
=               MARK:Footer                
===================================== */
.menuMobile .content.dashboardMobile {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.menuMobile .content.dashboardMobile .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin-bottom: 20px;
  gap: 4px;
}
.menuMobile .content.dashboardMobile .top .seccionDropdown {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 24px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.menuMobile .content.dashboardMobile .top .seccionDropdown__header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-inline: 16px;
  padding-block: 18px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.menuMobile .content.dashboardMobile .top .seccionDropdown__header .left {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  color: rgba(248, 248, 248, 0.95);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
.menuMobile .content.dashboardMobile .top .seccionDropdown__header .iconoDropdown {
  width: 1.4em;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.menuMobile .content.dashboardMobile .top .seccionDropdown__body {
  opacity: 0;
  height: 0;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 0;
}
.menuMobile .content.dashboardMobile .top .seccionDropdown__body .dropdownInterno {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.menuMobile .content.dashboardMobile .top .seccionDropdown__body .dropdownInterno ul > li {
  list-style: none;
  cursor: pointer;
  color: rgba(248, 248, 248, 0.7);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
.menuMobile .content.dashboardMobile .top .seccionDropdown__body .dropdownInterno li {
  padding-left: 5px;
  opacity: 0.8;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.menuMobile .content.dashboardMobile .top .seccionDropdown__body .dropdownInterno li::before {
  content: "•";
  font-size: 100%;
  padding-right: 8px;
}
.menuMobile .content.dashboardMobile .top .seccionDropdown__body .dropdownInterno li:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #F3682C;
}
.menuMobile .content.dashboardMobile .top .seccionDropdown__body .dropdownInterno .opcion.activa li {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #F3682C;
}
.menuMobile .content.dashboardMobile .top .seccionDropdown:hover, .menuMobile .content.dashboardMobile .top .seccionDropdown.activo {
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 4px 5px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 4px 5px 0px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.menuMobile .content.dashboardMobile .top .seccionDropdown:hover .seccionDropdown__header, .menuMobile .content.dashboardMobile .top .seccionDropdown.activo .seccionDropdown__header {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.95)), to(rgba(212, 84, 29, 0.95))), var(--neutral-neutral-440, rgba(18, 18, 18, 0.4));
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.95) 0%, rgba(212, 84, 29, 0.95) 100%), var(--neutral-neutral-440, rgba(18, 18, 18, 0.4));
}
.menuMobile .content.dashboardMobile .top .seccionDropdown:hover .seccionDropdown__header .iconoSeccion svg,
.menuMobile .content.dashboardMobile .top .seccionDropdown:hover .seccionDropdown__header path, .menuMobile .content.dashboardMobile .top .seccionDropdown.activo .seccionDropdown__header .iconoSeccion svg,
.menuMobile .content.dashboardMobile .top .seccionDropdown.activo .seccionDropdown__header path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  fill: #EDD0C3;
}
.menuMobile .content.dashboardMobile .top .seccionDropdown:hover .seccionDropdown__header .iconoDropdown, .menuMobile .content.dashboardMobile .top .seccionDropdown.activo .seccionDropdown__header .iconoDropdown {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.menuMobile .content.dashboardMobile .top .seccionDropdown:hover .seccionDropdown__body, .menuMobile .content.dashboardMobile .top .seccionDropdown.activo .seccionDropdown__body {
  opacity: 1;
  height: 144px;
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  padding-inline: 16px;
  padding-block: 18px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.menuMobile .content.dashboardMobile .bottom .dropdownDegradado__body {
  top: 0;
  -webkit-transform: translateY(-105%) translateX(-50%);
          transform: translateY(-105%) translateX(-50%);
}

/* =====================================
=               MARK:Tema Claro                
===================================== */
body.light {
  background-color: #EFEFEF;
}
body.light .navbarMobileDashboard__contenedor {
  background-color: #EFEFEF;
}
body.light .navbarMobileDashboard .dropdownSaldoMobile {
  background: #FFF;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}
body.light .navbarMobileDashboard .dropdownSaldoMobile .saldo {
  color: rgba(40, 40, 40, 0.8);
}
body.light .navbarMobileDashboard .dropdownSaldoMobile .moneda .iconoDropdown {
  color: #121212;
}
body.light .navbarMobileDashboard .dropdownSaldoMobile .mas {
  border-radius: 48px;
  background: rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}
body.light .navbarMobileDashboard .dropdownSaldoMobile .mas a {
  color: #121212;
  font-size: 16px;
  font-weight: 500;
  opacity: 0.6;
  font-size: 22px;
}
body.light .navbarMobileDashboard .dropdownSaldoMobile .mas a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #121212;
}
body.light .navbarMobileDashboard .dropdownSaldoMobile .mas .iconoMas path {
  fill: #121212;
}
body.light .navbarMobileDashboard .dropdownSaldoMobile .cuerpo {
  color: rgba(40, 40, 40, 0.8);
  font-weight: 500;
  background-color: #fff;
}
body.light .navbarMobileDashboard .dropdownSaldoMobile:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
}
body.light .navbarMobileDashboard .dropdownSaldoMobile:hover .iconoDropdown {
  color: #D4541D;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
body.light .navbarMobileDashboard .dropdownUsername .username {
  color: rgba(40, 40, 40, 0.8);
  font-weight: 500;
}
body.light .navbarMobileDashboard .dropdownUsername .username__img {
  background: #FFF;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}
body.light .navbarMobileDashboard .dropdownUsername .username .iconoDropdown {
  width: 1.4em;
}
body.light .navbarMobileDashboard .dropdownUsername .cuerpo {
  color: rgba(40, 40, 40, 0.8);
  font-weight: 500;
  background-color: #fff;
}
body.light .navbarMobileDashboard .dropdownUsername:hover .username__img.hoverBoton {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
}
body.light .navbarMobileDashboard .dropdownUsername:hover .iconoDropdown {
  color: #D4541D;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

body.light {
  background-color: #EFEFEF;
}
body.light .menuMobile .content.dashboardMobile {
  padding-inline: 3px;
}
body.light .menuMobile .content.dashboardMobile .seccionDropdown__header {
  background-color: transparent;
}
body.light .menuMobile .content.dashboardMobile .seccionDropdown__header .left {
  color: #121212;
  font-weight: 500;
  opacity: 0.8;
}
body.light .menuMobile .content.dashboardMobile .seccionDropdown__header .left .iconoSeccion path {
  fill: #121212;
  opacity: 0.8;
}
body.light .menuMobile .content.dashboardMobile .seccionDropdown__header .iconoDropdown {
  color: #121212;
  opacity: 0.8;
}
body.light .menuMobile .content.dashboardMobile .seccionDropdown__body .dropdownInterno ul > li {
  color: rgba(18, 18, 18, 0.8);
  font-weight: 500;
  opacity: 1;
}
body.light .menuMobile .content.dashboardMobile .seccionDropdown:hover, body.light .menuMobile .content.dashboardMobile .seccionDropdown.activo {
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}
body.light .menuMobile .content.dashboardMobile .seccionDropdown:hover .seccionDropdown__header, body.light .menuMobile .content.dashboardMobile .seccionDropdown.activo .seccionDropdown__header {
  background: rgba(253, 115, 56, 0.95);
}
body.light .menuMobile .content.dashboardMobile .seccionDropdown:hover .seccionDropdown__header .left, body.light .menuMobile .content.dashboardMobile .seccionDropdown.activo .seccionDropdown__header .left {
  color: rgba(248, 248, 248, 0.95);
  opacity: 1;
}
body.light .menuMobile .content.dashboardMobile .seccionDropdown:hover .seccionDropdown__header .iconoSeccion svg,
body.light .menuMobile .content.dashboardMobile .seccionDropdown:hover .seccionDropdown__header path, body.light .menuMobile .content.dashboardMobile .seccionDropdown.activo .seccionDropdown__header .iconoSeccion svg,
body.light .menuMobile .content.dashboardMobile .seccionDropdown.activo .seccionDropdown__header path {
  fill: #f8f8f8;
  opacity: 1;
}
body.light .menuMobile .content.dashboardMobile .dropdownIdiomasMobile {
  color: #121212;
  padding-left: 3px;
}
body.light .menuMobile .content.dashboardMobile .dropdownIdiomasMobile .encabezado .idioma__left .hoverBoton {
  border-radius: 48px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background-color: #FFF;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}
body.light .menuMobile .content.dashboardMobile .dropdownIdiomasMobile .encabezado .idioma__left .hoverBoton:hover {
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}
body.light .menuMobile .content.dashboardMobile .dropdownIdiomasMobile .cuerpo {
  background-color: #fff;
  font-weight: 500;
  color: rgba(40, 40, 40, 0.8);
}
body.light .menuMobile .content.dashboardMobile .listaIdiomasMobile .idioma {
  background-color: #fff;
}
body.light .menuMobile .content.dashboardMobile .listaIdiomasMobile .idioma:hover,
body.light .menuMobile .content.dashboardMobile .listaIdiomasMobile .idioma .activo {
  background: rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}
body.light .menuMobile .content.dashboardMobile .listaIdiomasMobile .idioma__right .iconoDropdown {
  color: #121212;
}
body.light .menuMobile .content.dashboardMobile .listaIdiomasMobile .idioma__texto {
  color: #121212;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}

.overlayTransparente {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  background-color: rgba(255, 255, 255, 0);
  z-index: 3;
  display: none;
}
.overlayTransparente.activo {
  display: block;
}

/* =====================================
=               MARK:Responsive                
===================================== */
@media (width >= 1280px) {
  .navbarMobileDashboard__contenedor {
    display: none;
  }
}
.formularioSesion.forgotPassword form {
  height: auto;
  overflow: hidden;
}
.formularioSesion.forgotPassword form header .escudo {
  width: 96px;
  height: 96px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: rgba(248, 248, 248, 0.05);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 52px;
}
.formularioSesion.forgotPassword form header .successfully__footer {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.formularioSesion.forgotPassword form header .successfully__footer__header {
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  font-family: "Host Grotesk";
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}
.formularioSesion.forgotPassword form header .successfully__footer p {
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.formularioSesion.forgotPassword form header .estrellitasDibujadas {
  position: absolute;
  top: 5%;
  left: 50%;
  -webkit-transform: translateX(-56%);
          transform: translateX(-56%);
}
.formularioSesion.forgotPassword form .degradadoFlotante {
  position: absolute;
  top: 55%;
  left: -20%;
}
.formularioSesion.forgotPassword form .botonesIntermedios {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.formularioSesion.forgotPassword form .campos .inputNumeros {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.formularioSesion.forgotPassword form .campos .inputNumeros .numero {
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  border: none;
  outline: none;
  font-family: "Host Grotesk";
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: clamp(39px, 10.5vw, 56px);
  height: clamp(40px, 10.5vw, 56px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  border-radius: 16px;
  border-radius: 16px;
  background: rgba(248, 248, 248, 0.05);
}
.formularioSesion.forgotPassword form .campos .inputNumeros .numero.marcado {
  background: rgba(248, 248, 248, 0.15);
}

/* =====================================
=            MARK:Tema Claro                
===================================== */
body.light {
  background-color: #EFEFEF;
}
body.light .formularioSesion.forgotPassword form .escudo {
  background-color: #f8f8f8;
}
body.light .formularioSesion.forgotPassword form .successfully__footer__header {
  color: #121212;
}
body.light .formularioSesion.forgotPassword form .successfully__footer p {
  color: rgba(18, 18, 18, 0.8);
}
body.light .formularioSesion.forgotPassword form .campos .inputNumeros .numero {
  color: #121212;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.06);
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.06);
}
body.light .formularioSesion.forgotPassword form .campos .inputNumeros .numero.marcado {
  background: rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.2) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.2) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}

/* =====================================
=               MARK:Responsive                
===================================== */
@media (height >= 675px) {
  .formularioSesion.forgotPassword__contenedor {
    height: calc(100dvh - 179px);
  }
}
@media (height <= 675px) {
  .formularioSesion.forgotPassword__contenedor {
    height: auto;
  }
}
@media (width <= 540px) {
  .formularioSesion.forgotPassword form .campos .inputNumeros {
    gap: 9px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .formularioSesion.forgotPassword form .campos .inputNumeros .numero {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (width <= 370px) {
  .formularioSesion.forgotPassword form .campos .inputNumeros {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .formularioSesion.forgotPassword form .campos .inputNumeros .numero {
    min-width: 56px;
    min-height: 56px;
  }
}
/* ========= End of Responsive ========= */
.botonAtras {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border: none;
  border-radius: 32px;
  background: rgba(248, 248, 248, 0.1);
  padding-inline: 12px;
  padding-block: 14px;
  cursor: pointer;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.botonAtras p {
  color: #9B9B9B;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.botonAtras:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: rgba(248, 248, 248, 0.15);
}

body.light {
  background-color: #EFEFEF;
}
body.light .botonAtras {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.04);
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.04);
}
body.light .botonAtras p {
  color: #9B9B9B;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
body.light .botonAtras:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.08);
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.08);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.12) inset;
          box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.12) inset;
}

.toast {
  border-radius: 24px;
  padding-block: 16px;
  padding-inline: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  z-index: 7;
  max-width: 240px;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}
.toast header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.toast header .iconoCerrar {
  cursor: pointer;
}
.toast__contenedor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: fixed;
  top: 32px;
  left: 40px;
  gap: 12px;
  z-index: 7;
}
.toast__footer {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.toast.verde {
  background: linear-gradient(142deg, rgba(172, 255, 190, 0.1) 0%, rgba(195, 255, 208, 0.04) 80.39%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
.toast.verde header p {
  color: #53FF79;
}
.toast.rojo {
  background: linear-gradient(142deg, rgba(255, 112, 138, 0.1) 0%, rgba(255, 156, 174, 0.04) 80.39%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
.toast.rojo header p {
  color: #FF4F6F;
}
.toast.amarillo {
  background: linear-gradient(142deg, rgba(255, 224, 107, 0.1) 0%, rgba(255, 235, 157, 0.04) 80.39%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
.toast.amarillo header p {
  color: #FFC901;
}
.toast.azul {
  background: linear-gradient(142deg, rgba(160, 252, 255, 0.1) 0%, rgba(193, 253, 255, 0.04) 80.39%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
.toast.azul header p {
  color: #01F7FF;
}
.toast.default {
  background: radial-gradient(100% 100% at 50% 0%, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 54.16%), rgba(248, 248, 248, 0.02);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
.toast.default header p {
  color: rgba(248, 248, 248, 0.9490196078);
}

body.light {
  background-color: #EFEFEF;
}
body.light .toast header {
  font-weight: 500;
}
body.light .toast header .iconoCerrar path {
  stroke: rgba(18, 18, 18, 0.8);
}
body.light .toast__footer {
  font-weight: 400;
  color: rgba(18, 18, 18, 0.8);
}
body.light .toast.verde {
  background: linear-gradient(278deg, rgba(83, 255, 121, 0.08) 0%, rgba(83, 255, 121, 0.2) 100%), rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.24) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.24) inset;
}
body.light .toast.verde header p {
  color: #25B445;
}
body.light .toast.rojo {
  background: linear-gradient(278deg, rgba(255, 79, 111, 0.08) 0%, rgba(255, 79, 111, 0.2) 100%), rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.24) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.24) inset;
}
body.light .toast.rojo header p {
  color: #FF4F6F;
}
body.light .toast.amarillo {
  background: linear-gradient(278deg, rgba(255, 201, 1, 0.08) 0%, rgba(255, 201, 1, 0.2) 100%), rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.24) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.24) inset;
}
body.light .toast.amarillo header p {
  color: #FFC901;
}
body.light .toast.azul {
  background: linear-gradient(278deg, rgba(160, 252, 255, 0.08) 0%, rgba(160, 252, 255, 0.2) 100%), rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.24) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.24) inset;
}
body.light .toast.azul header p {
  color: #02E1E9;
}
body.light .toast.default {
  background: rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}
body.light .toast.default header p {
  color: #121212;
}

body.light {
  background-color: #EFEFEF;
  /* =====================================
  =               MARK:Overlay                
  ===================================== */
  /*=====================================
  =               MARK:Filtro                
  ===================================== */
}
body.light .orderList__header p {
  color: #121212;
}
body.light .botonAccion {
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.08) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.08) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  color: rgba(18, 18, 18, 0.8);
}
body.light .botonAccion svg,
body.light .botonAccion path {
  fill: rgba(18, 18, 18, 0.6);
}
body.light .overlayList {
  background-color: rgba(23, 23, 23, 0.6);
}
body.light .overlayList .modal {
  background: #EDEDED;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.08) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.08) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}
body.light .overlayList .modal__header .encabezado {
  color: #121212;
  font-weight: 500;
}
body.light .overlayList .modal__header .cerrar {
  cursor: pointer;
}
body.light .overlayList .modal__header .cerrar path {
  stroke: hsla(0, 0%, 7%, 0.8);
  stroke-width: 2;
}
body.light .overlayList .modal__contenido .fila .columnaIzquierda {
  color: rgba(18, 18, 18, 0.6);
}
body.light .overlayList .modal__contenido .fila .columnaDerecha {
  color: #121212;
}
body.light .overlayList .modal .botonCompletado {
  background: linear-gradient(278deg, rgba(83, 255, 121, 0.08) 0%, rgba(83, 255, 121, 0.2) 100%), rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  color: #25B445;
}
body.light .overlayList .modal .botonCompletado.false {
  background: linear-gradient(278deg, rgba(255, 79, 111, 0.08) 0%, rgba(255, 79, 111, 0.2) 100%), rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  color: #FF4F6F;
}
body.light .overlayList .modal {
  background-color: #EDEDED;
}
body.light .overlayList .modal__contenido .inputModal, body.light .overlayList .modal__contenido .serviceName, body.light .overlayList .modal__contenido .fecha .selector, body.light .overlayList .modal__contenido .estado .estado__header, body.light .overlayList .modal__contenido .textoOrden {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.06);
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.06);
}
body.light .overlayList .modal__contenido .inputModal p, body.light .overlayList .modal__contenido .serviceName p, body.light .overlayList .modal__contenido .fecha .selector p, body.light .overlayList .modal__contenido .estado .estado__header p, body.light .overlayList .modal__contenido .textoOrden p {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayList .modal__contenido .inputModal .iconoDropdown path, body.light .overlayList .modal__contenido .serviceName .iconoDropdown path, body.light .overlayList .modal__contenido .fecha .selector .iconoDropdown path, body.light .overlayList .modal__contenido .estado .estado__header .iconoDropdown path, body.light .overlayList .modal__contenido .textoOrden .iconoDropdown path {
  fill: rgba(18, 18, 18, 0.8);
}
body.light .overlayList .modal__contenido .inputModal:hover p, body.light .overlayList .modal__contenido .serviceName:hover p, body.light .overlayList .modal__contenido .fecha .selector:hover p, body.light .overlayList .modal__contenido .estado .estado__header:hover p, body.light .overlayList .modal__contenido .textoOrden:hover p {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.8;
}
body.light .overlayList .modal__contenido .fecha__encabezado {
  color: rgba(18, 18, 18, 0.6);
}
body.light .overlayList .modal__contenido .fecha .iconoCalendario path {
  fill: rgba(18, 18, 18, 0.6);
}
body.light .overlayList .modal__contenido .textoOrden {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayList .modal__contenido .textoOrden::-webkit-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayList .modal__contenido .textoOrden::-moz-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayList .modal__contenido .textoOrden:-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayList .modal__contenido .textoOrden::-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayList .modal__contenido .textoOrden::placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayList .modal__contenido .botonSearch {
  background: rgba(253, 115, 56, 0.9490196078);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}
body.light .overlayList .modal__contenido .botonSearch:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(255, 130, 77, 0.95);
  -webkit-box-shadow: 0px 4px 12px 0px rgba(255, 217, 201, 0.48) inset, 0px 24px 32px -12px rgba(18, 18, 18, 0.1), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 12px 0px rgba(255, 217, 201, 0.48) inset, 0px 24px 32px -12px rgba(18, 18, 18, 0.1), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}
body.light .overlayList .modal__contenido .botonReset {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.06);
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.06);
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayList .modal__contenido .botonReset:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.08);
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.08);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.12) inset;
          box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.12) inset;
}

.botonNaranja {
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  width: 100%;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  border-radius: 32px;
  background: rgba(212, 84, 29, 0.9490196078);
  -webkit-box-shadow: 0px 24px 32px -12px rgba(18, 18, 18, 0.1), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 24px 32px -12px rgba(18, 18, 18, 0.1), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 1px solid rgba(255, 255, 255, 0);
}
.botonNaranja:hover:not([disabled]) {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(255, 130, 77, 0.95);
  -webkit-box-shadow: 0px 4px 12px 0px rgba(255, 217, 201, 0.48) inset, 0px 24px 32px -12px var(--neutral-neutral-410, rgba(18, 18, 18, 0.1)), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 12px 0px rgba(255, 217, 201, 0.48) inset, 0px 24px 32px -12px var(--neutral-neutral-410, rgba(18, 18, 18, 0.1)), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}
.botonNaranja[disabled] {
  cursor: default;
  opacity: 0.5;
  color: rgba(248, 248, 248, 0.9490196078);
}

body.light {
  background-color: #EFEFEF;
}
body.light .botonNaranja {
  background: rgba(253, 115, 56, 0.9490196078);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}

body.light {
  background-color: #EFEFEF;
  /* =====================================
  =               MARK:Modal Info                
  ===================================== */
  /* =====================================
  =               MARK:Responsive                
  ===================================== */
}
body.light .placeOrder {
  color: #121212;
}
body.light .placeOrder h2 {
  color: #121212;
}
body.light .placeOrder .orden__header {
  background: white;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.4) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.4) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.1) 0%, rgba(248, 248, 248, 0.04) 44.62%);
}
body.light .placeOrder .orden__header.activo {
  color: #121212;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.2) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.2) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-filter: drop-shadow(0px 4px 8px rgba(18, 18, 18, 0.04));
          filter: drop-shadow(0px 4px 8px rgba(18, 18, 18, 0.04));
}
body.light .placeOrder .orden__header p {
  color: rgba(18, 18, 18, 0.8);
}
body.light .placeOrder .orden__body {
  background: rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.2) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.2) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  /* Action Body
  ===================================== */
  /* Info Body
  ===================================== */
}
body.light .placeOrder .orden__body .action {
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.4) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.4) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-filter: drop-shadow(0px 4px 8px rgba(18, 18, 18, 0.04));
          filter: drop-shadow(0px 4px 8px rgba(18, 18, 18, 0.04));
}
body.light .placeOrder .orden__body .action__header .left__encabezado,
body.light .placeOrder .orden__body .action__header .rigth__encabezado {
  color: rgba(18, 18, 18, 0.8);
}
body.light .placeOrder .orden__body .action__header .left__footer,
body.light .placeOrder .orden__body .action__header .rigth__footer {
  color: #121212;
}
body.light .placeOrder .orden__body .action__header .left {
  background: linear-gradient(278deg, rgba(83, 255, 121, 0.08) 0%, rgba(83, 255, 121, 0.2) 100%), rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.24) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.24) inset;
}
body.light .placeOrder .orden__body .action__header .rigth {
  background: linear-gradient(278deg, rgba(160, 252, 255, 0.08) 0%, rgba(160, 252, 255, 0.2) 100%), rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.24) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.24) inset;
}
body.light .placeOrder .orden__body .action__imei__header, body.light .placeOrder .orden__body .action__nota, body.light .placeOrder .orden__body .action__email {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.06);
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.06);
}
body.light .placeOrder .orden__body .action__imei__header textarea.imei, body.light .placeOrder .orden__body .action__nota textarea.imei, body.light .placeOrder .orden__body .action__email textarea.imei {
  color: rgba(18, 18, 18, 0.8);
}
body.light .placeOrder .orden__body .action__imei__header textarea.imei::-webkit-input-placeholder, body.light .placeOrder .orden__body .action__nota textarea.imei::-webkit-input-placeholder, body.light .placeOrder .orden__body .action__email textarea.imei::-webkit-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .placeOrder .orden__body .action__imei__header textarea.imei::-moz-placeholder, body.light .placeOrder .orden__body .action__nota textarea.imei::-moz-placeholder, body.light .placeOrder .orden__body .action__email textarea.imei::-moz-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .placeOrder .orden__body .action__imei__header textarea.imei:-ms-input-placeholder, body.light .placeOrder .orden__body .action__nota textarea.imei:-ms-input-placeholder, body.light .placeOrder .orden__body .action__email textarea.imei:-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .placeOrder .orden__body .action__imei__header textarea.imei::-ms-input-placeholder, body.light .placeOrder .orden__body .action__nota textarea.imei::-ms-input-placeholder, body.light .placeOrder .orden__body .action__email textarea.imei::-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .placeOrder .orden__body .action__imei__header textarea.imei::placeholder, body.light .placeOrder .orden__body .action__nota textarea.imei::placeholder, body.light .placeOrder .orden__body .action__email textarea.imei::placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .placeOrder .orden__body .action__imei__header .switch, body.light .placeOrder .orden__body .action__nota .switch, body.light .placeOrder .orden__body .action__email .switch {
  background-color: rgba(18, 18, 18, 0.2);
}
body.light .placeOrder .orden__body .action__imei__header .switch.activo, body.light .placeOrder .orden__body .action__nota .switch.activo, body.light .placeOrder .orden__body .action__email .switch.activo {
  background-color: #FD7338;
}
body.light .placeOrder .orden__body .action__imei__header .switch.activo .bola, body.light .placeOrder .orden__body .action__nota .switch.activo .bola, body.light .placeOrder .orden__body .action__email .switch.activo .bola {
  background-color: #f8f8f8;
}
body.light .placeOrder .orden__body .action__imei__header .switch .bola, body.light .placeOrder .orden__body .action__nota .switch .bola, body.light .placeOrder .orden__body .action__email .switch .bola {
  background: rgba(255, 255, 255, 0.521);
  -webkit-box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.164);
          box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.164);
}
body.light .placeOrder .orden__body .action__imei__footer {
  color: rgba(18, 18, 18, 0.8);
}
body.light .placeOrder .orden__body .action__nota, body.light .placeOrder .orden__body .action__email {
  width: 100%;
}
body.light .placeOrder .orden__body .action__nota textarea,
body.light .placeOrder .orden__body .action__nota input, body.light .placeOrder .orden__body .action__email textarea,
body.light .placeOrder .orden__body .action__email input {
  color: #121212;
}
body.light .placeOrder .orden__body .action__nota textarea::-webkit-input-placeholder, body.light .placeOrder .orden__body .action__nota input::-webkit-input-placeholder, body.light .placeOrder .orden__body .action__email textarea::-webkit-input-placeholder, body.light .placeOrder .orden__body .action__email input::-webkit-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .placeOrder .orden__body .action__nota textarea::-moz-placeholder, body.light .placeOrder .orden__body .action__nota input::-moz-placeholder, body.light .placeOrder .orden__body .action__email textarea::-moz-placeholder, body.light .placeOrder .orden__body .action__email input::-moz-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .placeOrder .orden__body .action__nota textarea:-ms-input-placeholder, body.light .placeOrder .orden__body .action__nota input:-ms-input-placeholder, body.light .placeOrder .orden__body .action__email textarea:-ms-input-placeholder, body.light .placeOrder .orden__body .action__email input:-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .placeOrder .orden__body .action__nota textarea::-ms-input-placeholder, body.light .placeOrder .orden__body .action__nota input::-ms-input-placeholder, body.light .placeOrder .orden__body .action__email textarea::-ms-input-placeholder, body.light .placeOrder .orden__body .action__email input::-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .placeOrder .orden__body .action__nota textarea::placeholder,
body.light .placeOrder .orden__body .action__nota input::placeholder, body.light .placeOrder .orden__body .action__email textarea::placeholder,
body.light .placeOrder .orden__body .action__email input::placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .placeOrder .orden__body .action__nota textarea:hover::-webkit-input-placeholder, body.light .placeOrder .orden__body .action__nota input:hover::-webkit-input-placeholder, body.light .placeOrder .orden__body .action__email textarea:hover::-webkit-input-placeholder, body.light .placeOrder .orden__body .action__email input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.8;
}
body.light .placeOrder .orden__body .action__nota textarea:hover::-moz-placeholder, body.light .placeOrder .orden__body .action__nota input:hover::-moz-placeholder, body.light .placeOrder .orden__body .action__email textarea:hover::-moz-placeholder, body.light .placeOrder .orden__body .action__email input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.8;
}
body.light .placeOrder .orden__body .action__nota textarea:hover:-ms-input-placeholder, body.light .placeOrder .orden__body .action__nota input:hover:-ms-input-placeholder, body.light .placeOrder .orden__body .action__email textarea:hover:-ms-input-placeholder, body.light .placeOrder .orden__body .action__email input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.8;
}
body.light .placeOrder .orden__body .action__nota textarea:hover::-ms-input-placeholder, body.light .placeOrder .orden__body .action__nota input:hover::-ms-input-placeholder, body.light .placeOrder .orden__body .action__email textarea:hover::-ms-input-placeholder, body.light .placeOrder .orden__body .action__email input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.8;
}
body.light .placeOrder .orden__body .action__nota textarea:hover::placeholder,
body.light .placeOrder .orden__body .action__nota input:hover::placeholder, body.light .placeOrder .orden__body .action__email textarea:hover::placeholder,
body.light .placeOrder .orden__body .action__email input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.8;
}
body.light .placeOrder .orden__body .action__email .iconoEmailForm path {
  stroke: #121212;
}
body.light .placeOrder .orden__body .action__info {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.06);
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.06);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
body.light .placeOrder .orden__body .action__info:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: rgba(248, 248, 248, 0.15);
}
body.light .placeOrder .orden__body .action__info .iconoInfo path {
  fill: rgba(18, 18, 18, 0.6);
}
body.light .placeOrder .orden__body .action__info p {
  color: #121212;
}
body.light .placeOrder .orden__body .action .degradadoFlotante {
  position: absolute;
  top: 40%;
  left: -20%;
  z-index: -1;
}
body.light .placeOrder .orden__body .action .degradadoFlotante img {
  width: 180px;
  height: 260px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  fill: linear-gradient(125deg, #8854DD 46.24%, #ED5F0F 82.69%);
  border-radius: 32px;
  opacity: 0.2;
  background: var linear-gradient(158deg, rgba(255, 255, 255, 0.06) 14.19%, rgba(255, 255, 255, 0) 50.59%, rgba(255, 255, 255, 0) 68.79%, rgba(255, 255, 255, 0.02) 105.18%);
  -webkit-filter: blur(24px);
          filter: blur(24px);
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
}
body.light .placeOrder .orden__body .info h4 {
  color: #121212;
  font-weight: 600;
}
body.light .placeOrder .orden__body .info p,
body.light .placeOrder .orden__body .info ul,
body.light .placeOrder .orden__body .info li {
  color: rgba(18, 18, 18, 0.8);
  font-weight: 400;
}
body.light .placeOrder .orden__body .info h5 {
  color: #121212;
  font-weight: 600;
}
@media (width <= 660px) {
  body.light .overlayInfo .modal__header {
    color: #121212;
  }
  body.light .overlayInfo .modal__contenido {
    background: rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.2) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
            box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.2) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  }
  body.light .overlayInfo .modal__contenido h4 {
    color: #121212;
    font-weight: 600;
  }
  body.light .overlayInfo .modal__contenido p,
  body.light .overlayInfo .modal__contenido ul,
  body.light .overlayInfo .modal__contenido li {
    color: rgba(18, 18, 18, 0.8);
    font-weight: 400;
  }
  body.light .overlayInfo .modal__contenido h5 {
    color: #121212;
    font-weight: 600;
  }
  body.light .overlayInfo .modal__boton {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.06);
    background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.06);
  }
  body.light .overlayInfo .modal__boton p {
    color: rgba(18, 18, 18, 0.6);
  }
  body.light .overlayInfo .modal__boton:hover {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.08);
    background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.08);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.12) inset;
            box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.12) inset;
  }
  body.light .overlayInfo .modal__boton .iconoFlechaAtras svg,
  body.light .overlayInfo .modal__boton .iconoFlechaAtras path {
    stroke: rgba(18, 18, 18, 0.6);
  }
}
@media (width <= 660px) {
  body.light .placeOrder .orden__header {
    max-height: none;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  body.light .placeOrder .orden__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  body.light .placeOrder .orden__body .action__header {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  body.light .placeOrder .orden__body .info {
    display: none;
  }
  body.light .placeOrder .orden__body .action__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (width <= 420px) {
  body.light .placeOrder .orden__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  body.light .placeOrder .orden__body .action,
  body.light .placeOrder .orden__body .info {
    max-height: none;
  }
  body.light .placeOrder .orden__body .action__header {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media (height <= 800px) {
  body.light .overlayInfo {
    height: 100vh;
    overflow: hidden;
  }
  body.light .overlayInfo .modal {
    max-height: calc(100vh - 106px);
    margin: 20px;
    overflow-y: auto;
  }
  body.light .overlayInfo .modal__contenido {
    height: auto;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content;
  }
}

.usernameDropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  gap: 8px;
}
.usernameDropdown__contenedor {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.usernameDropdown .elementoDropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  width: 100%;
  width: 216px;
  height: 48px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  opacity: 0.8;
  border-radius: 32px;
  color: rgba(248, 248, 248, 0.7);
  cursor: pointer;
  padding: 12px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.usernameDropdown .elementoDropdown.activo {
  color: #ffffff;
  background: linear-gradient(142deg, rgba(216, 216, 216, 0.1) 0%, rgba(196, 196, 196, 0.04) 44.62%);
  -webkit-box-shadow: 0px 6px 12px 0 rgba(255, 255, 255, 0.027) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 6px 12px 0 rgba(255, 255, 255, 0.027) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.usernameDropdown .elementoDropdown svg,
.usernameDropdown .elementoDropdown path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.usernameDropdown .elementoDropdown:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgb(248, 248, 248);
}
.usernameDropdown .elementoDropdown:hover svg,
.usernameDropdown .elementoDropdown:hover path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  fill: rgb(248, 248, 248);
}
.usernameDropdown .elementoDropdown:hover.activo {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.05);
}
.usernameDropdown .connectTelegram {
  border-radius: 32px;
  background: linear-gradient(142deg, rgba(40, 168, 234, 0.3) 0%, rgba(40, 168, 234, 0.12) 44.62%);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(40, 168, 234, 0.12) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(40, 168, 234, 0.12) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
  color: #52C4FF;
  font-family: Rubik;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  margin-bottom: 24px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.usernameDropdown .connectTelegram:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.05);
}
.usernameDropdown .logout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 16px;
  color: #FF4F6F;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  gap: 12px;
  background: linear-gradient(142deg, rgba(255, 112, 138, 0.1) 0%, rgba(255, 156, 174, 0.04) 80.39%);
  border-bottom-right-radius: 32px;
  border-bottom-left-radius: 32px;
  margin: -12px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.usernameDropdown .logout:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.02);
}

.overlayModal {
  position: fixed;
  top: 0;
  left: 0;
  content: "";
  background-color: rgba(23, 23, 23, 0.6);
  width: 100%;
  height: 100dvh;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
}
.overlayModal.visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal {
  position: relative;
  width: 100%;
  max-width: 480px;
  border-radius: calc(0.4819277108vw + 22.1927710843px);
  background: #272727;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.08) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.08) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  padding: calc(0.4819277108vw + 22.1927710843px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.overlayModal .modal__header .encabezado {
  color: rgba(248, 248, 248, 0.95);
  font-size: calc(0.2409638554vw + 15.0963855422px);
  font-weight: 400;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.overlayModal .modal__header .encabezado svg {
  width: calc(0.2409638554vw + 23.0963855422px);
}
.overlayModal .modal__header .cerrar {
  cursor: pointer;
}
.overlayModal .modal .separador, .overlayModal .modal .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .separador2, .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .overlayModal .modal .separador2 {
  content: "";
  width: 100%;
  margin-top: 24px;
  min-height: 1px;
  background-color: rgba(255, 255, 255, 0.055);
}
.overlayModal .modal__contenido {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin-top: 24px;
}

/* =====================================
=               MARK:Tema Claro                
===================================== */
body.light {
  background-color: #EFEFEF;
}
body.light .overlayModal .modal {
  background: #EDEDED;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.08) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.08) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}
body.light .overlayModal .modal__header .encabezado {
  font-weight: 500;
  color: #121212;
}
body.light .overlayModal .modal__header .encabezado svg, body.light .overlayModal .modal__header .encabezado path {
  fill: #121212;
  fill-opacity: 0.6;
}
body.light .overlayModal .modal__header .iconoCerrar svg, body.light .overlayModal .modal__header .iconoCerrar path {
  stroke: #121212;
}
body.light .overlayModal .modal .separador, body.light .overlayModal .modal .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .separador2, .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body body.light .overlayModal .modal .separador2 {
  background-color: rgba(0, 0, 0, 0.055);
}

/* =====================================
=               MARK:Responsive                
===================================== */
@media (height <= 900px) {
  .overlayModal {
    width: 100%;
    height: 100vh;
    overflow: hidden;
  }
  .overlayModal .modal {
    width: 100%;
    max-height: calc(100vh - 106px);
    overflow-y: auto;
  }
  .overlayModal .modal__contenido {
    width: 100%;
    height: auto;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content;
  }
}
.overlayModal .modal.funds {
  /* MARK: Metodo Fiat
  ===================================== */
}
.overlayModal .modal.funds .modal__contenido {
  /* MARK: Metodo Criptp
  ===================================== */
}
.overlayModal .modal.funds .modal__contenido .metodoPago {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  background: var(--neutral-neutral-25, rgba(248, 248, 248, 0.05));
  border-radius: 32px;
}
.overlayModal .modal.funds .modal__contenido .metodoPago .metodo {
  width: 100%;
  border-radius: 32px;
  color: rgba(248, 248, 248, 0.5);
  text-align: center;
  width: 100%;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  border-radius: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.funds .modal__contenido .metodoPago .metodo.activo {
  color: rgba(248, 248, 248, 0.95);
  background: rgba(212, 84, 29, 0.9490196078);
  -webkit-box-shadow: 0px 24px 32px -12px rgba(18, 18, 18, 0.1), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 24px 32px -12px rgba(18, 18, 18, 0.1), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
}
.overlayModal .modal.funds .modal__contenido .metodoPago .metodo.activo:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 32px;
}
.overlayModal .modal.funds .modal__contenido .metodoPago .metodo:hover {
  color: rgba(248, 248, 248, 0.95);
}
.overlayModal .modal.funds .modal__contenido .metodoCripto {
  display: none;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto.visible {
  display: -ms-grid;
  display: grid;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 16px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__header .input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__header {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-inline: 16px;
  padding-block: 14px;
  height: 48px;
  border-radius: 24px;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  -webkit-box-shadow: 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown:hover {
  background-color: rgba(255, 255, 255, 0.045);
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown .iconoDropdown {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 1.3em;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown .moneda {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: rgba(248, 248, 248, 0.95);
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown .cuerpo {
  z-index: 2;
  min-width: 0px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  border-radius: 24px;
  background-color: #2e2e2e;
  -webkit-box-shadow: 0px 1.5px 1px 0px rgba(248, 248, 248, 0.078) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 1.5px 1px 0px rgba(248, 248, 248, 0.078) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  height: auto;
  top: 60px;
  left: 0;
  position: absolute;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown .cuerpo .monedasInputDropdown {
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  margin-right: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  max-height: 302px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(128, 128, 128, 0.4) transparent;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown .cuerpo .monedasInputDropdown::-webkit-scrollbar-track {
  background: transparent;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown .cuerpo .monedasInputDropdown::-webkit-scrollbar-thumb {
  background: rgba(128, 128, 128, 0.4);
  border-radius: 10px;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown .cuerpo .monedasInputDropdown::-webkit-scrollbar-button {
  display: none;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown .cuerpo .monedasInputDropdown::before {
  content: "";
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: transparent;
  width: 100%;
  height: 60px;
  position: absolute;
  top: -30px;
  cursor: pointer;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown .cuerpo .monedaInputDropdown {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.7);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow-x: hidden;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown .cuerpo .monedaInputDropdown__left {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-inline: 24px;
  padding-block: 12px;
  gap: 12px;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown .cuerpo .monedaInputDropdown:hover {
  background: -webkit-gradient(linear, left top, right top, from(rgb(67, 67, 67)), to(rgba(67, 67, 67, 0)));
  background: linear-gradient(90deg, rgb(67, 67, 67) 0%, rgba(67, 67, 67, 0) 100%);
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown .cuerpo .monedaInputDropdown.activa {
  background: -webkit-gradient(linear, left top, right top, from(rgba(67, 67, 67, 0.363)), to(rgba(67, 67, 67, 0)));
  background: linear-gradient(90deg, rgba(67, 67, 67, 0.363) 0%, rgba(67, 67, 67, 0) 100%);
  color: rgb(248, 248, 248);
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown .cuerpo .monedaInputDropdown.activa:before {
  background-color: #fff;
  position: absolute;
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  left: -2%;
  bottom: 50%;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  background-color: rgba(212, 84, 29, 0.9490196078);
  -webkit-box-shadow: 0px 0px 12px 5px rgba(212, 84, 29, 0.3882352941);
          box-shadow: 0px 0px 12px 5px rgba(212, 84, 29, 0.3882352941);
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown .cuerpo .monedaInputDropdown.activa:hover {
  background: -webkit-gradient(linear, left top, right top, from(rgb(67, 67, 67)), to(rgba(67, 67, 67, 0)));
  background: linear-gradient(90deg, rgb(67, 67, 67) 0%, rgba(67, 67, 67, 0) 100%);
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown:hover .cuerpo {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
  visibility: visible;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown:hover .iconoDropdown {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  color: rgba(212, 84, 29, 0.9490196078);
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3fr 1fr;
  grid-template-columns: 3fr 1fr;
  padding: 20px;
  margin-top: 32px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 24px;
  background: rgba(23, 23, 23, 0.24);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(23, 23, 23, 0.12) inset;
          box-shadow: 0px 4px 4px 0px rgba(23, 23, 23, 0.12) inset;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__body .depositAddress {
  min-width: 0;
  padding-right: 20px;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__body .depositAddress__header {
  color: rgba(248, 248, 248, 0.7);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__body .depositAddress__header .verde {
  color: #53FF79;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__body .depositAddress__direccion {
  margin-top: 16px;
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  max-width: 232px;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__body .depositAddress__boton {
  border-radius: 24px;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  -webkit-box-shadow: 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  max-width: 120px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__body .depositAddress__boton:hover {
  background-color: rgba(255, 255, 255, 0.045);
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__footer {
  width: 100%;
  margin-top: 24px;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__footer p {
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 52px;
  padding-left: 16px;
  padding-right: 10px;
  border-radius: 32px;
  background: rgba(248, 248, 248, 0.05);
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  width: 100%;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode .left input {
  background-color: transparent;
  border: none;
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
  width: 100%;
  max-width: 350px;
  outline: none;
  color: rgba(248, 248, 248, 0.8);
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode .left input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode .left input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 1;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode .left input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 1;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode .left input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 1;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode .left input::placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode .left input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode .left input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode .left input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode .left input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode .left input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode .verify {
  border-radius: 24px;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  -webkit-box-shadow: 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  width: 100%;
  max-width: 72px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode .verify:hover {
  background-color: rgba(255, 255, 255, 0.045);
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__footer .intentosRestantes {
  margin-top: 24px;
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.overlayModal .modal.funds .modal__contenido .metodoCripto__footer .intentosRestantes span {
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.overlayModal .modal.funds .metodoFiat {
  margin-top: 12px;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.overlayModal .modal.funds .metodoFiat__header {
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  max-width: 312px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.overlayModal .modal.funds .metodoFiat__body {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  margin-top: 24px;
}
.overlayModal .modal.funds .metodoFiat__body .metodo {
  border-radius: 31px;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-inline: 24px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(248, 248, 248, 0.05);
  cursor: pointer;
}
.overlayModal .modal.funds .metodoFiat__body .metodo .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}
.overlayModal .modal.funds .metodoFiat__body .metodo .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.overlayModal .modal.funds .metodoFiat__body .metodo .right .moneda {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
}
.overlayModal .modal.funds .metodoFiat__body .metodo .right .moneda span {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: rgba(248, 248, 248, 0.9490196078);
  text-align: right;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: -3px;
}
.overlayModal .modal.funds .metodoFiat__body .metodo .right .currency {
  color: rgba(248, 248, 248, 0.7);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 8px;
  margin-top: 6px;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}
.overlayModal .modal.funds .metodoFiat__body .metodo:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(248, 248, 248, 0.1);
}
.overlayModal .modal.funds .metodoFiat.visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* =====================================
=               MARK:Responsive                
===================================== */
@media (width <= 400px) {
  .overlayModal .modal.funds .modal__contenido .metodoCripto__header {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .overlayModal .modal.funds .modal__contenido .metodoCripto__header .input {
    gap: 6px;
  }
  .overlayModal .modal.funds .modal__contenido .metodoCripto__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .overlayModal .modal.funds .modal__contenido .metodoCripto__body .depositAddress {
    padding-right: 0;
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .overlayModal .modal.funds .modal__contenido .metodoCripto__body .depositAddress__boton {
    max-width: none;
    width: 100%;
  }
  .overlayModal .modal.funds .modal__contenido .metodoCripto__body .qr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
/* =====================================
=               MARK:Tema Claro                
===================================== */
/* ========= End of Tema Claro ========= */
.overlayModal .modal.profile .modal__contenido .editarPerfil__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 32px;
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__header .left {
  cursor: pointer;
  border-radius: 20px;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  -webkit-box-shadow: 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  width: 52px;
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__header .left:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.05);
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__header .center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 92px;
  height: 92px;
  margin-left: calc(1.4457831325vw + 18.578313253px);
  margin-right: calc(1.4457831325vw + 18.578313253px);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(24, 24, 24, 0.2)), to(rgba(24, 24, 24, 0.2))), url(<path-to-image>) lightgray 6.382px 4.379px/79.576% 79.576% no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 0.03)), color-stop(79.79%, rgba(248, 248, 248, 0.01))), #282828;
  background: linear-gradient(0deg, rgba(24, 24, 24, 0.2) 0%, rgba(24, 24, 24, 0.2) 100%), url(<path-to-image>) lightgray 6.382px 4.379px/79.576% 79.576% no-repeat, linear-gradient(180deg, rgba(248, 248, 248, 0.03) 0%, rgba(248, 248, 248, 0.01) 79.79%), #282828;
  -webkit-box-shadow: 1px 2px 1px inset rgba(255, 255, 255, 0.055), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 1px 2px 1px inset rgba(255, 255, 255, 0.055), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  background-color: rgba(255, 255, 255, 0.0196078431);
  border-radius: 50%;
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__header .center img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 80%;
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__header .right {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 20px;
  background: linear-gradient(142deg, rgba(255, 112, 138, 0.1) 0%, rgba(255, 156, 174, 0.04) 80.39%);
  -webkit-box-shadow: 2px 4px 4px 0px rgba(248, 248, 248, 0.021) inset;
          box-shadow: 2px 4px 4px 0px rgba(248, 248, 248, 0.021) inset;
  width: 52px;
  height: 52px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__header .right:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__datos {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 52px;
  padding-left: 16px;
  padding-right: 12px;
  border-radius: 32px;
  background: rgba(248, 248, 248, 0.05);
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  width: 100%;
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario input {
  background-color: transparent;
  border: none;
  color: rgba(248, 248, 248, 0.9490196078);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
  width: 100%;
  max-width: 350px;
  outline: none;
  color: rgba(248, 248, 248, 0.8);
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario input::placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario .change {
  border-radius: 24px;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  -webkit-box-shadow: 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  width: 100%;
  max-width: 84px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario .change:hover {
  background-color: rgba(255, 255, 255, 0.045);
}
@media (width <= 355px) {
  .overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario .change {
    display: none;
  }
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__nombre {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 16px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 48px;
}
@media (width <= 355px) {
  .overlayModal .modal.profile .modal__contenido .editarPerfil__nombre {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__nombre .inputUsuario {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 52px;
  padding-left: 16px;
  padding-right: 20px;
  border-radius: 32px;
  background: rgba(248, 248, 248, 0.05);
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__nombre .inputUsuario .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  width: 100%;
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__nombre .inputUsuario input {
  background-color: transparent;
  border: none;
  color: rgba(248, 248, 248, 0.9490196078);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
  width: 100%;
  max-width: 350px;
  outline: none;
  color: rgba(248, 248, 248, 0.8);
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__nombre .inputUsuario input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__nombre .inputUsuario input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__nombre .inputUsuario input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__nombre .inputUsuario input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__nombre .inputUsuario input::placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__nombre .inputUsuario input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__nombre .inputUsuario input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__nombre .inputUsuario input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__nombre .inputUsuario input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__nombre .inputUsuario input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__botones {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  width: 100%;
  margin-top: 32px;
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__botones .changePassword,
.overlayModal .modal.profile .modal__contenido .editarPerfil__botones .confirmChanges {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 16px 12px;
  border-radius: 32px;
  cursor: default;
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__botones .changePassword {
  background-color: rgba(248, 248, 248, 0.1);
  color: #9B9B9B;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__botones .changePassword:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(248, 248, 248, 0.15);
  color: #e0e0e0;
}
.overlayModal .modal.profile .modal__contenido .editarPerfil__botones .confirmChanges {
  opacity: 0.5;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.95)), to(rgba(212, 84, 29, 0.95))), var(--neutral-neutral-440, rgba(18, 18, 18, 0.4));
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.95) 0%, rgba(212, 84, 29, 0.95) 100%), var(--neutral-neutral-440, rgba(18, 18, 18, 0.4));
  -webkit-box-shadow: 0px 24px 32px -12px var(--neutral-neutral-410, rgba(18, 18, 18, 0.1)), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 24px 32px -12px var(--neutral-neutral-410, rgba(18, 18, 18, 0.1)), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  color: rgba(248, 248, 248, 0.9490196078);
}

.overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .inputRangoIP, .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 52px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 32px;
  background: rgba(248, 248, 248, 0.05);
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .inputRangoIP input, .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido input {
  background-color: transparent;
  border: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
  width: 100%;
  max-width: 350px;
  outline: none;
  color: rgba(248, 248, 248, 0.8);
}
.overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .inputRangoIP input::-webkit-input-placeholder, .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .inputRangoIP input::-moz-placeholder, .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 1;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .inputRangoIP input:-ms-input-placeholder, .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 1;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .inputRangoIP input::-ms-input-placeholder, .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 1;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .inputRangoIP input::placeholder, .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido input::placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .inputRangoIP input:hover::-webkit-input-placeholder, .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .inputRangoIP input:hover::-moz-placeholder, .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .inputRangoIP input:hover:-ms-input-placeholder, .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .inputRangoIP input:hover::-ms-input-placeholder, .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .inputRangoIP input:hover::placeholder, .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .notaRangoIP {
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 20px;
}
.overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 24px;
  cursor: pointer;
}
.overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido:hover p {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgb(248, 248, 248);
}
.overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
  width: 100%;
  max-width: 350px;
  outline: none;
  color: rgba(248, 248, 248, 0.8);
}
.overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido .iconoDropdown {
  font-size: 1.3em;
}
.overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .agregarPais {
  margin-top: 20px;
  border-radius: 31px;
  height: 52px;
  border: 2px solid rgba(248, 248, 248, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #9B9B9B;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  gap: 12px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .agregarPais .iconoMas svg,
.overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .agregarPais path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .agregarPais:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(247, 247, 247, 0.7);
}
.overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .agregarPais:hover .iconoMas svg,
.overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .agregarPais:hover path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  fill-opacity: 0.8;
}
.overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .botonesInferiores {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  width: 100%;
  margin-top: 32px;
}

.botonGrisApapagado {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 16px 12px;
  border-radius: 32px;
  cursor: default;
  background: rgba(248, 248, 248, 0.1);
  color: #9B9B9B;
}

body.light {
  background-color: #EFEFEF;
}
body.light .botonGrisApapagado {
  border: 1px solid var(--stroke-15-card, rgba(255, 255, 255, 0.4));
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.06);
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.06);
  color: rgba(18, 18, 18, 0.8);
}

.botonNaranjaApagado {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 16px 12px;
  border-radius: 32px;
  cursor: default;
  opacity: 0.5;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.95)), to(rgba(212, 84, 29, 0.95))), var(--neutral-neutral-440, rgba(18, 18, 18, 0.4));
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.95) 0%, rgba(212, 84, 29, 0.95) 100%), var(--neutral-neutral-440, rgba(18, 18, 18, 0.4));
  -webkit-box-shadow: 0px 24px 32px -12px var(--neutral-neutral-410, rgba(18, 18, 18, 0.1)), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 24px 32px -12px var(--neutral-neutral-410, rgba(18, 18, 18, 0.1)), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  color: rgba(248, 248, 248, 0.9490196078);
}

body.light {
  background-color: #EFEFEF;
}
body.light .botonNaranjaApagado {
  border: 1px solid rgba(255, 255, 255, 0.4);
  opacity: 0.5;
  background: rgba(253, 115, 56, 0.95);
  -webkit-box-shadow: 0px 24px 32px -12px var(--neutral-neutral-410, rgba(18, 18, 18, 0.1)), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 24px 32px -12px var(--neutral-neutral-410, rgba(18, 18, 18, 0.1)), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}

.overlayModal .modal.twofa .modal__contenido .seguridad2FA__header {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.overlayModal .modal.twofa .modal__contenido .seguridad2FA__header a {
  color: rgba(248, 248, 248, 0.9490196078);
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.overlayModal .modal.twofa .modal__contenido .seguridad2FA__header a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(255, 255, 255, 0.9490196078);
}
.overlayModal .modal.twofa .modal__contenido .copiarCodigo {
  margin-top: 4px;
  border-radius: 32px;
  background: rgba(248, 248, 248, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 14px 16px;
  gap: 12px;
}
.overlayModal .modal.twofa .modal__contenido .copiarCodigo .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.056px;
  width: 100%;
  min-width: 0;
}
.overlayModal .modal.twofa .modal__contenido .copiarCodigo .left .iconoCopiar {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.overlayModal .modal.twofa .modal__contenido .copiarCodigo .left span {
  overflow: hidden;
  min-width: 0;
  text-overflow: ellipsis;
}
.overlayModal .modal.twofa .modal__contenido .copiarCodigo .copiar {
  border-radius: 24px;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  -webkit-box-shadow: 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.overlayModal .modal.twofa .modal__contenido .copiarCodigo .copiar:hover {
  background-color: rgba(255, 255, 255, 0.045);
}
.overlayModal .modal.twofa .modal__contenido .scanQR {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3fr 37px 1fr;
  grid-template-columns: 3fr 1fr;
  gap: 37px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: calc(0.2409638554vw + 19.0963855422px);
  background: rgba(23, 23, 23, 0.24);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(23, 23, 23, 0.12) inset;
          box-shadow: 0px 4px 4px 0px rgba(23, 23, 23, 0.12) inset;
  padding: 16px 20px;
}
.overlayModal .modal.twofa .modal__contenido .scanQR .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.overlayModal .modal.twofa .modal__contenido .scanQR .left__header {
  color: rgba(248, 248, 248, 0.95);
  font-family: Rubik;
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.overlayModal .modal.twofa .modal__contenido .scanQR .left__body {
  color: rgba(248, 248, 248, 0.7);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.overlayModal .modal.twofa .modal__contenido .scanQR .left__footer,
.overlayModal .modal.twofa .modal__contenido .scanQR .left__footer2 {
  color: rgba(248, 248, 248, 0.7);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.overlayModal .modal.twofa .modal__contenido .scanQR .left__footer .circulo,
.overlayModal .modal.twofa .modal__contenido .scanQR .left__footer2 .circulo {
  content: "";
  border-radius: 24px;
  min-width: 18px;
  min-height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(23, 23, 23, 0.64);
  -webkit-box-shadow: 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0px 0px 0px 5px rgba(23, 23, 23, 0.64);
          box-shadow: 0px 0px 0px 5px rgba(23, 23, 23, 0.64);
  cursor: pointer;
}
.overlayModal .modal.twofa .modal__contenido .scanQR .left__footer .circulo .check,
.overlayModal .modal.twofa .modal__contenido .scanQR .left__footer2 .circulo .check {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.overlayModal .modal.twofa .modal__contenido .scanQR .left__footer .circulo.activo,
.overlayModal .modal.twofa .modal__contenido .scanQR .left__footer2 .circulo.activo {
  border-radius: 24px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.95)), to(rgba(212, 84, 29, 0.95))), var(--neutral-neutral-440, rgba(18, 18, 18, 0.4));
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.95) 0%, rgba(212, 84, 29, 0.95) 100%), var(--neutral-neutral-440, rgba(18, 18, 18, 0.4));
  -webkit-box-shadow: 0px 0px 0px 5px rgba(212, 84, 29, 0.192);
          box-shadow: 0px 0px 0px 5px rgba(212, 84, 29, 0.192);
}
.overlayModal .modal.twofa .modal__contenido .scanQR .left__footer .circulo.activo .check,
.overlayModal .modal.twofa .modal__contenido .scanQR .left__footer2 .circulo.activo .check {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.overlayModal .modal.twofa .modal__contenido .scanQR .left__footer .circulo.activo:hover,
.overlayModal .modal.twofa .modal__contenido .scanQR .left__footer2 .circulo.activo:hover {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 0px 5px rgba(212, 84, 29, 0.411);
          box-shadow: 0px 0px 0px 5px rgba(212, 84, 29, 0.411);
}
.overlayModal .modal.twofa .modal__contenido .scanQR .left__footer2 {
  display: none;
}
.overlayModal .modal.twofa .modal__contenido .codigoVerificacion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.overlayModal .modal.twofa .modal__contenido .codigoVerificacion__encabezado {
  margin-top: calc(0.5421686747vw + 0.9668674699px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.overlayModal .modal.twofa .modal__contenido .codigoVerificacion .campos .inputNumeros {
  margin-top: calc(0.2409638554vw + 15.0963855422px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: flex;
  gap: 16px;
}
.overlayModal .modal.twofa .modal__contenido .codigoVerificacion .campos .inputNumeros .numero {
  border: none;
  outline: none;
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  font-family: "Host Grotesk";
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: clamp(39px, 10.5vw, 56px);
  height: clamp(40px, 10.5vw, 56px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  border-radius: calc(0.2409638554vw + 11.0963855422px);
  background: rgba(248, 248, 248, 0.05);
}
.overlayModal .modal.twofa .modal__contenido .codigoVerificacion .campos .inputNumeros .numero.marcado {
  background: rgba(248, 248, 248, 0.15);
}
.overlayModal .modal.twofa .botonesInferiores {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

/* =====================================
=             MARK:Responsive                
===================================== */
@media (width <= 400px) {
  .overlayModal .modal.twofa .modal__contenido .scanQR {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
  }
  .overlayModal .modal.twofa .modal__contenido .scanQR .left {
    text-align: center;
  }
  .overlayModal .modal.twofa .modal__contenido .scanQR .left__footer {
    display: none;
  }
  .overlayModal .modal.twofa .modal__contenido .scanQR .left__footer .textoCheck,
  .overlayModal .modal.twofa .modal__contenido .scanQR .left__footer .circulo {
    display: none;
  }
  .overlayModal .modal.twofa .modal__contenido .scanQR .left__footer2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .overlayModal .modal.twofa .modal__contenido .QR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .overlayModal .modal.twofa .modal__contenido .left__footer2 {
    margin-top: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}
@media (width <= 480px) {
  .overlayModal .modal.twofa .modal__contenido .codigoVerificacion .campos .inputNumeros {
    gap: 9px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .overlayModal .modal.twofa .modal__contenido .codigoVerificacion .campos .inputNumeros .numero {
    font-size: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (width <= 360px) {
  .overlayModal .modal.twofa .modal__contenido .codigoVerificacion .campos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .overlayModal .modal.twofa .modal__contenido .codigoVerificacion .campos .inputNumeros {
    max-width: 240px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .overlayModal .modal.twofa .modal__contenido .codigoVerificacion .campos .inputNumeros .numero {
    min-width: 56px;
    min-height: 56px;
  }
}
.botonTerciario {
  color: rgba(212, 84, 29, 0.9490196078);
  padding: 16px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.botonTerciario:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(255, 130, 77, 0.95);
}

body.light {
  background-color: #EFEFEF;
}
body.light .botonTerciario {
  font-size: 14px;
  font-weight: 500;
  color: rgba(253, 115, 56, 0.9490196078);
}

.overlayModal .modal.api .modal__contenido .inputApiToken, body.light .overlayModal .modal.api .modal__contenido .inputIPAddress, .overlayModal .modal.api .modal__contenido .inputIPAddress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 52px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 32px;
  background: rgba(248, 248, 248, 0.05);
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.overlayModal .modal.api .modal__contenido .inputApiToken svg, body.light .overlayModal .modal.api .modal__contenido .inputIPAddress svg, .overlayModal .modal.api .modal__contenido .inputIPAddress svg {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.overlayModal .modal.api .modal__contenido .inputApiToken span, body.light .overlayModal .modal.api .modal__contenido .inputIPAddress span, .overlayModal .modal.api .modal__contenido .inputIPAddress span {
  background-color: transparent;
  border: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
  width: 100%;
  max-width: 350px;
  outline: none;
  color: rgba(248, 248, 248, 0.8);
  cursor: default;
}
.overlayModal .modal.api .modal__contenido .inputApiToken span.copiar, .overlayModal .modal.api .modal__contenido .inputIPAddress span.copiar {
  cursor: pointer;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  border-radius: 24px;
  background-color: rgba(248, 248, 248, 0.2);
  padding: 6px;
}
.overlayModal .modal.api .modal__contenido .inputApiToken span.copiar svg, .overlayModal .modal.api .modal__contenido .inputIPAddress span.copiar svg,
.overlayModal .modal.api .modal__contenido .inputApiToken span.copiar path,
.overlayModal .modal.api .modal__contenido .inputIPAddress span.copiar path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.api .modal__contenido .inputApiToken span.copiar:hover, .overlayModal .modal.api .modal__contenido .inputIPAddress span.copiar:hover {
  background-color: rgba(248, 248, 248, 0.25);
}
.overlayModal .modal.api .modal__contenido .inputApiToken span.copiar:hover svg, .overlayModal .modal.api .modal__contenido .inputIPAddress span.copiar:hover svg,
.overlayModal .modal.api .modal__contenido .inputApiToken span.copiar:hover path,
.overlayModal .modal.api .modal__contenido .inputIPAddress span.copiar:hover path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  fill-opacity: 1;
}
.overlayModal .modal.api .modal__contenido .inputIPAddress input {
  background-color: transparent;
  border: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
  width: 100%;
  max-width: 350px;
  outline: none;
  color: rgba(248, 248, 248, 0.8);
}
.overlayModal .modal.api .modal__contenido .inputIPAddress input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.api .modal__contenido .inputIPAddress input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.api .modal__contenido .inputIPAddress input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.api .modal__contenido .inputIPAddress input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.api .modal__contenido .inputIPAddress input::placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.api .modal__contenido .inputIPAddress input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.api .modal__contenido .inputIPAddress input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.api .modal__contenido .inputIPAddress input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.api .modal__contenido .inputIPAddress input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.api .modal__contenido .inputIPAddress input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.api .modal__contenido .direccionesIp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.overlayModal .modal.api .modal__contenido .direccionesIp .direccion {
  margin-top: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  height: 32px;
  border-radius: 24px;
  padding: 16px 8px;
  padding-left: 12px;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  -webkit-box-shadow: 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  color: rgba(248, 248, 248, 0.7);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.overlayModal .modal.api .modal__contenido .direccionesIp .direccion:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.035);
}
.overlayModal .modal.api .modal__contenido .direccionesIp .direccion .botonCerrar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  border-radius: 24px;
  background: rgba(248, 248, 248, 0.1);
  min-width: 20px;
  min-height: 20px;
  cursor: pointer;
}
.overlayModal .modal.api .modal__contenido .notaIp {
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.overlayModal .modal.api .modal__contenido .notaIp p {
  max-width: 336px;
  opacity: 0.8;
}
.overlayModal .modal.api .modal__contenido .botonNaranja {
  margin-top: 12px;
}
.overlayModal .modal.api .modal__contenido .botonAtras {
  height: 54px;
  color: #9B9B9B;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.overlayModal .modal.api .modal__contenido .botonesInferiores {
  margin-top: 4px;
  display: -ms-grid;
  display: grid;
  gap: 16px;
  -ms-grid-columns: 1fr 16px 1fr;
  grid-template-columns: 1fr 1fr;
}

/* =====================================
=               Responsive                
===================================== */
@media (width <= 450px) {
  .overlayModal .modal.api .modal__contenido .botonesInferiores {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media (width <= 360px) {
  .overlayModal .modal.api .modal__contenido .direccionesIp {
    max-height: 125px;
    overflow: scroll;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.botonOutline {
  border-radius: 31px;
  height: 52px;
  border: 2px solid rgba(248, 248, 248, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #9B9B9B;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  gap: 12px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.botonOutline .iconoMas svg,
.botonOutline path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.botonOutline:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(247, 247, 247, 0.7);
  border: 2px solid rgba(248, 248, 248, 0.2);
}
.botonOutline:hover .iconoMas svg,
.botonOutline:hover path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  fill-opacity: 0.8;
}

body.light {
  background-color: #EFEFEF;
}
body.light .botonOutline {
  border-radius: 31px;
  border: 2px solid rgba(18, 18, 18, 0.1);
  color: rgba(18, 18, 18, 0.6);
}
body.light .botonOutline:hover {
  color: rgba(18, 18, 18, 0.9);
  border: 2px solid rgba(18, 18, 18, 0.2);
}

.invoices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  width: 100%;
  max-width: 1280px;
  padding: 20px;
}
.invoices__contenedor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.invoices h2 {
  color: rgba(248, 248, 248, 0.95);
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}
.invoices .tabla .fila {
  -ms-grid-columns: 1fr 1fr 1.25fr 2fr 1fr 80px 80px;
  grid-template-columns: 1fr 1fr 1.25fr 2fr 1fr 80px 80px;
}
.invoices .tabla .bold {
  color: rgba(248, 248, 248, 0.95);
}

/* =====================================
=               MARK:Tabla Mobile                
===================================== */
@media (width >= 677px) {
  .tabla.facturasMobile {
    display: none;
  }
}
@media (width <= 676px) {
  .tabla.facturasMobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .tabla.facturasMobile .filaMobile {
    border-radius: 24px;
    padding: 16px 24px;
  }
  .tabla.facturasMobile .filaMobile:nth-child(odd) {
    background: rgba(248, 248, 248, 0.05);
  }
  .tabla.facturasMobile .filaMobile .headerTabla {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
  }
  .tabla.facturasMobile .filaMobile .headerTabla .botonCompletado,
  .tabla.facturasMobile .filaMobile .headerTabla .botonView {
    max-width: 85px;
    min-width: 85px;
  }
  .tabla.facturasMobile .filaMobile .headerTabla .id {
    color: rgba(248, 248, 248, 0.6);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 0;
    gap: 4px;
  }
  .tabla.facturasMobile .filaMobile .headerTabla p {
    min-width: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    color: rgba(248, 248, 248, 0.95);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
  }
  .tabla.facturasMobile .filaMobile .bodyTabla {
    margin-top: 24px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 16px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .tabla.facturasMobile .filaMobile .bodyTabla .columnaDerecha {
    text-align: right;
  }
  .tabla.facturasMobile .filaMobile .bodyTabla .columnaIzquierda,
  .tabla.facturasMobile .filaMobile .bodyTabla .columnaDerecha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
  .tabla.facturasMobile .filaMobile .bodyTabla .grupo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
  .tabla.facturasMobile .filaMobile .bodyTabla .grupo__header {
    color: rgba(248, 248, 248, 0.7);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
  }
  .tabla.facturasMobile .filaMobile .bodyTabla .grupo__footer {
    color: rgba(248, 248, 248, 0.5);
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
  }
}
/* =====================================
=         MARK:Overlay Details                
===================================== */
.overlayModal .bold {
  overflow: hidden;
  color: rgba(248, 248, 248, 0.95);
  font-size: calc(0.1204819277vw + 13.5481927711px);
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.overlayModal .modal.facturas .modal__contenido .facturas__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.overlayModal .modal.facturas .modal__contenido .facturas__header .filaSuperior {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.overlayModal .modal.facturas .modal__contenido .facturas__header .filaInferior {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-top: 24px;
}
.overlayModal .modal.facturas .modal__contenido .facturas__header .filaInferior .invoiceNumber {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.overlayModal .modal.facturas .modal__contenido .facturas__header .filaInferior .invoiceNumber .bold {
  font-size: calc(0.2409638554vw + 11.0963855422px);
}
.overlayModal .modal.facturas .modal__contenido .facturas__header .filaInferior .invoiceNumber p {
  color: rgba(248, 248, 248, 0.4);
  font-family: Rubik;
  font-size: calc(0.2409638554vw + 11.0963855422px);
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.overlayModal .modal.facturas .modal__contenido .facturas__header .filaInferior .fechaFactura {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.overlayModal .modal.facturas .modal__contenido .facturas__header .filaInferior .fechaFactura .bold {
  font-size: calc(0.2409638554vw + 11.0963855422px);
}
.overlayModal .modal.facturas .modal__contenido .facturas__header .filaInferior .fechaFactura .hora {
  color: var(--Text-Secondary, rgba(248, 248, 248, 0.7));
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  font-size: calc(0.2409638554vw + 11.0963855422px);
}
.overlayModal .modal.facturas .modal__contenido .facturas__header .filaInferior .fechaFactura p {
  color: rgba(248, 248, 248, 0.4);
  font-family: Rubik;
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
@media (width <= 326px) {
  .overlayModal .modal.facturas .modal__contenido .facturas__header .filaInferior {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .overlayModal .modal.facturas .modal__contenido .facturas__header .filaInferior .invoiceNumber {
    gap: 6px;
  }
  .overlayModal .modal.facturas .modal__contenido .facturas__header .filaInferior .fechaFactura {
    margin-top: 12px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 6px;
  }
}
.overlayModal .modal.facturas .modal__contenido .facturas__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 15px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
.overlayModal .modal.facturas .modal__contenido .facturas__body .grupo {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 16px;
  background: rgba(248, 248, 248, 0.05);
  min-width: 0;
  padding: 16px 20px;
}
.overlayModal .modal.facturas .modal__contenido .facturas__body .grupo .tipo {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.overlayModal .modal.facturas .modal__contenido .facturas__body .grupo .nombre {
  margin-top: calc(0.2409638554vw + 11.0963855422px);
  color: rgba(248, 248, 248, 0.95);
  font-size: calc(0.1204819277vw + 13.5481927711px);
  font-weight: 500;
  line-height: 16px;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.overlayModal .modal.facturas .modal__contenido .facturas__body .grupo .correo {
  margin-top: 12px;
  margin-top: calc(0.2409638554vw + 7.0963855422px);
  color: rgba(248, 248, 248, 0.6);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: calc(0.1204819277vw + 9.5481927711px);
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
}
@media (width <= 320px) {
  .overlayModal .modal.facturas .modal__contenido .facturas__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.overlayModal .modal.facturas .modal__contenido .facturas__footer {
  margin-top: 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2.3fr 1fr;
  grid-template-columns: 2.3fr 1fr;
}
.overlayModal .modal.facturas .modal__contenido .facturas__footer .totalIzquierdo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.overlayModal .modal.facturas .modal__contenido .facturas__footer .totalIzquierdo .cantidad {
  overflow: hidden;
  color: rgba(248, 248, 248, 0.95);
  text-overflow: ellipsis;
  font-size: calc(0.1204819277vw + 13.5481927711px);
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.overlayModal .modal.facturas .modal__contenido .facturas__footer .totalIzquierdo .cantidad p {
  color: rgba(248, 248, 248, 0.6);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
}
.overlayModal .modal.facturas .modal__contenido .facturas__footer .totalIzquierdo .separadorVertical {
  content: "";
  width: 44px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.0666666667);
  margin-top: 18px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  margin-left: calc(1.3253012048vw + -4.9698795181px);
  margin-right: calc(1.3253012048vw + -4.9698795181px);
}
.overlayModal .modal.facturas .modal__contenido .facturas__footer .totalDerecho {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.overlayModal .modal.facturas .modal__contenido .facturas__footer .totalDerecho .cantidad {
  color: rgba(248, 248, 248, 0.95);
  text-overflow: ellipsis;
  font-size: calc(0.2409638554vw + 19.0963855422px);
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.overlayModal .modal.facturas .modal__contenido .facturas__footer .totalDerecho .cantidad p {
  color: rgba(248, 248, 248, 0.6);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
  text-align: end;
}
@media (width <= 355px) {
  .overlayModal .modal.facturas .modal__contenido .facturas__footer {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .overlayModal .modal.facturas .modal__contenido .facturas__footer .totalDerecho {
    margin-top: 20px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .overlayModal .modal.facturas .modal__contenido .facturas__footer .totalDerecho .cantidad p {
    text-align: start;
  }
}
.overlayModal .modal.facturas .modal__contenido .botonAtras {
  margin-top: 12px;
  height: 52px;
  color: #9B9B9B;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.overlayModal .botonCompletado {
  width: calc(1.2048192771vw + 60.4819277108px);
  height: calc(0.4819277108vw + 30.1927710843px);
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: default;
  border-radius: 24px;
  background: linear-gradient(142deg, rgba(172, 255, 190, 0.1) 0%, rgba(172, 255, 190, 0.04) 80.39%);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(248, 248, 248, 0.062) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 1px 1px 0px rgba(248, 248, 248, 0.062) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  color: #53FF79;
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
}
.overlayModal .botonCompletado.false {
  background: linear-gradient(142deg, rgba(255, 112, 138, 0.1) 0%, rgba(255, 112, 138, 0.04) 80.39%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  color: #FF4F6F;
}

/* =====================================
=               MARK:Responsive                
===================================== */
@media (width <= 676px) {
  .tabla.facturas {
    display: none;
  }
}
@media (width >= 677px) {
  .tabla.facturas {
    display: -ms-grid;
    display: grid;
  }
}
.overlayModal .modal.telegram .modal__contenido .telegram__header .encabezado {
  color: rgba(248, 248, 248, 0.6);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.overlayModal .modal.telegram .modal__contenido .telegram__header .codigo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-top: 24px;
  color: rgba(248, 248, 248, 0.95);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.overlayModal .modal.telegram .modal__contenido .telegram__header .codigo p {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.overlayModal .modal.telegram .modal__contenido .telegram__header .separadorTelegram {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.overlayModal .modal.telegram .modal__contenido .telegram__header .separadorTelegram .or {
  color: rgba(248, 248, 248, 0.6);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  background-color: #272727;
  z-index: 2;
  padding: 9px;
}
.overlayModal .modal.telegram .modal__contenido .telegram__header .separadorTelegram .linea {
  position: absolute;
  width: 100%;
  height: 1px;
  border: 1px solid rgba(240, 240, 240, 0.02);
  -webkit-transform: translateY(700%);
          transform: translateY(700%);
  z-index: 1;
}
.overlayModal .modal.telegram .modal__contenido .telegram__body {
  margin-top: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.overlayModal .modal.telegram .modal__contenido .telegram__body img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 16px;
  border-radius: 12px;
  background-color: rgba(23, 23, 23, 0.35);
}
.overlayModal .modal.telegram .modal__contenido .telegram__footer {
  margin-top: 40px;
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.overlayModal .modal.telegram .modal__contenido .telegram__footer a {
  color: #F3682C;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.telegram .modal__contenido .telegram__footer a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #f68b5c;
}

body.light {
  background-color: #EFEFEF;
}
body.light .overlayModal .modal.telegram .modal__contenido .telegram {
  color: #121212;
}
body.light .overlayModal .modal.telegram .modal__contenido .telegram__header .encabezado {
  color: rgba(18, 18, 18, 0.6);
}
body.light .overlayModal .modal.telegram .modal__contenido .telegram__header .encabezado .bold {
  color: #121212;
  font-weight: 500;
}
body.light .overlayModal .modal.telegram .modal__contenido .telegram__header .codigo {
  color: #121212;
  font-weight: 500;
}
body.light .overlayModal .modal.telegram .modal__contenido .telegram__header .codigo p {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.telegram .modal__contenido .telegram__header .separadorTelegram .or {
  background-color: #EDEDED;
  color: rgba(18, 18, 18, 0.6);
}
body.light .overlayModal .modal.telegram .modal__contenido .telegram__header .separadorTelegram .linea {
  border: 1px solid rgba(0, 0, 0, 0.01);
}
body.light .overlayModal .modal.telegram .modal__contenido .telegram__body img {
  padding: 24px;
  background-color: rgba(23, 23, 23, 0.12);
}
body.light .overlayModal .modal.telegram .modal__contenido .telegram__footer {
  color: rgba(18, 18, 18, 0.9);
}

body.light {
  background-color: #EFEFEF;
}
body.light .usernameDropdown .elementoDropdown {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(18, 18, 18, 0.8);
  font-weight: 600;
}
body.light .usernameDropdown .elementoDropdown .iconoElemento,
body.light .usernameDropdown .elementoDropdown svg,
body.light .usernameDropdown .elementoDropdown path {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  fill: #121212;
  fill-opacity: 0.6;
}
body.light .usernameDropdown .elementoDropdown.activo {
  color: #121212;
  font-weight: 600;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.1) 0%, rgba(248, 248, 248, 0.04) 44.62%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
body.light .usernameDropdown .elementoDropdown.activo .iconoElemento,
body.light .usernameDropdown .elementoDropdown.activo svg,
body.light .usernameDropdown .elementoDropdown.activo path {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  fill-opacity: 1;
}
body.light .usernameDropdown .elementoDropdown:hover {
  color: #121212;
}
body.light .usernameDropdown .elementoDropdown:hover svg,
body.light .usernameDropdown .elementoDropdown:hover path {
  fill-opacity: 0.9;
}
body.light .usernameDropdown .elementoDropdown:hover.activo {
  background-color: rgba(255, 255, 255, 0.616);
}
body.light .usernameDropdown .connectTelegram {
  background: linear-gradient(142deg, rgba(1, 247, 255, 0.08) 0%, rgba(1, 247, 255, 0.16) 44.62%), #FFF;
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 6px 12px 0px rgba(5, 5, 5, 0.05), 0px 4px 4px -4px rgba(5, 5, 5, 0.1);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 6px 12px 0px rgba(5, 5, 5, 0.05), 0px 4px 4px -4px rgba(5, 5, 5, 0.1);
}
body.light .usernameDropdown .connectTelegram span {
  color: #2F7DA5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
body.light .usernameDropdown .connectTelegram .iconoTelegram path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  fill: #2F7DA5;
}
body.light .usernameDropdown .connectTelegram:hover span {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #66afd4;
}
body.light .usernameDropdown .connectTelegram:hover .iconoTelegram path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  fill: #3f9ac8;
}
body.light .usernameDropdown .logout {
  color: #FF4F6F;
  height: 48px;
  background: linear-gradient(142deg, rgba(255, 79, 111, 0.2) 0%, rgba(255, 79, 111, 0.08) 80.39%);
}
body.light .usernameDropdown .logout:hover {
  background-color: rgba(255, 255, 255, 0.774);
}

body.light {
  background-color: #EFEFEF;
}
body.light .overlayModal .modal.funds {
  /* MARK: Metodo Fiat
  ===================================== */
}
body.light .overlayModal .modal.funds .modal__contenido {
  /* MARK: Metodo Criptp
  ===================================== */
}
body.light .overlayModal .modal.funds .modal__contenido .metodoPago {
  border-radius: 32px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.06);
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.06);
}
body.light .overlayModal .modal.funds .modal__contenido .metodoPago .metodo {
  color: rgba(18, 18, 18, 0.6);
}
body.light .overlayModal .modal.funds .modal__contenido .metodoPago .metodo.activo {
  color: rgba(248, 248, 248, 0.9490196078);
  background: rgba(253, 115, 56, 0.95);
  -webkit-box-shadow: 0px 24px 32px -12px var(--neutral-neutral-410, rgba(18, 18, 18, 0.1)), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 24px 32px -12px var(--neutral-neutral-410, rgba(18, 18, 18, 0.1)), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}
body.light .overlayModal .modal.funds .modal__contenido .metodoPago .metodo.activo:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 32px;
  background: rgba(255, 130, 77, 0.95);
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__header {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown {
  background: #FFF;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(248, 248, 248, 0.24) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 4px 0px rgba(248, 248, 248, 0.24) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown:hover {
  background: rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.24) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
          box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.24) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown .iconoDropdown {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown .iconoDropdown path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #121212;
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown .moneda {
  color: #121212;
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown .cuerpo {
  background-color: #FFF;
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown .cuerpo .monedaInputDropdown {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown .cuerpo .monedaInputDropdown:hover {
  background: -webkit-gradient(linear, left top, right top, from(rgba(253, 115, 56, 0.062745098)), to(rgba(67, 67, 67, 0)));
  background: linear-gradient(90deg, rgba(253, 115, 56, 0.062745098) 0%, rgba(67, 67, 67, 0) 100%);
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown .cuerpo .monedaInputDropdown.activa {
  background: -webkit-gradient(linear, left top, right top, from(rgba(253, 115, 56, 0.3019607843)), to(rgba(67, 67, 67, 0)));
  background: linear-gradient(90deg, rgba(253, 115, 56, 0.3019607843) 0%, rgba(67, 67, 67, 0) 100%);
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown .cuerpo .monedaInputDropdown.activa:before {
  background-color: #FD7338;
  -webkit-box-shadow: 0px 0px 12px 5px rgba(255, 114, 21, 0.3882352941);
          box-shadow: 0px 0px 12px 5px rgba(255, 114, 21, 0.3882352941);
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown .cuerpo .monedaInputDropdown.activa:hover {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 128, 73, 0.4)), to(rgba(67, 67, 67, 0)));
  background: linear-gradient(90deg, rgba(255, 128, 73, 0.4) 0%, rgba(67, 67, 67, 0) 100%);
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown:hover .cuerpo {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
  visibility: visible;
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown:hover .iconoDropdown {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__header .input__dropdown:hover .iconoDropdown path {
  color: #FD7338;
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__body {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.08);
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.08);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(18, 18, 18, 0.02) inset;
          box-shadow: 0px 4px 4px 0px rgba(18, 18, 18, 0.02) inset;
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__body .depositAddress__header {
  font-weight: 500;
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__body .depositAddress__header .verde {
  color: #25B445;
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__body .depositAddress__direccion {
  color: #121212;
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__body .depositAddress__boton {
  background: #FFF;
  color: rgba(18, 18, 18, 0.8);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(248, 248, 248, 0.24) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 4px 0px rgba(248, 248, 248, 0.24) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__body .depositAddress__boton:hover {
  background: rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.24) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
          box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.24) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__footer {
  width: 100%;
  margin-top: 24px;
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__footer p {
  color: var(--neutral-neutral-480, rgba(18, 18, 18, 0.8));
  text-align: center;
  max-width: 416px;
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.06);
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.06);
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  width: 100%;
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode .left input {
  background-color: transparent;
  border: none;
  color: rgba(248, 248, 248, 0.7);
  color: rgb(18, 18, 18);
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode .left input::-webkit-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode .left input::-moz-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode .left input:-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode .left input::-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode .left input::placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode .left input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgb(18, 18, 18);
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode .left input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgb(18, 18, 18);
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode .left input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgb(18, 18, 18);
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode .left input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgb(18, 18, 18);
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode .left input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgb(18, 18, 18);
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode .left .iconoPromoCode path {
  fill: #121212;
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode .verify {
  background: #FFF;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(248, 248, 248, 0.24) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 4px 0px rgba(248, 248, 248, 0.24) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__footer .inputPromoCode .verify:hover {
  background: rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.24) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
          box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.24) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__footer .intentosRestantes {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.funds .modal__contenido .metodoCripto__footer .intentosRestantes span {
  color: #121212;
}
body.light .overlayModal .modal.funds .metodoFiat__header {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.funds .metodoFiat__body .metodo {
  background: rgba(255, 255, 255, 0.4);
}
body.light .overlayModal .modal.funds .metodoFiat__body .metodo .left {
  color: rgb(32, 32, 32);
  font-weight: 700;
}
body.light .overlayModal .modal.funds .metodoFiat__body .metodo .right .moneda span {
  color: #121212;
}
body.light .overlayModal .modal.funds .metodoFiat__body .metodo .right .currency {
  color: rgba(18, 18, 18, 0.8);
}

body.light {
  background-color: #EFEFEF;
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__header .left {
  background: #FFF;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(248, 248, 248, 0.24) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 4px 0px rgba(248, 248, 248, 0.24) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__header .left:hover {
  background: rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.24) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
          box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.24) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__header .left .iconoGaleria path {
  fill: #121212;
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__header .center {
  background: #FFF;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(248, 248, 248, 0.24) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 4px 0px rgba(248, 248, 248, 0.24) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__header .right {
  background: linear-gradient(120deg, rgba(255, 131, 154, 0.534) 0%, rgba(255, 156, 174, 0.24) 80.39%);
  -webkit-box-shadow: 2px 4px 15px 0px rgba(0, 0, 0, 0.062);
          box-shadow: 2px 4px 15px 0px rgba(0, 0, 0, 0.062);
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__header .right:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.377);
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.06);
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.06);
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario input {
  line-height: 0;
  color: #121212;
  opacity: 1;
  font-weight: 500;
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario input::-webkit-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario input::-moz-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario input:-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario input::-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario input::placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(18, 18, 18, 0.7333333333);
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(18, 18, 18, 0.7333333333);
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(18, 18, 18, 0.7333333333);
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(18, 18, 18, 0.7333333333);
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(18, 18, 18, 0.7333333333);
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario .iconoUsuario path {
  fill: rgba(18, 18, 18, 0.6);
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario .iconoEmail path {
  stroke: rgba(18, 18, 18, 0.6);
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario .change {
  color: rgba(40, 40, 40, 0.8);
  background: rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.9) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.9) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__datos .inputUsuario .change:hover {
  background: rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.24) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
          box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.24) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__nombre .inputUsuario {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.06);
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.06);
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__nombre .inputUsuario .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  width: 100%;
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__nombre .inputUsuario input {
  line-height: 0;
  color: #121212;
  opacity: 1;
  font-weight: 500;
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__nombre .inputUsuario input::-webkit-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__nombre .inputUsuario input::-moz-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__nombre .inputUsuario input:-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__nombre .inputUsuario input::-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__nombre .inputUsuario input::placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__nombre .inputUsuario input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(18, 18, 18, 0.7333333333);
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__nombre .inputUsuario input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(18, 18, 18, 0.7333333333);
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__nombre .inputUsuario input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(18, 18, 18, 0.7333333333);
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__nombre .inputUsuario input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(18, 18, 18, 0.7333333333);
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__nombre .inputUsuario input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(18, 18, 18, 0.7333333333);
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__botones .changePassword {
  border: 1px solid transparent;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.06);
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.06);
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__botones .changePassword:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(18, 18, 18, 0.15);
}
body.light .overlayModal .modal.profile .modal__contenido .editarPerfil__botones .confirmChanges {
  border: 1px solid rgba(255, 255, 255, 0.4);
  opacity: 0.5;
  background: rgba(253, 115, 56, 0.95);
  -webkit-box-shadow: 0px 24px 32px -12px var(--neutral-neutral-410, rgba(18, 18, 18, 0.1)), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 24px 32px -12px var(--neutral-neutral-410, rgba(18, 18, 18, 0.1)), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  color: rgba(248, 248, 248, 0.9490196078);
}

body.light {
  background-color: #EFEFEF;
}
body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .inputRangoIP, body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.06);
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.06);
}
body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .inputRangoIP input, body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido input {
  line-height: 0;
  color: #121212;
  opacity: 1;
  font-weight: 500;
}
body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .inputRangoIP input::-webkit-input-placeholder, body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido input::-webkit-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
  opacity: 0.5;
}
body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .inputRangoIP input::-moz-placeholder, body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido input::-moz-placeholder {
  color: rgba(18, 18, 18, 0.8);
  opacity: 0.5;
}
body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .inputRangoIP input:-ms-input-placeholder, body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido input:-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
  opacity: 0.5;
}
body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .inputRangoIP input::-ms-input-placeholder, body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido input::-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
  opacity: 0.5;
}
body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .inputRangoIP input::placeholder, body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido input::placeholder {
  color: rgba(18, 18, 18, 0.8);
  opacity: 0.5;
}
body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .inputRangoIP input:hover::-webkit-input-placeholder, body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido input:hover::-webkit-input-placeholder {
  opacity: 1;
}
body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .inputRangoIP input:hover::-moz-placeholder, body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido input:hover::-moz-placeholder {
  opacity: 1;
}
body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .inputRangoIP input:hover:-ms-input-placeholder, body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido input:hover:-ms-input-placeholder {
  opacity: 1;
}
body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .inputRangoIP input:hover::-ms-input-placeholder, body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido input:hover::-ms-input-placeholder {
  opacity: 1;
}
body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .inputRangoIP input:hover::placeholder, body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido input:hover::placeholder {
  opacity: 1;
}
body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .inputRangoIP .iconoRangoIP path, body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido .iconoRangoIP path {
  fill: rgba(18, 18, 18, 0.6);
}
body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .notaRangoIP {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido {
  color: #121212;
  opacity: 1;
}
body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido p {
  color: rgba(18, 18, 18, 0.8);
  opacity: 0.5;
}
body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .paisPermitido:hover p {
  opacity: 1;
}
body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .agregarPais {
  border: 1.6px solid rgba(18, 18, 18, 0.1);
  color: rgba(18, 18, 18, 0.6);
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}
body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .agregarPais .iconoMas svg, body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .agregarPais path {
  fill: rgba(18, 18, 18, 0.6);
}
body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .agregarPais:hover {
  color: rgba(18, 18, 18, 0.9);
}
body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .agregarPais:hover .iconoMas svg,
body.light .overlayModal .modal.loginSecurity .modal__contenido .seguridadIp .agregarPais:hover path {
  fill-opacity: 1;
}

body.light {
  background-color: #EFEFEF;
}
body.light .overlayModal .modal.twofa .modal__contenido .seguridad2FA__header {
  color: rgba(18, 18, 18, 0.6);
}
body.light .overlayModal .modal.twofa .modal__contenido .seguridad2FA__header a {
  color: #121212;
}
body.light .overlayModal .modal.twofa .modal__contenido .copiarCodigo {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.06);
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.06);
}
body.light .overlayModal .modal.twofa .modal__contenido .copiarCodigo .left {
  color: #121212;
}
body.light .overlayModal .modal.twofa .modal__contenido .copiarCodigo .left .iconoCopiar {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
body.light .overlayModal .modal.twofa .modal__contenido .copiarCodigo .left .iconoCopiar path {
  fill: rgba(18, 18, 18, 0.6);
}
body.light .overlayModal .modal.twofa .modal__contenido .copiarCodigo .copiar {
  border-radius: 24px;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.24) inset;
          box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.24) inset;
  background: white;
}
body.light .overlayModal .modal.twofa .modal__contenido .copiarCodigo .copiar:hover {
  background: rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.24) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
          box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.24) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
}
body.light .overlayModal .modal.twofa .modal__contenido .copiarCodigo .copiar .iconoClipboard path {
  fill: #121212;
}
body.light .overlayModal .modal.twofa .modal__contenido .scanQR {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.08);
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.08);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(18, 18, 18, 0.02) inset;
          box-shadow: 0px 4px 4px 0px rgba(18, 18, 18, 0.02) inset;
}
body.light .overlayModal .modal.twofa .modal__contenido .scanQR .left__header {
  color: #121212;
}
body.light .overlayModal .modal.twofa .modal__contenido .scanQR .left__body {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.twofa .modal__contenido .scanQR .left__footer,
body.light .overlayModal .modal.twofa .modal__contenido .scanQR .left__footer2 {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.twofa .modal__contenido .scanQR .left__footer .circulo,
body.light .overlayModal .modal.twofa .modal__contenido .scanQR .left__footer2 .circulo {
  background: rgba(18, 18, 18, 0.2392156863);
  -webkit-box-shadow: 0px 0px 0px 5px rgba(18, 18, 18, 0.2392156863);
          box-shadow: 0px 0px 0px 5px rgba(18, 18, 18, 0.2392156863);
}
body.light .overlayModal .modal.twofa .modal__contenido .scanQR .left__footer .circulo.activo,
body.light .overlayModal .modal.twofa .modal__contenido .scanQR .left__footer2 .circulo.activo {
  background: rgba(253, 115, 56, 0.9490196078);
  -webkit-box-shadow: 0px 0px 0px 5px rgba(253, 115, 56, 0.2941176471);
          box-shadow: 0px 0px 0px 5px rgba(253, 115, 56, 0.2941176471);
}
body.light .overlayModal .modal.twofa .modal__contenido .scanQR .left__footer .circulo.activo:hover,
body.light .overlayModal .modal.twofa .modal__contenido .scanQR .left__footer2 .circulo.activo:hover {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 0px 5px rgba(212, 84, 29, 0.411);
          box-shadow: 0px 0px 0px 5px rgba(212, 84, 29, 0.411);
}
body.light .overlayModal .modal.twofa .modal__contenido .scanQR .qrVSG path {
  fill: #121212;
}
body.light .overlayModal .modal.twofa .modal__contenido .codigoVerificacion__encabezado {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.twofa .modal__contenido .codigoVerificacion .campos .inputNumeros .numero {
  color: #121212;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.06);
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.06);
}
body.light .overlayModal .modal.twofa .modal__contenido .codigoVerificacion .campos .inputNumeros .numero.marcado {
  background: rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.2) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.2) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}
body.light .overlayModal .modal.twofa .botonesInferiores {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

body.light {
  background-color: #EFEFEF;
}
body.light .overlayModal .modal.api .modal__contenido .inputApiToken, body.light .overlayModal .modal.api .modal__contenido .inputIPAddress {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.06);
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.06);
}
body.light .overlayModal .modal.api .modal__contenido .inputApiToken span, body.light .overlayModal .modal.api .modal__contenido .inputIPAddress span {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.api .modal__contenido .inputApiToken span svg, body.light .overlayModal .modal.api .modal__contenido .inputIPAddress span svg,
body.light .overlayModal .modal.api .modal__contenido .inputApiToken span path,
body.light .overlayModal .modal.api .modal__contenido .inputIPAddress span path {
  fill: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.api .modal__contenido .inputApiToken span.copiar, body.light .overlayModal .modal.api .modal__contenido .inputIPAddress span.copiar {
  padding: 6px;
  background-color: rgba(18, 18, 18, 0.15);
}
body.light .overlayModal .modal.api .modal__contenido .inputApiToken span.copiar svg, body.light .overlayModal .modal.api .modal__contenido .inputIPAddress span.copiar svg,
body.light .overlayModal .modal.api .modal__contenido .inputApiToken span.copiar path,
body.light .overlayModal .modal.api .modal__contenido .inputIPAddress span.copiar path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
body.light .overlayModal .modal.api .modal__contenido .inputApiToken span.copiar:hover, body.light .overlayModal .modal.api .modal__contenido .inputIPAddress span.copiar:hover {
  background-color: rgba(18, 18, 18, 0.2);
}
body.light .overlayModal .modal.api .modal__contenido .inputApiToken span.copiar:hover svg, body.light .overlayModal .modal.api .modal__contenido .inputIPAddress span.copiar:hover svg,
body.light .overlayModal .modal.api .modal__contenido .inputApiToken span.copiar:hover path,
body.light .overlayModal .modal.api .modal__contenido .inputIPAddress span.copiar:hover path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  fill-opacity: 1;
}
body.light .overlayModal .modal.api .modal__contenido .inputIPAddress input {
  line-height: 0;
  color: #121212;
  opacity: 1;
  font-weight: 500;
}
body.light .overlayModal .modal.api .modal__contenido .inputIPAddress input::-webkit-input-placeholder {
  color: rgba(18, 18, 18, 0.5);
}
body.light .overlayModal .modal.api .modal__contenido .inputIPAddress input::-moz-placeholder {
  color: rgba(18, 18, 18, 0.5);
}
body.light .overlayModal .modal.api .modal__contenido .inputIPAddress input:-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.5);
}
body.light .overlayModal .modal.api .modal__contenido .inputIPAddress input::-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.5);
}
body.light .overlayModal .modal.api .modal__contenido .inputIPAddress input::placeholder {
  color: rgba(18, 18, 18, 0.5);
}
body.light .overlayModal .modal.api .modal__contenido .inputIPAddress input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(18, 18, 18, 0.7333333333);
}
body.light .overlayModal .modal.api .modal__contenido .inputIPAddress input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(18, 18, 18, 0.7333333333);
}
body.light .overlayModal .modal.api .modal__contenido .inputIPAddress input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(18, 18, 18, 0.7333333333);
}
body.light .overlayModal .modal.api .modal__contenido .inputIPAddress input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(18, 18, 18, 0.7333333333);
}
body.light .overlayModal .modal.api .modal__contenido .inputIPAddress input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(18, 18, 18, 0.7333333333);
}
body.light .overlayModal .modal.api .modal__contenido .direccionesIp .direccion {
  color: rgba(18, 18, 18, 0.8);
  font-weight: 500;
  background: rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.4) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.4) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
}
body.light .overlayModal .modal.api .modal__contenido .direccionesIp .direccion:hover {
  background: rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.24) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
          box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.24) inset, 0px 4px 8px 0px rgba(18, 18, 18, 0.08), 2px 4px 8px 0px #FFF inset;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}
body.light .overlayModal .modal.api .modal__contenido .direccionesIp .direccion .botonCerrar {
  background: linear-gradient(142deg, #F8F8F8 0%, rgba(248, 248, 248, 0.4) 44.62%);
  -webkit-box-shadow: 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
body.light .overlayModal .modal.api .modal__contenido .direccionesIp .direccion .botonCerrar .iconoBotonCerrar path {
  stroke: rgba(18, 18, 18, 0.8);
  stroke-width: 2;
}
body.light .overlayModal .modal.api .modal__contenido .notaIp {
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .modal.api .modal__contenido .botonNaranja {
  margin-top: 12px;
}
body.light .overlayModal .modal.api .modal__contenido .botonAtras {
  border-radius: 31px;
  background: transparent;
  background-color: transparent;
  border: 2px solid var(--neutral-neutral-410, rgba(18, 18, 18, 0.1));
  color: rgba(18, 18, 18, 0.6);
}
body.light .overlayModal .modal.api .modal__contenido .botonAtras:hover {
  color: rgba(18, 18, 18, 0.9);
}
body.light .overlayModal .modal.api .modal__contenido .botonesInferiores {
  margin-top: 4px;
  display: -ms-grid;
  display: grid;
  gap: 16px;
  -ms-grid-columns: 1fr 16px 1fr;
  grid-template-columns: 1fr 1fr;
}

body.light {
  background-color: #EFEFEF;
  /* =====================================
  =               MARK:Tabla Mobile                
  ===================================== */
  /* =====================================
  =         MARK:Overlay Details                
  ===================================== */
}
body.light .invoices h2 {
  color: #121212;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}
body.light .invoices .tabla .bold {
  color: #121212;
}
@media (width <= 676px) {
  body.light .tabla.facturasMobile .filaMobile:nth-child(odd) {
    background: white;
  }
  body.light .tabla.facturasMobile .filaMobile .headerTabla .id {
    color: rgba(18, 18, 18, 0.6);
  }
  body.light .tabla.facturasMobile .filaMobile .headerTabla p {
    color: #121212;
  }
  body.light .tabla.facturasMobile .filaMobile .bodyTabla .grupo__header {
    color: rgba(18, 18, 18, 0.6);
    font-weight: 500;
  }
  body.light .tabla.facturasMobile .filaMobile .bodyTabla .grupo__footer {
    font-weight: 500;
    color: rgba(18, 18, 18, 0.6);
  }
}
body.light .overlayModal .bold {
  color: #121212;
  font-weight: 600;
}
body.light .overlayModal .modal.facturas .modal__contenido .facturas__header .filaInferior .invoiceNumber .bold {
  font-size: calc(0.2409638554vw + 11.0963855422px);
  color: #121212;
}
body.light .overlayModal .modal.facturas .modal__contenido .facturas__header .filaInferior .invoiceNumber p {
  color: #121212;
}
body.light .overlayModal .modal.facturas .modal__contenido .facturas__header .filaInferior .fechaFactura .hora {
  color: rgba(18, 18, 18, 0.8);
  font-weight: 500;
}
body.light .overlayModal .modal.facturas .modal__contenido .facturas__header .filaInferior .fechaFactura p {
  color: #121212;
}
body.light .overlayModal .modal.facturas .modal__contenido .facturas__body .grupo {
  background: rgba(255, 255, 255, 0.4);
}
body.light .overlayModal .modal.facturas .modal__contenido .facturas__body .grupo .tipo {
  color: rgba(18, 18, 18, 0.8);
  font-weight: 500;
}
body.light .overlayModal .modal.facturas .modal__contenido .facturas__body .grupo .nombre {
  color: #121212;
}
body.light .overlayModal .modal.facturas .modal__contenido .facturas__body .grupo .correo {
  color: rgba(18, 18, 18, 0.6);
  font-weight: 500;
}
@media (width <= 320px) {
  body.light .overlayModal .modal.facturas .modal__contenido .facturas__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
body.light .overlayModal .modal.facturas .modal__contenido .facturas__footer .totalIzquierdo .cantidad {
  color: #121212;
  font-weight: 500;
}
body.light .overlayModal .modal.facturas .modal__contenido .facturas__footer .totalIzquierdo .cantidad p {
  color: rgba(18, 18, 18, 0.6);
}
body.light .overlayModal .modal.facturas .modal__contenido .facturas__footer .totalIzquierdo .separadorVertical {
  background-color: rgba(0, 0, 0, 0.0666666667);
}
body.light .overlayModal .modal.facturas .modal__contenido .facturas__footer .totalDerecho .cantidad {
  color: #121212;
  font-weight: 500;
}
body.light .overlayModal .modal.facturas .modal__contenido .facturas__footer .totalDerecho .cantidad p {
  color: rgba(18, 18, 18, 0.6);
}
@media (width <= 355px) {
  body.light .overlayModal .modal.facturas .modal__contenido .facturas__footer {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  body.light .overlayModal .modal.facturas .modal__contenido .facturas__footer .totalDerecho {
    margin-top: 20px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  body.light .overlayModal .modal.facturas .modal__contenido .facturas__footer .totalDerecho .cantidad p {
    text-align: start;
  }
}
body.light .overlayModal .modal.facturas .modal__contenido .botonAtras {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.06);
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.06);
  color: rgba(18, 18, 18, 0.8);
}
body.light .overlayModal .botonCompletado {
  background: linear-gradient(278deg, rgba(83, 255, 121, 0.08) 0%, rgba(83, 255, 121, 0.2) 100%), rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  color: #25B445;
}
body.light .overlayModal .botonCompletado.false {
  background: linear-gradient(278deg, rgba(255, 79, 111, 0.08) 0%, rgba(255, 79, 111, 0.2) 100%), rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 4px 8px 0px rgba(18, 18, 18, 0.04), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  color: #FF4F6F;
}

.navbarAdmin {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 320px 1fr;
  grid-template-columns: 320px 1fr;
}
.navbarAdmin .navbarAdmin__contenedor .derecha,
.navbarAdmin .navbarAdmin__contenedor .manageGroup__footer__contenedor {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .izquierda {
  height: 100dvh;
  padding: 20px;
  overflow: auto;
  background-color: #212121;
  stroke-width: 1.5px;
  stroke: rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: -2px 1px 2px 0px rgba(82, 82, 82, 0.055) inset, 2px 4px 16px 0px rgba(236, 236, 236, 0.06) inset, 7px 2px 15px 0px rgba(0, 0, 0, 0.144);
          box-shadow: -2px 1px 2px 0px rgba(82, 82, 82, 0.055) inset, 2px 4px 16px 0px rgba(236, 236, 236, 0.06) inset, 7px 2px 15px 0px rgba(0, 0, 0, 0.144);
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  z-index: 5;
}
.navbarAdmin > .derecha > .top {
  min-height: 100px;
}
.navbarAdmin .derecha {
  width: 100%;
  padding-left: 32px;
  padding-right: 32px;
  max-height: 100dvh;
  overflow: auto;
  background-color: #1d1d1d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navbarAdmin .derecha .botonCerrar {
  display: none;
}
.navbarAdmin .derecha .top {
  width: 100%;
  max-width: 1280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.navbarAdmin .derecha .cuerpo {
  width: 100%;
  max-width: 1280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-x: hidden;
  height: 100%;
}
.navbarAdmin .derecha .content {
  width: 100%;
  max-width: 1280px;
  height: calc(100dvh - 100px);
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  scrollbar-width: none;
}
.navbarAdmin .derecha .content::-webkit-scrollbar-track {
  display: none;
}
.navbarAdmin .derecha .content::-webkit-scrollbar-thumb {
  display: none;
}
.navbarAdmin .derecha .content::-webkit-scrollbar-button {
  display: none;
}

/* =====================================
=            MARK:Navbar Arriba                
===================================== */
.navbarAdmin .derecha .top__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  width: 100%;
}
.navbarAdmin .derecha .top__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: -webkit-min-content;
  max-width: -moz-min-content;
  max-width: min-content;
}
.navbarAdmin .derecha .top__right .padre__contenedor.username {
  margin-left: 0;
}
.navbarAdmin .derecha .top__right .padre__contenedor.username .username {
  margin-left: 0;
}
.navbarAdmin .derecha .top .buscador {
  width: 100%;
  max-width: 280px;
  padding-block: 16px;
  padding-inline: calc(0.2409638554vw + 15.0963855422px);
  gap: 12px;
  border-radius: 31px;
  background: rgba(248, 248, 248, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navbarAdmin .derecha .top .buscador .iconoBuscar {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .top .buscador .iconoBuscar svg,
.navbarAdmin .derecha .top .buscador .iconoBuscar path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .top .buscador .iconoBuscar:hover {
  cursor: pointer;
}
.navbarAdmin .derecha .top .buscador .iconoBuscar:hover svg,
.navbarAdmin .derecha .top .buscador .iconoBuscar:hover path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  stroke-opacity: 0.8;
}
.navbarAdmin .derecha .top .buscador input {
  background-color: transparent;
  border: none;
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
  width: 100%;
  outline: none;
  color: rgba(248, 248, 248, 0.8);
}
.navbarAdmin .derecha .top .buscador input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.navbarAdmin .derecha .top .buscador input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.navbarAdmin .derecha .top .buscador input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.navbarAdmin .derecha .top .buscador input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.navbarAdmin .derecha .top .buscador input::placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.navbarAdmin .derecha .top .buscador input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.navbarAdmin .derecha .top .buscador input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.navbarAdmin .derecha .top .buscador input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.navbarAdmin .derecha .top .buscador input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.navbarAdmin .derecha .top .buscador input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.navbarAdmin .derecha .top .iconoNotificacion {
  border-radius: 32px;
  background: rgba(40, 40, 40, 0.7);
  margin-right: 40px;
  margin-left: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14px;
  -webkit-box-shadow: 0px -1.5px 0 0 rgba(91, 91, 91, 0.6980392157), inset 0px 1.5px 5px -2px rgba(248, 248, 248, 0.15), inset 0px -2.5px 5px -5px rgba(248, 248, 248, 0.05), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px -1.5px 0 0 rgba(91, 91, 91, 0.6980392157), inset 0px 1.5px 5px -2px rgba(248, 248, 248, 0.15), inset 0px -2.5px 5px -5px rgba(248, 248, 248, 0.05), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.navbarAdmin .derecha .top .iconoNotificacion:hover {
  background-color: rgba(58, 58, 58, 0.69);
}

/* =====================================
=            MARK:Navbar Lateral                
===================================== */
.navbarAdmin .izquierda {
  /* =====================================
  =           MARK:Bottom Lateral              
  ===================================== */
}
.navbarAdmin .izquierda .logo__mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 10px;
  display: none;
}
.navbarAdmin .izquierda .logo__mobile .titulo {
  font-size: 1.7em;
  font-weight: 400;
  color: rgba(248, 248, 248, 0.95);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.navbarAdmin .izquierda .logo__mobile .menuMobile__boton {
  position: static;
}
.navbarAdmin .izquierda .logo {
  font-size: 1.7em;
  font-weight: 500;
  color: rgba(248, 248, 248, 0.95);
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.navbarAdmin .izquierda .logo .botonMenu {
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 48px;
  height: 48px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
  -webkit-box-shadow: 0px -1.5px 0 0 rgba(91, 91, 91, 0.6980392157), inset 0px 1.5px 5px -2px rgba(248, 248, 248, 0.15), inset 0px -2.5px 5px -5px rgba(248, 248, 248, 0.05), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px -1.5px 0 0 rgba(91, 91, 91, 0.6980392157), inset 0px 1.5px 5px -2px rgba(248, 248, 248, 0.15), inset 0px -2.5px 5px -5px rgba(248, 248, 248, 0.05), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.navbarAdmin .izquierda .logo .botonMenu svg {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .izquierda .logo .botonMenu:hover {
  background-color: rgba(58, 58, 58, 0.69);
}
.navbarAdmin .izquierda .separador, .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .separador2 {
  content: "";
  stroke-width: 1px;
  height: 1px;
  stroke: rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  margin-top: 32px;
}
.navbarAdmin .izquierda .seccion, .navbarAdmin .izquierda .seccionDropdown__header {
  color: rgba(248, 248, 248, 0.95);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding-left: 20px;
  padding-right: 20px;
  gap: 12px;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.navbarAdmin .izquierda .seccion .iconoSeccion path, .navbarAdmin .izquierda .seccionDropdown__header .iconoSeccion path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .izquierda .seccion:hover, .navbarAdmin .izquierda .seccionDropdown__header:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgb(248, 248, 248);
}
.navbarAdmin .izquierda .seccion:hover .iconoSeccion path, .navbarAdmin .izquierda .seccionDropdown__header:hover .iconoSeccion path {
  fill-opacity: 1;
}
.navbarAdmin .izquierda .seccion, .navbarAdmin .izquierda .seccionDropdown__header,
.navbarAdmin .izquierda .seccionDropdown {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .izquierda .seccion.activa, .navbarAdmin .izquierda .activa.seccionDropdown__header,
.navbarAdmin .izquierda .seccionDropdown.activa {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.95)), to(rgba(212, 84, 29, 0.95))), var(--neutral-neutral-440, rgba(18, 18, 18, 0.4));
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.95) 0%, rgba(212, 84, 29, 0.95) 100%), var(--neutral-neutral-440, rgba(18, 18, 18, 0.4));
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  padding-block: 20px;
  border-radius: 32px;
  max-height: 56px;
}
.navbarAdmin .izquierda .seccionDropdown {
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.navbarAdmin .izquierda .seccionDropdown__header {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.navbarAdmin .izquierda .seccionDropdown__header .iconoDropdown {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 1.2em;
}
.navbarAdmin .izquierda .seccionDropdown__header .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.navbarAdmin .izquierda .seccionDropdown .seccionDropdown__body {
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .izquierda .seccionDropdown.activo {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__header {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.95)), to(rgba(212, 84, 29, 0.95))), var(--neutral-neutral-440, rgba(18, 18, 18, 0.4));
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.95) 0%, rgba(212, 84, 29, 0.95) 100%), var(--neutral-neutral-440, rgba(18, 18, 18, 0.4));
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  padding-block: 18px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__header .iconoDropdown {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body {
  visibility: visible;
  opacity: 1;
  height: auto;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(40, 40, 40, 0.6)), to(rgba(40, 40, 40, 0)));
  background: linear-gradient(180deg, rgba(40, 40, 40, 0.6) 0%, rgba(40, 40, 40, 0) 100%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .separador2 {
  margin-top: 0;
  width: 100%;
}
.navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .dropdownInterno {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 20px;
  padding-right: 20px;
}
.navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .dropdownInterno__header {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .dropdownInterno__header .encabezado {
  opacity: 0.8;
}
.navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .dropdownInterno__header .encabezado::before {
  content: "•";
  font-size: 100%;
  padding-right: 12px;
}
.navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .dropdownInterno__header .iconoDropdown {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .dropdownInterno__header:hover {
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #F3682C;
}
.navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .dropdownInterno__header:hover .iconoDropdown {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  stroke: #F3682C;
}
.navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .dropdownInterno li {
  list-style: none;
}
.navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .dropdownInterno__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  visibility: hidden;
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top;
          transform-origin: top;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .dropdownInterno__body li {
  padding-left: 10px;
  opacity: 0.8;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .dropdownInterno__body li::before {
  content: "▸";
  font-size: 100%;
  padding-right: 5px;
}
.navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .dropdownInterno__body li:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #F3682C;
}
.navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .dropdownInterno.activo .dropdownInterno__header .encabezado {
  opacity: 1;
}
.navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .dropdownInterno.activo .dropdownInterno__header .iconoDropdown {
  stroke: #D4541D;
  color: #F3682C;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .dropdownInterno.activo .dropdownInterno__body {
  margin-top: 24px;
  visibility: visible;
  opacity: 1;
  height: auto;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .izquierda .botonesTema {
  margin-top: 48px;
  margin-bottom: 32px;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navbarAdmin .izquierda .padre__contenedor .idioma__contenedor {
  display: none;
}
.navbarAdmin .izquierda .izquierda__top {
  overflow-y: auto;
  height: calc(100% - 85px);
}
.navbarAdmin .izquierda .izquierda__botom {
  color: rgba(248, 248, 248, 0.9490196078);
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  border-radius: 32px;
  background: var(--Surface-Background, rgba(40, 40, 40, 0.7));
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.08) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.08) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 280px;
  height: 56px;
  padding: 16px 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  position: absolute;
  bottom: 20px;
  cursor: pointer;
}
.navbarAdmin .izquierda .izquierda__botom:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(255, 255, 255, 0.9490196078);
}
.navbarAdmin .izquierda .izquierda__botom .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.navbarAdmin .izquierda .izquierda__botom .iconoDropdown {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .izquierda .izquierda__botom .iconoSeccion path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .izquierda .izquierda__botom:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgb(248, 248, 248);
  background-color: rgba(58, 58, 58, 0.69);
}
.navbarAdmin .izquierda .izquierda__botom:hover .iconoSeccion path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  fill-opacity: 1;
}
.navbarAdmin .izquierda .izquierda__botom:hover .iconoDropdown {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  stroke: rgb(248, 248, 248);
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

/* =====================================
=              MARK:Encojido                
===================================== */
.navbarAdmin:has(.encojido) {
  -ms-grid-columns: 96px 1fr;
  grid-template-columns: 96px 1fr;
}
.navbarAdmin:has(.encojido) .izquierda,
.navbarAdmin:has(.encojido) .izquierda__top {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: visible;
}
.navbarAdmin:has(.encojido) .izquierda::-webkit-scrollbar,
.navbarAdmin:has(.encojido) .izquierda__top::-webkit-scrollbar {
  display: none;
  width: 0;
}
.navbarAdmin:has(.encojido) .izquierda .botonMenu svg {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.navbarAdmin:has(.encojido) .izquierda .logo {
  padding: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 12px;
}
.navbarAdmin:has(.encojido) .izquierda .titulo {
  display: none;
}
.navbarAdmin:has(.encojido) .izquierda .seccion, .navbarAdmin:has(.encojido) .izquierda .seccionDropdown__header {
  padding: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.navbarAdmin:has(.encojido) .izquierda .seccion p, .navbarAdmin:has(.encojido) .izquierda .seccionDropdown__header p {
  display: none;
}
.navbarAdmin:has(.encojido) .izquierda .seccion .iconoSeccion, .navbarAdmin:has(.encojido) .izquierda .seccionDropdown__header .iconoSeccion {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.navbarAdmin:has(.encojido) .izquierda .seccionDropdown {
  position: relative;
}
.navbarAdmin:has(.encojido) .izquierda .seccionDropdown__header {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}
.navbarAdmin:has(.encojido) .izquierda .seccionDropdown__header .iconoDropdown {
  display: none;
}
.navbarAdmin:has(.encojido) .izquierda .seccionDropdown p {
  display: none;
}
.navbarAdmin:has(.encojido) .izquierda .seccionDropdown .seccionDropdown__body {
  position: absolute;
  top: 0;
  left: 100px;
}
.navbarAdmin:has(.encojido) .izquierda .seccionDropdown.activo {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin:has(.encojido) .izquierda .seccionDropdown.activo .seccionDropdown__header {
  padding: 16px;
  border-radius: 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.navbarAdmin:has(.encojido) .izquierda .seccionDropdown.activo .seccionDropdown__body {
  width: 100%;
  min-width: 280px;
  border-radius: 24px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(40, 40, 40)), to(rgb(40, 40, 40)));
  background: linear-gradient(180deg, rgb(40, 40, 40) 0%, rgb(40, 40, 40) 100%);
  -webkit-box-shadow: inset 0px -2.5px 0px -5px rgba(248, 248, 248, 0.05), 0px 2px 0px 0px rgba(248, 248, 248, 0.06) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09);
          box-shadow: inset 0px -2.5px 0px -5px rgba(248, 248, 248, 0.05), 0px 2px 0px 0px rgba(248, 248, 248, 0.06) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09);
  z-index: 3;
}
.navbarAdmin:has(.encojido) .izquierda__botom {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border-radius: 50%;
  padding: 16px;
}
.navbarAdmin:has(.encojido) .izquierda__botom .iconoDropdown {
  display: none;
}
.navbarAdmin:has(.encojido) .izquierda__botom p {
  display: none;
}

/* =====================================
=             MARK:Responsive                
===================================== */
@media (width <= 1185px) {
  .navbarAdmin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .navbarAdmin__contenedor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .navbarAdmin .derecha {
    width: 100%;
    padding: 0;
    overflow: hidden;
  }
  .navbarAdmin .derecha .cuerpo {
    padding-top: 0;
  }
  .navbarAdmin .derecha .botonCerrar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 52px;
    padding: 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 32px;
    background: var(--Surface-Background, rgba(40, 40, 40, 0.7));
    -webkit-box-shadow: 0px -0.5px 0 0 rgba(91, 91, 91, 0.6980392157), inset 0px 1.5px 5px -2px rgba(248, 248, 248, 0.15), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
            box-shadow: 0px -0.5px 0 0 rgba(91, 91, 91, 0.6980392157), inset 0px 1.5px 5px -2px rgba(248, 248, 248, 0.15), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
    -webkit-backdrop-filter: blur(50px);
            backdrop-filter: blur(50px);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
  }
  .navbarAdmin .derecha .botonCerrar:hover {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    background-color: rgba(58, 58, 58, 0.6980392157);
  }
  .navbarAdmin .derecha .top {
    padding: 18px;
    gap: 0px;
  }
  .navbarAdmin .derecha .top__left {
    gap: 16px;
  }
  .navbarAdmin .derecha .top .botonNotificacion svg {
    margin-left: 16px;
    margin-right: 0;
  }
  .navbarAdmin .derecha .top .dropdownDegradado {
    display: none;
  }
  .navbarAdmin .derecha .top .tema {
    display: none;
  }
  .navbarAdmin .derecha .top .padre__contenedor.username {
    margin-left: 0;
  }
  .navbarAdmin .derecha .top .padre__contenedor.username .username {
    margin-left: 16px;
  }
  .navbarAdmin .derecha .top .padre__contenedor.username .username p {
    display: none;
  }
  .navbarAdmin .derecha .top .padre__contenedor.username .username__img {
    margin-left: 0;
  }
  .navbarAdmin .derecha .top .padre__contenedor.username .globoDropdown__contenedor.version2 {
    left: -22%;
    margin-top: 0;
  }
  .navbarAdmin .izquierda {
    position: fixed;
    width: 100%;
    max-width: 320px;
    left: -100%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 5;
  }
  .navbarAdmin .izquierda.abierto {
    left: 0%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .navbarAdmin .izquierda .logo {
    display: none;
  }
  .navbarAdmin .izquierda .logo__mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .navbarAdmin .izquierda .separador, .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .separador2 {
    opacity: 0;
  }
  .navbarAdmin .izquierda .botonesTema {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .navbarAdmin .izquierda .padre__contenedor .idioma__contenedor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .navbarAdmin__contenedor:has(.abierto) .derecha::after,
  .navbarAdmin__contenedor:has(.abierto) .manageGroup__footer__contenedor::after {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: rgba(23, 23, 23, 0.6);
    width: 100%;
    height: 100dvh;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    position: fixed;
  }
  .navbarAdmin .cuerpo {
    padding: 19px;
  }
}
.manageGroup {
  margin-top: 28px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  width: 100%;
  max-width: 1280px;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* =====================================
  =               MARK:Footer                
  ===================================== */
}
.manageGroup__contenedor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.manageGroup__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.manageGroup__header h1 {
  color: rgba(248, 248, 248, 0.95);
  font-size: 24px;
  font-weight: 500;
  line-height: 20px;
}
.manageGroup__header .left {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(2.5301204819vw + -3.4879518072px);
}
.manageGroup__header .left .editAllServices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.manageGroup__header .left .editAllServices p {
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.manageGroup__header .right {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: calc(2.0481927711vw + -1.6807228916px);
}
.manageGroup__header .right .allGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.manageGroup__header .right .allGroup__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.manageGroup__header .right .allGroup__header .iconoDropdown {
  width: 1.1em;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.manageGroup__header .right .allGroup span {
  color: rgba(248, 248, 248, 0.95);
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.manageGroup__header .right .allGroup__body {
  width: 100%;
  min-width: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 32px 24px;
  border-radius: 32px;
  position: absolute;
  top: 70px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 2;
  -webkit-box-shadow: inset 0px -2.5px 0px -5px rgba(248, 248, 248, 0.05), 0px 2px 0px 0px rgba(248, 248, 248, 0.06) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: inset 0px -2.5px 0px -5px rgba(248, 248, 248, 0.05), 0px 2px 0px 0px rgba(248, 248, 248, 0.06) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  background-color: rgb(43, 43, 43);
  gap: 32px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.manageGroup__header .right .allGroup__body a {
  color: rgba(248, 248, 248, 0.7);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  opacity: 0.8;
}
.manageGroup__header .right .allGroup:hover .allGroup__header .iconoDropdown {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  color: #D4541D;
}
.manageGroup__header .right .allGroup:hover .allGroup__body {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.manageGroup__header .right .allGroup:hover .allGroup__body::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 40px;
  top: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.manageGroup__header .right .buscador {
  width: 100%;
  max-width: 280px;
  padding: 14px 20px;
  gap: 12px;
  border-radius: 31px;
  background: rgba(248, 248, 248, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.manageGroup__header .right .buscador .iconoBuscar {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.manageGroup__header .right .buscador .iconoBuscar svg,
.manageGroup__header .right .buscador .iconoBuscar path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.manageGroup__header .right .buscador .iconoBuscar:hover {
  cursor: pointer;
}
.manageGroup__header .right .buscador .iconoBuscar:hover svg,
.manageGroup__header .right .buscador .iconoBuscar:hover path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  stroke-opacity: 0.8;
}
.manageGroup__header .right .buscador input {
  background-color: transparent;
  border: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
  width: 100%;
  outline: none;
  color: rgba(248, 248, 248, 0.8);
}
.manageGroup__header .right .buscador input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.manageGroup__header .right .buscador input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.manageGroup__header .right .buscador input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.manageGroup__header .right .buscador input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.manageGroup__header .right .buscador input::placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.manageGroup__header .right .buscador input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.manageGroup__header .right .buscador input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.manageGroup__header .right .buscador input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.manageGroup__header .right .buscador input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.manageGroup__header .right .buscador input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.manageGroup__header .right .botonNaranja {
  max-width: 172px;
  line-height: 16px;
}
.manageGroup__cuerpo {
  margin-bottom: 110px;
}
@media (width <= 888px) {
  .manageGroup__cuerpo {
    margin-bottom: 74px;
  }
}
.manageGroup__cuerpo .grupo {
  border-radius: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 24px;
  background: rgba(248, 248, 248, 0.03);
  height: 80px;
  overflow-x: hidden;
  position: relative;
  padding-inline: 32px;
  margin-top: 24px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.manageGroup__cuerpo .grupo:nth-child(even) {
  background: rgba(248, 248, 248, 0.02);
}
.manageGroup__cuerpo .grupo:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: hsla(0, 0%, 85%, 0.065);
}
.manageGroup__cuerpo .grupo.dragging {
  background: rgba(217, 217, 217, 0.1);
  cursor: move;
  margin-left: 50px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.manageGroup__cuerpo .grupo__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.manageGroup__cuerpo .grupo__left .texto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.manageGroup__cuerpo .grupo__left .bandaVerde {
  content: "";
  width: 5px;
  height: 100%;
  background: rgba(83, 255, 121, 0.5019607843);
  position: absolute;
  left: 0;
  top: 0;
}
.manageGroup__cuerpo .grupo__left .bandaVerde.roja {
  background: #FF4F6F;
}
.manageGroup__cuerpo .grupo__left .titulo {
  color: rgba(248, 248, 248, 0.95);
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}
.manageGroup__cuerpo .grupo__left .visibilidad {
  color: rgba(248, 248, 248, 0.7);
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.manageGroup__cuerpo .grupo__left .visibilidad::before {
  content: "•";
  color: #53FF79;
  padding-right: 8px;
  font-size: 1.5em;
}
.manageGroup__cuerpo .grupo__left .visibilidad.roja::before {
  content: "•";
  color: #FF4F6F;
  padding-right: 8px;
  font-size: 1.5em;
}
.manageGroup__cuerpo .grupo__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.manageGroup__cuerpo .grupo__right .costo {
  color: rgba(248, 248, 248, 0.95);
  text-align: right;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
  margin-right: 32px;
}
.manageGroup__cuerpo .grupo__right .editar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 48px;
  gap: 8px;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  background-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  padding-inline: 20px;
  padding-block: 12px;
  margin-right: 24px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.manageGroup__cuerpo .grupo__right .editar:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.manageGroup__cuerpo .grupo__right .eliminar {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  background: linear-gradient(142deg, rgba(224, 35, 70, 0.212) 0%, rgba(255, 156, 174, 0.05) 80.39%);
  -webkit-box-shadow: 2px 4px 4px 0px rgba(248, 248, 248, 0.021) inset, 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 4px 0px rgba(248, 248, 248, 0.021) inset, 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  width: 52px;
  height: 52px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.manageGroup__cuerpo .grupo__right .eliminar:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.manageGroup__footer {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 32px;
  padding-right: 32px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.manageGroup__footer__contenedor {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  left: 0;
  bottom: -100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-grid-columns: 320px 1fr;
  grid-template-columns: 320px 1fr;
  background-color: #212121;
  height: 92px;
  -webkit-box-shadow: 0px 1px 4px rgba(255, 255, 255, 0.1) inset;
          box-shadow: 0px 1px 4px rgba(255, 255, 255, 0.1) inset;
  z-index: 3;
  transition: all 0.3s ease-in-out;
}
.manageGroup__footer__contenedor.menuContraido {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -ms-grid-columns: 96px 1fr;
  grid-template-columns: 96px 1fr;
}
.manageGroup__footer__contenedor .vacio {
  -ms-grid-columns: 96px 1fr;
  grid-template-columns: 96px 1fr;
  content: "";
}
.manageGroup__footer__contenedor.visible {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  bottom: 0%;
}
.manageGroup__footer__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1280px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: 96px 1fr;
  grid-template-columns: 96px 1fr;
}
.manageGroup__footer__body .content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2fr 1fr;
  grid-template-columns: 1fr 2fr 1fr;
}
.manageGroup__footer__body .left,
.manageGroup__footer__body .center,
.manageGroup__footer__body .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.manageGroup__footer__body .botonCheck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 48px;
  width: 152px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  background-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  padding-inline: 20px;
  padding-block: 12px;
  margin-right: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.manageGroup__footer__body .botonCheck:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.manageGroup__footer__body .center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 48px;
}
.manageGroup__footer__body .withSelected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 17px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.manageGroup__footer__body .withSelected span {
  color: rgba(248, 248, 248, 0.5);
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.manageGroup__footer__body .withSelected .seleccion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80px;
  height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: rgba(248, 248, 248, 0.7);
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.manageGroup__footer__body .withSelected .seleccion:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.8);
}
.manageGroup__footer__body .withSelected .seleccion__contenedor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--neutral-neutral-25, rgba(248, 248, 248, 0.05));
  border-radius: 32px;
}
.manageGroup__footer__body .withSelected .seleccion.activa {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 32px;
  color: rgba(248, 248, 248, 0.95);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.95)), to(rgba(212, 84, 29, 0.95))), var(--neutral-neutral-440, rgba(18, 18, 18, 0.4));
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.95) 0%, rgba(212, 84, 29, 0.95) 100%), var(--neutral-neutral-440, rgba(18, 18, 18, 0.4));
  -webkit-box-shadow: 0px 24px 32px -12px var(--neutral-neutral-410, rgba(18, 18, 18, 0.1)), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 24px 32px -12px var(--neutral-neutral-410, rgba(18, 18, 18, 0.1)), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
}
.manageGroup__footer__body .withSelected .seleccion.activa:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.685);
}
.manageGroup__footer__body .withSelected .dropdownVisibileToAll {
  position: relative;
}
.manageGroup__footer__body .withSelected .dropdownVisibileToAll .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 48px;
  width: 152px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  background-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  padding: 12px 16px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.manageGroup__footer__body .withSelected .dropdownVisibileToAll .header:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.manageGroup__footer__body .withSelected .dropdownVisibileToAll .header span {
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.manageGroup__footer__body .withSelected .dropdownVisibileToAll .header .iconoDropdown {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 1.2em;
}
.manageGroup__footer__body .withSelected .dropdownVisibileToAll .body {
  min-width: 240px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  border-radius: 24px;
  background: #272727;
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  bottom: 60px;
  left: 50%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 240px;
  padding: 24px;
}
.manageGroup__footer__body .withSelected .dropdownVisibileToAll .body .opcion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.manageGroup__footer__body .withSelected .dropdownVisibileToAll .body .opcion .indicadorActivo {
  content: "•";
  width: 8px;
  height: 8px;
  background-color: #cd5a28;
  border-radius: 50%;
}
.manageGroup__footer__body .withSelected .dropdownVisibileToAll .body .opcion span {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.manageGroup__footer__body .withSelected .dropdownVisibileToAll .body .opcion span:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.8);
}
.manageGroup__footer__body .withSelected .dropdownVisibileToAll .body .opcion span.activo {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.95);
}
.manageGroup__footer__body .withSelected .dropdownVisibileToAll .body .opcion span.activo:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgb(248, 248, 248);
}
.manageGroup__footer__body .withSelected .dropdownVisibileToAll .body::before {
  content: "";
  background-color: transparent;
  height: 20px;
  width: 100%;
  position: absolute;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.manageGroup__footer__body .withSelected .dropdownVisibileToAll:hover .header .iconoDropdown {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.manageGroup__footer__body .withSelected .dropdownVisibileToAll:hover .header span {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.manageGroup__footer__body .withSelected .dropdownVisibileToAll:hover .body {
  opacity: 1;
  visibility: visible;
}
.manageGroup__footer__body .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  width: 100%;
}
.manageGroup__footer__body .botonNaranja {
  min-width: 148px;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  max-height: 48px;
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
  margin-left: 10px;
}

/* =====================================
=               Responsive                
===================================== */
@media (width <= 1470px) {
  .manageGroup__footer__contenedor:not(.menuContraido) .manageGroup__footer__body span.left {
    display: none;
    background-color: #fff;
  }
  .manageGroup__footer__contenedor:not(.menuContraido) .manageGroup__footer__body .center {
    gap: 16px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (width <= 1185px) {
  .manageGroup__footer__contenedor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (width <= 1265px) {
  .manageGroup__footer__contenedor.menuContraido .manageGroup__footer__body span.left {
    display: none;
    background-color: #fff;
  }
  .manageGroup__footer__contenedor.menuContraido .manageGroup__footer__body .center {
    gap: 16px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
/* =====================================
=               MARK:Responsive                
===================================== */
.manageGroup__footer:has(.content.manage):has(.withSelected) .content.manage {
  overflow: visible;
}
.manageGroup__footer:has(.content.manage):has(.withSelected) .content.manageMobile {
  overflow: visible;
}

@media (width <= 895px) {
  .navbarAdmin__contenedor:has(.content.manage) .derecha .cuerpo .content .manageGroup__cuerpo {
    margin-bottom: 66px;
  }
}
@media (width <= 685px) {
  .navbarAdmin__contenedor:has(.content.manage) .derecha .cuerpo .content .manageGroup__cuerpo {
    margin-bottom: 110px;
  }
}
.checkbox {
  border-radius: 7px;
  max-width: 34px;
  max-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  border: 1px solid #4E4E4E;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.checkbox .iconoCheck {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.checkbox:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(78, 78, 78, 0.137);
  border: 1px solid #535353;
}
.checkbox.activo {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #D4541D;
  border: 1px solid #D4541D;
}
.checkbox.activo .iconoCheck {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.checkbox.activo:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #ED5F0F;
  border: 1px solid #ED5F0F;
}

.overlayModal .modal.delete {
  padding: calc(0.4819277108vw + 22.1927710843px);
}
.overlayModal .modal.delete .modal__contenido {
  margin-top: 0;
}
.overlayModal .modal.delete .borrar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.overlayModal .modal.delete .borrar__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  color: rgba(248, 248, 248, 0.95);
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
}
.overlayModal .modal.delete .borrar__body {
  margin-top: calc(0.4819277108vw + 14.1927710843px);
  max-width: 290px;
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.overlayModal .modal.delete .borrar__body .bold {
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.overlayModal .modal.delete .borrar__footer {
  margin-top: 24px;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr calc(0.2409638554vw + 15.0963855422px) 1fr;
  grid-template-columns: 1fr 1fr;
  gap: calc(0.2409638554vw + 15.0963855422px);
}
@media (width <= 425px) {
  .overlayModal .modal.delete .borrar__footer {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.overlayModal .modal.delete .borrar__footer .cancel,
.overlayModal .modal.delete .borrar__footer .delete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 16px 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  border-radius: 32px;
  cursor: pointer;
}
.overlayModal .modal.delete .borrar__footer .cancel {
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  -webkit-box-shadow: 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.delete .borrar__footer .cancel:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.overlayModal .modal.delete .borrar__footer .delete {
  border-radius: 48px;
  background: linear-gradient(142deg, rgba(255, 79, 111, 0.2) 0%, rgba(255, 79, 111, 0.08) 44.62%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  color: #FF4F6F;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.delete .borrar__footer .delete:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.015);
}

.overlayModal .modal.newGroup .modal__contenido .inputGroupName {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 52px;
  padding-left: 16px;
  padding-right: 20px;
  border-radius: 32px;
  background: rgba(248, 248, 248, 0.05);
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.overlayModal .modal.newGroup .modal__contenido .inputGroupName .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  width: 100%;
}
.overlayModal .modal.newGroup .modal__contenido .inputGroupName input {
  background-color: transparent;
  border: none;
  color: rgba(248, 248, 248, 0.9490196078);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
  width: 100%;
  max-width: 350px;
  outline: none;
  color: rgba(248, 248, 248, 0.95);
}
.overlayModal .modal.newGroup .modal__contenido .inputGroupName input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newGroup .modal__contenido .inputGroupName input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newGroup .modal__contenido .inputGroupName input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newGroup .modal__contenido .inputGroupName input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newGroup .modal__contenido .inputGroupName input::placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newGroup .modal__contenido .inputGroupName input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.overlayModal .modal.newGroup .modal__contenido .inputGroupName input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.overlayModal .modal.newGroup .modal__contenido .inputGroupName input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.overlayModal .modal.newGroup .modal__contenido .inputGroupName input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.overlayModal .modal.newGroup .modal__contenido .inputGroupName input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.overlayModal .modal.newGroup .modal__contenido .seleccion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 280px;
  height: 52px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: rgba(248, 248, 248, 0.7);
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newGroup .modal__contenido .seleccion:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgb(248, 248, 248);
}
.overlayModal .modal.newGroup .modal__contenido .seleccion__contenedor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--neutral-neutral-25, rgba(248, 248, 248, 0.05));
  border-radius: 32px;
}
.overlayModal .modal.newGroup .modal__contenido .seleccion.activa {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 32px;
  color: rgba(248, 248, 248, 0.95);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.95)), to(rgba(212, 84, 29, 0.95))), var(--neutral-neutral-440, rgba(18, 18, 18, 0.4));
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.95) 0%, rgba(212, 84, 29, 0.95) 100%), var(--neutral-neutral-440, rgba(18, 18, 18, 0.4));
  -webkit-box-shadow: 0px 24px 32px -12px var(--neutral-neutral-410, rgba(18, 18, 18, 0.1)), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 24px 32px -12px var(--neutral-neutral-410, rgba(18, 18, 18, 0.1)), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
}
.overlayModal .modal.newGroup .modal__contenido .seleccion.activa:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.685);
}
.overlayModal .modal.newGroup .modal__contenido .dropdownSeleccion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 52px;
  padding-left: 16px;
  padding-right: 20px;
  border-radius: 32px;
  background: rgba(248, 248, 248, 0.05);
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}
.overlayModal .modal.newGroup .modal__contenido .dropdownSeleccion .iconoDropdown {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 1.2em;
}
.overlayModal .modal.newGroup .modal__contenido .dropdownSeleccion span {
  background-color: transparent;
  border: none;
  color: rgba(248, 248, 248, 0.9490196078);
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  border: none;
  width: 100%;
  max-width: 350px;
  outline: none;
  color: rgba(248, 248, 248, 0.8);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newGroup .modal__contenido .dropdownSeleccion:hover span {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgb(248, 248, 248);
}
.overlayModal .modal.newGroup .modal__contenido .dropdownSeleccion:hover .iconoDropdown {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgb(248, 248, 248);
}
.overlayModal .modal.newGroup .modal__contenido .botonNaranja {
  margin-top: 12px;
  font-weight: 400;
}

.overlayModal .modal.newService {
  padding-inline: calc(0.2409638554vw + 23.0963855422px);
  padding-bottom: calc(0.4819277108vw + 22.1927710843px);
}
.overlayModal .modal.newService .modal__contenido .inputServiceName {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3fr 12px 1fr;
  grid-template-columns: 3fr 1fr;
  width: 100%;
  height: 52px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 32px;
  background: rgba(248, 248, 248, 0.05);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.overlayModal .modal.newService .modal__contenido .inputServiceName .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  width: 100%;
}
.overlayModal .modal.newService .modal__contenido .inputServiceName input {
  background-color: transparent;
  border: none;
  color: rgba(248, 248, 248, 0.9490196078);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
  width: 100%;
  max-width: 350px;
  outline: none;
  color: rgba(248, 248, 248, 0.95);
}
.overlayModal .modal.newService .modal__contenido .inputServiceName input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .inputServiceName input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .inputServiceName input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .inputServiceName input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .inputServiceName input::placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .inputServiceName input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .inputServiceName input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .inputServiceName input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .inputServiceName input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .inputServiceName input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .inputServiceName span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: rgba(248, 248, 248, 0.7);
  text-align: right;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
}
@media (width <= 480px) {
  .overlayModal .modal.newService .modal__contenido .inputServiceName span {
    -ms-grid-column-align: end;
        justify-self: end;
  }
  .overlayModal .modal.newService .modal__contenido .inputServiceName i {
    display: none;
  }
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3fr 12px 1fr;
  grid-template-columns: 3fr 1fr;
  width: 100%;
  height: 52px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 32px;
  background: rgba(248, 248, 248, 0.05);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .iconoDropdown {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup.activo .iconoDropdown {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  color: #D4541D;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  width: 100%;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup input {
  background-color: transparent;
  border: none;
  color: rgba(248, 248, 248, 0.9490196078);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
  width: 100%;
  max-width: 350px;
  outline: none;
  color: rgba(248, 248, 248, 0.95);
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup input::placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .newGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 48px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  background-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  padding: 8px 16px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  color: rgba(248, 248, 248, 0.8);
  font-size: 12px;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .newGroup:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
@media (width <= 480px) {
  .overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .newGroup span {
    display: none;
  }
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .iconoDropdown {
  width: 1.5em;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown {
  position: absolute;
  top: 70px;
  width: 100%;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  max-height: 412px;
  left: 0;
  z-index: 4;
  background: #272727;
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  bottom: 60px;
  padding: 24px;
  border-radius: 26px;
  visibility: hidden;
  opacity: 0;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown.visible {
  visibility: visible;
  opacity: 1;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido {
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  scrollbar-width: thin;
  scrollbar-color: rgba(128, 128, 128, 0.4) transparent;
  gap: 24px;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido::-webkit-scrollbar-track {
  background: transparent;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido::-webkit-scrollbar-thumb {
  background: rgba(128, 128, 128, 0.4);
  border-radius: 10px;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido::-webkit-scrollbar-button {
  display: none;
}
@media (width <= 480px) {
  .overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido {
    gap: 16px;
  }
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .buscador {
  width: 100%;
  padding: 14px 20px;
  gap: 12px;
  border-radius: 31px;
  background: rgba(248, 248, 248, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .buscador .iconoBuscar {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .buscador .iconoBuscar svg,
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .buscador .iconoBuscar path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .buscador .iconoBuscar:hover {
  cursor: pointer;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .buscador .iconoBuscar:hover svg,
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .buscador .iconoBuscar:hover path {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  stroke-opacity: 0.8;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .buscador input {
  background-color: transparent;
  border: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
  width: 100%;
  outline: none;
  color: rgba(248, 248, 248, 0.8);
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .buscador input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .buscador input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .buscador input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .buscador input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .buscador input::placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .buscador input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .buscador input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .buscador input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .buscador input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .buscador input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .descripcionGrupo {
  display: none;
  gap: 16px;
}
@media (width <= 480px) {
  .overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .descripcionGrupo {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 3fr 1fr 1fr;
    grid-template-columns: 3fr 1fr 1fr;
  }
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .descripcionGrupo .seccion, .overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .descripcionGrupo .navbarAdmin .izquierda .seccionDropdown__header, .navbarAdmin .izquierda .overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .descripcionGrupo .seccionDropdown__header {
  color: rgba(248, 248, 248, 0.4);
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .descripcionGrupo .seccion.izquierda, .overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .descripcionGrupo .navbarAdmin .izquierda .izquierda.seccionDropdown__header, .navbarAdmin .izquierda .overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .descripcionGrupo .izquierda.seccionDropdown__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .grupo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  width: 100%;
}
@media (width <= 480px) {
  .overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .grupo {
    display: none;
  }
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .grupo__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(248, 248, 248, 0.7);
  font-size: calc(0.1204819277vw + 13.5481927711px);
  font-weight: 500;
  line-height: 16px;
  gap: 16px;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .grupo__left span {
  opacity: 0.8;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .grupo__left .checkbox {
  width: 24px;
  height: 24px;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .grupo.activo .grupo__left {
  color: rgba(248, 248, 248, 0.95);
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .grupo.activo .grupo__left span {
  opacity: 1;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .grupo__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .grupo__right .datosGrupo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 27px;
}
@media (width <= 480px) {
  .overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .grupo__right .datosGrupo {
    gap: 16px;
  }
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .grupo__right .active,
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .grupo__right .inactive {
  color: rgba(248, 248, 248, 0.4);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .grupo__right .active span {
  color: rgba(83, 255, 121, 0.95);
  text-align: right;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .grupo__right .inactive span {
  color: #FF4F6F;
  text-align: right;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .opciones,
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .opcionesMobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (width <= 480px) {
  .overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .opciones {
    display: none;
  }
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .grupoMobile {
  width: 100%;
  display: none;
  gap: 16px;
}
@media (width <= 480px) {
  .overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .grupoMobile {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 3fr 1fr 1fr;
    grid-template-columns: 3fr 1fr 1fr;
  }
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .grupoMobile__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(248, 248, 248, 0.7);
  font-size: calc(0.1204819277vw + 13.5481927711px);
  font-weight: 500;
  line-height: 16px;
  gap: 16px;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .grupoMobile__left span {
  opacity: 0.8;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .grupoMobile__left .checkbox {
  width: 24px;
  height: 24px;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .grupoMobile.activo .grupo__left {
  color: rgba(248, 248, 248, 0.95);
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .grupoMobile.activo .grupo__left span {
  opacity: 1;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .grupoMobile .datosGrupo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 27px;
}
@media (width <= 480px) {
  .overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .grupoMobile .datosGrupo {
    gap: 16px;
  }
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .grupoMobile .active span {
  color: rgba(83, 255, 121, 0.95);
  text-align: right;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.overlayModal .modal.newService .modal__contenido .inputServiceGroup .right .contenidoDropdown .contenido .grupoMobile .inactive span {
  color: #FF4F6F;
  text-align: right;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.overlayModal .modal.newService .modal__contenido .seleccion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 280px;
  height: 52px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: rgba(248, 248, 248, 0.7);
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .seleccion:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.8);
}
.overlayModal .modal.newService .modal__contenido .seleccion__contenedor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--neutral-neutral-25, rgba(248, 248, 248, 0.05));
  border-radius: 32px;
}
.overlayModal .modal.newService .modal__contenido .seleccion.activa {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 32px;
  color: rgba(248, 248, 248, 0.95);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.95)), to(rgba(212, 84, 29, 0.95))), var(--neutral-neutral-440, rgba(18, 18, 18, 0.4));
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.95) 0%, rgba(212, 84, 29, 0.95) 100%), var(--neutral-neutral-440, rgba(18, 18, 18, 0.4));
  -webkit-box-shadow: 0px 24px 32px -12px var(--neutral-neutral-410, rgba(18, 18, 18, 0.1)), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 24px 32px -12px var(--neutral-neutral-410, rgba(18, 18, 18, 0.1)), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
}
.overlayModal .modal.newService .modal__contenido .seleccion.activa:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.685);
}
.overlayModal .modal.newService .modal__contenido .inputDeliveryTime {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 12px 3fr;
  grid-template-columns: 1fr 3fr;
  width: 100%;
  height: 52px;
  padding-left: 20px;
  padding-right: 10px;
  border-radius: 32px;
  background: rgba(248, 248, 248, 0.05);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
@media (width <= 480px) {
  .overlayModal .modal.newService .modal__contenido .inputDeliveryTime .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px;
  }
  .overlayModal .modal.newService .modal__contenido .inputDeliveryTime .left span {
    line-height: 8px;
  }
  .overlayModal .modal.newService .modal__contenido .inputDeliveryTime .left input {
    line-height: 0;
  }
}
.overlayModal .modal.newService .modal__contenido .inputDeliveryTime input {
  background-color: transparent;
  border: none;
  color: rgba(248, 248, 248, 0.9490196078);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
  width: 100%;
  max-width: 350px;
  outline: none;
  color: rgba(248, 248, 248, 0.95);
}
.overlayModal .modal.newService .modal__contenido .inputDeliveryTime input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .inputDeliveryTime input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .inputDeliveryTime input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .inputDeliveryTime input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .inputDeliveryTime input::placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .inputDeliveryTime input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .inputDeliveryTime input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .inputDeliveryTime input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .inputDeliveryTime input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .inputDeliveryTime input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .inputDeliveryTime span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: rgba(248, 248, 248, 0.7);
  text-align: right;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
}
.overlayModal .modal.newService .modal__contenido .inputDeliveryTime span.top {
  display: none;
  font-size: 10px;
}
@media (width <= 480px) {
  .overlayModal .modal.newService .modal__contenido .inputDeliveryTime span {
    display: none;
  }
  .overlayModal .modal.newService .modal__contenido .inputDeliveryTime span.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.overlayModal .modal.newService .modal__contenido .inputDeliveryTime .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 12px;
}
.overlayModal .modal.newService .modal__contenido .inputDeliveryTime .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 31px;
  background: rgba(248, 248, 248, 0.05);
  height: 32px;
}
.overlayModal .modal.newService .modal__contenido .inputDeliveryTime .time .opcion,
.overlayModal .modal.newService .modal__contenido .inputDeliveryTime .time .opcion2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 17px;
  color: rgba(248, 248, 248, 0.5);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
}
.overlayModal .modal.newService .modal__contenido .inputDeliveryTime .time .opcion.activa,
.overlayModal .modal.newService .modal__contenido .inputDeliveryTime .time .opcion2.activa {
  background: var(--neutral-neutral-25, rgba(248, 248, 248, 0.05));
  padding: 10px 22px;
  color: rgba(248, 248, 248, 0.95);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
  border-radius: 24px;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  -webkit-box-shadow: 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
.overlayModal .modal.newService .modal__contenido .inputDeliveryTime .time .opcion2.activa {
  padding-inline: 10px;
  padding-bottom: 8px;
  width: 44px;
}
@media (width >= 480px) {
  .overlayModal .modal.newService .modal__contenido .inputDeliveryTime .time .opcion2 {
    display: none;
  }
}
@media (width <= 480px) {
  .overlayModal .modal.newService .modal__contenido .inputDeliveryTime .time .opcion {
    display: none;
  }
}
.overlayModal .modal.newService .modal__contenido .priceUSD {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (width <= 415px) {
  .overlayModal .modal.newService .modal__contenido .priceUSD {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.overlayModal .modal.newService .modal__contenido .priceUSD .inputPrice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 52px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 32px;
  background: rgba(248, 248, 248, 0.05);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.overlayModal .modal.newService .modal__contenido .priceUSD .inputPrice input {
  background-color: transparent;
  border: none;
  color: rgba(248, 248, 248, 0.9490196078);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
  width: 100%;
  max-width: 350px;
  outline: none;
  color: rgba(248, 248, 248, 0.95);
}
.overlayModal .modal.newService .modal__contenido .priceUSD .inputPrice input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .priceUSD .inputPrice input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .priceUSD .inputPrice input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .priceUSD .inputPrice input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .priceUSD .inputPrice input::placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .priceUSD .inputPrice input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .priceUSD .inputPrice input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .priceUSD .inputPrice input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .priceUSD .inputPrice input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .priceUSD .inputPrice input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .priceUSD .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.overlayModal .modal.newService .modal__contenido .priceUSD .left__header {
  color: var(--Text-Secondary, rgba(248, 248, 248, 0.7));
  font-family: Rubik;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 8px;
  opacity: 0.5;
}
.overlayModal .modal.newService .modal__contenido .priceUSD .right {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.overlayModal .modal.newService .modal__contenido .priceUSDT .inputPrice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 52px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 32px;
  background: rgba(248, 248, 248, 0.05);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}
.overlayModal .modal.newService .modal__contenido .priceUSDT .inputPrice input {
  background-color: transparent;
  border: none;
  color: rgba(248, 248, 248, 0.9490196078);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
  width: 100%;
  max-width: 350px;
  outline: none;
  color: rgba(248, 248, 248, 0.95);
}
.overlayModal .modal.newService .modal__contenido .priceUSDT .inputPrice input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .priceUSDT .inputPrice input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .priceUSDT .inputPrice input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .priceUSDT .inputPrice input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .priceUSDT .inputPrice input::placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .priceUSDT .inputPrice input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .priceUSDT .inputPrice input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .priceUSDT .inputPrice input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .priceUSDT .inputPrice input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .priceUSDT .inputPrice input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.newService .modal__contenido .priceUSDT .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.overlayModal .modal.newService .modal__contenido .priceUSDT .left img {
  min-width: 20px;
}
.overlayModal .modal.newService .modal__contenido .priceUSDT .left__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.overlayModal .modal.newService .modal__contenido .priceUSDT .left__header {
  color: var(--Text-Secondary, rgba(248, 248, 248, 0.7));
  font-family: Rubik;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 8px;
  opacity: 0.5;
}
.overlayModal .modal.newService .modal__contenido .priceUSDT .right {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.overlayModal .modal.newService .modal__contenido .checkboxAsignar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-top: 4px;
}
.overlayModal .modal.newService .modal__contenido .checkboxAsignar span {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.overlayModal .modal.newService .modal__contenido .checkboxAsignar .iconoCheckbox {
  min-width: 24px;
  cursor: pointer;
}
.overlayModal .modal.newService .modal__contenido .checkboxAsignar .iconoCheckbox.activo .fondo,
.overlayModal .modal.newService .modal__contenido .checkboxAsignar .iconoCheckbox.activo .check {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .checkboxAsignar .iconoCheckbox.activo :hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .checkboxAsignar .iconoCheckbox.activo :hover .fondo {
  stroke: #f48e54;
}
.overlayModal .modal.newService .modal__contenido .checkboxAsignar .iconoCheckbox.inactivo {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  stroke: red;
}
.overlayModal .modal.newService .modal__contenido .checkboxAsignar .iconoCheckbox.inactivo .fondo,
.overlayModal .modal.newService .modal__contenido .checkboxAsignar .iconoCheckbox.inactivo .check {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  stroke: #777777;
  fill: #777777;
}
.overlayModal .modal.newService .modal__contenido .checkboxAsignar .iconoCheckbox.inactivo :hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.newService .modal__contenido .checkboxAsignar .iconoCheckbox.inactivo :hover .fondo {
  stroke: #9d9d9d;
}
.overlayModal .modal.newService .modal__contenido .botonNaranja {
  font-weight: 400;
}

.manageGroup.services {
  margin-bottom: 100px;
}
.manageGroup.services .grupo__left .deliveryTime {
  color: rgba(248, 248, 248, 0.7);
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.manageGroup.services .grupo__left .bold {
  color: rgba(248, 248, 248, 0.95);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
}
.manageGroup.services .grupo__right .carpetaRed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  gap: 8px;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  background-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  padding: 17px;
  margin-right: 24px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  width: 48px;
  height: 48px;
}
.manageGroup.services .grupo__right .carpetaRed:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.manageGroup.services .grupo__right .carpetaRed .dropdownCarpetaRed {
  min-width: 240px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: fixed;
  border-radius: 24px;
  opacity: 0;
  visibility: hidden;
  background: #272727;
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 240px;
  padding: 24px;
  z-index: 1;
  top: 0;
  left: 50%;
  max-height: 168px;
  width: max-content;
  overflow: auto;
}
.manageGroup.services .grupo__right .carpetaRed .dropdownCarpetaRed__header {
  color: rgba(248, 248, 248, 0.95);
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
}
.manageGroup.services .grupo__right .carpetaRed .dropdownCarpetaRed__subheader, .manageGroup.services .grupo__right .carpetaRed .dropdownCarpetaRed__body {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.manageGroup.services .grupo__right .carpetaRed .dropdownCarpetaRed.visible {
  opacity: 1;
  visibility: visible;
}
.manageGroup.services .grupo__right .precios {
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 48px;
}
.manageGroup.services .grupo__right .precios__usd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.manageGroup.services .grupo__right .precios__usd .precios__usd__header,
.manageGroup.services .grupo__right .precios__usd .precios__usd__footer {
  color: rgba(248, 248, 248, 0.95);
  text-align: right;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}
.manageGroup.services .grupo__right .precios__usd .precios__usd__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.manageGroup.services .grupo__right .precios__usd .porcentaje {
  color: #53FF79;
  font-size: 10px;
  font-style: normal;
  font-weight: 300;
  line-height: 8px;
}
.manageGroup.services .grupo__right .precios .separador, .manageGroup.services .grupo__right .precios .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .separador2, .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .manageGroup.services .grupo__right .precios .separador2 {
  height: 1px;
  background: rgba(248, 248, 248, 0.1);
  width: 32px;
  content: "";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  margin-left: 12px;
  margin-right: 12px;
}
.manageGroup.services .grupo__right .precios__compra {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.manageGroup.services .grupo__right .precios__compra__header {
  color: rgba(248, 248, 248, 0.7);
  text-align: right;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}
.manageGroup.services .grupo__right .precios__compra__footer {
  color: rgba(248, 248, 248, 0.95);
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.manageGroup.services .grupo__right .precios__compra .porcentaje {
  color: #53FF79;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}

/* =====================================
=               MARK:Footer                
===================================== */
.manageGroup__footer__contenedor:has(.services) {
  height: 84px;
}

.manageGroup__footer__body .content.services {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.manageGroup__footer__body .content.services .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.manageGroup__footer__body .content.services .left p {
  color: rgba(248, 248, 248, 0.5);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  opacity: 0.8;
}
.manageGroup__footer__body .content.services .left span {
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.manageGroup__footer__body .content.services .center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  gap: 40px;
  margin-right: 12px;
}
.manageGroup__footer__body .content.services .center .botones {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.manageGroup__footer__body .content.services .center .botones .botonPrevious svg,
.manageGroup__footer__body .content.services .center .botones .botonPrincipio svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.manageGroup__footer__body .content.services .center .botones svg {
  opacity: 0.5;
}
.manageGroup__footer__body .content.services .center .botones .botonNext,
.manageGroup__footer__body .content.services .center .botones .botonFinal,
.manageGroup__footer__body .content.services .center .botones .botonPrevious,
.manageGroup__footer__body .content.services .center .botones .botonPrincipio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.068) 0%, rgba(248, 248, 248, 0.027) 44.62%);
  background-color: rgba(255, 255, 255, 0.0156862745);
  padding: 16px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  width: 48px;
  height: 48px;
}
.manageGroup__footer__body .content.services .center .botones .botonNext:hover,
.manageGroup__footer__body .content.services .center .botones .botonFinal:hover,
.manageGroup__footer__body .content.services .center .botones .botonPrevious:hover,
.manageGroup__footer__body .content.services .center .botones .botonPrincipio:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.manageGroup__footer__body .content.services .center .botones.activos svg {
  opacity: 1;
}
.manageGroup__footer__body .content.services .center .botones.activos .botonNext,
.manageGroup__footer__body .content.services .center .botones.activos .botonFinal,
.manageGroup__footer__body .content.services .center .botones.activos .botonPrevious,
.manageGroup__footer__body .content.services .center .botones.activos .botonPrincipio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  background-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  padding: 16px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  width: 48px;
  height: 48px;
}
.manageGroup__footer__body .content.services .center .botones.activos .botonNext:hover,
.manageGroup__footer__body .content.services .center .botones.activos .botonFinal:hover,
.manageGroup__footer__body .content.services .center .botones.activos .botonPrevious:hover,
.manageGroup__footer__body .content.services .center .botones.activos .botonPrincipio:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.manageGroup__footer__body .content.services .center .paginas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.manageGroup__footer__body .content.services .center .paginas span {
  color: rgba(248, 248, 248, 0.5);
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  cursor: pointer;
}
.manageGroup__footer__body .content.services .center .paginas span.activo {
  color: rgba(248, 248, 248, 0.95);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.manageGroup__footer__body .content.services .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.manageGroup__footer__body .content.services .right .irPagina {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.manageGroup__footer__body .content.services .right .irPagina span {
  color: rgba(248, 248, 248, 0.5);
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.manageGroup__footer__body .content.services .right .irPagina input {
  background-color: transparent;
  border: none;
  outline: none;
  border-radius: 31px;
  background: rgba(248, 248, 248, 0.05);
  width: 72px;
  height: 40px;
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
}

.loader {
  height: 100%;
  width: 100%;
  max-width: 1280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 28px;
}
.loader h2 {
  color: rgba(248, 248, 248, 0.9490196078);
  font-weight: 500;
  opacity: 0.8;
}
.loader__contenedor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100dvh;
  width: 100%;
  content: "";
  background-image: url(..//img/main/Stars.png);
  overflow: hidden;
}
.loader .linea__contenedor {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 55px;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.loader .linea__contenedor .lineaGuia {
  content: "";
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 320px;
  height: 10px;
}
.loader .linea__contenedor .linea1,
.loader .linea__contenedor .linea2,
.loader .linea__contenedor .linea3 {
  content: "";
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 320px;
  height: 2px;
}
.loader .linea__contenedor .linea1 {
  border-radius: 24px;
  background: #343434;
}
.loader .linea__contenedor .linea2 {
  background: -webkit-gradient(linear, right top, left top, from(#F8814E), color-stop(33.33%, #D4541D), color-stop(66.67%, #7D3415), to(#343434));
  background: linear-gradient(270deg, #F8814E 0%, #D4541D 33.33%, #7D3415 66.67%, #343434 100%);
}
.loader .linea__contenedor .linea3 {
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.7)), color-stop(60.42%, rgba(255, 255, 255, 0.52)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.52) 60.42%, rgba(255, 255, 255, 0) 100%);
  mix-blend-mode: overlay;
}
.loader .linea__contenedor .glow1 {
  content: "";
  position: absolute;
  width: 100%;
  max-width: 320px;
  height: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.loader .linea__contenedor .glow1 {
  background: -webkit-gradient(linear, right top, left top, from(rgba(212, 84, 29, 0.8)), to(rgba(52, 52, 52, 0)));
  background: linear-gradient(270deg, rgba(212, 84, 29, 0.8) 0%, rgba(52, 52, 52, 0) 100%);
  -webkit-filter: blur(4px);
          filter: blur(4px);
}
.loader .linea__contenedor .glow2 {
  width: 100%;
  max-width: 179px;
  height: 4px;
  position: absolute;
  background: -webkit-gradient(linear, right top, left top, color-stop(1.05%, rgba(250, 141, 94, 0.5)), to(rgba(52, 52, 52, 0)));
  background: linear-gradient(270deg, rgba(250, 141, 94, 0.5) 1.05%, rgba(52, 52, 52, 0) 100%);
  -webkit-filter: blur(2.5px);
          filter: blur(2.5px);
  right: 0;
}
.loader .linea__contenedor .glow3 {
  content: "";
  width: 100%;
  max-width: 134px;
  height: 120px;
  border-radius: 99px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(212, 84, 29, 0.2)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(270deg, rgba(212, 84, 29, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  -webkit-filter: blur(24px);
          filter: blur(24px);
  position: absolute;
  right: 0;
}
.loader .linea__contenedor .glow4 {
  content: "";
  width: 100%;
  max-width: 62px;
  height: 56px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.5);
  mix-blend-mode: overlay;
  -webkit-filter: blur(24px);
          filter: blur(24px);
  position: absolute;
  right: 0;
}
.loader .linea__contenedor .glow3,
.loader .linea__contenedor .glow4 {
  opacity: 0;
  -webkit-animation: fadeGlow 2s linear infinite;
          animation: fadeGlow 2s linear infinite;
}
.loader .linea__contenedor .linea1,
.loader .linea__contenedor .linea2,
.loader .linea__contenedor .linea3,
.loader .linea__contenedor .glow1,
.loader .linea__contenedor .glow2 {
  width: 100%;
  max-width: 320px;
  -webkit-animation: loadLine 2s linear infinite;
          animation: loadLine 2s linear infinite;
  -webkit-transform-origin: 0;
          transform-origin: 0;
}

@-webkit-keyframes loadLine {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  39% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  40% {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  80% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: right;
            transform-origin: right;
  }
}

@keyframes loadLine {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  39% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  40% {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  80% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: right;
            transform-origin: right;
  }
}
@-webkit-keyframes fadeGlow {
  0% {
    opacity: 0;
    right: 100%;
  }
  39% {
    opacity: 1;
    right: -9.9%;
  }
  100% {
    opacity: 0;
    right: -9.9%;
  }
}
@keyframes fadeGlow {
  0% {
    opacity: 0;
    right: 100%;
  }
  39% {
    opacity: 1;
    right: -9.9%;
  }
  100% {
    opacity: 0;
    right: -9.9%;
  }
}
/* =====================================
=             MARK:Responsive                
===================================== */
/* =====================================
=               MARK:Responsive                
===================================== */
@media (width <= 1185px) {
  .manageGroup {
    margin-top: 0;
  }
}
@media (width >= 895px) {
  .manageGroup__headerMobile {
    display: none;
  }
}
@media (width <= 895px) {
  .manageGroup__header {
    display: none;
  }
  .manageGroup__headerMobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 20px;
  }
  .manageGroup__headerMobile__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    display: flex;
    gap: 16px;
  }
  .manageGroup__headerMobile__top .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    gap: 16px;
  }
  .manageGroup__headerMobile__top h1 {
    color: rgba(248, 248, 248, 0.95);
    font-size: calc(0.2409638554vw + 19.0963855422px);
    font-weight: 500;
    line-height: 20px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
  }
  .manageGroup__headerMobile__top .botonNaranja {
    height: 44px;
    padding: 16px;
    width: 100%;
    max-width: 100px;
    font-weight: 500;
  }
  .manageGroup__headerMobile__top .buscador {
    width: 100%;
    height: 44px;
    max-width: 280px;
    padding: 14px;
    gap: 12px;
    border-radius: 31px;
    background: rgba(248, 248, 248, 0.05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .manageGroup__headerMobile__top .buscador .iconoBuscar {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 1.7em;
  }
  .manageGroup__headerMobile__top .buscador .iconoBuscar svg,
  .manageGroup__headerMobile__top .buscador .iconoBuscar path {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .manageGroup__headerMobile__top .buscador .iconoBuscar:hover {
    cursor: pointer;
  }
  .manageGroup__headerMobile__top .buscador .iconoBuscar:hover svg,
  .manageGroup__headerMobile__top .buscador .iconoBuscar:hover path {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    stroke-opacity: 0.8;
  }
  .manageGroup__headerMobile__top .buscador input {
    background-color: transparent;
    border: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    opacity: 0.5;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: none;
    width: 100%;
    outline: none;
    color: rgba(248, 248, 248, 0.8);
  }
  .manageGroup__headerMobile__top .buscador input::-webkit-input-placeholder {
    color: rgba(248, 248, 248, 0.7);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .manageGroup__headerMobile__top .buscador input::-moz-placeholder {
    color: rgba(248, 248, 248, 0.7);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .manageGroup__headerMobile__top .buscador input:-ms-input-placeholder {
    color: rgba(248, 248, 248, 0.7);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .manageGroup__headerMobile__top .buscador input::-ms-input-placeholder {
    color: rgba(248, 248, 248, 0.7);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .manageGroup__headerMobile__top .buscador input::placeholder {
    color: rgba(248, 248, 248, 0.7);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
  .manageGroup__headerMobile__top .buscador input:hover::-webkit-input-placeholder {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: rgba(248, 248, 248, 0.9);
  }
  .manageGroup__headerMobile__top .buscador input:hover::-moz-placeholder {
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: rgba(248, 248, 248, 0.9);
  }
  .manageGroup__headerMobile__top .buscador input:hover:-ms-input-placeholder {
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: rgba(248, 248, 248, 0.9);
  }
  .manageGroup__headerMobile__top .buscador input:hover::-ms-input-placeholder {
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: rgba(248, 248, 248, 0.9);
  }
  .manageGroup__headerMobile__top .buscador input:hover::placeholder {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: rgba(248, 248, 248, 0.9);
  }
  .manageGroup__headerMobile__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 20px;
  }
  .manageGroup__headerMobile__bottom .editAllServices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
  }
  .manageGroup__headerMobile__bottom .editAllServices p {
    color: rgba(248, 248, 248, 0.95);
    font-size: calc(0.1204819277vw + 11.5481927711px);
    font-weight: 400;
    line-height: 16px;
    opacity: 0.8;
  }
  .manageGroup__headerMobile__bottom .editAllServices .checkbox {
    width: 24px;
    height: 24px;
  }
  .manageGroup__headerMobile__bottom .allGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
  }
  .manageGroup__headerMobile__bottom .allGroup__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    gap: 12px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
  }
  .manageGroup__headerMobile__bottom .allGroup__header .iconoDropdown {
    width: 1.1em;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .manageGroup__headerMobile__bottom .allGroup span {
    color: rgba(248, 248, 248, 0.95);
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
  }
  .manageGroup__headerMobile__bottom .allGroup__body {
    width: 100%;
    min-width: 240px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 32px 24px;
    border-radius: 32px;
    position: absolute;
    top: 40px;
    right: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 2;
    -webkit-box-shadow: inset 0px -2.5px 0px -5px rgba(248, 248, 248, 0.05), 0px 2px 0px 0px rgba(248, 248, 248, 0.06) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
            box-shadow: inset 0px -2.5px 0px -5px rgba(248, 248, 248, 0.05), 0px 2px 0px 0px rgba(248, 248, 248, 0.06) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
    background-color: rgb(43, 43, 43);
    gap: 32px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .manageGroup__headerMobile__bottom .allGroup__body a {
    color: rgba(248, 248, 248, 0.7);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    text-decoration: none;
    opacity: 0.8;
  }
  .manageGroup__headerMobile__bottom .allGroup:hover .allGroup__header .iconoDropdown {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    color: #D4541D;
  }
  .manageGroup__headerMobile__bottom .allGroup:hover .allGroup__body {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .manageGroup__headerMobile__bottom .allGroup:hover .allGroup__body::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 40px;
    top: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
/* Subsection
===================================== */
@media (width >= 595px) {
  .manageGroup.group .manageGroup__cuerpoMobile {
    display: none;
  }
}
@media (width <= 595px) {
  .manageGroup.group .manageGroup__cuerpo {
    display: none;
  }
  .manageGroup.group .manageGroup__cuerpoMobile {
    margin-top: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    margin-bottom: 110px;
  }
  .manageGroup.group .manageGroup__cuerpoMobile .grupo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 24px;
    border-radius: 24px;
    background: rgba(248, 248, 248, 0.03);
    overflow-x: hidden;
    padding: 24px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .manageGroup.group .manageGroup__cuerpoMobile .grupo:nth-child(even) {
    background: rgba(248, 248, 248, 0.02);
  }
  .manageGroup.group .manageGroup__cuerpoMobile .grupo:hover {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: hsla(0, 0%, 85%, 0.065);
  }
  .manageGroup.group .manageGroup__cuerpoMobile .grupo.dragging {
    background: rgba(217, 217, 217, 0.1);
    cursor: move;
    margin-left: 20px;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .manageGroup.group .manageGroup__cuerpoMobile .grupo__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .manageGroup.group .manageGroup__cuerpoMobile .grupo__top .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
  }
  .manageGroup.group .manageGroup__cuerpoMobile .grupo__top .left .texto {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
  .manageGroup.group .manageGroup__cuerpoMobile .grupo__top .left .bandaVerde {
    content: "";
    width: 5px;
    height: 100%;
    background: rgba(83, 255, 121, 0.5019607843);
    position: absolute;
    left: 0;
    top: 0;
  }
  .manageGroup.group .manageGroup__cuerpoMobile .grupo__top .left .bandaVerde.roja {
    background: #FF4F6F;
  }
  .manageGroup.group .manageGroup__cuerpoMobile .grupo__top .left .titulo {
    color: rgba(248, 248, 248, 0.95);
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
  }
  .manageGroup.group .manageGroup__cuerpoMobile .grupo__top .left .visibilidad {
    color: rgba(248, 248, 248, 0.7);
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .manageGroup.group .manageGroup__cuerpoMobile .grupo__top .left .visibilidad::before {
    content: "•";
    color: #53FF79;
    padding-right: 8px;
    font-size: 1.5em;
  }
  .manageGroup.group .manageGroup__cuerpoMobile .grupo__top .left .visibilidad.roja::before {
    content: "•";
    color: #FF4F6F;
    padding-right: 8px;
    font-size: 1.5em;
  }
  .manageGroup.group .manageGroup__cuerpoMobile .grupo__top .right {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: right;
  }
  .manageGroup.group .manageGroup__cuerpoMobile .grupo__top .right .costo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    color: rgba(248, 248, 248, 0.95);
    text-align: right;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
  }
  .manageGroup.group .manageGroup__cuerpoMobile .grupo__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    margin-top: 24px;
    gap: 16px;
  }
  .manageGroup.group .manageGroup__cuerpoMobile .grupo__bottom .editar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 48px;
    gap: 8px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 131px;
    color: rgba(248, 248, 248, 0.7);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
    background-color: rgba(255, 255, 255, 0);
    -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
            box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
    padding-inline: 20px;
    padding-block: 12px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
  }
  .manageGroup.group .manageGroup__cuerpoMobile .grupo__bottom .editar:hover {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: rgba(255, 255, 255, 0.025);
  }
  .manageGroup.group .manageGroup__cuerpoMobile .grupo__bottom .eliminar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 48px;
    gap: 8px;
    max-width: 131px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-inline: 20px;
    padding-block: 12px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    max-width: 131px;
    color: #FF4F6F;
    font-size: 14px;
    font-weight: 500;
    background: linear-gradient(142deg, rgba(224, 35, 70, 0.212) 0%, rgba(255, 156, 174, 0.05) 80.39%);
    -webkit-box-shadow: 2px 4px 4px 0px rgba(248, 248, 248, 0.021) inset, 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
            box-shadow: 2px 4px 4px 0px rgba(248, 248, 248, 0.021) inset, 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  }
  .manageGroup.group .manageGroup__cuerpoMobile .grupo__bottom .eliminar:hover {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: rgba(255, 255, 255, 0.025);
  }
}
/* =====================================
=          MARK:Footer Responsive                
===================================== */
@media (width >= 895px) {
  .manageGroup__footer__body .content.manageMobile {
    display: none;
  }
}
@media (width <= 895px) {
  .manageGroup__footer__contenedor {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }
  .manageGroup__footer {
    padding-inline: 20px;
  }
  .manageGroup__footer__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .manageGroup__footer__body .content.manage {
    display: none;
  }
  .manageGroup__footer__body .content.manageMobile {
    margin-top: 16px;
    margin-bottom: 16px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 12px;
    display: flex;
    gap: 12px;
  }
  .manageGroup__footer__body .content.manageMobile .left,
  .manageGroup__footer__body .content.manageMobile .right {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .manageGroup__footer__body .content.manageMobile .dropdownVisibileToAll .body {
    left: 40px;
  }
  .manageGroup__footer__body .content.manageMobile .seleccion__contenedor .seleccion {
    width: 72px;
    height: 32px;
    font-size: 10px;
  }
  .manageGroup__footer__body .content.manageMobile .dropdownVisibileToAll .header {
    height: 32px;
  }
  .manageGroup__footer__body .content.manageMobile .dropdownVisibileToAll .header span {
    font-size: 11px;
  }
  .manageGroup__footer__body .content.manageMobile .checkboxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
  }
  .manageGroup__footer__body .content.manageMobile .botonCheck {
    height: 32px;
    font-size: 10px;
    max-width: 101px;
    padding: 8px 12px;
    margin-right: 0;
  }
  .manageGroup__footer__body .content.manageMobile .checkbox {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    color: white;
  }
  .manageGroup__footer__body .content.manageMobile .botonSave {
    color: rgba(248, 248, 248, 0.95);
    text-align: center;
    width: 100%;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    border-radius: 32px;
    background: rgba(212, 84, 29, 0.9490196078);
    -webkit-box-shadow: 0px 24px 32px -12px rgba(18, 18, 18, 0.1), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
            box-shadow: 0px 24px 32px -12px rgba(18, 18, 18, 0.1), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
    -webkit-backdrop-filter: blur(16px);
            backdrop-filter: blur(16px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 1px solid rgba(255, 255, 255, 0);
    margin-left: 0;
    height: 32px;
    font-size: 12px;
    max-width: 100px;
  }
  .manageGroup__footer__body .content.manageMobile .botonSave:hover {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: rgba(255, 130, 77, 0.95);
    -webkit-box-shadow: 0px 4px 12px 0px rgba(255, 217, 201, 0.48) inset, 0px 24px 32px -12px var(--neutral-neutral-410, rgba(18, 18, 18, 0.1)), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
            box-shadow: 0px 4px 12px 0px rgba(255, 217, 201, 0.48) inset, 0px 24px 32px -12px var(--neutral-neutral-410, rgba(18, 18, 18, 0.1)), 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  }
}
/* =====================================
=               MARK:Responsive                
===================================== */
@media (width >= 790px) {
  .manageGroup.services .manageGroup__cuerpoMobile {
    display: none;
  }
}
@media (width <= 790px) {
  .manageGroup.services .manageGroup__cuerpo {
    display: none;
  }
  .manageGroup.services .manageGroup__cuerpoMobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 28px;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 6px;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 24px;
    border-radius: 24px;
    background: rgba(248, 248, 248, 0.03);
    overflow-x: hidden;
    padding: 24px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo:nth-child(even) {
    background: rgba(248, 248, 248, 0.02);
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo:hover {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: hsla(0, 0%, 85%, 0.065);
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo.dragging {
    background: rgba(217, 217, 217, 0.1);
    cursor: move;
    margin-left: 20px;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__top .bandaVerde {
    content: "";
    width: 5px;
    height: 100%;
    background: rgba(83, 255, 121, 0.5019607843);
    position: absolute;
    left: 0;
    top: 0;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__top .bandaVerde.roja {
    background: #FF4F6F;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__top .texto {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__top .deliveryTime {
    color: rgba(248, 248, 248, 0.7);
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__top .bold {
    color: rgba(248, 248, 248, 0.95);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__top .iconoOpciones {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 50%;
    gap: 8px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
    background-color: rgba(255, 255, 255, 0);
    -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
            box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    width: 48px;
    height: 48px;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__top .iconoOpciones:hover {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: rgba(255, 255, 255, 0.025);
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__top .iconoOpciones .iconoDropdown {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    width: 1.7em;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__bottom {
    width: 100%;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__bottom .precios {
    margin-top: 24px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 48px;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__bottom .precios__usd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 6px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__bottom .precios__usd .precios__usd__header,
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__bottom .precios__usd .precios__usd__footer {
    color: rgba(248, 248, 248, 0.95);
    text-align: right;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__bottom .precios__usd .precios__usd__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__bottom .precios__usd .porcentaje {
    color: #53FF79;
    font-size: 10px;
    font-style: normal;
    font-weight: 300;
    line-height: 8px;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__bottom .precios .separador, .manageGroup.services .manageGroup__cuerpoMobile .grupo__bottom .precios .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .separador2, .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .manageGroup.services .manageGroup__cuerpoMobile .grupo__bottom .precios .separador2 {
    height: 1px;
    background: rgba(248, 248, 248, 0.1);
    width: 32px;
    content: "";
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    margin-left: 12px;
    margin-right: 12px;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__bottom .precios__compra {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__bottom .precios__compra__header {
    color: rgba(248, 248, 248, 0.7);
    text-align: right;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__bottom .precios__compra__footer {
    color: rgba(248, 248, 248, 0.95);
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__bottom .precios__compra .porcentaje {
    color: #53FF79;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__anexo {
    border-radius: 24px;
    background: rgba(248, 248, 248, 0.04);
    padding: 20px 24px;
    gap: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    visibility: hidden;
    opacity: 0;
    height: 0;
    margin: 0;
    padding: 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__anexo.mostrar {
    visibility: visible;
    opacity: 1;
    height: auto;
    margin: 0;
    padding: 20px 24px;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__anexo .carpetaRed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 48px;
    gap: 8px;
    position: relative;
    background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
    background-color: rgba(255, 255, 255, 0);
    -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
            box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
    padding: 17px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    width: 85px;
    height: 44px;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__anexo .carpetaRed:hover {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: rgba(255, 255, 255, 0.075);
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__anexo .carpetaRed__Modal {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    left: 0;
    bottom: 60px;
    border-radius: 24px;
    opacity: 0;
    visibility: hidden;
    background: #272727;
    -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1);
            box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 24px;
    z-index: 2;
    max-height: 168px;
    width: max-content;
    max-width: 240px;
    overflow: auto;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__anexo .carpetaRed__Modal__header {
    color: rgba(248, 248, 248, 0.95);
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__anexo .carpetaRed__Modal__subheader, .manageGroup.services .manageGroup__cuerpoMobile .grupo__anexo .carpetaRed__Modal__body {
    color: rgba(248, 248, 248, 0.7);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__anexo .carpetaRed__Modal.visible {
    opacity: 1;
    visibility: visible;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__anexo .editar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 48px;
    gap: 8px;
    background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
    background-color: rgba(255, 255, 255, 0);
    -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
            box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
    padding-inline: 12px;
    padding-block: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    color: rgba(248, 248, 248, 0.7);
    font-size: 14px;
    font-weight: 400;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__anexo .editar:hover {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: rgba(255, 255, 255, 0.025);
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__anexo .eliminar {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 48px;
    background: linear-gradient(142deg, rgba(224, 35, 70, 0.212) 0%, rgba(255, 156, 174, 0.05) 80.39%);
    -webkit-box-shadow: 2px 4px 4px 0px rgba(248, 248, 248, 0.021) inset, 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
            box-shadow: 2px 4px 4px 0px rgba(248, 248, 248, 0.021) inset, 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
    width: 85px;
    min-width: 44px;
    height: 44px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .manageGroup.services .manageGroup__cuerpoMobile .grupo__anexo .eliminar:hover {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: rgba(255, 255, 255, 0.025);
  }
}
/* =====================================
=               MARK:Footer                
===================================== */
.manageGroup__footer__contenedor:has(.content.services) {
  height: auto;
}
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 12px 1fr;
  grid-template-columns: 1fr 1fr;
  overflow-y: hidden;
}
@media (width <= 660px) {
  .manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (width <= 690px) {
  .manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile.qty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 320px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  padding-top: 0;
  padding-bottom: 0;
  gap: 12px;
}
@media (width <= 660px) {
  .manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .top {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (width >= 661px) {
  .manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .top {
    padding-left: 0;
  }
}
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .top .resultados {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  height: 38px;
}
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .top .resultados p {
  color: rgba(248, 248, 248, 0.5);
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
  opacity: 0.8;
}
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .top .resultados span {
  color: rgba(248, 248, 248, 0.95);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .top .irPagina {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2px;
  width: 92px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  padding: 8px;
  height: 32px;
  background: var(--neutral-neutral-25, rgba(248, 248, 248, 0.05));
  border-radius: 31px;
}
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .top .irPagina span {
  color: rgba(248, 248, 248, 0.5);
  text-align: right;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .top .irPagina input {
  background-color: transparent;
  border: none;
  outline: none;
  max-width: 20px;
  height: 40px;
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
}
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .bottom .paginacion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  gap: 31px;
}
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .bottom .paginacion .botones {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .bottom .paginacion .botones .botonPrevious svg,
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .bottom .paginacion .botones .botonPrincipio svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .bottom .paginacion .botones svg {
  opacity: 0.5;
  min-width: 16px;
}
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .bottom .paginacion .botones .botonNext,
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .bottom .paginacion .botones .botonFinal,
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .bottom .paginacion .botones .botonPrevious,
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .bottom .paginacion .botones .botonPrincipio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.068) 0%, rgba(248, 248, 248, 0.027) 44.62%);
  background-color: rgba(255, 255, 255, 0.0156862745);
  padding: 16px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  width: 32px;
  height: 32px;
}
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .bottom .paginacion .botones .botonNext:hover,
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .bottom .paginacion .botones .botonFinal:hover,
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .bottom .paginacion .botones .botonPrevious:hover,
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .bottom .paginacion .botones .botonPrincipio:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .bottom .paginacion .botones.activos svg {
  min-width: 16px;
  opacity: 1;
}
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .bottom .paginacion .botones.activos .botonNext,
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .bottom .paginacion .botones.activos .botonFinal,
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .bottom .paginacion .botones.activos .botonPrevious,
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .bottom .paginacion .botones.activos .botonPrincipio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  background-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  padding: 16px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  width: 32px;
  height: 32px;
}
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .bottom .paginacion .botones.activos .botonNext:hover,
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .bottom .paginacion .botones.activos .botonFinal:hover,
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .bottom .paginacion .botones.activos .botonPrevious:hover,
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .bottom .paginacion .botones.activos .botonPrincipio:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .bottom .paginacion .paginas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .bottom .paginacion .paginas span {
  color: rgba(248, 248, 248, 0.5);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile .bottom .paginacion .paginas span.activo {
  color: rgba(248, 248, 248, 0.95);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

@media (width <= 1450px) {
  .manageGroup__footer__contenedor:has(.content.servicesMobile.qty) {
    height: auto;
  }
  .manageGroup__footer__contenedor:has(.content.servicesMobile.qty) .content.servicesMobile {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
@media (width >= 1285px) {
  .manageGroup__footer__contenedor:has(.content.services) .manageGroup__footer .content.services {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .manageGroup__footer__contenedor:has(.content.services) .content.servicesMobile {
    display: none;
  }
}
@media (width <= 1285px) {
  .manageGroup__footer__contenedor:has(.content.services) .manageGroup__footer {
    height: 100%;
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .manageGroup__footer__contenedor:has(.content.services) .content.services {
    display: none;
  }
  .manageGroup__footer__contenedor:has(.content.services.qty.verifyOrders) .manageGroup__footer {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .manageGroup__footer__contenedor:has(.content.services.qty.verifyOrders) .content.servicesMobile.qty.verifyOrders .top {
    padding-left: 8px;
    padding-right: 0;
  }
  .manageGroup__footer__contenedor:has(.content.servicesMobile.qty.acceptedOrders) .content.servicesMobile.qty.acceptedOrders .top {
    padding-left: 8px;
    padding-right: 0;
  }
  .manageGroup__footer__contenedor:has(.content.servicesMobile.qty) .manageGroup__footer {
    height: 100%;
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
/* Subsection
===================================== */
@media (width >= 990px) {
  .manageGroup__footer__contenedor.menuContraido:has(.content.services) .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .manageGroup__footer__contenedor.menuContraido:has(.content.services) .content.servicesMobile {
    display: none;
  }
}
.navbarAdmin .derecha .cuerpo .content .orders__header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 38px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (width <= 1185px) {
  .navbarAdmin .derecha .cuerpo .content .orders__header {
    margin-top: 0;
  }
}
.navbarAdmin .derecha .cuerpo .content .orders__header .pestañas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 48px;
  position: relative;
}
.navbarAdmin .derecha .cuerpo .content .orders__header .pestañas::before {
  content: "";
  position: absolute;
  width: 100%;
  bottom: -12px;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, color-stop(1.98%, rgba(248, 248, 248, 0)), color-stop(4.08%, rgba(248, 248, 248, 0.08)), to(rgba(248, 248, 248, 0.02)));
  background: linear-gradient(90deg, rgba(248, 248, 248, 0) 1.98%, rgba(248, 248, 248, 0.08) 4.08%, rgba(248, 248, 248, 0.02) 100%);
}
.navbarAdmin .derecha .cuerpo .content .orders__header .pestañas .pestaña {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  color: rgba(248, 248, 248, 0.5);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.navbarAdmin .derecha .cuerpo .content .orders__header .pestañas .pestaña::before {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.navbarAdmin .derecha .cuerpo .content .orders__header .pestañas .pestaña.activa {
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .cuerpo .content .orders__header .pestañas .pestaña.activa::before {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  width: 100%;
  bottom: -12px;
  border: 1px solid #D4541D;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  opacity: 1;
  visibility: visible;
}
.navbarAdmin .derecha .cuerpo .content .orders__header .botonRecargar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 48px;
  gap: 8px;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  background-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  padding: 17px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  width: 76px;
  height: 40px;
}
.navbarAdmin .derecha .cuerpo .content .orders__header .botonRecargar:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrders {
  width: 100%;
  margin-top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-bottom: 80px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 5.5fr 32px 180px 32px 50px 32px 196px;
  grid-template-columns: 5.5fr 180px 50px 196px;
  border-radius: 20px;
  padding-inline: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  height: 80px;
  /*******************************/
}
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila .qty,
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila .action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila:nth-child(odd) {
  background: rgba(248, 248, 248, 0.02);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila:nth-child(even) {
  background: rgba(248, 248, 248, 0.03);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila.header {
  padding-inline: 32px;
  padding-block: 24px;
  height: 64px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila.header .serviceName,
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila.header .apiConnection,
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila.header .qty,
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila.header .action {
  color: rgba(248, 248, 248, 0.6);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila.header .serviceName {
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila .serviceName {
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila .textoBold {
  color: rgba(248, 248, 248, 0.95);
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila .textoBold .reachedOut {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 12px;
  gap: 12px;
  color: #FF4F6F;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila .textoBold svg {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila .textoBold > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila .link {
  color: rgba(248, 248, 248, 0.7);
  font-family: Rubik;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila .botonAction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 48px;
  gap: 8px;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  background-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila .botonAction:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila .botonAction.nube {
  width: 48px;
  height: 48px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila .botonAction.ojo {
  width: 108px;
  height: 48px;
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila .apiContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  position: relative;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila .apiContent .linkShow {
  color: rgba(248, 248, 248, 0.95);
  font-family: Rubik;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  cursor: pointer;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila .apiContent .dropdownShowApi {
  min-width: 280px;
  position: absolute;
  top: 40px;
  left: 25%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 24px;
  opacity: 0;
  visibility: hidden;
  background: #272727;
  z-index: 3;
  -webkit-box-shadow: inset 0px -2.5px 0px -5px rgba(248, 248, 248, 0.05), 0px 2px 0px 0px rgba(248, 248, 248, 0.06) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1);
          box-shadow: inset 0px -2.5px 0px -5px rgba(248, 248, 248, 0.05), 0px 2px 0px 0px rgba(248, 248, 248, 0.06) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 240px;
  z-index: 1;
  max-height: 440px;
  width: max-content;
  overflow: auto;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila .apiContent .dropdownShowApi.visible {
  opacity: 1;
  visibility: visible;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila .apiContent .dropdownShowApi .seccion, .navbarAdmin .derecha .cuerpo .content .tablaOrders .fila .apiContent .dropdownShowApi .izquierda .seccionDropdown__header, .navbarAdmin .izquierda .derecha .cuerpo .content .tablaOrders .fila .apiContent .dropdownShowApi .seccionDropdown__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  padding-inline: 24px;
  padding-block: 20px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila .apiContent .dropdownShowApi .seccion .miniTitulo, .navbarAdmin .derecha .cuerpo .content .tablaOrders .fila .apiContent .dropdownShowApi .izquierda .seccionDropdown__header .miniTitulo, .navbarAdmin .izquierda .derecha .cuerpo .content .tablaOrders .fila .apiContent .dropdownShowApi .seccionDropdown__header .miniTitulo {
  color: #53FF79;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila .apiContent .dropdownShowApi .seccion .titulo, .navbarAdmin .derecha .cuerpo .content .tablaOrders .fila .apiContent .dropdownShowApi .izquierda .seccionDropdown__header .titulo, .navbarAdmin .izquierda .derecha .cuerpo .content .tablaOrders .fila .apiContent .dropdownShowApi .seccionDropdown__header .titulo {
  color: rgba(248, 248, 248, 0.95);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila .apiContent .dropdownShowApi .seccion .contenido, .navbarAdmin .derecha .cuerpo .content .tablaOrders .fila .apiContent .dropdownShowApi .izquierda .seccionDropdown__header .contenido, .navbarAdmin .izquierda .derecha .cuerpo .content .tablaOrders .fila .apiContent .dropdownShowApi .seccionDropdown__header .contenido {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrders .fila .apiContent .dropdownShowApi .separador, .navbarAdmin .derecha .cuerpo .content .tablaOrders .fila .apiContent .dropdownShowApi .izquierda .seccionDropdown.activo .seccionDropdown__body .separador2, .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .derecha .cuerpo .content .tablaOrders .fila .apiContent .dropdownShowApi .separador2 {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  margin-top: -15px;
}

/* =====================================
=               MARK:Mobile                
===================================== */
.navbarAdmin .derecha .cuerpo .content .orders__headerMobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 12px;
}
.navbarAdmin .derecha .cuerpo .content .orders__headerMobile .inputPestaña {
  position: relative;
  width: 100%;
  max-width: 187px;
  height: 44px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 20px;
  padding-right: 16px;
  border-radius: 48px;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
.navbarAdmin .derecha .cuerpo .content .orders__headerMobile .inputPestaña span {
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.navbarAdmin .derecha .cuerpo .content .orders__headerMobile .inputPestaña svg {
  min-width: 1.5em;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .cuerpo .content .orders__headerMobile .inputPestaña:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.navbarAdmin .derecha .cuerpo .content .orders__headerMobile .inputPestaña:hover svg {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #D4541D;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.navbarAdmin .derecha .cuerpo .content .orders__headerMobile .inputPestaña:hover .dropdownOpciones {
  opacity: 1;
  visibility: visible;
}
.navbarAdmin .derecha .cuerpo .content .orders__headerMobile .inputPestaña .dropdownOpciones {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  min-width: 189px;
  position: absolute;
  top: 50px;
  left: 0;
  gap: 12px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 24px;
  background: #272727;
  padding: 20px;
  -webkit-box-shadow: inset 0px -2.5px 0px -5px rgba(248, 248, 248, 0.05), 0px 2px 0px 0px rgba(248, 248, 248, 0.06) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1);
          box-shadow: inset 0px -2.5px 0px -5px rgba(248, 248, 248, 0.05), 0px 2px 0px 0px rgba(248, 248, 248, 0.06) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1);
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 240px;
  z-index: 1;
  max-height: 440px;
  width: max-content;
  overflow: auto;
}
.navbarAdmin .derecha .cuerpo .content .orders__headerMobile .inputPestaña .dropdownOpciones .pestaña {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  color: rgba(248, 248, 248, 0.65);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .cuerpo .content .orders__headerMobile .inputPestaña .dropdownOpciones .pestaña.activa {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.95);
}
.navbarAdmin .derecha .cuerpo .content .orders__headerMobile .inputPestaña .dropdownOpciones .pestaña.activa:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgb(248, 248, 248);
}
.navbarAdmin .derecha .cuerpo .content .orders__headerMobile .inputPestaña .dropdownOpciones .pestaña:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.75);
}
.navbarAdmin .derecha .cuerpo .content .orders__headerMobile .botonRecargar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 48px;
  gap: 8px;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  background-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  padding: 17px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  width: calc(0.7228915663vw + 61.2891566265px);
  height: 44px;
}
.navbarAdmin .derecha .cuerpo .content .orders__headerMobile .botonRecargar:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  margin-bottom: 66px;
}
@media (width <= 675px) {
  .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile {
    margin-bottom: 115px;
  }
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila {
  border-radius: 24px;
  padding: 20px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila:nth-child(odd) {
  background: rgba(248, 248, 248, 0.04);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila:nth-child(even) {
  background: rgba(248, 248, 248, 0.02);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__top .serviceName {
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__top .serviceName span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__top .serviceName .reachedOut {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #FF4F6F;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__top .apiConnection {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__top .apiConnection .url {
  color: rgba(248, 248, 248, 0.7);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__top .apiConnection span {
  color: rgba(248, 248, 248, 0.6);
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__top .apiConnection .apiContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  position: relative;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__top .apiConnection .apiContent .left {
  font-size: 12px;
  color: rgba(248, 248, 248, 0.95);
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__top .apiConnection .apiContent .linkShow {
  color: rgba(248, 248, 248, 0.95);
  font-family: Rubik;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  cursor: pointer;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__top .apiConnection .apiContent .dropdownShowApi {
  width: 100%;
  position: absolute;
  bottom: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 24px;
  opacity: 0;
  visibility: hidden;
  background: #272727;
  -webkit-box-shadow: inset 0px -2.5px 0px -5px rgba(248, 248, 248, 0.05), 0px 2px 0px 0px rgba(248, 248, 248, 0.06) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1);
          box-shadow: inset 0px -2.5px 0px -5px rgba(248, 248, 248, 0.05), 0px 2px 0px 0px rgba(248, 248, 248, 0.06) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 240px;
  z-index: 1;
  max-height: 280px;
  width: max-content;
  overflow: auto;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__top .apiConnection .apiContent .dropdownShowApi.visible {
  opacity: 1;
  visibility: visible;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__top .apiConnection .apiContent .dropdownShowApi .seccion, .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__top .apiConnection .apiContent .dropdownShowApi .izquierda .seccionDropdown__header, .navbarAdmin .izquierda .derecha .cuerpo .content .tablaOrdersMobile .fila__top .apiConnection .apiContent .dropdownShowApi .seccionDropdown__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  padding-inline: 24px;
  padding-block: 20px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__top .apiConnection .apiContent .dropdownShowApi .seccion .miniTitulo, .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__top .apiConnection .apiContent .dropdownShowApi .izquierda .seccionDropdown__header .miniTitulo, .navbarAdmin .izquierda .derecha .cuerpo .content .tablaOrdersMobile .fila__top .apiConnection .apiContent .dropdownShowApi .seccionDropdown__header .miniTitulo {
  color: #53FF79;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__top .apiConnection .apiContent .dropdownShowApi .seccion .titulo, .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__top .apiConnection .apiContent .dropdownShowApi .izquierda .seccionDropdown__header .titulo, .navbarAdmin .izquierda .derecha .cuerpo .content .tablaOrdersMobile .fila__top .apiConnection .apiContent .dropdownShowApi .seccionDropdown__header .titulo {
  color: rgba(248, 248, 248, 0.95);
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__top .apiConnection .apiContent .dropdownShowApi .seccion .contenido, .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__top .apiConnection .apiContent .dropdownShowApi .izquierda .seccionDropdown__header .contenido, .navbarAdmin .izquierda .derecha .cuerpo .content .tablaOrdersMobile .fila__top .apiConnection .apiContent .dropdownShowApi .seccionDropdown__header .contenido {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__top .apiConnection .apiContent .dropdownShowApi .seccion .contenido span, .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__top .apiConnection .apiContent .dropdownShowApi .izquierda .seccionDropdown__header .contenido span, .navbarAdmin .izquierda .derecha .cuerpo .content .tablaOrdersMobile .fila__top .apiConnection .apiContent .dropdownShowApi .seccionDropdown__header .contenido span {
  color: rgba(248, 248, 248, 0.7);
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__top .apiConnection .apiContent .dropdownShowApi .separador, .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__top .apiConnection .apiContent .dropdownShowApi .izquierda .seccionDropdown.activo .seccionDropdown__body .separador2, .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .derecha .cuerpo .content .tablaOrdersMobile .fila__top .apiConnection .apiContent .dropdownShowApi .separador2 {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  margin-top: -15px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__bottom {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__bottom .qty {
  color: rgba(248, 248, 248, 0.95);
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__bottom .qty span {
  color: #737373;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__bottom .action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__bottom .action .botonAction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 48px;
  gap: 8px;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  background-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__bottom .action .botonAction:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__bottom .action .botonAction.nube {
  width: 48px;
  height: 48px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile .fila__bottom .action .botonAction.ojo {
  width: 108px;
  height: 48px;
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

/* =====================================
=            MARK:Responsive                
===================================== */
@media (width >= 845px) {
  .navbarAdmin .derecha .cuerpo .content .orders__headerMobile {
    display: none;
  }
  .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile {
    display: none;
  }
}
@media (width <= 845px) {
  .navbarAdmin .derecha .cuerpo .content .orders__header {
    display: none;
  }
  .navbarAdmin .derecha .cuerpo .content .tablaOrders {
    display: none;
  }
  .navbarAdmin .derecha .cuerpo .content .orders__headerMobile.qty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.qty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.overlayModal .modal__header .encabezado {
  font-size: calc(0.2409638554vw + 15.0963855422px);
}
.overlayModal .modal.sendViaAPI {
  padding: calc(0.4819277108vw + 22.1927710843px);
  border-radius: calc(0.4819277108vw + 22.1927710843px);
}
.overlayModal .modal.sendViaAPI .modal__contenido {
  gap: calc(0.2409638554vw + 15.0963855422px);
}
.overlayModal .modal.sendViaAPI .modal__contenido .encabezado .titulo {
  color: rgba(248, 248, 248, 0.7);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 20px;
}
.overlayModal .modal.sendViaAPI .modal__contenido .encabezado p {
  margin-top: 12px;
  color: rgba(248, 248, 248, 0.95);
  font-size: calc(0.1204819277vw + 13.5481927711px);
  font-weight: 400;
  line-height: 24px;
}
.overlayModal .modal.sendViaAPI .modal__contenido .dropdownSeleccion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 52px;
  padding-left: 16px;
  padding-right: 20px;
  border-radius: 32px;
  background: rgba(248, 248, 248, 0.05);
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}
.overlayModal .modal.sendViaAPI .modal__contenido .dropdownSeleccion .iconoDropdown {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 1.2em;
}
.overlayModal .modal.sendViaAPI .modal__contenido .dropdownSeleccion input {
  background-color: transparent;
  border: none;
  color: rgba(248, 248, 248, 0.9490196078);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
  width: 100%;
  max-width: 350px;
  outline: none;
  color: rgba(248, 248, 248, 0.8);
}
.overlayModal .modal.sendViaAPI .modal__contenido .dropdownSeleccion input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.sendViaAPI .modal__contenido .dropdownSeleccion input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.sendViaAPI .modal__contenido .dropdownSeleccion input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.sendViaAPI .modal__contenido .dropdownSeleccion input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.sendViaAPI .modal__contenido .dropdownSeleccion input::placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.sendViaAPI .modal__contenido .dropdownSeleccion input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.sendViaAPI .modal__contenido .dropdownSeleccion input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.sendViaAPI .modal__contenido .dropdownSeleccion input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.sendViaAPI .modal__contenido .dropdownSeleccion input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.sendViaAPI .modal__contenido .dropdownSeleccion input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.overlayModal .modal.sendViaAPI .modal__contenido .dropdownSeleccion:hover span {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgb(248, 248, 248);
}
.overlayModal .modal.sendViaAPI .modal__contenido .dropdownSeleccion:hover .iconoDropdown {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgb(248, 248, 248);
}
.overlayModal .modal.sendViaAPI .modal__contenido .botonesCheckbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 33px;
}
.overlayModal .modal.sendViaAPI .modal__contenido .botonesCheckbox .modo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: rgba(248, 248, 248, 0.5);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.overlayModal .modal.sendViaAPI .modal__contenido .botonesCheckbox .checkbox {
  width: 24px;
  height: 24px;
}
.overlayModal .modal.sendViaAPI .modal__contenido .botonesCheckbox .checkbox svg {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  color: white;
}
.overlayModal .modal.sendViaAPI .modal__contenido .botonNaranja {
  font-weight: 400;
  margin-top: calc(0.4819277108vw + 2.1927710843px);
}

.navbarAdmin .derecha .cuerpo .content .qty__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: calc(-0.2409638554vw + 20.9036144578px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: rgba(248, 248, 248, 0.95);
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.navbarAdmin .derecha .cuerpo .content .qty__header .iconoDropdown {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  color: #979797;
  width: calc(0.3012048193vw + 23.8704819277px);
}
.navbarAdmin .derecha .cuerpo .content .orders__header.qty .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.navbarAdmin .derecha .cuerpo .content .orders__header.qty .buscador {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  border-radius: 31px;
  background: rgba(248, 248, 248, 0.05);
  padding-left: 20px;
  padding-right: 16px;
  padding-block: 12px;
}
.navbarAdmin .derecha .cuerpo .content .orders__header.qty .buscador input {
  background-color: transparent;
  border: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
  width: 100%;
  outline: none;
  color: rgba(248, 248, 248, 0.8);
}
.navbarAdmin .derecha .cuerpo .content .orders__header.qty .buscador input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .orders__header.qty .buscador input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .orders__header.qty .buscador input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .orders__header.qty .buscador input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .orders__header.qty .buscador input::placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .orders__header.qty .buscador input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.navbarAdmin .derecha .cuerpo .content .orders__header.qty .buscador input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.navbarAdmin .derecha .cuerpo .content .orders__header.qty .buscador input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.navbarAdmin .derecha .cuerpo .content .orders__header.qty .buscador input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.navbarAdmin .derecha .cuerpo .content .orders__header.qty .buscador input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY {
  width: 100%;
  margin-top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-bottom: 80px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2.5fr 32px 140px 32px 75px 32px 75px 32px 2fr 32px 200px;
  grid-template-columns: 2.5fr 140px 75px 75px 2fr 200px;
  border-radius: 20px;
  padding-inline: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  height: 80px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila .price,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila .profit,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila:nth-child(odd) {
  background: rgba(248, 248, 248, 0.02);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila:nth-child(even) {
  background: rgba(248, 248, 248, 0.03);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila .user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  min-width: 0;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila .user .checkbox {
  width: 24px;
  height: 24px;
  color: white;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila .user span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila .imei {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila .price {
  color: rgba(248, 248, 248, 0.95);
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila .profit {
  color: #53FF79;
  font-family: Rubik;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila .error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding-left: 30px;
  max-width: 200px;
  color: #FF4F6F;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila .error svg {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila .date span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3em;
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila .date span .fecha {
  opacity: 0.9;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila .date span .hora {
  opacity: 0.9;
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila.header {
  padding-inline: 32px;
  height: 64px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila.header .user,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila.header .imei,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila.header .price,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila.header .profit,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila.header .error,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila.header .date {
  color: rgba(248, 248, 248, 0.6);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila.header .user span,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila.header .imei span,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila.header .price span,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila.header .profit span,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila.header .error span,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY .fila.header .date span {
  opacity: 0.6;
}

.rotando {
  -webkit-animation: rotando 1.5s linear infinite;
          animation: rotando 1.5s linear infinite;
}
@-webkit-keyframes rotando {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotando {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* =====================================
=               MARK:Mobile                
===================================== */
.navbarAdmin .derecha .cuerpo .content .orders__headerMobile.qty {
  gap: 12px;
}
.navbarAdmin .derecha .cuerpo .content .orders__headerMobile.qty .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.navbarAdmin .derecha .cuerpo .content .orders__headerMobile.qty .right .buscador {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  border-radius: 31px;
  background: rgba(248, 248, 248, 0.05);
  padding-left: 20px;
  padding-right: 16px;
  padding-block: 12px;
}
.navbarAdmin .derecha .cuerpo .content .orders__headerMobile.qty .right .buscador input {
  background-color: transparent;
  border: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
  width: 100%;
  outline: none;
  color: rgba(248, 248, 248, 0.8);
}
.navbarAdmin .derecha .cuerpo .content .orders__headerMobile.qty .right .buscador input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .orders__headerMobile.qty .right .buscador input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .orders__headerMobile.qty .right .buscador input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .orders__headerMobile.qty .right .buscador input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .orders__headerMobile.qty .right .buscador input::placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .orders__headerMobile.qty .right .buscador input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.navbarAdmin .derecha .cuerpo .content .orders__headerMobile.qty .right .buscador input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.navbarAdmin .derecha .cuerpo .content .orders__headerMobile.qty .right .buscador input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.navbarAdmin .derecha .cuerpo .content .orders__headerMobile.qty .right .buscador input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.navbarAdmin .derecha .cuerpo .content .orders__headerMobile.qty .right .buscador input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.qty {
  display: none;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (width <= 710px) {
  .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.qty {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.qty .fila {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.qty .fila__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.qty .fila__top__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.qty .fila__top__header .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.qty .fila__top__header .left .checkbox {
  width: 24px;
  height: 24px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.qty .fila__top__header .left span {
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.qty .fila__top__header .right {
  color: #6B6B6B;
  text-align: right;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.qty .fila__top__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.qty .fila__top__footer .imei {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.qty .fila__top__footer span {
  color: #737373;
  text-align: right;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.qty .fila__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.qty .fila__bottom .date {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.qty .fila__bottom .date .fecha {
  color: rgba(248, 248, 248, 0.95);
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.qty .fila__bottom .date .hora {
  opacity: 0.9;
  color: rgba(248, 248, 248, 0.7);
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.qty .fila__bottom .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 12px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.qty .fila__bottom .right .encabezado {
  color: rgba(248, 248, 248, 0.6);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  min-width: 33px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.qty .fila__bottom .right .numero {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  min-width: 43px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.qty .fila__bottom .right .price,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.qty .fila__bottom .right .profit {
  border-radius: 16px;
  padding: 8px;
  width: 100%;
  max-width: 120px;
  min-width: 85px;
  gap: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 56px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.qty .fila__bottom .right .price {
  background: rgba(248, 248, 248, 0.05);
  color: rgba(248, 248, 248, 0.95);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.qty .fila__bottom .right .profit {
  background: linear-gradient(142deg, rgba(172, 255, 190, 0.1) 0%, rgba(172, 255, 190, 0.04) 80.39%);
  color: #53FF79;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.qty .fila__error {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #FF4F6F;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.qty .fila__error svg {
  width: 12px;
  height: 12px;
}

/* =====================================
=               MARK:Footer                
===================================== */
.manageGroup__footer .content.services.qty .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.manageGroup__footer .content.services.qty .left .exportar,
.manageGroup__footer .content.services.qty .left .exportList {
  padding-block: 16px;
  padding-inline: 32px;
  border-radius: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  background-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.manageGroup__footer .content.services.qty .left .exportar:hover,
.manageGroup__footer .content.services.qty .left .exportList:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.manageGroup__footer .content.services.qty .left .botonReject {
  width: 148px;
  height: 48px;
}
.manageGroup__footer .content.services.qty .left .resultados {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  gap: 4px;
}
.manageGroup__footer .content.services.qty .right {
  gap: 20px;
}
.manageGroup__footer .content.services.qty .right .sendViaAPI {
  padding-block: 16px;
  padding-inline: 32px;
  border-radius: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  background-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.manageGroup__footer .content.services.qty .right .sendViaAPI:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.manageGroup__footer .content.services.qty .right .sendViaAPI[disabled] {
  opacity: 0.5;
  cursor: default;
}
.manageGroup__footer .content.services.qty .right .sendViaAPI[disabled]:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0);
}
.manageGroup__footer .content.services.qty .right .botonNaranja {
  height: 48px;
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  margin-left: 0;
  padding-block: 16px;
  padding-inline: 18px;
}

/* Mobile
===================================== */
.manageGroup__footer .content.servicesMobile.qty .top {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -ms-grid-column-align: end;
      justify-self: end;
  margin-right: 10px;
}
.manageGroup__footer .content.servicesMobile.qty .top .sendViaAPI,
.manageGroup__footer .content.servicesMobile.qty .top .exportar {
  padding-block: 8px;
  min-width: 101px;
  padding-inline: 20px;
  border-radius: 48px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  background-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.manageGroup__footer .content.servicesMobile.qty .top .sendViaAPI:hover,
.manageGroup__footer .content.servicesMobile.qty .top .exportar:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.manageGroup__footer .content.servicesMobile.qty .top .sendViaAPI[disabled],
.manageGroup__footer .content.servicesMobile.qty .top .exportar[disabled] {
  opacity: 0.5;
  cursor: default;
}
.manageGroup__footer .content.servicesMobile.qty .top .sendViaAPI[disabled]:hover,
.manageGroup__footer .content.servicesMobile.qty .top .exportar[disabled]:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0);
}
.manageGroup__footer .content.servicesMobile.qty .top .botonNaranja {
  height: 32px;
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-left: 0;
  padding-block: 8px;
  padding-inline: 29px;
  min-width: 101px;
  max-width: 101px;
}
.manageGroup__footer .content.servicesMobile.qty .top .botonReject {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  width: 101px;
  height: 32px;
}
.manageGroup__footer .content.servicesMobile.qty .bottom {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -ms-grid-column-align: start;
      justify-self: start;
}

/* =====================================
=               MARK:Responsive                
===================================== */
@media (width <= 1445px) {
  .navbarAdmin__contenedor:not(.menuContraido) .navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY {
    display: none;
  }
  .navbarAdmin__contenedor:not(.menuContraido) .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.qty {
    display: -ms-grid;
    display: grid;
  }
  .navbarAdmin__contenedor:not(.menuContraido) .navbarAdmin .derecha .cuerpo .content .orders__header.qty {
    display: none;
  }
  .navbarAdmin__contenedor:not(.menuContraido) .navbarAdmin .derecha .cuerpo .content .orders__headerMobile.qty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .navbarAdmin__contenedor:has(.menuContraido) .navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY {
    display: -ms-grid;
    display: grid;
  }
  .navbarAdmin__contenedor:has(.menuContraido) .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.qty {
    display: none;
  }
  .navbarAdmin__contenedor:has(.menuContraido) .navbarAdmin .derecha .cuerpo .content .orders__header.qty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .navbarAdmin__contenedor:has(.menuContraido) .navbarAdmin .derecha .cuerpo .content .orders__headerMobile.qty {
    display: none;
  }
}
@media (width <= 1080px) {
  .navbarAdmin__contenedor:has(.menuContraido) .navbarAdmin .derecha .cuerpo .content .tablaOrdersQTY {
    display: none;
  }
  .navbarAdmin__contenedor:has(.menuContraido) .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.qty {
    display: -ms-grid;
    display: grid;
  }
  .navbarAdmin__contenedor:has(.menuContraido) .navbarAdmin .derecha .cuerpo .content .orders__header.qty {
    display: none;
  }
  .navbarAdmin__contenedor:has(.menuContraido) .navbarAdmin .derecha .cuerpo .content .orders__headerMobile.qty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
/* Foooter
===================================== */
@media (width <= 1450px) {
  .navbarAdmin__contenedor:not(.menuContraido) .manageGroup__footer .content.services.qty {
    display: none;
  }
  .navbarAdmin__contenedor:not(.menuContraido) .manageGroup__footer .content.servicesMobile.qty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .navbarAdmin__contenedor:has(.menuContraido) .manageGroup__footer .content.services.qty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .navbarAdmin__contenedor:has(.menuContraido) .manageGroup__footer .content.servicesMobile.qty {
    display: none;
  }
}
@media (width <= 1265px) {
  .navbarAdmin__contenedor:has(.menuContraido) .manageGroup__footer .content.services.qty {
    display: none;
  }
  .navbarAdmin__contenedor:has(.menuContraido) .manageGroup__footer .content.servicesMobile.qty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (width <= 700px) {
  .navbarAdmin__contenedor:has(.menuContraido) .manageGroup__footer .content.servicesMobile.qty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (width <= 700px) {
  .navbarAdmin__contenedor:not(.menuContraido) .manageGroup__footer .content.servicesMobile.qty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (width <= 1450px) {
  .manageGroup__footer__contenedor:has(.content.servicesMobile.qty) {
    height: auto;
  }
  .manageGroup__footer__contenedor:has(.content.servicesMobile.qty) .content.servicesMobile {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .manageGroup__footer__contenedor:has(.content.servicesMobile.qty) .content.servicesMobile.qty {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
@media (width <= 1450px) and (width >= 1285px) {
  .manageGroup__footer__contenedor:has(.content.servicesMobile.qty) .content.servicesMobile.qty {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
@media (width <= 1265px) {
  .manageGroup__footer__contenedor:has(.content.servicesMobile.qty).menuContraido {
    height: auto;
  }
  .manageGroup__footer__contenedor:has(.content.servicesMobile.qty).menuContraido .manageGroup__footer {
    margin-top: 0;
    margin-bottom: 0;
  }
  .manageGroup__footer__contenedor:has(.content.servicesMobile.qty).menuContraido .content.servicesMobile {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
.overlayModal .modal__header .encabezado {
  font-size: calc(0.2409638554vw + 15.0963855422px);
}
.overlayModal .modal.orderListQTY {
  padding: calc(0.4819277108vw + 22.1927710843px);
  border-radius: calc(0.4819277108vw + 22.1927710843px);
}
.overlayModal .modal.orderListQTY .modal__contenido .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.overlayModal .modal.orderListQTY .modal__contenido .header__titulo {
  color: rgba(248, 248, 248, 0.7);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 20px;
}
.overlayModal .modal.orderListQTY .modal__contenido .header__body {
  margin-top: 12px;
  color: rgba(248, 248, 248, 0.95);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.overlayModal .modal.orderListQTY .modal__contenido .header__footer {
  margin-top: 16px;
  color: rgba(248, 248, 248, 0.7);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
}
.overlayModal .modal.orderListQTY .modal__contenido .header__footer span {
  opacity: 0.9;
  color: rgba(248, 248, 248, 0.95);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
}
.overlayModal .modal.orderListQTY .modal__contenido .contenido {
  border-radius: 24px;
  background: #242424;
}
.overlayModal .modal.orderListQTY .modal__contenido .contenido .numeros {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-block: 20px;
  padding-inline: 24px;
}
.overlayModal .modal.orderListQTY .modal__contenido .contenido .numeros span {
  color: rgba(248, 248, 248, 0.95);
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
}
.overlayModal .modal.orderListQTY .modal__contenido .contenido .botonDownloadTXT {
  padding-block: 16px;
  padding-inline: 32px;
  border-radius: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  background-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.overlayModal .modal.orderListQTY .modal__contenido .contenido .botonDownloadTXT:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}

.overlayModal .modal__header .encabezado {
  font-size: calc(0.2409638554vw + 15.0963855422px);
}
.overlayModal .modal.reasonRejection {
  padding: calc(0.4819277108vw + 22.1927710843px);
  border-radius: calc(0.4819277108vw + 22.1927710843px);
}
.overlayModal .modal.reasonRejection .modal__contenido .inputReasonRejection {
  border-radius: 20px;
  background: #242424;
  padding-block: 20px;
  padding-inline: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.overlayModal .modal.reasonRejection .modal__contenido .inputReasonRejection textarea {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border: none;
  outline: none;
  resize: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: rgba(248, 248, 248, 0.95);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-style: normal;
  font-weight: 400;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  scrollbar-width: none;
}
.overlayModal .modal.reasonRejection .modal__contenido .inputReasonRejection textarea::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.reasonRejection .modal__contenido .inputReasonRejection textarea::-moz-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.reasonRejection .modal__contenido .inputReasonRejection textarea:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.reasonRejection .modal__contenido .inputReasonRejection textarea::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.reasonRejection .modal__contenido .inputReasonRejection textarea::placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.reasonRejection .modal__contenido .inputReasonRejection textarea:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.overlayModal .modal.reasonRejection .modal__contenido .inputReasonRejection textarea:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.overlayModal .modal.reasonRejection .modal__contenido .inputReasonRejection textarea:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.overlayModal .modal.reasonRejection .modal__contenido .inputReasonRejection textarea:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.overlayModal .modal.reasonRejection .modal__contenido .inputReasonRejection textarea:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.overlayModal .modal.reasonRejection .modal__contenido .inputReasonRejection textarea::-webkit-scrollbar-track {
  display: none;
}
.overlayModal .modal.reasonRejection .modal__contenido .inputReasonRejection textarea::-webkit-scrollbar-thumb {
  display: none;
}
.overlayModal .modal.reasonRejection .modal__contenido .inputReasonRejection textarea::-webkit-scrollbar-button {
  display: none;
}

.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify {
  width: 100%;
  margin-top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-bottom: 80px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2.5fr 32px 130px 32px 130px 32px 75px 32px 75px 32px 125px 32px 200px 32px 35px;
  grid-template-columns: 2.5fr 130px 130px 75px 75px 125px 200px 35px;
  border-radius: 20px;
  padding-inline: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  height: 80px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila .price,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila .profit,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila:nth-child(odd) {
  background: rgba(248, 248, 248, 0.02);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila:nth-child(even) {
  background: rgba(248, 248, 248, 0.03);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila .user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  min-width: 0;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila .user .checkbox {
  width: 24px;
  height: 24px;
  color: white;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila .user span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila .imei,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila .result {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  min-width: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila .imei .notFound,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila .result .notFound {
  opacity: 0.6;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila .price {
  color: rgba(248, 248, 248, 0.95);
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila .profit {
  color: #53FF79;
  font-family: Rubik;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila .error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding-left: 30px;
  max-width: 200px;
  color: #FF4F6F;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila .error svg {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila .status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila .status .botonEstado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 124px;
  height: 40px;
  border-radius: 31px;
  background: rgba(248, 248, 248, 0.05);
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila .date span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3em;
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila .date span .fecha {
  opacity: 0.9;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila .date span .hora {
  opacity: 0.9;
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila .send {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila .send .checkbox {
  width: 24px;
  height: 24px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila.header {
  padding-inline: 32px;
  height: 64px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila.header .user,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila.header .imei,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila.header .result,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila.header .price,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila.header .profit,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila.header .status,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila.header .error,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila.header .date,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila.header .send {
  color: rgba(248, 248, 248, 0.6);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila.header .user span,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila.header .imei span,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila.header .result span,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila.header .price span,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila.header .profit span,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila.header .status span,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila.header .error span,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila.header .date span,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify .fila.header .send span {
  opacity: 0.6;
}

/* =====================================
=               MARK:Mobile                
===================================== */
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify {
  display: none;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (width <= 700px) {
  .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify {
    margin-bottom: 110px;
  }
}
@media (width <= 710px) {
  .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila__top__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila__top__header .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila__top__header .left .checkbox {
  width: 24px;
  height: 24px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila__top__header .left span {
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila__top__header .right {
  color: #6B6B6B;
  text-align: right;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila__top__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila__top__footer .imei {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila__top__footer span {
  color: #737373;
  text-align: right;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila__bottom {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 12px 2.8fr;
  grid-template-columns: 1fr 2.8fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila__bottom .date {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila__bottom .date .fecha {
  color: rgba(248, 248, 248, 0.95);
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila__bottom .date .hora {
  opacity: 0.9;
  color: rgba(248, 248, 248, 0.7);
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila__bottom .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 12px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila__bottom .right .encabezado {
  color: rgba(248, 248, 248, 0.6);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  min-width: 33px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila__bottom .right .numero {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  min-width: 43px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila__bottom .right .price,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila__bottom .right .profit {
  border-radius: 16px;
  padding: 8px;
  width: 100%;
  max-width: 120px;
  min-width: 85px;
  gap: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 56px;
}
@media (width <= 480px) {
  .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila__bottom .right .price,
  .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila__bottom .right .profit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila__bottom .right .price {
  background: rgba(248, 248, 248, 0.05);
  color: rgba(248, 248, 248, 0.95);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila__bottom .right .profit {
  background: linear-gradient(142deg, rgba(172, 255, 190, 0.1) 0%, rgba(172, 255, 190, 0.04) 80.39%);
  color: #53FF79;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila__status {
  margin-top: 16px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 12px 2.8fr;
  grid-template-columns: 1fr 2.8fr;
  gap: 12px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila__status .left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: rgba(248, 248, 248, 0.95);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila__status .left .checkbox {
  width: 24px;
  height: 24px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila__status .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila__status .right .botonEstado {
  border-radius: 31px;
  background: rgba(248, 248, 248, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 252px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila__status .right .estado {
  color: #737373;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify .fila__status .right .resultado {
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

/* =====================================
=            MARK:Responsive                
===================================== */
@media (width <= 1625px) {
  .navbarAdmin__contenedor:not(.menuContraido) .navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify {
    display: none;
  }
  .navbarAdmin__contenedor:not(.menuContraido) .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify {
    display: -ms-grid;
    display: grid;
  }
  .navbarAdmin__contenedor:has(.menuContraido) .navbarAdmin .derecha .cuerpo .content .tablaOrdersVerify {
    display: none;
  }
  .navbarAdmin__contenedor:has(.menuContraido) .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.verify {
    display: -ms-grid;
    display: grid;
  }
}
.manageGroup__footer {
  container-type: inline-size;
}
@container (width <=1160px) {
  .manageGroup__footer .manageGroup__footer__body .content.services.qty.verifyOrders {
    display: none;
  }
}
@container (width <=1160px) {
  .manageGroup__footer .manageGroup__footer__body:has(.content.servicesMobile.qty.verifyOrders) .content.servicesMobile.qty.verifyOrders {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

.botonReject {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 16px 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 48px;
  background: linear-gradient(142deg, rgba(255, 79, 111, 0.2) 0%, rgba(255, 79, 111, 0.08) 44.62%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  color: #FF4F6F;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  opacity: 1;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.botonReject:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.botonReject[disabled] {
  opacity: 0.5;
}
.botonReject[disabled]:hover {
  cursor: default;
  background-color: rgba(255, 255, 255, 0);
}

.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted {
  width: 100%;
  margin-top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-bottom: 80px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr 32px 130px 32px 75px 32px 75px 32px 200px 32px 200px;
  grid-template-columns: 2fr 130px 75px 75px 200px 200px;
  border-radius: 20px;
  padding-inline: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  height: 80px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila .price,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila .profit,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila:nth-child(odd) {
  background: rgba(248, 248, 248, 0.02);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila:nth-child(even) {
  background: rgba(248, 248, 248, 0.03);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila .user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  min-width: 0;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila .user .checkbox {
  width: 24px;
  height: 24px;
  color: white;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila .user span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila .imei,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila .result {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  min-width: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila .imei .notFound,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila .result .notFound {
  opacity: 0.6;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila .price {
  color: rgba(248, 248, 248, 0.95);
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila .profit {
  color: #53FF79;
  font-family: Rubik;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila .reject {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila .reject .estadoReject {
  border-radius: 31px;
  background: rgba(248, 248, 248, 0.05);
  padding-block: 12px;
  padding-inline: 16px;
  color: rgba(248, 248, 248, 0.7);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  width: 100%;
  max-width: 148px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila .reject .checkbox {
  width: 24px;
  height: 24px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila .date span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3em;
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila .date span .fecha {
  opacity: 0.9;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila .date span .hora {
  opacity: 0.9;
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila.header {
  padding-inline: 32px;
  height: 64px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila.header .user,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila.header .imei,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila.header .result,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila.header .price,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila.header .profit,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila.header .reject,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila.header .date {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila.header .user span,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila.header .imei span,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila.header .result span,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila.header .price span,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila.header .profit span,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila.header .reject span,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted .fila.header .date span {
  opacity: 0.6;
  color: rgba(248, 248, 248, 0.6);
}

/* =====================================
=               MARK:Responsive                
===================================== */
@media (width <= 1450px) {
  .navbarAdmin__contenedor:not(.menuContraido) .navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted {
    display: none;
  }
  .navbarAdmin__contenedor:not(.menuContraido) .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted {
    display: -ms-grid;
    display: grid;
  }
  .navbarAdmin__contenedor:has(.menuContraido) .navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted {
    display: -ms-grid;
    display: grid;
  }
  .navbarAdmin__contenedor:has(.menuContraido) .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted {
    display: none;
  }
}
/* =====================================
=               MARK:Mobile                
===================================== */
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted {
  display: none;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (width <= 700px) {
  .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted {
    margin-bottom: 110px;
  }
}
@media (width <= 710px) {
  .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila__top__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila__top__header .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila__top__header .left .checkbox {
  width: 24px;
  height: 24px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila__top__header .left span {
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila__top__header .right {
  color: #6B6B6B;
  text-align: right;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila__top__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila__top__footer .imei {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila__top__footer span {
  color: #737373;
  text-align: right;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila__bottom {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 12px 2.8fr;
  grid-template-columns: 1fr 2.8fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila__bottom .date {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila__bottom .date .fecha {
  color: rgba(248, 248, 248, 0.95);
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila__bottom .date .hora {
  opacity: 0.9;
  color: rgba(248, 248, 248, 0.7);
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila__bottom .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 12px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila__bottom .right .encabezado {
  color: rgba(248, 248, 248, 0.6);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  min-width: 33px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila__bottom .right .numero {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  min-width: 43px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila__bottom .right .price,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila__bottom .right .profit {
  border-radius: 16px;
  padding: 8px;
  width: 100%;
  max-width: 120px;
  min-width: 85px;
  gap: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 56px;
}
@media (width <= 480px) {
  .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila__bottom .right .price,
  .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila__bottom .right .profit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila__bottom .right .price {
  background: rgba(248, 248, 248, 0.05);
  color: rgba(248, 248, 248, 0.95);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila__bottom .right .profit {
  background: linear-gradient(142deg, rgba(172, 255, 190, 0.1) 0%, rgba(172, 255, 190, 0.04) 80.39%);
  color: #53FF79;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila__status {
  margin-top: 16px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 12px 2.8fr;
  grid-template-columns: 1fr 2.8fr;
  gap: 12px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila__status .left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: #737373;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila__status .left .checkbox {
  width: 24px;
  height: 24px;
  color: white;
  border: 1px solid #4E4E4E;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila__status .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila__status .right .botonEstado {
  border-radius: 31px;
  background: rgba(248, 248, 248, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 252px;
}
@media (width <= 480px) {
  .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila__status .right .botonEstado {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    padding-left: 16px;
  }
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted .fila__status .right .estado {
  color: rgba(248, 248, 248, 0.7);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  opacity: 0.5;
}

/* =====================================
=               MARK:Footer                
===================================== */
.manageGroup__footer .content.servicesMobile.qty .top.acceptedOrders {
  gap: 12px;
}
.manageGroup__footer .content.servicesMobile.qty .top.acceptedOrders .exportList {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-block: 8px;
  min-width: 101px;
  padding-inline: 20px;
  border-radius: 48px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  background-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.manageGroup__footer .content.servicesMobile.qty .top.acceptedOrders .exportList:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.manageGroup__footer .content.servicesMobile.qty .top.acceptedOrders .exportList[disabled] {
  opacity: 0.5;
  cursor: default;
}
.manageGroup__footer .content.servicesMobile.qty .top.acceptedOrders .exportList[disabled]:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0);
}
.manageGroup__footer .content.servicesMobile.qty .top.acceptedOrders .botonNaranja {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 32px;
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-left: 0;
  padding-block: 8px;
  padding-inline: 29px;
  min-width: 101px;
  max-width: 100%;
}

/* =====================================
=             MARK:Responsive                
===================================== */
@media (width <= 1080px) {
  .navbarAdmin__contenedor:has(.menuContraido) .navbarAdmin .derecha .cuerpo .content .tablaOrdersAccepted {
    display: none;
  }
  .navbarAdmin__contenedor:has(.menuContraido) .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.accepted {
    display: -ms-grid;
    display: grid;
  }
}
.navbarAdmin .derecha .cuerpo .content.bulkReply .bulkReply {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.navbarAdmin .derecha .cuerpo .content.bulkReply .modal.bulkReply {
  margin-top: 136px;
  position: static;
  width: 100%;
  max-width: 480px;
  border-radius: calc(0.4819277108vw + 22.1927710843px);
  background: #272727;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.08) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.08) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  padding: calc(0.4819277108vw + 22.1927710843px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (width <= 480px) {
  .navbarAdmin .derecha .cuerpo .content.bulkReply .modal.bulkReply {
    margin-top: 44px;
  }
}
.navbarAdmin .derecha .cuerpo .content.bulkReply .modal.bulkReply__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.navbarAdmin .derecha .cuerpo .content.bulkReply .modal.bulkReply__header .encabezado {
  color: rgba(248, 248, 248, 0.95);
  font-size: calc(0.2409638554vw + 15.0963855422px);
  font-weight: 400;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.navbarAdmin .derecha .cuerpo .content.bulkReply .modal.bulkReply__header .encabezado svg {
  width: calc(0.2409638554vw + 23.0963855422px);
}
.navbarAdmin .derecha .cuerpo .content.bulkReply .modal.bulkReply__header .cerrar {
  cursor: pointer;
}
.navbarAdmin .derecha .cuerpo .content.bulkReply .modal.bulkReply .separador, .navbarAdmin .derecha .cuerpo .content.bulkReply .modal.bulkReply .izquierda .seccionDropdown.activo .seccionDropdown__body .separador2, .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .derecha .cuerpo .content.bulkReply .modal.bulkReply .separador2 {
  content: "";
  width: 100%;
  margin-top: 24px;
  min-height: 1px;
  background-color: rgba(255, 255, 255, 0.055);
}
.navbarAdmin .derecha .cuerpo .content.bulkReply .modal.bulkReply__contenido {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin-top: 24px;
}
.navbarAdmin .derecha .cuerpo .content.bulkReply textarea {
  width: 100%;
  max-width: 100%;
  border: none;
  outline: none;
  resize: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 20px;
  background: #242424;
  padding-block: 20px;
  padding-inline: 24px;
  color: rgba(248, 248, 248, 0.95);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-style: normal;
  font-weight: 400;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  scrollbar-width: none;
}
.navbarAdmin .derecha .cuerpo .content.bulkReply textarea::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .cuerpo .content.bulkReply textarea::-moz-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .cuerpo .content.bulkReply textarea:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .cuerpo .content.bulkReply textarea::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .cuerpo .content.bulkReply textarea::placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .cuerpo .content.bulkReply textarea:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.navbarAdmin .derecha .cuerpo .content.bulkReply textarea:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.navbarAdmin .derecha .cuerpo .content.bulkReply textarea:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.navbarAdmin .derecha .cuerpo .content.bulkReply textarea:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.navbarAdmin .derecha .cuerpo .content.bulkReply textarea:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.navbarAdmin .derecha .cuerpo .content.bulkReply textarea::-webkit-scrollbar-track {
  display: none;
}
.navbarAdmin .derecha .cuerpo .content.bulkReply textarea::-webkit-scrollbar-thumb {
  display: none;
}
.navbarAdmin .derecha .cuerpo .content.bulkReply textarea::-webkit-scrollbar-button {
  display: none;
}
.navbarAdmin .derecha .cuerpo .content.bulkReply .botonNaranja {
  margin-top: 32px;
  height: 52px;
}

/* =====================================
=               MARK:Responsive                
===================================== */
.navbarAdmin__contenedor:has(.content .qty__header):has(.navbarAdmin .izquierda.encojido) .derecha .cuerpo {
  padding-bottom: 20px;
}
.navbarAdmin__contenedor:has(.content .qty__header):has(.navbarAdmin .izquierda.encojido) .derecha .cuerpo .content.bulkReply {
  margin-bottom: 0;
}

.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory {
  width: 100%;
  margin-top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-bottom: 80px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 32px 135px 32px 150px 32px 75px 32px 75px 32px 125px 32px 260px 32px 48px;
  grid-template-columns: 1fr 135px 150px 75px 75px 125px 260px 48px;
  border-radius: 20px;
  padding-inline: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  height: 80px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .price,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .profit,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .date,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila:nth-child(odd) {
  background: rgba(248, 248, 248, 0.02);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila:nth-child(even) {
  background: rgba(248, 248, 248, 0.03);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .number {
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .service__name {
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  min-width: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .service__email {
  color: rgba(248, 248, 248, 0.7);
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  min-width: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .imei {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  min-width: 80px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .price {
  color: rgba(248, 248, 248, 0.95);
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .profit {
  color: #53FF79;
  font-family: Rubik;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 20px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .status__indicador {
  width: 124px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  border-radius: 31px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .status__indicador.completed {
  color: #53FF79;
  background: linear-gradient(142deg, rgba(172, 255, 190, 0.1) 0%, rgba(172, 255, 190, 0.04) 80.39%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .status__indicador.procesing {
  color: #FFC901;
  background: linear-gradient(142deg, rgba(255, 201, 1, 0.2) 0%, rgba(255, 201, 1, 0.08) 44.62%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .status__indicador.how {
  color: #01F7FF;
  background: linear-gradient(142deg, rgba(1, 247, 255, 0.2) 0%, rgba(1, 247, 255, 0.08) 44.62%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .status__indicador.rejected {
  color: #FF4F6F;
  background: linear-gradient(142deg, rgba(255, 79, 111, 0.2) 0%, rgba(255, 79, 111, 0.08) 44.62%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .status__indicador:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.035);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .status__indicador.verify {
  color: rgba(248, 248, 248, 0.7);
  background-color: rgba(248, 248, 248, 0.05);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .status__indicador.verify:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: rgba(248, 248, 248, 0.07);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .status .showResult {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
  position: relative;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .status .showResult:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.95);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .status .showResult .dropdownShowResult {
  min-width: 280px;
  position: absolute;
  top: -350%;
  left: -200%;
  padding: 24px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 24px;
  opacity: 0;
  visibility: hidden;
  background: #272727;
  -webkit-box-shadow: inset 0px -2.5px 0px -5px rgba(248, 248, 248, 0.05), 0px 2px 0px 0px rgba(248, 248, 248, 0.06) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1);
          box-shadow: inset 0px -2.5px 0px -5px rgba(248, 248, 248, 0.05), 0px 2px 0px 0px rgba(248, 248, 248, 0.06) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 240px;
  z-index: 1;
  max-height: 440px;
  width: max-content;
  overflow: auto;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .status .showResult .dropdownShowResult.visible {
  opacity: 1;
  visibility: visible;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .status .showResult .dropdownShowResult .titulo {
  color: rgba(248, 248, 248, 0.95);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .status .showResult .dropdownShowResult .contenido {
  margin-top: 16px;
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .date .fecha {
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .date .hora {
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .action .botonAction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  gap: 8px;
  width: 48px;
  height: 48px;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  background-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .action .botonAction:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila .action .botonAction.ojo {
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila.header {
  padding-inline: 32px;
  height: 64px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila.header .number,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila.header .service,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila.header .imei,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila.header .price,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila.header .profit,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila.header .date,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila.header .status,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila.header .action {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila.header .number span,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila.header .service span,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila.header .imei span,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila.header .price span,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila.header .profit span,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila.header .date span,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila.header .status span,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila.header .action span {
  color: rgba(248, 248, 248, 0.6);
  opacity: 0.6;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory .fila.header .date {
  text-align: center;
}

/* =====================================
=               MARK:Mobile                
===================================== */
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history {
  display: none;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 70px;
}
@media (width <= 660px) {
  .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history {
    margin-bottom: 110px;
  }
}
@media (width <= 710px) {
  .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__top__header {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__top__header .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__top__header .left .service__name {
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__top__header .left .service__email {
  color: rgba(248, 248, 248, 0.7);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__top__header .right .botonAction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  gap: 8px;
  width: 48px;
  height: 48px;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  background-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__top__header .right .botonAction:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__top__header .right .botonAction.ojo {
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__top .separador, .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__top .izquierda .seccionDropdown.activo .seccionDropdown__body .separador2, .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .derecha .cuerpo .content .tablaOrdersMobile.history .fila__top .separador2 {
  margin-top: -2px;
  border-radius: 24px;
  height: 1px;
  background-color: rgba(248, 248, 248, 0.04);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__top__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__top__footer .imei {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
  padding-left: 20px;
  padding-right: 20px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__top__footer .number {
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  padding-left: 20px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__top__footer span {
  color: #737373;
  text-align: right;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  padding-right: 20px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__bottom {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 12px 2.8fr;
  grid-template-columns: 1fr 2.8fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding-left: 20px;
  padding-right: 20px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__bottom .date {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__bottom .date .fecha {
  color: rgba(248, 248, 248, 0.95);
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__bottom .date .hora {
  opacity: 0.9;
  color: rgba(248, 248, 248, 0.7);
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__bottom .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 12px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__bottom .right .encabezado {
  color: rgba(248, 248, 248, 0.6);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  min-width: 33px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__bottom .right .numero {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  min-width: 43px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__bottom .right .price,
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__bottom .right .profit {
  border-radius: 16px;
  padding: 8px;
  width: 100%;
  max-width: 120px;
  min-width: 85px;
  gap: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 56px;
}
@media (width <= 480px) {
  .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__bottom .right .price,
  .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__bottom .right .profit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__bottom .right .price {
  background: rgba(248, 248, 248, 0.05);
  color: rgba(248, 248, 248, 0.95);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__bottom .right .profit {
  background: linear-gradient(142deg, rgba(172, 255, 190, 0.1) 0%, rgba(172, 255, 190, 0.04) 80.39%);
  color: #53FF79;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__status {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  margin-top: 16px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 12px 2.8fr;
  grid-template-columns: 1fr 2.8fr;
  gap: 12px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__status .left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: #737373;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__status .left .showResult {
  position: relative;
  color: rgba(248, 248, 248, 0.7);
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__status .left .showResult:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.95);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__status .left .showResult .dropdownShowResult {
  min-width: 280px;
  position: absolute;
  bottom: 40px;
  padding: 24px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 24px;
  opacity: 0;
  visibility: hidden;
  background: #272727;
  -webkit-box-shadow: inset 0px -2.5px 0px -5px rgba(248, 248, 248, 0.05), 0px 2px 0px 0px rgba(248, 248, 248, 0.06) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1);
          box-shadow: inset 0px -2.5px 0px -5px rgba(248, 248, 248, 0.05), 0px 2px 0px 0px rgba(248, 248, 248, 0.06) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 240px;
  z-index: 1;
  max-height: 440px;
  width: max-content;
  overflow: auto;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__status .left .showResult .dropdownShowResult.visible {
  opacity: 1;
  visibility: visible;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__status .left .showResult .dropdownShowResult .titulo {
  color: rgba(248, 248, 248, 0.95);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__status .left .showResult .dropdownShowResult .contenido {
  margin-top: 16px;
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__status .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__status .right .botonEstado {
  border-radius: 31px;
  background: rgba(248, 248, 248, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 252px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__status .right .botonEstado.completed {
  background: linear-gradient(142deg, rgba(172, 255, 190, 0.1) 0%, rgba(172, 255, 190, 0.04) 80.39%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__status .right .botonEstado.completed .estado {
  color: #53FF79;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__status .right .botonEstado.completed .label {
  color: #98ba9f;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__status .right .botonEstado.procesing {
  background: linear-gradient(142deg, rgba(255, 201, 1, 0.2) 0%, rgba(255, 201, 1, 0.08) 44.62%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__status .right .botonEstado.procesing .estado {
  color: #ffc901;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__status .right .botonEstado.procesing .label {
  color: #998f67;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__status .right .botonEstado.how {
  background: linear-gradient(142deg, rgba(1, 247, 255, 0.2) 0%, rgba(1, 247, 255, 0.08) 44.62%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__status .right .botonEstado.how .estado {
  color: #01F7FF;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__status .right .botonEstado.how .label {
  color: #679899;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__status .right .botonEstado.rejected {
  background: linear-gradient(142deg, rgba(255, 79, 111, 0.2) 0%, rgba(255, 79, 111, 0.08) 44.62%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__status .right .botonEstado.rejected .estado {
  color: #FF4F6F;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__status .right .botonEstado.rejected .label {
  color: #b9959c;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__status .right .botonEstado.verify {
  background-color: rgba(248, 248, 248, 0.05);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__status .right .botonEstado.verify .estado {
  color: rgba(248, 248, 248, 0.7019607843);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__status .right .botonEstado.verify .label {
  color: rgba(248, 248, 248, 0.3882352941);
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__status .right .estado {
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history .fila__status .right .label {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

/* =====================================
=               MARK:Responsive                
===================================== */
@media (width <= 1595px) {
  .navbarAdmin__contenedor:not(.menuContraido) .navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory {
    display: none;
  }
  .navbarAdmin__contenedor:not(.menuContraido) .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history {
    display: -ms-grid;
    display: grid;
  }
  .navbarAdmin__contenedor:has(.menuContraido) .navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory {
    display: -ms-grid;
    display: grid;
  }
  .navbarAdmin__contenedor:has(.menuContraido) .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history {
    display: none;
  }
}
@media (width <= 1375px) {
  .navbarAdmin__contenedor:has(.menuContraido) .navbarAdmin .derecha .cuerpo .content .tablaOrdersHistory {
    display: none;
  }
  .navbarAdmin__contenedor:has(.menuContraido) .navbarAdmin .derecha .cuerpo .content .tablaOrdersMobile.history {
    display: -ms-grid;
    display: grid;
  }
}
.navbarAdmin__contenedor:has(.content .orders__headerMobile) .derecha .cuerpo {
  padding-bottom: 20px;
}

.overlayModal .modal__header .encabezado {
  font-size: calc(0.2409638554vw + 15.0963855422px);
}
.overlayModal .modal.orderDetails {
  padding: calc(0.4819277108vw + 22.1927710843px);
  border-radius: calc(0.4819277108vw + 22.1927710843px);
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__header {
  margin-top: 8px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__header::before {
  content: "";
  position: absolute;
  width: 100%;
  bottom: -12px;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, color-stop(1.98%, rgba(255, 26, 26, 0)), color-stop(4.08%, rgba(248, 248, 248, 0.08)), to(rgba(248, 248, 248, 0.02)));
  background: linear-gradient(90deg, rgba(255, 26, 26, 0) 1.98%, rgba(248, 248, 248, 0.08) 4.08%, rgba(248, 248, 248, 0.02) 100%);
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__header span {
  color: rgba(248, 248, 248, 0.5);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  width: 100%;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__header span.activa {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.95);
  position: relative;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__header span.activa:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgb(248, 248, 248);
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__header span.activa::before {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -12px;
  border: 1px solid #D4541D;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  opacity: 1;
  visibility: visible;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__usuario {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: none;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__usuario.visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__usuario .nombre {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 52px;
  color: rgba(248, 248, 248, 0.95);
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__usuario .activo {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 12px;
  color: #53FF79;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__usuario .email {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
  color: rgba(248, 248, 248, 0.7);
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__usuario .saldo {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__usuario .saldo .balance {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-block: 16px;
  padding-inline: 20px;
  border-radius: 24px;
  background: rgba(248, 248, 248, 0.05);
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__usuario .saldo .balance span {
  color: rgba(248, 248, 248, 0.7);
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__usuario .saldo .balance .numero {
  color: rgba(248, 248, 248, 0.95);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
@media (width <= 370px) {
  .overlayModal .modal.orderDetails .modal__contenido .orderDetails__usuario .saldo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__usuario .datosFooter {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__usuario .datosFooter .datos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
  gap: 0.3em;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__usuario .datosFooter .datos .izquierda {
  color: rgba(248, 248, 248, 0.5);
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__usuario .datosFooter .datos .derecha {
  color: rgba(248, 248, 248, 0.95);
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: none;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order.visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .miniEncabezado {
  color: rgba(248, 248, 248, 0.7);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__imei {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__imei .left {
  min-width: 0;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__imei .left .numero {
  margin-top: 12px;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__imei .right .estado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  font-size: calc(0.0602409639vw + 10.7740963855px);
  font-weight: 500;
  line-height: 16px;
  border-radius: 31px;
  padding-block: 12px;
  padding-inline: 24px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__imei .right .estado.completed {
  color: #53FF79;
  background: linear-gradient(142deg, rgba(172, 255, 190, 0.1) 0%, rgba(172, 255, 190, 0.04) 80.39%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__imei .right .estado.procesing {
  color: #FFC901;
  background: linear-gradient(142deg, rgba(255, 201, 1, 0.2) 0%, rgba(255, 201, 1, 0.08) 44.62%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__imei .right .estado.how {
  color: #01F7FF;
  background: linear-gradient(142deg, rgba(1, 247, 255, 0.2) 0%, rgba(1, 247, 255, 0.08) 44.62%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__imei .right .estado.rejected {
  color: #FF4F6F;
  background: linear-gradient(142deg, rgba(255, 79, 111, 0.2) 0%, rgba(255, 79, 111, 0.08) 44.62%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__imei .right .estado:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.035);
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__imei .right .estado.verify {
  color: rgba(248, 248, 248, 0.7);
  background-color: rgba(248, 248, 248, 0.05);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__imei .right .estado.verify:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: rgba(248, 248, 248, 0.07);
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__name {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__name p {
  color: rgba(248, 248, 248, 0.95);
  font-size: calc(0.1204819277vw + 13.5481927711px);
  font-weight: 400;
  line-height: 24px;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__price .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__price .top .details {
  margin-top: 32px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 24px;
  padding-block: 16px;
  padding-inline: 24px;
  border-radius: 24px;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__price .top .details.order {
  background: rgba(248, 248, 248, 0.05);
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__price .top .details.profit {
  background: linear-gradient(142deg, rgba(172, 255, 190, 0.1) 0%, rgba(172, 255, 190, 0.04) 80.39%);
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__price .top .details__encabezado {
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__price .top .details__encabezado.order {
  color: rgba(248, 248, 248, 0.7);
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__price .top .details__encabezado.profit {
  color: #AAC6AF;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__price .top .details__cifra {
  font-size: calc(0.2409638554vw + 15.0963855422px);
  font-weight: 400;
  line-height: 24px;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__price .top .details__cifra.order {
  color: rgba(248, 248, 248, 0.95);
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__price .top .details__cifra.profit {
  color: #53FF79;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__price .bottom {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-block: 12px;
  padding-inline: 20px;
  border-radius: 16px;
  background: rgba(248, 248, 248, 0.05);
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__price .bottom .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__price .bottom .left .miniEncabezado {
  font-size: 10px;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__price .bottom .left .miniCifra {
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-weight: 500;
  line-height: 12px;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__price .bottom .right .botonUpgradePrice {
  border-radius: 12px;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  -webkit-box-shadow: 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  padding-block: 8px;
  padding-inline: 16px;
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__nota {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__order .order__nota p {
  text-align: center;
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: calc(0.4819277108vw + 10.1927710843px);
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__action {
  margin-top: 32px;
  display: none;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__action.visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__action .details__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__action .details__content .header {
  border-top-left-radius: calc(0.4819277108vw + 18.1927710843px);
  border-top-right-radius: calc(0.4819277108vw + 18.1927710843px);
  background: rgba(248, 248, 248, 0.05);
  padding-block: 16px;
  padding-inline: calc(0.4819277108vw + 14.1927710843px);
  color: rgba(248, 248, 248, 0.7);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__action .details__content .body {
  border-bottom-left-radius: calc(0.4819277108vw + 18.1927710843px);
  border-bottom-right-radius: calc(0.4819277108vw + 18.1927710843px);
  background: #242424;
  padding: calc(0.4819277108vw + 14.1927710843px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__action .details__content .body .encabezado {
  color: rgba(248, 248, 248, 0.95);
  font-size: calc(0.1204819277vw + 13.5481927711px);
  font-weight: 400;
  line-height: 16px;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__action .details__content .body .content {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: rgba(248, 248, 248, 0.7);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 300;
  line-height: 24px;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__action .details__checkboxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  gap: 35px;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__action .details__checkboxes .checkboxContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__action .details__checkboxes .checkboxContainer .checkbox {
  width: 24px;
  height: 24px;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__action .details__checkboxes .checkboxContainer span {
  color: rgba(248, 248, 248, 0.5);
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
}
.overlayModal .modal.orderDetails .modal__contenido .orderDetails__action .botonNaranja {
  margin-top: 32px;
  height: 52px;
}
.overlayModal .modal.orderDetails .modal__contenido .oderDetails__log {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  max-height: 587px;
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: rgba(128, 128, 128, 0.4) transparent;
}
.overlayModal .modal.orderDetails .modal__contenido .oderDetails__log::-webkit-scrollbar-track {
  background: transparent;
}
.overlayModal .modal.orderDetails .modal__contenido .oderDetails__log::-webkit-scrollbar-thumb {
  background: rgba(128, 128, 128, 0.4);
  border-radius: 10px;
}
.overlayModal .modal.orderDetails .modal__contenido .oderDetails__log::-webkit-scrollbar-button {
  display: none;
}
.overlayModal .modal.orderDetails .modal__contenido .oderDetails__log .log {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 6fr;
  grid-template-columns: 1fr 6fr;
  gap: 20px;
  border-radius: 24px;
  padding: 24px;
  margin-right: 10px;
}
.overlayModal .modal.orderDetails .modal__contenido .oderDetails__log .log.submitted {
  background: -webkit-gradient(linear, left top, right top, from(rgba(1, 247, 255, 0.02)), to(rgba(1, 247, 255, 0))), var(--neutral-neutral-22, rgba(248, 248, 248, 0.02));
  background: linear-gradient(90deg, rgba(1, 247, 255, 0.02) 0%, rgba(1, 247, 255, 0) 100%), var(--neutral-neutral-22, rgba(248, 248, 248, 0.02));
}
.overlayModal .modal.orderDetails .modal__contenido .oderDetails__log .log.accepted {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 201, 1, 0.02)), to(rgba(255, 201, 1, 0))), var(--neutral-neutral-22, rgba(248, 248, 248, 0.02));
  background: linear-gradient(90deg, rgba(255, 201, 1, 0.02) 0%, rgba(255, 201, 1, 0) 100%), var(--neutral-neutral-22, rgba(248, 248, 248, 0.02));
}
.overlayModal .modal.orderDetails .modal__contenido .oderDetails__log .log .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.overlayModal .modal.orderDetails .modal__contenido .oderDetails__log .log .left .encabezado {
  display: none;
}
.overlayModal .modal.orderDetails .modal__contenido .oderDetails__log .log .left .mobile {
  display: none;
}
.overlayModal .modal.orderDetails .modal__contenido .oderDetails__log .log .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.overlayModal .modal.orderDetails .modal__contenido .oderDetails__log .log .encabezado {
  color: rgba(248, 248, 248, 0.95);
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}
.overlayModal .modal.orderDetails .modal__contenido .oderDetails__log .log span.left {
  color: rgba(248, 248, 248, 0.7);
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
}
.overlayModal .modal.orderDetails .modal__contenido .oderDetails__log .log span.right {
  color: rgba(248, 248, 248, 0.95);
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
}
.overlayModal .modal.orderDetails .modal__contenido .oderDetails__log .log .response {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.2em;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.overlayModal .modal.orderDetails .modal__contenido .oderDetails__log .log .bottom {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.overlayModal .modal.orderDetails .modal__contenido .oderDetails__log .log .bottom .ip,
.overlayModal .modal.orderDetails .modal__contenido .oderDetails__log .log .bottom .fecha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.2em;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
@media (width <= 480px) {
  .overlayModal .modal.orderDetails .modal__contenido .oderDetails__log .log {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 0;
  }
  .overlayModal .modal.orderDetails .modal__contenido .oderDetails__log .log .left {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .overlayModal .modal.orderDetails .modal__contenido .oderDetails__log .log .left .default {
    display: none;
  }
  .overlayModal .modal.orderDetails .modal__contenido .oderDetails__log .log .left .mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
  }
  .overlayModal .modal.orderDetails .modal__contenido .oderDetails__log .log .left .encabezado {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
  }
  .overlayModal .modal.orderDetails .modal__contenido .oderDetails__log .log .encabezado {
    display: none;
  }
}

.overlayModal:has(.modal.modal.searchComponent) .modal__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.overlayModal:has(.modal.modal.searchComponent) .modal__header span {
  margin-bottom: -5px;
}
.overlayModal:has(.modal.modal.searchComponent) .modal__header .cerrar {
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
}
.overlayModal .modal.searchComponent {
  padding: calc(0.4819277108vw + 22.1927710843px);
  border-radius: calc(0.4819277108vw + 22.1927710843px);
}
.overlayModal .modal.searchComponent .modal__contenido .inputNormal {
  border-radius: 31px;
  background: var(--neutral-neutral-25, rgba(248, 248, 248, 0.05));
}
.overlayModal .modal.searchComponent .modal__contenido .inputNormal input {
  width: 100%;
  border: none;
  outline: none;
  resize: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 20px;
  background: transparent;
  padding-block: 16px;
  padding-inline: 20px;
  color: rgba(248, 248, 248, 0.95);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-style: normal;
  font-weight: 400;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.searchComponent .modal__contenido .inputNormal input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.searchComponent .modal__contenido .inputNormal input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.searchComponent .modal__contenido .inputNormal input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.searchComponent .modal__contenido .inputNormal input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.searchComponent .modal__contenido .inputNormal input::placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overlayModal .modal.searchComponent .modal__contenido .inputNormal input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.overlayModal .modal.searchComponent .modal__contenido .inputNormal input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.overlayModal .modal.searchComponent .modal__contenido .inputNormal input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.overlayModal .modal.searchComponent .modal__contenido .inputNormal input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.overlayModal .modal.searchComponent .modal__contenido .inputNormal input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.overlayModal .modal.searchComponent .modal__contenido .inputNormal.select {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 5fr 12px 1fr;
  grid-template-columns: 5fr 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.overlayModal .modal.searchComponent .modal__contenido .inputNormal.select input {
  padding-right: 0;
}
.overlayModal .modal.searchComponent .modal__contenido .inputNormal.select svg {
  width: 1.3em;
  color: rgba(248, 248, 248, 0.6980392157);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-right: 16px;
}
.overlayModal .modal.searchComponent .modal__contenido .inputNormal.select:hover svg {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 1.3em;
  color: rgba(248, 248, 248, 0.95);
}
.overlayModal .modal.searchComponent .modal__contenido .inputNormal.fecha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 20px;
}
.overlayModal .modal.searchComponent .modal__contenido .inputNormal.fecha input {
  padding-left: 12px;
}
.overlayModal .modal.searchComponent .modal__contenido .gridInputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.overlayModal .modal.searchComponent .modal__contenido .gridInputs .inputNormal {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 125px;
}
.overlayModal .modal.searchComponent .modal__contenido .botonNaranja {
  margin-top: calc(0.6024096386vw + -0.2590361446px);
}

/* =====================================
=               MARK:Header                
===================================== */
.navbarAdmin .derecha .cuerpo .content .qty__header.overview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: calc(0.6024096386vw + 7.7409638554px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-bottom: 0;
}
.navbarAdmin .derecha .cuerpo .content .qty__header.overview span {
  color: rgba(248, 248, 248, 0.95);
  font-size: calc(0.2409638554vw + 15.0963855422px);
  font-weight: 400;
  line-height: 24px;
}
.navbarAdmin .derecha .cuerpo .content .qty__header.overview .iconoDropdown {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  color: #979797;
  width: calc(0.6024096386vw + 17.7409638554px);
}
.navbarAdmin .derecha .cuerpo .content .qty__header.overview .iconoLapiz {
  width: calc(0.3614457831vw + 16.6445783133px);
  height: calc(0.3614457831vw + 16.6445783133px);
}
@container (max-width: 338px) {
  .navbarAdmin .derecha .cuerpo .content .qty__header.overview {
    margin-left: -15px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.navbarAdmin .derecha .cuerpo .content .overview__header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: calc(1.3253012048vw + -4.9698795181px);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  overflow-x: scroll;
  overflow-y: hidden;
  scrollbar-width: none;
}
.navbarAdmin .derecha .cuerpo .content .overview__header::-webkit-scrollbar-track {
  display: none;
}
.navbarAdmin .derecha .cuerpo .content .overview__header::-webkit-scrollbar-thumb {
  display: none;
}
.navbarAdmin .derecha .cuerpo .content .overview__header::-webkit-scrollbar-button {
  display: none;
}
.navbarAdmin .derecha .cuerpo .content .overview__header .pestañas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(1.2048192771vw + 23.4819277108px);
  position: relative;
}
.navbarAdmin .derecha .cuerpo .content .overview__header .pestañas::before {
  content: "";
  position: absolute;
  width: 100%;
  bottom: -12px;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, color-stop(1.98%, rgba(248, 248, 248, 0)), color-stop(4.08%, rgba(248, 248, 248, 0.08)), to(rgba(248, 248, 248, 0.02)));
  background: linear-gradient(90deg, rgba(248, 248, 248, 0) 1.98%, rgba(248, 248, 248, 0.08) 4.08%, rgba(248, 248, 248, 0.02) 100%);
}
.navbarAdmin .derecha .cuerpo .content .overview__header .pestañas .pestaña {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.2409638554vw + 11.0963855422px);
  font-weight: 400;
  line-height: 24px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.navbarAdmin .derecha .cuerpo .content .overview__header .pestañas .pestaña.discountedSmall {
  display: none;
}
.navbarAdmin .derecha .cuerpo .content .overview__header .pestañas .pestaña::before {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.navbarAdmin .derecha .cuerpo .content .overview__header .pestañas .pestaña.activa {
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .cuerpo .content .overview__header .pestañas .pestaña.activa::before {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  width: 100%;
  bottom: -12px;
  border: 1px solid #D4541D;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  opacity: 1;
  visibility: visible;
}
@container (max-width: 338px) {
  .navbarAdmin .derecha .cuerpo .content .overview__header .pestañas .pestaña.discountedLarge {
    display: none;
  }
  .navbarAdmin .derecha .cuerpo .content .overview__header .pestañas .pestaña.discountedSmall {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

/* =====================================
=               MARK:Overview                
===================================== */
.navbarAdmin .derecha .cuerpo .content {
  container-type: inline-size;
  /* MARK:Conjunto
  ===================================== */
}
.navbarAdmin .derecha .cuerpo .content .overview {
  margin-top: calc(0.4819277108vw + 18.1927710843px);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr calc(0.4819277108vw + 22.1927710843px) 1fr;
  grid-template-columns: 1fr 1fr;
  gap: calc(0.4819277108vw + 22.1927710843px);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 72px;
  /***********************/
  /* Subsection
  ===================================== */
}
.navbarAdmin .derecha .cuerpo .content .overview .left,
.navbarAdmin .derecha .cuerpo .content .overview .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.navbarAdmin .derecha .cuerpo .content .overview .left {
  min-width: 490px;
}
.navbarAdmin .derecha .cuerpo .content .overview .right .defaultSpan {
  color: rgba(248, 248, 248, 0.7);
  font-size: calc(0.2409638554vw + 11.0963855422px);
  font-weight: 400;
  line-height: 24px;
}
.navbarAdmin .derecha .cuerpo .content .overview .right .filasSwitch {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-auto-rows: 72px;
  gap: 24px;
}
.navbarAdmin .derecha .cuerpo .content .overview .right .toggle {
  gap: 8px;
}
.navbarAdmin .derecha .cuerpo .content .overview .right .fila {
  height: 100%;
}
.navbarAdmin .derecha .cuerpo .content .overview .right .fila:has(.switch.activo) {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(248, 248, 248, 0.04);
}
.navbarAdmin .derecha .cuerpo .content .overview .right .medio {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 72px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.navbarAdmin .derecha .cuerpo .content .overview .right .medio .separador, .navbarAdmin .derecha .cuerpo .content .overview .right .medio .izquierda .seccionDropdown.activo .seccionDropdown__body .separador2, .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .derecha .cuerpo .content .overview .right .medio .separador2 {
  width: 100%;
  content: "";
  border: 1px solid rgba(248, 248, 248, 0.01);
}
.navbarAdmin .derecha .cuerpo .content .overview .right .medio span {
  color: rgba(248, 248, 248, 0.7);
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  opacity: 0.8;
}
.navbarAdmin .derecha .cuerpo .content .overview .right .contenedorCheckboxes {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  border-radius: 24px;
  background: rgba(248, 248, 248, 0.02);
  padding: 24px;
}
.navbarAdmin .derecha .cuerpo .content .overview .right .contenedorCheckboxes .defaultSpan {
  display: none;
}
.navbarAdmin .derecha .cuerpo .content .overview .right .contenedorCheckboxes .checkboxFeatures {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.navbarAdmin .derecha .cuerpo .content .overview .right .contenedorCheckboxes .checkboxFeatures span {
  color: rgba(248, 248, 248, 0.7);
  font-size: calc(0.2409638554vw + 11.0963855422px);
  font-weight: 300;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .overview .right .contenedorCheckboxes .checkboxFeatures:has(.checkbox.activo) span {
  color: rgba(248, 248, 248, 0.95);
}
.navbarAdmin .derecha .cuerpo .content .overview .right .advancedSettings {
  opacity: 0;
}
.navbarAdmin .derecha .cuerpo .content .overview .fila {
  width: 100%;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 24px;
  background-color: rgba(248, 248, 248, 0.02);
  padding-inline: calc(0.2409638554vw + 19.0963855422px);
  padding-block: calc(0.4819277108vw + 14.1927710843px);
  height: auto;
  max-height: 72px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .cuerpo .content .overview .fila .defaultSpan {
  color: rgba(248, 248, 248, 0.7);
  font-size: calc(0.2409638554vw + 11.0963855422px);
  font-weight: 400;
  line-height: 24px;
}
.navbarAdmin .derecha .cuerpo .content .overview .fila .switch {
  content: "";
  width: calc(0.9638554217vw + 36.3855421687px);
  height: calc(0.4819277108vw + 22.1927710843px);
  border-radius: 32px;
  background-color: #1C1C1C;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.navbarAdmin .derecha .cuerpo .content .overview .fila .switch.activo {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #D4541D;
}
.navbarAdmin .derecha .cuerpo .content .overview .fila .switch.activo .bola {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  left: 50%;
  background-color: #f8f8f8;
}
.navbarAdmin .derecha .cuerpo .content .overview .fila .switch .bola {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: calc(0.4819277108vw + 14.1927710843px);
  height: calc(0.4819277108vw + 14.1927710843px);
  border-radius: 50%;
  content: "";
  background: rgba(248, 248, 248, 0.096);
  position: absolute;
  left: 4px;
  top: 4px;
  -webkit-box-shadow: 2px 2px 7px 0px rgba(255, 255, 255, 0.164) inset;
          box-shadow: 2px 2px 7px 0px rgba(255, 255, 255, 0.164) inset;
}
.navbarAdmin .derecha .cuerpo .content .overview .fila:has(.switch.activo) .defaultSpan {
  color: rgba(248, 248, 248, 0.95);
}
.navbarAdmin .derecha .cuerpo .content .overview .checkbox {
  width: 24px;
  height: 24px;
}
.navbarAdmin .derecha .cuerpo .content .overview .status {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(1.4457831325vw + 10.578313253px);
}
.navbarAdmin .derecha .cuerpo .content .overview .status__right {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(1.4457831325vw + 10.578313253px);
}
.navbarAdmin .derecha .cuerpo .content .overview .status .checkboxContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(0.2409638554vw + 11.0963855422px);
}
.navbarAdmin .derecha .cuerpo .content .overview .status .checkboxContent span {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.2409638554vw + 11.0963855422px);
  font-weight: 300;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .overview .status .checkboxContent.notification span {
  max-width: 220px;
}
.navbarAdmin .derecha .cuerpo .content .overview .status .checkboxContent:has(.activo) span {
  color: rgba(248, 248, 248, 0.95);
}
.navbarAdmin .derecha .cuerpo .content .overview .status .checkboxContent.features {
  width: 100%;
}
.navbarAdmin .derecha .cuerpo .content .overview .toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.navbarAdmin .derecha .cuerpo .content .overview .toggle span {
  max-width: 160px;
  min-width: 150px;
}
.navbarAdmin .derecha .cuerpo .content .overview .toggle span.mini {
  font-size: calc(0.1204819277vw + 11.5481927711px);
}
.navbarAdmin .derecha .cuerpo .content .overview input {
  width: 100%;
  border: none;
  outline: none;
  resize: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 20px;
  background: transparent;
  padding-block: 16px;
  padding-inline: 20px;
  color: rgba(248, 248, 248, 0.95);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-style: normal;
  font-weight: 400;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .cuerpo .content .overview input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .cuerpo .content .overview input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .cuerpo .content .overview input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .cuerpo .content .overview input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .cuerpo .content .overview input::placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .cuerpo .content .overview input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.navbarAdmin .derecha .cuerpo .content .overview input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.navbarAdmin .derecha .cuerpo .content .overview input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.navbarAdmin .derecha .cuerpo .content .overview input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.navbarAdmin .derecha .cuerpo .content .overview input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.navbarAdmin .derecha .cuerpo .content .overview .newButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 12px;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  background-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  padding-inline: calc(0.1204819277vw + 12.5481927711px);
  padding-block: calc(0.2409638554vw + 3.0963855422px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: calc(0.1204819277vw + 9.5481927711px);
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .overview .newButton:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.navbarAdmin .derecha .cuerpo .content .overview .fila:has(.serviceListed) {
  padding-right: 12px;
}
.navbarAdmin .derecha .cuerpo .content .overview .serviceListed {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}
.navbarAdmin .derecha .cuerpo .content .overview .serviceListed .defaultSpan {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.navbarAdmin .derecha .cuerpo .content .overview .serviceListed .inputButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 368px;
  border-radius: 16px;
  background: rgba(248, 248, 248, 0.05);
  height: calc(0.4819277108vw + 38.1927710843px);
}
.navbarAdmin .derecha .cuerpo .content .overview .serviceListed .newButton {
  margin-right: 8px;
}
.navbarAdmin .derecha .cuerpo .content .overview .serviceListed .tripleButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 192px;
  height: calc(0.4819277108vw + 22.1927710843px);
  border-radius: 12px;
  background: rgba(248, 248, 248, 0.05);
  margin-right: 8px;
}
.navbarAdmin .derecha .cuerpo .content .overview .serviceListed .tripleButtons .opcion {
  padding-inline: calc(0.2409638554vw + 10.0963855422px);
  padding-block: calc(0.3614457831vw + 2.6445783133px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(248, 248, 248, 0.5);
  text-align: center;
  font-size: calc(0.1204819277vw + 9.5481927711px);
  font-weight: 500;
  line-height: 12px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .cuerpo .content .overview .serviceListed .tripleButtons .opcion:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.6);
}
.navbarAdmin .derecha .cuerpo .content .overview .serviceListed .tripleButtons .opcion.activa {
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  background-color: rgba(255, 255, 255, 0);
  border-radius: 12px;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: calc(0.1204819277vw + 9.5481927711px);
  font-weight: 500;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .overview .serviceListed .tripleButtons .opcion.activa:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.navbarAdmin .derecha .cuerpo .content .overview .contenedorResaltar {
  border-radius: 16px;
  background: rgba(248, 248, 248, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@container (max-width: 1045px) {
  .navbarAdmin .derecha .cuerpo .content .overview .status .checkboxContent.notification span {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }
}
.navbarAdmin .derecha .cuerpo .content .overview .gridInputs {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.navbarAdmin .derecha .cuerpo .content .overview .fila:has(.responseTime) {
  padding-right: 12px;
}
.navbarAdmin .derecha .cuerpo .content .overview .responseTime {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.navbarAdmin .derecha .cuerpo .content .overview .responseTime .contenedorResaltar {
  width: 64px;
  height: calc(0.4819277108vw + 38.1927710843px);
}
.navbarAdmin .derecha .cuerpo .content .overview .responseTime .contenedorResaltar input {
  text-align: center;
}
.navbarAdmin .derecha .cuerpo .content .overview .miniTexto {
  color: rgba(248, 248, 248, 0.7);
  font-size: 10px;
  font-weight: 300;
  line-height: 8px;
}
.navbarAdmin .derecha .cuerpo .content .overview .fila:has(.servicePrice) {
  padding-left: 12px;
  padding-right: 12px;
}
.navbarAdmin .derecha .cuerpo .content .overview .servicePrice {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navbarAdmin .derecha .cuerpo .content .overview .servicePrice .defaultSpan2 {
  display: none;
  color: rgba(248, 248, 248, 0.7);
  font-size: calc(0.2409638554vw + 11.0963855422px);
  font-weight: 400;
  line-height: 24px;
}
.navbarAdmin .derecha .cuerpo .content .overview .servicePrice .contenedorResaltar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
}
.navbarAdmin .derecha .cuerpo .content .overview .servicePrice .contenedorResaltar .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  padding-left: 20px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.navbarAdmin .derecha .cuerpo .content .overview .servicePrice .contenedorResaltar .left .precio {
  color: rgba(248, 248, 248, 0.95);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 12px;
}
.navbarAdmin .derecha .cuerpo .content .overview .servicePrice .contenedorResaltar .switch {
  margin-right: 8px;
}
.navbarAdmin .derecha .cuerpo .content .overview .select {
  border-radius: 16px;
  background-color: rgba(248, 248, 248, 0.05);
  padding-block: 16px;
  padding-inline: calc(0.2409638554vw + 15.0963855422px);
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  height: 48px;
}
.navbarAdmin .derecha .cuerpo .content .overview .select svg {
  width: 1.3em;
  margin-right: -7px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.6980392157);
}
.navbarAdmin .derecha .cuerpo .content .overview .select span {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.7);
  transition: all 0.3s ease-in-out;
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
}
.navbarAdmin .derecha .cuerpo .content .overview .select.activo span {
  color: rgba(248, 248, 248, 0.95);
  opacity: 1;
}
.navbarAdmin .derecha .cuerpo .content .overview .select:hover {
  background-color: rgba(248, 248, 248, 0.07);
}
.navbarAdmin .derecha .cuerpo .content .overview .fila:has(.inputSelect) {
  padding-right: 12px;
}
.navbarAdmin .derecha .cuerpo .content .overview .inputSelect {
  width: 100%;
  gap: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navbarAdmin .derecha .cuerpo .content .overview .url {
  color: rgba(248, 248, 248, 0.95);
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.navbarAdmin .derecha .cuerpo .content .overview .fila:has(.link) {
  padding: 12px;
}
.navbarAdmin .derecha .cuerpo .content .overview .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.navbarAdmin .derecha .cuerpo .content .overview .link .defaultSpan {
  display: none;
}
.navbarAdmin .derecha .cuerpo .content .overview .link .miniTexto {
  opacity: 0.5;
}
.navbarAdmin .derecha .cuerpo .content .overview .link .contenedorResaltar {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  padding-left: calc(0.2409638554vw + 15.0963855422px);
  gap: 8px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 8px 1fr;
  grid-template-columns: 1fr 1fr;
}
.navbarAdmin .derecha .cuerpo .content .overview .link .left {
  min-width: 0;
  gap: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.navbarAdmin .derecha .cuerpo .content .overview .link .newButton {
  width: 200px;
  font-size: 10px;
  -ms-grid-column-align: end;
      justify-self: end;
  margin-right: 8px;
}
.navbarAdmin .derecha .cuerpo .content .overview .link.sinBoton .contenedorResaltar {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.navbarAdmin .derecha .cuerpo .content .overview .link.sinBoton .left {
  margin-right: 8px;
}
.navbarAdmin .derecha .cuerpo .content .overview .fila:has(.knowledgeBase) {
  padding-right: 12px;
}
.navbarAdmin .derecha .cuerpo .content .overview .knowledgeBase {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 4px;
}
.navbarAdmin .derecha .cuerpo .content .overview .knowledgeBase .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0px;
  min-width: 0;
}
.navbarAdmin .derecha .cuerpo .content .overview .knowledgeBase .left .miniEncabezado {
  color: rgba(248, 248, 248, 0.7);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 12px;
}
.navbarAdmin .derecha .cuerpo .content .overview .knowledgeBase .left .opcion {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.navbarAdmin .derecha .cuerpo .content .overview .knowledgeBase .left .opcion .miniCheckbox {
  border-radius: 4px;
  max-width: 34px;
  max-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  border: 1px solid #4E4E4E;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 16px;
  height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .overview .knowledgeBase .left .opcion .miniCheckbox .iconoCheck {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.navbarAdmin .derecha .cuerpo .content .overview .knowledgeBase .left .opcion .miniCheckbox:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(78, 78, 78, 0.137);
  border: 1px solid #535353;
}
.navbarAdmin .derecha .cuerpo .content .overview .knowledgeBase .left .opcion .miniCheckbox.activo {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #D4541D;
  border: 1px solid #D4541D;
}
.navbarAdmin .derecha .cuerpo .content .overview .knowledgeBase .left .opcion .miniCheckbox.activo .iconoCheck {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.navbarAdmin .derecha .cuerpo .content .overview .knowledgeBase .left .opcion .miniCheckbox.activo:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #ED5F0F;
  border: 1px solid #ED5F0F;
}
.navbarAdmin .derecha .cuerpo .content .overview .knowledgeBase .left .opcion span {
  color: rgba(248, 248, 248, 0.5);
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.navbarAdmin .derecha .cuerpo .content .overview .knowledgeBase .select {
  width: 100%;
  max-width: 276px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@container (max-width: 1090px) {
  .navbarAdmin .derecha .cuerpo .content .overview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .navbarAdmin .derecha .cuerpo .content .overview .left,
  .navbarAdmin .derecha .cuerpo .content .overview .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
  .navbarAdmin .derecha .cuerpo .content .overview .left {
    margin-bottom: 0;
  }
  .navbarAdmin .derecha .cuerpo .content .overview .fila:has(.serviceListed) {
    width: 40%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .navbarAdmin .derecha .cuerpo .content .overview .gridInputs,
  .navbarAdmin .derecha .cuerpo .content .overview .filasSwitch {
    width: 100%;
  }
  .navbarAdmin .derecha .cuerpo .content .overview .right .medio {
    display: none;
  }
  .navbarAdmin .derecha .cuerpo .content .overview .right .contenedorCheckboxes {
    gap: calc(0.4819277108vw + 14.1927710843px);
    padding-inline: calc(0.2409638554vw + 19.0963855422px);
    padding-block: calc(0.4819277108vw + 14.1927710843px);
  }
  .navbarAdmin .derecha .cuerpo .content .overview .right .contenedorCheckboxes .defaultSpan {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .navbarAdmin .derecha .cuerpo .content .overview .right .fila {
    height: auto;
  }
}
.navbarAdmin .derecha .cuerpo .content .conjunto {
  width: 100%;
  -ms-grid-column-span: 2;
  grid-column: span 2;
  margin-bottom: 40px;
  container-type: inline-size;
}
@container (max-width: 1090px) {
  .navbarAdmin .derecha .cuerpo .content .conjunto .conjunto__filas__left {
    min-width: 0px;
  }
  .navbarAdmin .derecha .cuerpo .content .conjunto .conjunto__filas__left .serviceListed {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .navbarAdmin .derecha .cuerpo .content .conjunto .conjunto__filas__left .serviceListed .inputButton {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }
  .navbarAdmin .derecha .cuerpo .content .conjunto .conjunto__filas__right .defaultSpan {
    max-width: 100%;
    width: 100%;
    min-width: 0px;
  }
  .navbarAdmin .derecha .cuerpo .content .conjunto .conjunto__filas__right .fila {
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
  }
}
@container (max-width: 1065px) {
  .navbarAdmin .derecha .cuerpo .content .conjunto .conjunto__filas {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.navbarAdmin .derecha .cuerpo .content .conjunto__filas {
  margin-top: 24px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr calc(0.4819277108vw + 22.1927710843px) 1fr;
  grid-template-columns: 1fr 1fr;
  gap: calc(0.4819277108vw + 22.1927710843px);
}
.navbarAdmin .derecha .cuerpo .content .conjunto__filas__left {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(0.7228915663vw + 9.2891566265px);
  min-width: 480px;
}
.navbarAdmin .derecha .cuerpo .content .conjunto__filas__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(0.7228915663vw + 9.2891566265px);
}
.navbarAdmin .derecha .cuerpo .content .conjunto__filas .fila {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 100%;
  max-width: none;
}
.navbarAdmin .derecha .cuerpo .content .conjunto .filasSwitch {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr calc(0.7228915663vw + 9.2891566265px) 1fr;
  grid-template-columns: 1fr 1fr;
  gap: calc(0.7228915663vw + 9.2891566265px);
}
.navbarAdmin .derecha .cuerpo .content .conjunto .filasSwitch .toggle {
  gap: 8px;
}
.navbarAdmin .derecha .cuerpo .content .conjunto .filasSwitch .fila {
  width: 100%;
  max-height: 72px;
}
.navbarAdmin .derecha .cuerpo .content .conjunto .filasSwitch .fila:has(.switch.activo) {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(248, 248, 248, 0.04);
}
.navbarAdmin .derecha .cuerpo .content .conjunto .advancedSettings {
  width: 100%;
  margin-top: 16px;
  color: rgba(248, 248, 248, 0.95);
  font-size: calc(0.3614457831vw + 12.6445783133px);
  font-weight: 400;
  line-height: 24px;
}
.navbarAdmin .derecha .cuerpo .content .conjunto .resetAll {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 72px;
  border-radius: 24px;
  border: 1.6px solid var(--neutral-neutral-210, rgba(248, 248, 248, 0.1));
  color: rgba(248, 248, 248, 0.7);
  font-size: calc(0.2409638554vw + 11.0963855422px);
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding-inline: 24px;
}
.navbarAdmin .derecha .cuerpo .content .conjunto .resetAll span {
  text-align: center;
  opacity: 0.8;
}
@container (max-width: 513px) {
  .navbarAdmin .derecha .cuerpo .content .conjunto .advancedSettings {
    text-align: center;
  }
  .navbarAdmin .derecha .cuerpo .content .conjunto .filasSwitch {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .navbarAdmin .derecha .cuerpo .content .conjunto .conjunto__filas__left .serviceListed {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .navbarAdmin .derecha .cuerpo .content .conjunto .conjunto__filas__left .serviceListed .inputButton {
    max-width: 100%;
  }
  .navbarAdmin .derecha .cuerpo .content .conjunto .resetAll {
    height: 48px;
  }
}

/* =====================================
=               MARK:Footer                
===================================== */
.manageGroup__footer__body .content.overviewFooter,
.manageGroup__footer__body .content.overviewFooterMobile {
  min-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.manageGroup__footer__body .content.overviewFooter .left .botonReject,
.manageGroup__footer__body .content.overviewFooterMobile .left .botonReject {
  max-width: 164px;
  height: 48px;
}
.manageGroup__footer__body .content.overviewFooter .center,
.manageGroup__footer__body .content.overviewFooterMobile .center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.manageGroup__footer__body .content.overviewFooter .center .tripleButtons,
.manageGroup__footer__body .content.overviewFooterMobile .center .tripleButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  height: 40px;
  border-radius: 24px;
  background: rgba(248, 248, 248, 0.0509803922);
}
.manageGroup__footer__body .content.overviewFooter .center .tripleButtons .opcion,
.manageGroup__footer__body .content.overviewFooterMobile .center .tripleButtons .opcion {
  padding-inline: calc(1.4457831325vw + 2.578313253px);
  padding-block: calc(0.2409638554vw + 7.0963855422px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: rgba(248, 248, 248, 0.5);
  text-align: center;
  font-size: calc(0.1204819277vw + 9.5481927711px);
  font-weight: 500;
  line-height: 12px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.manageGroup__footer__body .content.overviewFooter .center .tripleButtons .opcion:hover,
.manageGroup__footer__body .content.overviewFooterMobile .center .tripleButtons .opcion:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.6);
}
.manageGroup__footer__body .content.overviewFooter .center .tripleButtons .opcion.activa,
.manageGroup__footer__body .content.overviewFooterMobile .center .tripleButtons .opcion.activa {
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  background-color: rgba(255, 255, 255, 0);
  border-radius: 24px;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: calc(0.1204819277vw + 9.5481927711px);
  font-weight: 500;
  line-height: 16px;
}
.manageGroup__footer__body .content.overviewFooter .center .tripleButtons .opcion.activa:hover,
.manageGroup__footer__body .content.overviewFooterMobile .center .tripleButtons .opcion.activa:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.manageGroup__footer__body .content.overviewFooter .right .botonNaranja,
.manageGroup__footer__body .content.overviewFooterMobile .right .botonNaranja {
  max-width: 148px;
  height: 48px;
  font-weight: 400;
}
.manageGroup__footer__body .content.overviewFooterMobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  padding-block: 16px;
}
.manageGroup__footer__body .content.overviewFooterMobile .left .botonReject {
  min-width: 0px;
  height: 32px;
  font-size: 12px;
}
.manageGroup__footer__body .content.overviewFooterMobile .center .dropdownMonedas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-inline: calc(1.4457831325vw + 2.578313253px);
  padding-block: calc(0.2409638554vw + 7.0963855422px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 101px;
  min-width: 101px;
  color: rgba(248, 248, 248, 0.5);
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  background-color: rgba(255, 255, 255, 0);
  border-radius: 24px;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: calc(0.1204819277vw + 9.5481927711px);
  font-weight: 500;
  line-height: 16px;
}
.manageGroup__footer__body .content.overviewFooterMobile .center .dropdownMonedas:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.6);
}
.manageGroup__footer__body .content.overviewFooterMobile .center .dropdownMonedas:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.manageGroup__footer__body .content.overviewFooterMobile .center .dropdownMonedas .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 0px;
  gap: 8px;
}
.manageGroup__footer__body .content.overviewFooterMobile .center .dropdownMonedas .iconoDropdown {
  min-width: 1.7em;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.manageGroup__footer__body .content.overviewFooterMobile .right {
  width: 100%;
  min-width: none;
  padding-left: 0;
  margin-left: 0;
}
.manageGroup__footer__body .content.overviewFooterMobile .right .botonNaranja {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-width: 0px;
  margin-left: 0;
  padding-left: 0;
  max-width: 164px;
  height: 32px;
  font-size: 12px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  padding: 0;
}

/* =====================================
=              MARK:Responsive                
===================================== */
@container (max-width: 795px) {
  .navbarAdmin .derecha .cuerpo .content .overview {
    margin-bottom: 70px;
    /************************/
  }
  .navbarAdmin .derecha .cuerpo .content .overview .defaultSpan {
    opacity: 0.8;
  }
  .navbarAdmin .derecha .cuerpo .content .overview .fila {
    max-height: 100%;
  }
  .navbarAdmin .derecha .cuerpo .content .overview .left {
    min-width: 0;
    gap: 12px;
  }
  .navbarAdmin .derecha .cuerpo .content .overview .gridInputs {
    gap: 12px;
  }
  .navbarAdmin .derecha .cuerpo .content .overview .right {
    gap: 12px;
  }
  .navbarAdmin .derecha .cuerpo .content .overview .right .filasSwitch {
    gap: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .navbarAdmin .derecha .cuerpo .content .overview .right .filasSwitch span {
    max-width: none;
  }
  @container (max-width: 460px) {
    .navbarAdmin .derecha .cuerpo .content .overview .gridInputs {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }
    .navbarAdmin .derecha .cuerpo .content .overview .gridInputs .responseTime {
      width: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: start;
    }
    .navbarAdmin .derecha .cuerpo .content .overview .gridInputs .responseTime .inputButton {
      width: 100%;
      max-width: none;
    }
    .navbarAdmin .derecha .cuerpo .content .overview .gridInputs .responseTime .contenedorResaltar {
      width: 100%;
    }
    .navbarAdmin .derecha .cuerpo .content .overview .gridInputs .responseTime input {
      text-align: start;
    }
    .navbarAdmin .derecha .cuerpo .content .overview .gridInputs .fila:has(.servicePrice) {
      padding-inline: calc(0.2409638554vw + 19.0963855422px);
      padding-block: calc(0.4819277108vw + 14.1927710843px);
    }
    .navbarAdmin .derecha .cuerpo .content .overview .gridInputs .servicePrice {
      width: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: start;
    }
    .navbarAdmin .derecha .cuerpo .content .overview .gridInputs .servicePrice .defaultSpan2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      opacity: 0.8;
    }
    .navbarAdmin .derecha .cuerpo .content .overview .gridInputs .servicePrice .miniTexto {
      display: none;
    }
    .navbarAdmin .derecha .cuerpo .content .overview .gridInputs .servicePrice .contenedorResaltar {
      margin-top: 8px;
      height: 40px;
    }
    .navbarAdmin .derecha .cuerpo .content .overview .gridInputs .fila:has(.link) {
      padding-inline: calc(0.2409638554vw + 19.0963855422px);
      padding-block: calc(0.4819277108vw + 14.1927710843px);
    }
    .navbarAdmin .derecha .cuerpo .content .overview .gridInputs .fila:has(.inputSelect) {
      padding-inline: calc(0.2409638554vw + 19.0963855422px);
      padding-block: calc(0.4819277108vw + 14.1927710843px);
      width: 45%;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      min-width: 155px;
    }
    .navbarAdmin .derecha .cuerpo .content .overview .gridInputs .inputSelect {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: start;
    }
    .navbarAdmin .derecha .cuerpo .content .overview .gridInputs .inputSelect .select {
      width: 100%;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
    }
    .navbarAdmin .derecha .cuerpo .content .overview .gridInputs .link {
      width: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: start;
    }
    .navbarAdmin .derecha .cuerpo .content .overview .gridInputs .link .defaultSpan {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    .navbarAdmin .derecha .cuerpo .content .overview .gridInputs .link .miniTexto {
      display: none;
    }
    .navbarAdmin .derecha .cuerpo .content .overview .gridInputs .link .contenedorResaltar {
      margin-top: 8px;
    }
  }
  .navbarAdmin .derecha .cuerpo .content .overview .status {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  @container (max-width: 520px) {
    .navbarAdmin .derecha .cuerpo .content .overview .status {
      gap: 5px;
    }
  }
  .navbarAdmin .derecha .cuerpo .content .overview .status__right {
    margin-top: 2px;
  }
  .navbarAdmin .derecha .cuerpo .content .overview .status__right .checkboxContent {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .navbarAdmin .derecha .cuerpo .content .overview .status__right .checkboxContent:nth-child(2) {
    min-width: 172px;
  }
  @container (max-width: 320px) {
    .navbarAdmin .derecha .cuerpo .content .overview .status__right {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }
  }
  .navbarAdmin .derecha .cuerpo .content .overview .fila:has(.serviceListed) {
    padding-inline: calc(0.2409638554vw + 19.0963855422px);
    padding-block: calc(0.4819277108vw + 14.1927710843px);
  }
  @container (max-width: 545px) {
    .navbarAdmin .derecha .cuerpo .content .overview .fila:has(.serviceListed) {
      -webkit-box-flex: 1;
          -ms-flex: auto;
              flex: auto;
      width: 100%;
    }
  }
  .navbarAdmin .derecha .cuerpo .content .overview .serviceListed {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .navbarAdmin .derecha .cuerpo .content .overview .serviceListed .inputButton {
    width: 345;
    max-width: 100%;
  }
  .navbarAdmin .derecha .cuerpo .content .overview .serviceListed .inputButton input {
    min-width: none;
  }
  .navbarAdmin .derecha .cuerpo .content .overview .fila:has(.responseTime) {
    padding-inline: calc(0.2409638554vw + 19.0963855422px);
    padding-block: calc(0.4819277108vw + 14.1927710843px);
  }
  .navbarAdmin .derecha .cuerpo .content .overview .fila:has(.knowledgeBase) {
    padding-inline: calc(0.2409638554vw + 19.0963855422px);
    padding-block: calc(0.4819277108vw + 14.1927710843px);
  }
  .navbarAdmin .derecha .cuerpo .content .overview .knowledgeBase {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    width: 100%;
  }
  .navbarAdmin .derecha .cuerpo .content .overview .knowledgeBase .select {
    max-width: 100%;
    margin-top: 16px;
  }
  .navbarAdmin .derecha .cuerpo .content .overview .knowledgeBase .miniEncabezado {
    opacity: 0.8;
  }
}
@container (width <= 621px) {
  .navbarAdmin .derecha .cuerpo .content .overview {
    margin-bottom: 34px;
  }
}

/* =====================================
=         MARK:Responsive Footer                
===================================== */
.navbarAdmin__contenedor:has(.content.overview) .derecha,
.navbarAdmin__contenedor:has(.content.overview) .cuerpo,
.navbarAdmin__contenedor:has(.content.overview) .content,
.navbarAdmin__contenedor:has(.content.overviewFields) .derecha,
.navbarAdmin__contenedor:has(.content.overviewFields) .cuerpo,
.navbarAdmin__contenedor:has(.content.overviewFields) .content {
  container-type: inline-size;
}
.navbarAdmin__contenedor:has(.content.overview) .derecha .cuerpo .content.overviewBody,
.navbarAdmin__contenedor:has(.content.overviewFields) .derecha .cuerpo .content.overviewBody {
  margin-bottom: 92px;
}

@container (max-width: 620px) {
  .navbarAdmin__contenedor:has(.content .qty__header):has(.navbarAdmin .izquierda) .derecha .cuerpo .content.overviewBody {
    margin-bottom: 31px;
  }
}

.manageGroup__footer__body {
  container-type: inline-size;
}
.manageGroup__footer__body .content.overviewFooterMobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@container (width >= 620px) {
  .manageGroup__footer__body .content.overviewFooterMobile {
    display: none;
  }
}
.manageGroup__footer__body .content.overviewFooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 92px;
}
@container (max-width: 619px) {
  .manageGroup__footer__body .content.overviewFooter {
    display: none;
  }
}

.navbarAdmin .derecha .cuerpo .content {
  /* MARK:Conjunto
  ===================================== */
  /* =====================================
  =           MARK:Cutsom Fields                
  ===================================== */
}
.navbarAdmin .derecha .cuerpo .content .overviewFields {
  margin-top: calc(0.4819277108vw + 18.1927710843px);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr calc(0.4819277108vw + 22.1927710843px) 1fr;
  grid-template-columns: 1fr 1fr;
  gap: calc(0.4819277108vw + 22.1927710843px);
  /***********************/
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .left,
.navbarAdmin .derecha .cuerpo .content .overviewFields .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(0.7228915663vw + 9.2891566265px);
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .left {
  container-type: inline-size;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .left .filasSwitch {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr calc(0.7228915663vw + 9.2891566265px) 1fr calc(0.7228915663vw + 9.2891566265px) 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: calc(0.7228915663vw + 9.2891566265px);
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .left .filasSwitch .defaultSpan {
  min-width: 0px;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .left .medio {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 72px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .left .medio .separador, .navbarAdmin .derecha .cuerpo .content .overviewFields .left .medio .izquierda .seccionDropdown.activo .seccionDropdown__body .separador2, .navbarAdmin .izquierda .seccionDropdown.activo .seccionDropdown__body .derecha .cuerpo .content .overviewFields .left .medio .separador2 {
  width: 100%;
  content: "";
  border: 1px solid rgba(248, 248, 248, 0);
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .left .medio span {
  color: rgba(248, 248, 248, 0.95);
  font-size: calc(0.3614457831vw + 12.6445783133px);
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
@media (width <= 768px) {
  .navbarAdmin .derecha .cuerpo .content .overviewFields .left .medio {
    display: none;
  }
}
@container (width <=555px) {
  .navbarAdmin .derecha .cuerpo .content .overviewFields .left .filasSwitch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .navbarAdmin .derecha .cuerpo .content .overviewFields .left .fila:has(.status) {
    display: none;
  }
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .left .fila:has(.status) {
  height: 72px;
}
@media (width <= 768px) {
  .navbarAdmin .derecha .cuerpo .content .overviewFields .left .fila:has(.status) {
    display: none;
  }
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .right {
  width: 100%;
  min-width: 100%;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .right .defaultSpan {
  color: rgba(248, 248, 248, 0.7);
  font-size: calc(0.2409638554vw + 11.0963855422px);
  font-weight: 400;
  line-height: 24px;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .right .filasSwitch {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr calc(0.7228915663vw + 9.2891566265px) 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-auto-rows: 72px;
  gap: calc(0.7228915663vw + 9.2891566265px);
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .right .toggle {
  gap: 8px;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .right .fila {
  height: 72px;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .right .fila:has(.switch.activo) {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(248, 248, 248, 0.04);
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .right .contenedorCheckboxes {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  border-radius: 24px;
  background: rgba(248, 248, 248, 0.02);
  padding: 24px;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .right .contenedorCheckboxes .defaultSpan {
  display: none;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .right .contenedorCheckboxes .checkboxFeatures {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .right .contenedorCheckboxes .checkboxFeatures span {
  color: rgba(248, 248, 248, 0.7);
  font-size: calc(0.2409638554vw + 11.0963855422px);
  font-weight: 300;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .right .contenedorCheckboxes .checkboxFeatures:has(.checkbox.activo) span {
  color: rgba(248, 248, 248, 0.95);
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .fila {
  width: 100%;
  height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 24px;
  background-color: rgba(248, 248, 248, 0.02);
  padding-inline: calc(0.2409638554vw + 19.0963855422px);
  padding-block: calc(0.4819277108vw + 14.1927710843px);
  max-height: 72px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .fila .defaultSpan {
  color: rgba(248, 248, 248, 0.7);
  font-size: calc(0.2409638554vw + 11.0963855422px);
  font-weight: 400;
  line-height: 24px;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .fila .switch {
  content: "";
  width: calc(0.9638554217vw + 36.3855421687px);
  height: calc(0.4819277108vw + 22.1927710843px);
  border-radius: 32px;
  background-color: #1C1C1C;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .fila .switch.activo {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #D4541D;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .fila .switch.activo .bola {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  left: 50%;
  background-color: #f8f8f8;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .fila .switch .bola {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: calc(0.4819277108vw + 14.1927710843px);
  height: calc(0.4819277108vw + 14.1927710843px);
  border-radius: 50%;
  content: "";
  background: rgba(248, 248, 248, 0.096);
  position: absolute;
  left: 4px;
  top: 4px;
  -webkit-box-shadow: 2px 2px 7px 0px rgba(255, 255, 255, 0.164) inset;
          box-shadow: 2px 2px 7px 0px rgba(255, 255, 255, 0.164) inset;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .fila:has(.switch.activo) {
  background-color: rgba(248, 248, 248, 0.04);
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .fila:has(.switch.activo) .defaultSpan {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.95);
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .checkbox {
  width: 24px;
  height: 24px;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .status {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: calc(1.4457831325vw + 10.578313253px);
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .status .defaultSpan {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .status__right {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(0.3012048193vw + 41.8704819277px);
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .status .checkboxContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(0.2409638554vw + 11.0963855422px);
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .status .checkboxContent span {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.2409638554vw + 11.0963855422px);
  font-weight: 300;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .status .checkboxContent.notification span {
  max-width: 220px;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .status .checkboxContent:has(.activo) span {
  color: rgba(248, 248, 248, 0.95);
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .status .checkboxContent.features {
  width: 100%;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  gap: 12px;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .toggle span {
  max-width: 160px;
  min-width: 0px;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .toggle span.mini {
  font-size: calc(0.1204819277vw + 11.5481927711px);
}
.navbarAdmin .derecha .cuerpo .content .overviewFields input {
  width: 100%;
  border: none;
  outline: none;
  resize: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 20px;
  background: transparent;
  padding-block: 16px;
  padding-inline: 20px;
  color: rgba(248, 248, 248, 0.95);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-style: normal;
  font-weight: 400;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields input::placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .newButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 12px;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  background-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  padding-inline: calc(0.1204819277vw + 12.5481927711px);
  padding-block: calc(0.2409638554vw + 3.0963855422px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: calc(0.1204819277vw + 9.5481927711px);
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .newButton:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .fila:has(.serviceListed) {
  padding-right: 12px;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .serviceListed {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .serviceListed .defaultSpan {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .serviceListed .inputButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 368px;
  border-radius: 16px;
  background: rgba(248, 248, 248, 0.05);
  height: calc(0.4819277108vw + 38.1927710843px);
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .serviceListed .newButton {
  margin-right: 8px;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .serviceListed .tripleButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 192px;
  height: calc(0.4819277108vw + 22.1927710843px);
  border-radius: 12px;
  background: rgba(248, 248, 248, 0.05);
  margin-right: 8px;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .serviceListed .tripleButtons .opcion {
  padding-inline: calc(0.2409638554vw + 10.0963855422px);
  padding-block: calc(0.3614457831vw + 2.6445783133px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(248, 248, 248, 0.5);
  text-align: center;
  font-size: calc(0.1204819277vw + 9.5481927711px);
  font-weight: 500;
  line-height: 12px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .serviceListed .tripleButtons .opcion:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.6);
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .serviceListed .tripleButtons .opcion.activa {
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  background-color: rgba(255, 255, 255, 0);
  border-radius: 12px;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: calc(0.1204819277vw + 9.5481927711px);
  font-weight: 500;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .serviceListed .tripleButtons .opcion.activa:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .contenedorResaltar {
  border-radius: 16px;
  background: rgba(248, 248, 248, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navbarAdmin .derecha .cuerpo .content .overviewFields .miniTexto {
  color: rgba(248, 248, 248, 0.7);
  font-size: 10px;
  font-weight: 300;
  line-height: 8px;
}
@container (width <=720px) {
  .navbarAdmin .derecha .cuerpo .content .overviewFields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@container (width <=554.73px) {
  .navbarAdmin .derecha .cuerpo .content .overviewFields .left .medio {
    display: none;
  }
  .navbarAdmin .derecha .cuerpo .content .overviewFields .left .fila:has(.status) {
    display: none;
  }
  @media (width <= 768px) {
    .navbarAdmin .derecha .cuerpo .content .overviewFields .left .medio {
      display: none;
    }
    .navbarAdmin .derecha .cuerpo .content .overviewFields .left .fila:has(.status) {
      display: none;
    }
  }
}
@container (width <=465px) {
  @media (width <= 581px) {
    .navbarAdmin .derecha .cuerpo .content .overviewFields .left .fila {
      height: 100%;
      max-height: 100%;
      padding-inline: 20px;
      padding-block: 16px;
    }
    .navbarAdmin .derecha .cuerpo .content .overviewFields .left .serviceListed {
      height: auto;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: start;
    }
    .navbarAdmin .derecha .cuerpo .content .overviewFields .left .serviceListed .inputButton {
      max-width: 100%;
    }
  }
  .navbarAdmin .derecha .cuerpo .content .overviewFields .right .fila {
    height: 100%;
  }
  .navbarAdmin .derecha .cuerpo .content .overviewFields .right .filasSwitch {
    grid-auto-rows: auto;
  }
  .navbarAdmin .derecha .cuerpo .content .overviewFields .conjuntoOverview .encabezado {
    text-align: center;
  }
  @media (width <= 581px) {
    .navbarAdmin .derecha .cuerpo .content .overviewFields .conjuntoOverview .fila {
      height: 100%;
      max-height: 100%;
      padding-inline: 20px;
      padding-block: 16px;
    }
    .navbarAdmin .derecha .cuerpo .content .overviewFields .conjuntoOverview .status {
      height: auto;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: start;
    }
    .navbarAdmin .derecha .cuerpo .content .overviewFields .conjuntoOverview .status .inputButton {
      max-width: 100%;
    }
    .navbarAdmin .derecha .cuerpo .content .overviewFields .conjuntoOverview .status__right {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: start;
    }
  }
  @media (width <= 581px) and (width <= 380px) {
    .navbarAdmin .derecha .cuerpo .content .overviewFields .conjuntoOverview .status__right {
      gap: 0;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
    }
  }
}
.navbarAdmin .derecha .cuerpo .content .conjuntoOverview {
  width: 100%;
  -ms-grid-column-span: 2;
  grid-column: span 2;
  container-type: inline-size;
}
.navbarAdmin .derecha .cuerpo .content .conjuntoOverview .encabezado {
  color: rgba(248, 248, 248, 0.95);
  font-size: calc(0.3614457831vw + 12.6445783133px);
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 24px;
}
@media (width >= 1523px) {
  .navbarAdmin .derecha .cuerpo .content .conjuntoOverview {
    display: none;
  }
}
@media (width <= 1523px) {
  .navbarAdmin .derecha .cuerpo .content .conjuntoOverview {
    display: block;
  }
}
.navbarAdmin .derecha .cuerpo .content .customFields {
  container-type: inline-size;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 40px;
  margin-bottom: calc(1.686746988vw + 5.6746987952px);
  margin-bottom: 92px;
}
@container (max-width: 621px) {
  .navbarAdmin .derecha .cuerpo .content .customFields {
    margin-bottom: 70px;
  }
}
@container (width <=1035px) {
  .navbarAdmin .derecha .cuerpo .content .customFields {
    display: none;
  }
}
.navbarAdmin .derecha .cuerpo .content .customFields .encabezado {
  color: rgba(248, 248, 248, 0.95);
  font-size: calc(0.3614457831vw + 12.6445783133px);
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields {
  width: 100%;
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100px 32px 2fr 32px 100px 32px 135px 32px 90px 32px 90px 32px 90px;
  grid-template-columns: 100px 2fr 100px 135px 90px 90px 90px;
  border-radius: 20px;
  padding-inline: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  height: 80px;
  /* Subsection
  ===================================== */
}
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila .description,
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila .fieldOptions,
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila .validation,
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila .required,
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila .action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
}
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila:nth-child(even) {
  background: rgba(248, 248, 248, 0.02);
}
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila:nth-child(odd) {
  background: rgba(248, 248, 248, 0.03);
}
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila .fieldText,
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila .name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  min-width: 0;
}
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila .fieldText span,
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila .name span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila .action .botonAdd {
  border-radius: 48px;
  width: 80px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  background-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila .action .botonAdd:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila .action .botonAdd[disabled] {
  opacity: 0.5;
  cursor: default;
}
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila .action .botonAdd[disabled]:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0);
}
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila .description span,
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila .fieldOptions span,
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila .validation span,
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila .required span {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila.header {
  padding-inline: 32px;
  height: 64px;
}
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila.header .fieldText,
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila.header .name,
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila.header .description,
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila.header .fieldOptions,
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila.header .validation,
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila.header .required,
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila.header .action {
  color: rgba(248, 248, 248, 0.6);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila.header .fieldText span,
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila.header .name span,
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila.header .description span,
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila.header .fieldOptions span,
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila.header .validation span,
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila.header .required span,
.navbarAdmin .derecha .cuerpo .content .customFields .tablaCustomFields .fila.header .action span {
  opacity: 0.6;
}
.navbarAdmin .derecha .cuerpo .content .customFieldsMobile {
  min-width: 100%;
  margin-top: 32px;
  margin-bottom: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@container (width >=1035px) {
  .navbarAdmin .derecha .cuerpo .content .customFieldsMobile {
    display: none;
  }
}
@container (width <=1035px) {
  .navbarAdmin .derecha .cuerpo .content .customFieldsMobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@container (width <=621px) {
  .navbarAdmin .derecha .cuerpo .content .customFieldsMobile {
    margin-bottom: 70px;
  }
}
@container (width <=595px) {
  .navbarAdmin .derecha .cuerpo .content .customFieldsMobile .customFieldsMobile__fila {
    min-width: 100%;
  }
}
.navbarAdmin .derecha .cuerpo .content .customFieldsMobile__encabezado {
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
}
.navbarAdmin .derecha .cuerpo .content .customFieldsMobile__fila {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 10fr 1fr;
  grid-template-columns: 10fr 1fr;
  min-width: 45%;
  border-radius: 24px;
  padding-inline: 20px;
  padding-block: 16px;
}
.navbarAdmin .derecha .cuerpo .content .customFieldsMobile__fila:nth-child(odd) {
  background: rgba(248, 248, 248, 0.02);
}
.navbarAdmin .derecha .cuerpo .content .customFieldsMobile__tabla {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 24px;
  gap: 24px;
}
.navbarAdmin .derecha .cuerpo .content .customFieldsMobile__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  min-width: 0;
}
.navbarAdmin .derecha .cuerpo .content .customFieldsMobile__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 16px;
}
.navbarAdmin .derecha .cuerpo .content .customFieldsMobile__elemento {
  color: rgba(248, 248, 248, 0.7);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  min-width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.navbarAdmin .derecha .cuerpo .content .customFieldsMobile__elemento--right {
  color: rgba(248, 248, 248, 0.7);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: right;
  min-width: 80px;
}
.navbarAdmin .derecha .cuerpo .content .customFieldsMobile--bold {
  font-weight: 400;
  color: rgba(248, 248, 248, 0.95);
}
.navbarAdmin .derecha .cuerpo .content .customFieldsMobile__botonAdd {
  border-radius: 48px;
  width: 100%;
  -ms-grid-column-span: 2;
  grid-column: span 2;
  height: 40px;
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  background-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.navbarAdmin .derecha .cuerpo .content .customFieldsMobile__botonAdd:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.navbarAdmin .derecha .cuerpo .content .customFieldsMobile__botonAdd[disabled] {
  opacity: 0.5;
  cursor: default;
}
.navbarAdmin .derecha .cuerpo .content .customFieldsMobile__botonAdd[disabled]:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0);
}

.monedasSaldo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 211px;
  max-height: 340px;
  overflow-y: auto;
  padding-right: 5px;
  cursor: pointer;
  scrollbar-color: rgba(128, 128, 128, 0.4) transparent;
}
.monedasSaldo .moneda {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 2;
}
.monedasSaldo .moneda__left {
  font-size: 16px;
}
.monedasSaldo .moneda__right {
  font-size: 14px;
}
.monedasSaldo .moneda__left, .monedasSaldo .moneda__right {
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.monedasSaldo .moneda span {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.8;
}
.monedasSaldo .moneda:hover span {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.monedasSaldo::-webkit-scrollbar-track {
  background: transparent;
}
.monedasSaldo::-webkit-scrollbar-thumb {
  background: rgba(128, 128, 128, 0.4);
  border-radius: 10px;
}
.monedasSaldo::-webkit-scrollbar-button {
  display: none;
}

.monedasSaldoMobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-height: 355px;
  overflow-y: auto;
  padding-right: 5px;
  cursor: pointer;
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
  scrollbar-color: rgba(128, 128, 128, 0.4) transparent;
}
.monedasSaldoMobile .monedaMobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 2;
  gap: 8px;
  position: relative;
  padding-inline: 20px;
  padding-block: 12px;
}
.monedasSaldoMobile .monedaMobile__left, .monedasSaldoMobile .monedaMobile__right {
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.monedasSaldoMobile .monedaMobile span {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.8;
}
.monedasSaldoMobile .monedaMobile:hover span {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.monedasSaldoMobile .monedaMobile:hover {
  background: -webkit-gradient(linear, left top, right top, from(rgb(67, 67, 67)), to(rgba(67, 67, 67, 0)));
  background: linear-gradient(90deg, rgb(67, 67, 67) 0%, rgba(67, 67, 67, 0) 100%);
}
.monedasSaldoMobile .monedaMobile.activa {
  background: -webkit-gradient(linear, left top, right top, from(rgba(67, 67, 67, 0.363)), to(rgba(67, 67, 67, 0)));
  background: linear-gradient(90deg, rgba(67, 67, 67, 0.363) 0%, rgba(67, 67, 67, 0) 100%);
  color: rgb(248, 248, 248);
}
.monedasSaldoMobile .monedaMobile.activa:before {
  background-color: #fff;
  position: absolute;
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  left: -2%;
  bottom: 50%;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  background-color: rgba(212, 84, 29, 0.9490196078);
  -webkit-box-shadow: 0px 0px 12px 5px rgba(212, 84, 29, 0.3882352941);
          box-shadow: 0px 0px 12px 5px rgba(212, 84, 29, 0.3882352941);
}
.monedasSaldoMobile .monedaMobile.activa:hover {
  background: -webkit-gradient(linear, left top, right top, from(rgb(67, 67, 67)), to(rgba(67, 67, 67, 0)));
  background: linear-gradient(90deg, rgb(67, 67, 67) 0%, rgba(67, 67, 67, 0) 100%);
}
.monedasSaldoMobile::-webkit-scrollbar-track {
  background: transparent;
}
.monedasSaldoMobile::-webkit-scrollbar-thumb {
  background: rgba(128, 128, 128, 0.4);
  border-radius: 10px;
}
.monedasSaldoMobile::-webkit-scrollbar-button {
  display: none;
}

.dropdownDegradado:has(.monedasSaldo) .dropdownDegradado__body {
  width: 240px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  overflow-y: auto;
}
.dropdownDegradado:has(.monedasSaldo) .dropdownDegradado__body .monedasSaldo {
  overflow-y: auto;
  margin-right: 10px;
}
.dropdownDegradado:has(.monedasSaldo) .dropdownDegradado__elemento {
  padding-right: 10px;
}

/* =====================================
=            MARK:Tema Claro                
===================================== */
body.light {
  background-color: #EFEFEF;
}
body.light .monedasSaldoMobile .monedaMobile:hover {
  background: -webkit-gradient(linear, left top, right top, from(rgba(253, 115, 56, 0.062745098)), to(rgba(67, 67, 67, 0)));
  background: linear-gradient(90deg, rgba(253, 115, 56, 0.062745098) 0%, rgba(67, 67, 67, 0) 100%);
}
body.light .monedasSaldoMobile .monedaMobile.activa {
  color: rgb(18, 18, 18);
  background: -webkit-gradient(linear, left top, right top, from(rgba(253, 115, 56, 0.3019607843)), to(rgba(67, 67, 67, 0)));
  background: linear-gradient(90deg, rgba(253, 115, 56, 0.3019607843) 0%, rgba(67, 67, 67, 0) 100%);
}
body.light .monedasSaldoMobile .monedaMobile.activa:before {
  background-color: #FD7338;
  -webkit-box-shadow: 0px 0px 12px 5px rgba(255, 114, 21, 0.3882352941);
          box-shadow: 0px 0px 12px 5px rgba(255, 114, 21, 0.3882352941);
}
body.light .monedasSaldoMobile .monedaMobile.activa:hover {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 128, 73, 0.4)), to(rgba(67, 67, 67, 0)));
  background: linear-gradient(90deg, rgba(255, 128, 73, 0.4) 0%, rgba(67, 67, 67, 0) 100%);
}

/* ========= End of Tema Claro ========= */
.dropdownDegradado {
  position: relative;
}
.dropdownDegradado .iconoDropdown {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.dropdownDegradado.activo .dropdownDegradado__body {
  opacity: 1;
  visibility: visible;
}
.dropdownDegradado.activo .iconoDropdown {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  color: rgba(212, 84, 29, 0.9490196078);
}
.dropdownDegradado::before {
  content: "";
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: transparent;
  width: 100%;
  height: 60px;
  position: absolute;
  top: 30px;
  cursor: pointer;
  z-index: 2;
}
.dropdownDegradado__body {
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  top: 70px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  padding-top: 12px;
  padding-bottom: 12px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 32px;
  background: #272727;
  -webkit-box-shadow: inset 0px -2.5px 0px -5px rgba(248, 248, 248, 0.05), 0px 2px 0px 0px rgba(248, 248, 248, 0.06) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1);
          box-shadow: inset 0px -2.5px 0px -5px rgba(248, 248, 248, 0.05), 0px 2px 0px 0px rgba(248, 248, 248, 0.06) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 1;
}
.dropdownDegradado__elemento {
  cursor: pointer;
  padding-inline: 24px;
  padding-block: 12px;
  position: relative;
}
.dropdownDegradado__elemento:hover {
  background: -webkit-gradient(linear, left top, right top, from(rgb(67, 67, 67)), to(rgba(67, 67, 67, 0)));
  background: linear-gradient(90deg, rgb(67, 67, 67) 0%, rgba(67, 67, 67, 0) 100%);
}
.dropdownDegradado__elemento.activo {
  background: -webkit-gradient(linear, left top, right top, from(rgba(67, 67, 67, 0.363)), to(rgba(67, 67, 67, 0)));
  background: linear-gradient(90deg, rgba(67, 67, 67, 0.363) 0%, rgba(67, 67, 67, 0) 100%);
  color: rgb(248, 248, 248);
}
.dropdownDegradado__elemento.activo:before {
  background-color: #fff;
  position: absolute;
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  left: -2%;
  bottom: 50%;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  background-color: rgba(212, 84, 29, 0.9490196078);
  -webkit-box-shadow: 0px 0px 12px 5px rgba(212, 84, 29, 0.3882352941);
          box-shadow: 0px 0px 12px 5px rgba(212, 84, 29, 0.3882352941);
}
.dropdownDegradado__elemento.activo:hover {
  background: -webkit-gradient(linear, left top, right top, from(rgb(67, 67, 67)), to(rgba(67, 67, 67, 0)));
  background: linear-gradient(90deg, rgb(67, 67, 67) 0%, rgba(67, 67, 67, 0) 100%);
}
.dropdownDegradado.full .dropdownDegradado__body {
  width: 100%;
}

/* =====================================
=               MARK:Tema Claro                
===================================== */
body.light {
  background-color: #EFEFEF;
}
body.light .dropdownDegradado.activo .iconoDropdown {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  color: #FD7338;
}
body.light .dropdownDegradado__body {
  background-color: #FFF;
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
}
body.light .dropdownDegradado__elemento {
  color: rgba(18, 18, 18, 0.8);
}
body.light .dropdownDegradado__elemento:hover {
  background: -webkit-gradient(linear, left top, right top, from(rgba(253, 115, 56, 0.062745098)), to(rgba(67, 67, 67, 0)));
  background: linear-gradient(90deg, rgba(253, 115, 56, 0.062745098) 0%, rgba(67, 67, 67, 0) 100%);
}
body.light .dropdownDegradado__elemento.activo {
  background: -webkit-gradient(linear, left top, right top, from(rgba(253, 115, 56, 0.3019607843)), to(rgba(67, 67, 67, 0)));
  background: linear-gradient(90deg, rgba(253, 115, 56, 0.3019607843) 0%, rgba(67, 67, 67, 0) 100%);
}
body.light .dropdownDegradado__elemento.activo:before {
  background-color: #FD7338;
  -webkit-box-shadow: 0px 0px 12px 5px rgba(255, 114, 21, 0.3882352941);
          box-shadow: 0px 0px 12px 5px rgba(255, 114, 21, 0.3882352941);
}
body.light .dropdownDegradado__elemento.activo:hover {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 128, 73, 0.4)), to(rgba(67, 67, 67, 0)));
  background: linear-gradient(90deg, rgba(255, 128, 73, 0.4) 0%, rgba(67, 67, 67, 0) 100%);
}

/* ========= End of Tema Claro ========= */
.dropdownDegradado:has(.listaIdiomas__v2)::before {
  display: none;
}
.dropdownDegradado:has(.listaIdiomas__v2) .dropdownDegradado__body {
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  top: 70px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 24px;
  -webkit-box-shadow: inset 0px -2.5px 0px -5px rgba(248, 248, 248, 0.05), 0px 2px 0px 0px rgba(248, 248, 248, 0.06) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1);
          box-shadow: inset 0px -2.5px 0px -5px rgba(248, 248, 248, 0.05), 0px 2px 0px 0px rgba(248, 248, 248, 0.06) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 1;
  overflow-y: auto;
}
.dropdownDegradado:has(.listaIdiomas__v2) .dropdownDegradado__body.mobile {
  position: static;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transform: none;
          transform: none;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  height: 0;
  padding: 0;
  margin: 0;
}
.dropdownDegradado:has(.listaIdiomas__v2).activo::before {
  display: block;
}
.dropdownDegradado:has(.listaIdiomas__v2).activo .dropdownDegradado__body.mobile {
  padding-top: 12px;
  padding-bottom: 12px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  margin-top: 20px;
}
.dropdownDegradado:has(.listaIdiomas__v2) .dropdownDegradado__elemento {
  color: rgba(248, 248, 248, 0.7);
}
.dropdownDegradado:has(.listaIdiomas__v2) .dropdownDegradado__elemento.activo {
  color: rgb(248, 248, 248);
}
.dropdownDegradado:has(.listaIdiomas__v2) .listaIdiomas__v2 {
  min-width: 240px;
  max-height: 312px;
  overflow-y: auto;
  scrollbar-color: rgba(128, 128, 128, 0.4) transparent;
  margin-right: 10px;
}
.dropdownDegradado:has(.listaIdiomas__v2) .listaIdiomas__v2::-webkit-scrollbar-track {
  background: transparent;
}
.dropdownDegradado:has(.listaIdiomas__v2) .listaIdiomas__v2::-webkit-scrollbar-thumb {
  background: rgba(128, 128, 128, 0.4);
  border-radius: 10px;
}
.dropdownDegradado:has(.listaIdiomas__v2) .listaIdiomas__v2::-webkit-scrollbar-button {
  display: none;
}
.dropdownDegradado:has(.listaIdiomas__v2) .listaIdiomas__v2 .idioma {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0.8;
}
.dropdownDegradado:has(.listaIdiomas__v2).full .dropdownDegradado__body {
  width: 100%;
}

/* =====================================
=             MARK:Tema Claro                
===================================== */
body.light {
  background-color: #EFEFEF;
}
body.light .dropdownDegradado:has(.listaIdiomas__v2) .dropdownDegradado__elemento {
  color: rgba(18, 18, 18, 0.8);
  font-weight: 500;
}
body.light .dropdownDegradado:has(.listaIdiomas__v2) .dropdownDegradado__elemento.activo {
  color: rgb(18, 18, 18);
}

/* ========= End of Tema Claro ========= */
.footer.logueado {
  position: relative;
}
.footer.logueado .footer__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
  font-size: 0.85em;
  line-height: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
.footer.logueado .footer__center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(1.686746988vw + 5.6746987952px);
}
.footer.logueado .footer__center a {
  color: rgba(248, 248, 248, 0.9490196078);
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  font-size: 16px;
}
.footer.logueado .footer__center a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(255, 255, 255, 0.9490196078);
}
.footer.logueado .footer__center a:hover::before {
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.footer.logueado .footer__center a:before {
  background-color: #fff;
  border-radius: 4px;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  width: 100%;
}
.footer.logueado .footer__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 335px;
}
.footer.logueado .footer__right .email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.footer.logueado .footer__right .email__contenedor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background-color: rgba(18, 18, 18, 0.3019607843);
  border-radius: 50px;
  position: relative;
  height: 45px;
}
.footer.logueado .footer__right .email__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 20px;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer.logueado .footer__right .email input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: transparent;
  border: none;
  padding-left: 10px;
  padding-right: 25px;
  outline: none;
  border: none;
  color: rgba(248, 248, 248, 0.9490196078);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: clamp(13px, 1vw, 14px);
}
.footer.logueado .footer__right .email input::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer.logueado .footer__right .email input::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer.logueado .footer__right .email input:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer.logueado .footer__right .email input::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer.logueado .footer__right .email input::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer.logueado .footer__right .email input:hover::-webkit-input-placeholder {
  color: rgba(223, 223, 223, 0.7019607843);
}
.footer.logueado .footer__right .email input:hover::-moz-placeholder {
  color: rgba(223, 223, 223, 0.7019607843);
}
.footer.logueado .footer__right .email input:hover:-ms-input-placeholder {
  color: rgba(223, 223, 223, 0.7019607843);
}
.footer.logueado .footer__right .email input:hover::-ms-input-placeholder {
  color: rgba(223, 223, 223, 0.7019607843);
}
.footer.logueado .footer__right .email input:hover::placeholder {
  color: rgba(223, 223, 223, 0.7019607843);
}
.footer.logueado .dropdownDegradado__body {
  top: 0;
  -webkit-transform: translateY(-105%) translateX(-50%);
          transform: translateY(-105%) translateX(-50%);
}

.footer__contenedor:has(.footer.logueado) {
  position: static;
}

/* =====================================
=               MARK:Responsive                
===================================== */
@media (width <= 1090px) {
  .footer.logueado {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .footer.logueado .footer__left {
    display: none;
  }
  .footer.logueado .footer__center {
    height: auto;
  }
  .footer.logueado .footer__center a {
    font-size: calc(0.2409638554vw + 11.0963855422px);
    text-align: center;
  }
  .footer.logueado .footer__right {
    display: none;
  }
}
/* =====================================
=               MARK:Tema Claro                
===================================== */
body.light {
  background-color: #EFEFEF;
}
body.light .footer__contenedor {
  background-color: #EFEFEF;
}
body.light .footer__left a {
  color: #121212;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  text-decoration: none;
}
body.light .footer__left a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #121212;
}
body.light .footer__left a:hover::before {
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
body.light .footer__left a:before {
  background-color: #121212;
  border-radius: 4px;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  width: 100%;
}
body.light .footer__right .email__contenedor {
  border: 1px solid var(--stroke-15-card, rgba(255, 255, 255, 0.4));
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.06);
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.06);
}
body.light .footer__right .email .iconoEmail path {
  fill: #121212;
  fill-opacity: 0.8;
}
body.light .footer__right .email input {
  color: #4b4b4a;
}
body.light .footer__right .email input:hover::-webkit-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .footer__right .email input:hover::-moz-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .footer__right .email input:hover:-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .footer__right .email input:hover::-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .footer__right .email input:hover::placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .footer__mobile .email__input {
  border: 1px solid var(--stroke-15-card, rgba(255, 255, 255, 0.4));
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.06);
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.06);
}
body.light .footer__mobile .email__input .iconoEmail path {
  fill: #121212;
  fill-opacity: 0.8;
}
body.light .footer__mobile .email__input input {
  color: #4b4b4a;
}
body.light .footer__mobile .email__input input:hover::-webkit-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .footer__mobile .email__input input:hover::-moz-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .footer__mobile .email__input input:hover:-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .footer__mobile .email__input input:hover::-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .footer__mobile .email__input input:hover::placeholder {
  color: rgba(18, 18, 18, 0.8);
}

/* =====================================
=               MARK:Tema Claro                
===================================== */
body.light {
  background-color: #EFEFEF;
}
body.light .footer.logueado .footer__center a {
  color: #121212;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  text-decoration: none;
}
body.light .footer.logueado .footer__center a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #121212;
}
body.light .footer.logueado .footer__center a:hover::before {
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
body.light .footer.logueado .footer__center a:before {
  background-color: #121212;
  border-radius: 4px;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  width: 100%;
}
body.light .footer.logueado .footer__right .email__contenedor {
  border: 1px solid var(--stroke-15-card, rgba(255, 255, 255, 0.4));
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(212, 84, 29, 0.02)), to(rgba(212, 84, 29, 0.02))), rgba(18, 18, 18, 0.06);
  background: linear-gradient(0deg, rgba(212, 84, 29, 0.02) 0%, rgba(212, 84, 29, 0.02) 100%), rgba(18, 18, 18, 0.06);
}
body.light .footer.logueado .footer__right .email .iconoEmail path {
  fill: #121212;
  fill-opacity: 0.8;
}
body.light .footer.logueado .footer__right .email input {
  color: #4b4b4a;
}
body.light .footer.logueado .footer__right .email input:hover::-webkit-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .footer.logueado .footer__right .email input:hover::-moz-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .footer.logueado .footer__right .email input:hover:-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .footer.logueado .footer__right .email input:hover::-ms-input-placeholder {
  color: rgba(18, 18, 18, 0.8);
}
body.light .footer.logueado .footer__right .email input:hover::placeholder {
  color: rgba(18, 18, 18, 0.8);
}

.addCustomField {
  margin-top: 24px;
  container-type: inline-size;
}
.addCustomField__top {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr calc(0.9638554217vw + 12.3855421687px) 1fr;
  grid-template-columns: 1fr 1fr;
  gap: calc(0.9638554217vw + 12.3855421687px);
}
.addCustomField__top__derecha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(0.6626506024vw + 10.515060241px);
}
.addCustomField__fila {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 24px;
  background-color: rgba(248, 248, 248, 0.02);
  padding-inline: calc(0.2409638554vw + 19.0963855422px);
  padding-block: calc(0.4819277108vw + 14.1927710843px);
  height: 72px;
  max-height: 72px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.addCustomField__fila:has(.addCustomField__switch.activo) {
  background: rgba(248, 248, 248, 0.04);
}
.addCustomField__fila:has(.addCustomField__switch.activo) .addCustomField__defaultSpan {
  color: rgba(248, 248, 248, 0.95);
}
.addCustomField__fila:has(.addCustomField__switch) {
  padding-inline: calc(0.4819277108vw + 14.1927710843px);
  padding-block: calc(0.7228915663vw + 9.2891566265px);
}
.addCustomField__switch {
  content: "";
  width: calc(0.9638554217vw + 36.3855421687px);
  height: calc(0.4819277108vw + 22.1927710843px);
  border-radius: 32px;
  background-color: #1C1C1C;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.addCustomField__switch.activo {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #D4541D;
}
.addCustomField__switch.activo .addCustomField__switch__bola {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  left: 50%;
  background-color: #f8f8f8;
}
.addCustomField__switch__bola {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: calc(0.4819277108vw + 14.1927710843px);
  height: calc(0.4819277108vw + 14.1927710843px);
  border-radius: 50%;
  content: "";
  background: rgba(248, 248, 248, 0.096);
  position: absolute;
  left: 4px;
  top: 4px;
  -webkit-box-shadow: 2px 2px 7px 0px rgba(255, 255, 255, 0.164) inset;
          box-shadow: 2px 2px 7px 0px rgba(255, 255, 255, 0.164) inset;
}
.addCustomField__defaultSpan {
  color: rgba(248, 248, 248, 0.7);
  font-size: calc(0.2409638554vw + 11.0963855422px);
  font-weight: 400;
  line-height: 24px;
}
.addCustomField__toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.addCustomField__cantidad {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-width: 180px;
}
@container (width <=460px) {
  .addCustomField__cantidad {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 12px;
    min-width: 0px;
  }
}
.addCustomField__cantidad__input {
  width: 100%;
  max-width: 128px;
  text-align: center;
  border: none;
  outline: none;
  resize: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 20px;
  background: rgba(248, 248, 248, 0.05);
  border-radius: 16px;
  padding-block: 16px;
  padding-inline: 20px;
  margin-right: -12px;
  color: rgba(248, 248, 248, 0.95);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-style: normal;
  font-weight: 400;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.addCustomField__cantidad__input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.addCustomField__cantidad__input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.addCustomField__cantidad__input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.addCustomField__cantidad__input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.addCustomField__cantidad__input::placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.addCustomField__cantidad__input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.addCustomField__cantidad__input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.addCustomField__cantidad__input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.addCustomField__cantidad__input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.addCustomField__cantidad__input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
@container (width <=460px) {
  .addCustomField__cantidad__input {
    max-width: 100%;
  }
}
@container (width <=730px) {
  .addCustomField__top {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .addCustomField__fila {
    height: auto;
    max-height: 100%;
  }
}

/* =====================================
=       MARK:Tabla Add Extra Field               
===================================== */
.addExtraField__encabezado {
  margin-top: 40px;
  font-size: 20px;
}

.addExtraField__tabla {
  width: 100%;
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-bottom: 80px;
  container-type: inline-size;
  margin-bottom: 12px;
}
.addExtraField__tabla__fila {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 32px 3fr 32px 4fr 32px 9fr 32px 80px;
  grid-template-columns: 1fr 3fr 4fr 9fr 80px;
  border-radius: 20px;
  padding-inline: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  height: 64px;
}
.addExtraField__tabla__fila__req, .addExtraField__tabla__fila__type, .addExtraField__tabla__fila__name, .addExtraField__tabla__fila__description, .addExtraField__tabla__fila__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
}
.addExtraField__tabla__fila__type, .addExtraField__tabla__fila__name, .addExtraField__tabla__fila__description {
  min-width: 135px;
}
.addExtraField__tabla__fila:nth-child(odd) {
  background: rgba(248, 248, 248, 0.02);
}
.addExtraField__tabla__fila:nth-child(even) {
  background: transparent;
}
.addExtraField__tabla__fila.header {
  padding-inline: 32px;
  height: 64px;
}
.addExtraField__tabla__fila.header .addExtraField__tabla__fila__req span,
.addExtraField__tabla__fila.header .addExtraField__tabla__fila__type span,
.addExtraField__tabla__fila.header .addExtraField__tabla__fila__name span,
.addExtraField__tabla__fila.header .addExtraField__tabla__fila__description span,
.addExtraField__tabla__fila.header .addExtraField__tabla__fila__action span {
  color: rgba(248, 248, 248, 0.6);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
}
.addExtraField__tabla__fila.header .addExtraField__tabla__fila__description {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.addExtraField__tabla__fila.header .addExtraField__tabla__fila__description span {
  -moz-text-align-last: left;
       text-align-last: left;
  padding-left: 42px;
}
.addExtraField__tabla__input {
  width: 100%;
  height: 40px;
  background: rgba(248, 248, 248, 0.05);
  border-radius: 24px;
  padding-inline: 20px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.addExtraField__tabla__input input {
  width: 100%;
  border: none;
  outline: none;
  resize: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  color: rgba(248, 248, 248, 0.95);
}
.addExtraField__tabla__input input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.addExtraField__tabla__input input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.addExtraField__tabla__input input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.addExtraField__tabla__input input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.addExtraField__tabla__input input::placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.addExtraField__tabla__input input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.addExtraField__tabla__input input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.addExtraField__tabla__input input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.addExtraField__tabla__input input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.addExtraField__tabla__input input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.addExtraField__tabla__input.select {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}
.addExtraField__tabla__input.select span {
  color: rgba(248, 248, 248, 0.5);
  opacity: 0.6;
}
.addExtraField__tabla__input .iconoDropdown {
  width: 1.9em;
  color: rgba(248, 248, 248, 0.6980392157);
  margin-right: -5px;
}
.addExtraField__tabla__botonEliminar {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  background: linear-gradient(142deg, rgba(224, 35, 70, 0.212) 0%, rgba(255, 156, 174, 0.05) 80.39%);
  -webkit-box-shadow: 2px 4px 4px 0px rgba(248, 248, 248, 0.021) inset, 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 4px 0px rgba(248, 248, 248, 0.021) inset, 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  width: 40px;
  height: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.addExtraField__tabla__botonEliminar svg {
  padding: 2px;
}
.addExtraField__tabla__botonEliminar:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.addExtraField__tabla__botonEliminar.mini {
  width: 32px;
  height: 32px;
}
.addExtraField__tabla__botonEliminar.mini svg {
  padding: 3.5px;
}

@container (width <=700px) {
  .addExtraField__tabla,
  .addExtraField__encabezado {
    display: none;
  }
}
@container (width >=701px) {
  .addExtraFieldMobile,
  .addExtraFieldMobile__encabezado {
    display: none;
  }
}
/* =====================================
=   MARK:Tabla Add Extra Field Mobile              
===================================== */
.addExtraFieldMobile {
  container-type: inline-size;
}

.addExtraFieldMobile__encabezado {
  margin-top: 32px;
  text-align: center;
  font-size: 14px;
}

.addExtraFieldMobile__tabla {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 92px;
}
@container (width <=621px) {
  .addExtraFieldMobile__tabla {
    margin-bottom: 64px;
  }
}
@container (width <=453px) {
  .addExtraFieldMobile__tabla {
    gap: 4px;
  }
}
.addExtraFieldMobile__tabla__fila {
  width: 45%;
  min-width: 225px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 24px;
  padding: 20px;
}
.addExtraFieldMobile__tabla__fila .checkbox {
  width: 24px;
  height: 24px;
}
.addExtraFieldMobile__tabla__fila:nth-child(odd) {
  background-color: rgba(248, 248, 248, 0.02);
}
.addExtraFieldMobile__tabla__fila:nth-child(even) {
  background-color: transparent;
}
.addExtraFieldMobile__tabla__fila__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.addExtraFieldMobile__tabla__fila__top__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.addExtraFieldMobile__tabla__fila__top__left span {
  font-size: 12px;
  color: rgba(248, 248, 248, 0.6);
}
.addExtraFieldMobile__tabla__fila__top .botonAdd {
  width: 64px;
  height: 32px;
  font-size: 12px;
}
.addExtraFieldMobile__tabla__fila__bottom {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 13px;
}
.addExtraFieldMobile__tabla__fila__bottom .addExtraField__tabla__input {
  width: 45%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: none;
}
.addExtraFieldMobile__tabla__fila__bottom .addExtraField__tabla__input:nth-child(1) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 135px;
}
.addExtraFieldMobile__tabla__fila__bottom .addExtraField__tabla__input:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 105px;
}
.addExtraFieldMobile__tabla__fila__bottom .addExtraField__tabla__input:nth-child(3) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 100%;
  margin-top: 3px;
}

.botonAdd {
  border-radius: 48px;
  width: 80px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  background-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.botonAdd:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.botonAdd[disabled] {
  opacity: 0.5;
  cursor: default;
}
.botonAdd[disabled]:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0);
}

/* =====================================
=              MARK:Header                
===================================== */
@media (width <= 765px) {
  .qty__header.overview.apiConnection {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (width <= 765px) {
  .navbarAdmin .derecha .cuerpo .content .overview__header.apiSettings {
    margin-top: 24px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .navbarAdmin .derecha .cuerpo .content .overview__header.apiSettings .selectorDual {
    margin-top: 32px;
  }
}
@media (width <= 375px) {
  .navbarAdmin .derecha .cuerpo .content .overview__header.apiSettings .selectorDual {
    width: 100%;
  }
  .navbarAdmin .derecha .cuerpo .content .overview__header.apiSettings .selectorDual__opcion {
    width: 100%;
    padding-inline: 0px;
  }
}

/* =====================================
=              MARK:Contenido                
===================================== */
.apiConnection {
  container-type: inline-size;
}
.apiConnection__encabezado {
  margin-top: 28px;
}
@container (width <=727px) {
  .apiConnection__encabezado {
    text-align: center;
  }
}
.apiConnection__grid {
  margin-top: calc(0.4819277108vw + 14.1927710843px);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr calc(0.7228915663vw + 9.2891566265px) 1fr;
  grid-template-columns: 1fr 1fr;
  gap: calc(0.7228915663vw + 9.2891566265px);
}
.apiConnection__grid__fila {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 24px;
  background-color: rgba(248, 248, 248, 0.02);
  padding-inline: calc(0.2409638554vw + 19.0963855422px);
  padding-block: calc(0.4819277108vw + 14.1927710843px);
  height: 72px;
  max-height: 72px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.apiConnection__grid__fila:has(.addCustomField__switch.activo) {
  background: rgba(248, 248, 248, 0.04);
}
.apiConnection__grid__fila:has(.addCustomField__switch.activo) .addCustomField__defaultSpan {
  color: rgba(248, 248, 248, 0.95);
}
.apiConnection__grid__fila:has(.addCustomField__switch) {
  padding-inline: calc(0.4819277108vw + 14.1927710843px);
  padding-block: calc(0.7228915663vw + 9.2891566265px);
}
.apiConnection__grid__dropdown {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: calc(0.2409638554vw + 11.0963855422px);
}
.apiConnection__grid__dropdown span {
  color: rgba(248, 248, 248, 0.7);
  font-size: calc(0.2409638554vw + 11.0963855422px);
  font-weight: 400;
  line-height: 24px;
  opacity: 0.8;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.apiConnection__grid__select {
  width: 100%;
  max-width: 368px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 16px;
  background-color: rgba(248, 248, 248, 0.05);
  padding-block: 16px;
  padding-inline: calc(0.2409638554vw + 15.0963855422px);
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  height: 48px;
  margin-right: -12px;
}
.apiConnection__grid__select svg {
  width: 1.3em;
  margin-right: -7px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.6980392157);
}
.apiConnection__grid__select span {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.95);
  transition: all 0.3s ease-in-out;
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
}
.apiConnection__grid__select.activo span {
  color: rgba(248, 248, 248, 0.95);
  opacity: 1;
}
.apiConnection__grid__select:hover {
  background-color: rgba(248, 248, 248, 0.07);
}
.apiConnection__grid__footer {
  width: 100%;
  -ms-grid-column-span: 2;
  grid-column: span 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(0.9638554217vw + 12.3855421687px);
}
.apiConnection__grid__footer__contenedorCheckbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  gap: 16px;
}
.apiConnection__grid__footer__contenedorCheckbox .checkbox {
  width: 24px;
  height: 24px;
}
.apiConnection__grid__footer__contenedorCheckbox span {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.2409638554vw + 11.0963855422px);
  font-weight: 400;
  line-height: 16px;
}
.apiConnection__grid__footer__contenedorCheckbox:has(.checkbox.activo) span {
  color: rgba(248, 248, 248, 0.95);
}
@container (width <=445px) {
  .apiConnection__grid__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.apiConnection__grid__anotherApi {
  margin-top: calc(1.9277108434vw + 28.7710843373px);
  -ms-grid-column-span: 2;
  grid-column: span 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 64px;
}
.apiConnection__grid__anotherApi .botonAdd {
  font-weight: 500;
  padding-inline: 32px;
  font-size: calc(0.1204819277vw + 11.5481927711px);
  padding-block: calc(0.4819277108vw + 10.1927710843px);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: auto;
}
.apiConnection__grid__anotherApi__footer {
  margin-top: calc(0.9638554217vw + 12.3855421687px);
  color: rgba(248, 248, 248, 0.5);
  text-align: center;
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 300;
  line-height: 20px;
  max-width: calc(46.3253012048vw + 57.2801204819px);
}
@container (width <=765px) {
  .apiConnection__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@container (width <=355px) {
  .apiConnection__grid__fila {
    height: auto;
    max-height: 100%;
    padding: 16px;
  }
  .apiConnection__grid__dropdown {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .apiConnection__grid__select {
    width: 100%;
    margin-right: 0;
    height: 40px;
  }
}

.selectorDual {
  border-radius: 31px;
  background: rgba(248, 248, 248, 0.05);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.selectorDual__opcion {
  padding-inline: calc(0.4819277108vw + 32.1927710843px);
  padding-block: calc(0.2409638554vw + 11.0963855422px);
  cursor: pointer;
  color: rgba(248, 248, 248, 0.5);
  text-align: center;
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.selectorDual__opcion.activa {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.95);
  background-color: rgba(212, 84, 29, 0.9490196078);
  border-radius: 31px;
}
.selectorDual__opcion:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.selectorDual__opcion:hover.activa {
  background-color: rgba(221, 88, 30, 0.9490196078);
  color: rgb(248, 248, 248);
}

.apiSettingsFilas {
  margin-top: 28px;
  container-type: inline-size;
  margin-bottom: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media (width <= 659px) {
  .apiSettingsFilas {
    margin-bottom: 70px;
  }
}
.apiSettingsFilas__grupo {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10fr;
  grid-template-columns: 1fr 10fr;
  border-radius: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 24px;
  background: rgba(248, 248, 248, 0.03);
  height: 80px;
  overflow-x: hidden;
  position: relative;
  padding-inline: 32px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.apiSettingsFilas__grupo:nth-child(even) {
  background: rgba(248, 248, 248, 0.02);
}
.apiSettingsFilas__grupo__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.apiSettingsFilas__grupo__left__texto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.apiSettingsFilas__grupo__left__texto__titulo {
  color: rgba(248, 248, 248, 0.95);
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}
.apiSettingsFilas__grupo__left__texto__subtitulo {
  color: rgba(248, 248, 248, 0.7);
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
.apiSettingsFilas__grupo__left__bandaVerde {
  content: "";
  width: 5px;
  height: 100%;
  background: rgba(83, 255, 121, 0.5019607843);
  position: absolute;
  left: 0;
  top: 0;
}
.apiSettingsFilas__grupo__left__bandaVerde.roja {
  background: #FF4F6F;
}
.apiSettingsFilas__grupo__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  text-align: right;
  width: 100%;
}
.apiSettingsFilas__grupo__right__titulo {
  color: rgba(248, 248, 248, 0.95);
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}
.apiSettingsFilas__grupo__right__subtitulo {
  color: rgba(248, 248, 248, 0.7);
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
}
.apiSettingsFilas__grupo__right__subtitulo__bold {
  font-weight: 400;
  color: rgba(248, 248, 248, 0.95);
}
@container (width <=547px) {
  .apiSettingsFilas__grupo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    gap: 16px;
    padding-inline: 24px;
    padding-block: 16px;
  }
  .apiSettingsFilas__grupo__left {
    width: 100%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .apiSettingsFilas__grupo__left__texto {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .apiSettingsFilas__grupo__left__texto__titulo {
    font-size: 14px;
  }
  .apiSettingsFilas__grupo__right {
    gap: 12px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .apiSettingsFilas__grupo__right__titulo, .apiSettingsFilas__grupo__right__subtitulo {
    text-align: left;
    font-size: 12px;
    width: 100%;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }
}

@container (width <=940px) {
  .qty__header.overview.discountedUsers {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.navbarAdmin .derecha .cuerpo .content .overview__header.apiSettings:has(.overview__header__left) {
  gap: 32px;
}
.navbarAdmin .derecha .cuerpo .content .overview__header.apiSettings:has(.overview__header__left) .overview__header__left {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: calc(0.9638554217vw + 12.3855421687px);
}
.navbarAdmin .derecha .cuerpo .content .overview__header.apiSettings:has(.overview__header__left) .overview__header__left .selectorDual {
  width: 100%;
  margin-top: 0;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  max-width: 392px;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}
.navbarAdmin .derecha .cuerpo .content .overview__header.apiSettings:has(.overview__header__left) .overview__header__left .selectorDual__opcion {
  width: 100%;
  max-width: 196px;
}
.navbarAdmin .derecha .cuerpo .content .overview__header.apiSettings:has(.overview__header__left) .overview__header__left .botonAdd {
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  padding-inline: calc(0.6626506024vw + 16.515060241px);
  padding-block: calc(0.2409638554vw + 11.0963855422px);
  height: calc(0.4819277108vw + 38.1927710843px);
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  max-width: 124px;
}
@container (width <=940px) {
  .navbarAdmin .derecha .cuerpo .content .overview__header.apiSettings:has(.overview__header__left) {
    margin-top: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
  }
  .navbarAdmin .derecha .cuerpo .content .overview__header.apiSettings:has(.overview__header__left) .overview__header__left {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .navbarAdmin .derecha .cuerpo .content .overview__header.apiSettings:has(.overview__header__left) .overview__header__left .botonAdd {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (width <= 375px) {
  .navbarAdmin .derecha .cuerpo .content .overview__header.apiSettings:has(.overview__header__left) .selectorDual {
    min-width: 100%;
  }
}

/* =====================================
=             MARK:Contenido                
===================================== */
.discountedUsers__tabla {
  width: 100%;
  margin-top: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  container-type: inline-size;
  margin-bottom: 110px;
}
@container (width <=1150px) {
  .discountedUsers__tabla {
    display: none;
  }
}
.discountedUsers__tabla__input {
  border: none;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
  text-align: center;
  background-color: transparent;
  color: rgba(248, 248, 248, 0.95);
}
.discountedUsers__tabla__input.service {
  min-width: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}
.discountedUsers__tabla__input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.discountedUsers__tabla__input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.discountedUsers__tabla__input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.discountedUsers__tabla__input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.discountedUsers__tabla__input::placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.discountedUsers__tabla__input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.discountedUsers__tabla__input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.discountedUsers__tabla__input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.discountedUsers__tabla__input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.discountedUsers__tabla__input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.discountedUsers__tabla__input.resaltado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 16px;
  background: rgba(248, 248, 248, 0.05);
  padding-inline: 20px;
  padding-block: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 84px;
}
.discountedUsers__tabla__fila {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 4fr 32px 55px 32px 55px 32px 93px 32px 93px 32px 93px 32px 93px 32px 93px 32px 132px;
  grid-template-columns: 4fr 55px 55px 93px 93px 93px 93px 93px 132px;
  border-radius: 20px;
  padding-inline: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  height: 64px;
}
.discountedUsers__tabla__fila .discountedUsers__tabla__fila__service,
.discountedUsers__tabla__fila .discountedUsers__tabla__fila__cost,
.discountedUsers__tabla__fila .discountedUsers__tabla__fila__price,
.discountedUsers__tabla__fila .discountedUsers__tabla__fila__customUSD,
.discountedUsers__tabla__fila .discountedUsers__tabla__fila__usd,
.discountedUsers__tabla__fila .discountedUsers__tabla__fila__priceUSDT,
.discountedUsers__tabla__fila .discountedUsers__tabla__fila__customUSDT,
.discountedUsers__tabla__fila .discountedUsers__tabla__fila__usdt,
.discountedUsers__tabla__fila .discountedUsers__tabla__fila__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.discountedUsers__tabla__fila .discountedUsers__tabla__fila__service {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.discountedUsers__tabla__fila:nth-child(odd) {
  background-color: rgba(248, 248, 248, 0.05);
}
.discountedUsers__tabla__fila:nth-child(even) {
  background: transparent;
}
.discountedUsers__tabla__fila.header {
  padding-inline: 32px;
  height: 64px;
  background: rgba(248, 248, 248, 0.02);
}
.discountedUsers__tabla__fila.header .discountedUsers__tabla__fila__service,
.discountedUsers__tabla__fila.header .discountedUsers__tabla__fila__cost,
.discountedUsers__tabla__fila.header .discountedUsers__tabla__fila__price,
.discountedUsers__tabla__fila.header .discountedUsers__tabla__fila__customUSD,
.discountedUsers__tabla__fila.header .discountedUsers__tabla__fila__usd,
.discountedUsers__tabla__fila.header .discountedUsers__tabla__fila__priceUSDT,
.discountedUsers__tabla__fila.header .discountedUsers__tabla__fila__customUSDT,
.discountedUsers__tabla__fila.header .discountedUsers__tabla__fila__usdt,
.discountedUsers__tabla__fila.header .discountedUsers__tabla__fila__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.discountedUsers__tabla__fila.header .discountedUsers__tabla__fila__service span,
.discountedUsers__tabla__fila.header .discountedUsers__tabla__fila__cost span,
.discountedUsers__tabla__fila.header .discountedUsers__tabla__fila__price span,
.discountedUsers__tabla__fila.header .discountedUsers__tabla__fila__customUSD span,
.discountedUsers__tabla__fila.header .discountedUsers__tabla__fila__usd span,
.discountedUsers__tabla__fila.header .discountedUsers__tabla__fila__priceUSDT span,
.discountedUsers__tabla__fila.header .discountedUsers__tabla__fila__customUSDT span,
.discountedUsers__tabla__fila.header .discountedUsers__tabla__fila__usdt span,
.discountedUsers__tabla__fila.header .discountedUsers__tabla__fila__action span {
  color: rgba(248, 248, 248, 0.6);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
}
.discountedUsers__tabla__fila.header .discountedUsers__tabla__fila__service {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.discountedUsers__tabla__fila .botonAdd {
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.discountedUsers__tabla__fila .botonSuccess {
  font-size: 12px;
}

/* =====================================
=               MARK:Mobile                
===================================== */
.discountUsers__tablaMobile {
  margin-top: 24px;
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 92px;
}
@container (width >=1150px) {
  .discountUsers__tablaMobile {
    display: none;
  }
}
@media (width <= 659px) {
  .discountUsers__tablaMobile {
    margin-bottom: 64px;
  }
}
.discountUsers__tablaMobile__fila {
  border-radius: 24px;
  padding: 20px;
  width: 45%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 330px;
  container-type: inline-size;
}
@media (width <= 710px) {
  .discountUsers__tablaMobile__fila {
    min-width: 292px;
  }
}
.discountUsers__tablaMobile__fila:nth-child(odd) {
  background: rgba(248, 248, 248, 0.02);
}
.discountUsers__tablaMobile__fila__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.discountUsers__tablaMobile__fila__top__left {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.discountUsers__tablaMobile__fila__top__right .discountUsers__tablaMobile__fila__input input {
  text-align: right;
}
.discountUsers__tablaMobile__fila__top__right .discountUsers__tablaMobile__fila__input__subtitulo {
  text-align: right;
}
.discountUsers__tablaMobile__fila__center {
  margin-top: 24px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 55px 12px 2fr;
  grid-template-columns: 55px 2fr;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.discountUsers__tablaMobile__fila__center__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 12px;
}
.discountUsers__tablaMobile__fila__center__right .botonAdd {
  width: 100%;
  max-width: 186px;
  height: 32px;
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.discountUsers__tablaMobile__fila__center:nth-child(1) {
  margin-top: 24px;
}
.discountUsers__tablaMobile__fila__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
}
@container (width >=355px) {
  .discountUsers__tablaMobile__fila__footer {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
  .discountUsers__tablaMobile__fila__footer .botonSuccess {
    max-width: 186px;
  }
}
.discountUsers__tablaMobile__fila__footer .botonSuccess {
  height: 32px;
  font-size: 12px;
}
.discountUsers__tablaMobile__fila__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.discountUsers__tablaMobile__fila__input input {
  border: none;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
  max-width: 67px;
  text-align: left;
  background-color: transparent;
  color: rgba(248, 248, 248, 0.95);
}
.discountUsers__tablaMobile__fila__input input.service {
  min-width: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}
.discountUsers__tablaMobile__fila__input input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.discountUsers__tablaMobile__fila__input input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.discountUsers__tablaMobile__fila__input input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.discountUsers__tablaMobile__fila__input input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.discountUsers__tablaMobile__fila__input input::placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.discountUsers__tablaMobile__fila__input input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.discountUsers__tablaMobile__fila__input input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.discountUsers__tablaMobile__fila__input input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.discountUsers__tablaMobile__fila__input input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.discountUsers__tablaMobile__fila__input input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.discountUsers__tablaMobile__fila__input.resaltado {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 16px;
  background: rgba(248, 248, 248, 0.05);
  padding-inline: 10px;
  padding-block: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 87px;
  height: 48px;
  gap: 4px;
}
.discountUsers__tablaMobile__fila__input.resaltado input {
  text-align: center;
  font-size: 12px;
}
.discountUsers__tablaMobile__fila__input.resaltado .discountUsers__tablaMobile__fila__input__subtitulo {
  font-size: 10px;
  text-align: center;
}
.discountUsers__tablaMobile__fila__input.service input {
  max-width: 175px;
}
.discountUsers__tablaMobile__fila__input__subtitulo {
  color: rgba(248, 248, 248, 0.7);
  text-align: left;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  opacity: 0.8;
}

/* ========= End of Mobile ========= */
.botonSuccess {
  width: 100%;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: default;
  padding-inline: 40px;
  padding-block: 12px;
  border-radius: 24px;
  background: linear-gradient(142deg, rgba(172, 255, 190, 0.1) 0%, rgba(172, 255, 190, 0.04) 80.39%);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(248, 248, 248, 0.062) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 1px 1px 0px rgba(248, 248, 248, 0.062) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  color: #53FF79;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.botonSuccess.false {
  background: linear-gradient(142deg, rgba(255, 112, 138, 0.1) 0%, rgba(255, 112, 138, 0.04) 80.39%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  color: #FF4F6F;
}

.navbarAdmin .derecha .cuerpo .content .usersList__header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (width <= 1185px) {
  .navbarAdmin .derecha .cuerpo .content .usersList__header {
    margin-top: 0;
  }
}
.navbarAdmin .derecha .cuerpo .content .usersList__header .pestañas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(0.9638554217vw + 28.3855421687px);
  position: relative;
}
.navbarAdmin .derecha .cuerpo .content .usersList__header .pestañas::before {
  content: "";
  position: absolute;
  width: 100%;
  bottom: -12px;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, color-stop(1.98%, rgba(248, 248, 248, 0)), color-stop(4.08%, rgba(248, 248, 248, 0.08)), to(rgba(248, 248, 248, 0.02)));
  background: linear-gradient(90deg, rgba(248, 248, 248, 0) 1.98%, rgba(248, 248, 248, 0.08) 4.08%, rgba(248, 248, 248, 0.02) 100%);
}
.navbarAdmin .derecha .cuerpo .content .usersList__header .pestañas .pestaña {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  color: rgba(248, 248, 248, 0.5);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.navbarAdmin .derecha .cuerpo .content .usersList__header .pestañas .pestaña::before {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.navbarAdmin .derecha .cuerpo .content .usersList__header .pestañas .pestaña.activa {
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbarAdmin .derecha .cuerpo .content .usersList__header .pestañas .pestaña.activa::before {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  width: 100%;
  bottom: -12px;
  border: 1px solid #D4541D;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  opacity: 1;
  visibility: visible;
}
.navbarAdmin .derecha .cuerpo .content .usersList__header .botonRecargar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 48px;
  gap: 8px;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  background-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  padding: 17px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  width: 76px;
  height: 40px;
}
.navbarAdmin .derecha .cuerpo .content .usersList__header .botonRecargar:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.navbarAdmin .derecha .cuerpo .content .usersList__header .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.navbarAdmin .derecha .cuerpo .content .usersList__header .buscador {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  border-radius: 31px;
  background: rgba(248, 248, 248, 0.05);
  padding-left: 20px;
  padding-right: 16px;
  padding-block: 12px;
}
.navbarAdmin .derecha .cuerpo .content .usersList__header .buscador input {
  background-color: transparent;
  border: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
  width: 100%;
  outline: none;
  color: rgba(248, 248, 248, 0.8);
}
.navbarAdmin .derecha .cuerpo .content .usersList__header .buscador input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .usersList__header .buscador input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .usersList__header .buscador input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .usersList__header .buscador input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .usersList__header .buscador input::placeholder {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.navbarAdmin .derecha .cuerpo .content .usersList__header .buscador input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.navbarAdmin .derecha .cuerpo .content .usersList__header .buscador input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.navbarAdmin .derecha .cuerpo .content .usersList__header .buscador input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.navbarAdmin .derecha .cuerpo .content .usersList__header .buscador input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
.navbarAdmin .derecha .cuerpo .content .usersList__header .buscador input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.9);
}
@container (width <=640px) {
  .navbarAdmin .derecha .cuerpo .content .usersList__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .navbarAdmin .derecha .cuerpo .content .usersList__header .right {
    margin-top: 32px;
  }
  .navbarAdmin .derecha .cuerpo .content .usersList__header .right .botonRecargar {
    width: 64px;
  }
}

/* =====================================
=               MARK:Tabla                
===================================== */
.usersList__tabla {
  width: 100%;
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  container-type: inline-size;
  margin-bottom: 96px;
}
@container (width <=745px) {
  .usersList__tabla {
    display: none;
  }
}
.usersList__tabla__fila {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 32px minmax(0, 5fr) 32px 110px 32px 110px 32px 110px;
  grid-template-columns: 1fr minmax(0, 5fr) 110px 110px 110px;
  border-radius: 20px;
  padding-inline: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  height: 80px;
  /*
  ===================================== */
  /*
  ===================================== */
}
.usersList__tabla__fila__usdBalance, .usersList__tabla__fila__usdtBalance, .usersList__tabla__fila__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.usersList__tabla__fila__number {
  color: rgba(248, 248, 248, 0.7);
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  min-width: 60px;
}
.usersList__tabla__fila__userDetails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  border-radius: 48px;
  min-width: 0px;
}
.usersList__tabla__fila__userDetails__foto {
  background-color: #383838;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  padding: 5px;
  width: 48px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  height: 48px;
}
.usersList__tabla__fila__userDetails__foto img {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: 38px;
  height: 38px;
}
.usersList__tabla__fila__userDetails__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  min-width: 0px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.usersList__tabla__fila__userDetails__nombre {
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  min-width: 0px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.usersList__tabla__fila__userDetails__email {
  color: rgba(248, 248, 248, 0.7);
  font-family: Rubik;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  min-width: 0px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.usersList__tabla__fila__usdBalance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: rgba(248, 248, 248, 0.95);
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}
.usersList__tabla__fila:nth-child(odd) {
  background: rgba(248, 248, 248, 0.02);
}
.usersList__tabla__fila:nth-child(even) {
  background: rgba(248, 248, 248, 0.03);
}
.usersList__tabla__fila.header {
  padding-inline: 32px;
  height: 64px;
}
.usersList__tabla__fila.header .usersList__tabla__fila__number,
.usersList__tabla__fila.header .usersList__tabla__fila__user,
.usersList__tabla__fila.header .usersList__tabla__fila__usdBalance,
.usersList__tabla__fila.header .usersList__tabla__fila__usdtBalance,
.usersList__tabla__fila.header .usersList__tabla__fila__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.usersList__tabla__fila.header .usersList__tabla__fila__number span,
.usersList__tabla__fila.header .usersList__tabla__fila__user span,
.usersList__tabla__fila.header .usersList__tabla__fila__usdBalance span,
.usersList__tabla__fila.header .usersList__tabla__fila__usdtBalance span,
.usersList__tabla__fila.header .usersList__tabla__fila__action span {
  color: rgba(248, 248, 248, 0.6);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.usersList__tabla__fila.header .usersList__tabla__fila__user,
.usersList__tabla__fila.header .usersList__tabla__fila__number {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.botonAdd.dolarMini {
  width: 24px;
  height: 24px;
  color: rgba(248, 248, 248, 0.5);
  line-height: 0;
  cursor: default;
  pointer-events: none;
}
.botonAdd.dolarMini2 {
  color: rgba(248, 248, 248, 0.5);
  width: 17px;
  height: 17px;
  font-size: 9px;
  padding-top: 0px;
}

.botonAdd.view {
  width: 108px;
  gap: 8px;
  padding-inline: 16px;
  padding-block: 12px;
  height: 48px;
}
.botonAdd.view.single {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  padding: 3px;
}

/* =====================================
=          MARK:Tabla Mobile                
===================================== */
.usersList__tablaMobile {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 70px;
}
@container (width >=745px) {
  .usersList__tablaMobile {
    display: none;
  }
}
@container (width <=622px) {
  .usersList__tablaMobile {
    margin-bottom: 110px;
  }
}
.usersList__tablaMobile__fila {
  width: 45%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 305px;
  border-radius: 24px;
}
.usersList__tablaMobile__fila:nth-child(odd) {
  background: rgba(248, 248, 248, 0.02);
}
.usersList__tablaMobile__fila:nth-child(even) {
  background: rgba(248, 248, 248, 0.03);
}
.usersList__tablaMobile__fila__top {
  padding-inline: 20px;
  padding-block: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.usersList__tablaMobile__fila__top span {
  color: rgba(248, 248, 248, 0.7);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.usersList__tablaMobile__fila__bottom {
  padding-inline: 20px;
  padding-block: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.usersList__tablaMobile__fila__bottom__left, .usersList__tablaMobile__fila__bottom__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.usersList__tablaMobile__fila__bottom__saldo, .usersList__tablaMobile__fila__bottom__tipo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  line-height: 1px;
}
.usersList__tablaMobile__fila__bottom__tipo {
  color: rgba(248, 248, 248, 0.6);
  font-size: 10px;
  font-weight: 400;
  line-height: 1px;
}

.separadorCasiInvisible {
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(248, 248, 248, 0.02);
}

/* =====================================
=               MARK:Header                
===================================== */
@container (width >=10px) {
  .navbarAdmin .derecha .cuerpo .content .usersList__header:has(.botonNaranja) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@container (width <=685px) {
  .navbarAdmin .derecha .cuerpo .content .usersList__header:has(.botonNaranja) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .navbarAdmin .derecha .cuerpo .content .usersList__header:has(.botonNaranja) .botonNaranja {
    display: none;
  }
}
@container (width >=686px) {
  .navbarAdmin .derecha .cuerpo .content .usersList__header:has(.botonNaranja) .selectorDual {
    display: none;
  }
}
.navbarAdmin .derecha .cuerpo .content .usersList__header:has(.botonNaranja) .botonNaranja {
  max-width: 172px;
  height: 48px;
}
.navbarAdmin .derecha .cuerpo .content .usersList__header:has(.botonNaranja) .selectorDual {
  margin-top: 32px;
}
.navbarAdmin .derecha .cuerpo .content .usersList__header:has(.botonNaranja) .selectorDual__opcion {
  padding-inline: 22px;
  padding-block: 12px;
}

/* =====================================
=             MARK:Contenido                
===================================== */
.newClient {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr calc(0.9638554217vw + 12.3855421687px) 1fr;
  grid-template-columns: 1fr 1fr;
  gap: calc(0.9638554217vw + 12.3855421687px);
  margin-bottom: 24px;
  container-type: inline-size;
  container-name: newClient;
  /* Subsection
  ===================================== */
  /***********************/
  /* Subsection
  ===================================== */
}
.newClient__encabezado {
  margin-top: 28px;
  color: rgba(248, 248, 248, 0.5);
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.newClient__left, .newClient__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: calc(0.4819277108vw + 14.1927710843px);
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.newClient__left:not(.visible), .newClient__right:not(.visible) {
  display: none;
}
.newClient__fila {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-inline: 24px;
  height: 72px;
  border-radius: 24px;
  background: rgba(248, 248, 248, 0.02);
  gap: 12px;
}
.newClient__fila.transparente {
  background: transparent;
  padding-inline: 0px;
}
.newClient__fila__descripcion {
  color: rgba(248, 248, 248, 0.7);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.newClient__fila__descripcion.mini {
  font-size: 14px;
  max-width: 176px;
}
.newClient__fila__descripcion.minWidthMax {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.newClient__fila__input {
  border: none;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-right: -12px;
  height: 48px;
  width: 100%;
  max-width: 368px;
  border-radius: 16px;
  background-color: rgba(248, 248, 248, 0.05);
  color: rgba(248, 248, 248, 0.95);
  padding-inline: 20px;
  padding-block: 16px;
}
.newClient__fila__input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.newClient__fila__input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.newClient__fila__input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.newClient__fila__input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.newClient__fila__input::placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.newClient__fila__input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.newClient__fila__input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.newClient__fila__input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.newClient__fila__input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.newClient__fila__input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.newClient__fila__input.mini {
  max-width: 128px;
  min-width: 100px;
}
.newClient__fila__inputPassword {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: -12px;
  height: 48px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 368px;
  border-radius: 16px;
  background-color: rgba(248, 248, 248, 0.05);
  padding-inline: 20px;
  padding-block: 16px;
  gap: 12px;
}
.newClient__fila__inputPassword input {
  width: 100%;
  color: rgba(248, 248, 248, 0.95);
  background-color: transparent;
  border: none;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.newClient__fila__inputPassword input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.newClient__fila__inputPassword input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.newClient__fila__inputPassword input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.newClient__fila__inputPassword input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.newClient__fila__inputPassword input::placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.newClient__fila__inputPassword input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.newClient__fila__inputPassword input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.newClient__fila__inputPassword input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.newClient__fila__inputPassword input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.newClient__fila__inputPassword input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.newClient__fila__inputPassword .iconoOjoTapado {
  margin-right: -4px;
}
.newClient__fila__inputPassword__textoDerecha {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.7;
}
.newClient__fila__inputPassword.mini {
  max-width: 120px;
}
.newClient__fila__selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 16px;
  background: var(--neutral-neutral-25, rgba(248, 248, 248, 0.05));
  margin-right: -12px;
}
.newClient__fila__selector:has(.larga) {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 368px;
}
.newClient__fila__selector__opcion {
  color: rgba(248, 248, 248, 0.5);
  height: 48px;
  padding-inline: 46px;
  padding-block: 16px;
  max-width: 124px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.newClient__fila__selector__opcion.activa {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  background-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 54px 32px -16px rgba(5, 5, 5, 0.05), 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 12px 0px rgba(5, 5, 5, 0.1), 0px 4px 4px -4px rgba(5, 5, 5, 0.1), 0px 0.5px 1.5px -4px rgba(5, 5, 5, 0.5);
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.newClient__fila__selector__opcion.activa:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.025);
}
.newClient__fila__selector__opcion:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.8);
}
.newClient__fila__selector__opcion__texto {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.newClient__fila__selector__opcion.larga {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 184px;
}
.newClient__fila__contenedorCheckboxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  gap: 32px;
}
.newClient__fila__contenedorCheckboxes__top, .newClient__fila__contenedorCheckboxes__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
}
.newClient__fila__contenedorCheckboxes__checkbox {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: rgba(248, 248, 248, 0.5);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.newClient__fila__contenedorCheckboxes__checkbox .checkbox {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 24px;
  height: 24px;
}
.newClient__fila__contenedorCheckboxes__checkbox:has(.activo) {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: rgba(248, 248, 248, 0.95);
}
.newClient__fila__grupo {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(0.4819277108vw + 14.1927710843px);
}
.newClient__fila__grupo .newClient__fila {
  width: 45%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.newClient__fila__grupo.especialGap {
  gap: 24px;
}
.newClient__fila__dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 16px;
  background-color: rgba(248, 248, 248, 0.05);
  font-size: 14px;
  gap: 12px;
  margin-right: -12px;
  padding-inline: 20px;
  padding-block: 16px;
  width: 100%;
  max-width: 128px;
}
.newClient__fila__dropdown .iconoDropdown {
  min-width: 1.5em;
  color: rgba(248, 248, 248, 0.6980392157);
  margin-right: -5px;
}
.newClient__fila__dropdown.largo {
  max-width: 368px;
}
.newClient__fila__dropdown__opcion {
  color: rgba(248, 248, 248, 0.7);
  opacity: 0.5;
}
.newClient__fila__dropdown__opcion.activa {
  opacity: 1;
  color: rgba(248, 248, 248, 0.9490196078);
}
@container dropdown (width >=368px) {
  .newClient__fila__dropdown {
    max-width: 368px;
  }
}
.newClient__fila:has(.newClient__fila__dropdown) {
  container-type: inline-size;
  container-name: dropdown;
}
.newClient__fila:has(.newClient__fila__dropdown), .newClient__fila:has(.addCustomField__switch) {
  min-width: 267px;
}
.newClient__fila:has(.addCustomField__switch) .addCustomField__switch {
  margin-right: -12px;
}
.newClient__fila:has(.addCustomField__switch):has(.addCustomField__switch.activo) {
  background: rgba(248, 248, 248, 0.04);
}
.newClient__fila:has(.addCustomField__switch):has(.addCustomField__switch.activo) .newClient__fila__descripcion {
  color: rgba(248, 248, 248, 0.9490196078);
}
.newClient__fila:has(.newClient__fila__inputHeader) {
  padding: 12px;
}
.newClient__fila__inputHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  min-width: 128px;
  background-color: rgba(248, 248, 248, 0.05);
  gap: 4px;
  padding-inline: 20px;
  padding-block: 12px;
}
.newClient__fila__inputHeader__header {
  color: rgba(248, 248, 248, 0.7);
  font-size: 10px;
  font-weight: 300;
  line-height: 8px;
}
.newClient__fila__inputHeader input {
  width: 100%;
  color: rgba(248, 248, 248, 0.95);
  background-color: transparent;
  border: none;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.newClient__fila__inputHeader input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.newClient__fila__inputHeader input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.newClient__fila__inputHeader input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.newClient__fila__inputHeader input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.newClient__fila__inputHeader input::placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.newClient__fila__inputHeader input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.newClient__fila__inputHeader input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.newClient__fila__inputHeader input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.newClient__fila__inputHeader input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.newClient__fila__inputHeader input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.newClient__fila__grupo.switches {
  container-type: inline-size;
  container-name: newClient__fila__grupo__switches;
}
.newClient__fila__switchesJuntos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 32px;
}
.newClient__fila__switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.newClient__fila:has(.newClient__fila__switchesJuntos) {
  display: none;
}
@container newClient__fila__grupo__switches (width <=564px) {
  .newClient__fila:has(.newClient__fila__switchesJuntos) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.newClient__center {
  -ms-grid-column-span: 2;
  grid-column: span 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 34px;
}
.newClient__center.alturaEspecial {
  margin-top: 2px;
  margin-bottom: 8px;
}
.newClient__checkboxContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  color: rgba(248, 248, 248, 0.5);
  font-size: 16px;
  font-weight: 300;
  line-height: 16px;
}
.newClient__checkboxContent:has(.activo) {
  color: rgba(248, 248, 248, 0.95);
}
.newClient__checkboxContent .checkbox {
  width: 24px;
  height: 24px;
}
.newClient__checkboxContent.mini {
  font-size: 14px;
}
.newClient__checkboxContent.mini:has(.activo) {
  color: rgba(248, 248, 248, 0.95);
  font-weight: 500;
}
.newClient .botonNaranja {
  display: none;
}

/* =====================================
=              MARK:Responsive                
===================================== */
.newClient__fila.address {
  min-width: 200px;
}
.newClient__fila.address .newClient__fila__input {
  max-width: 128px;
}

.newClient__fila.switchBase:has(.addCustomField__switch) {
  container-name: newClient__fila__switches;
}
.newClient__fila.switchBase:has(.addCustomField__switch) .addCustomField__switch {
  min-width: 49.09px;
}
@container newClient__fila__grupo__switches (width <=564px) {
  .newClient__fila.switchBase:has(.addCustomField__switch) {
    display: none;
  }
}

@container newClient (width <=1160px) {
  .newClient {
    /* Subsection
    ===================================== */
    /* Subsection
    ===================================== */
    /* Subsection
    ===================================== */
  }
  .newClient .newClient__fila:has(.newClient__fila__dropdown) {
    min-width: 45%;
  }
  .newClient .newClient__fila__selector {
    width: 100%;
  }
  .newClient .newClient__fila__selector__opcion {
    padding-inline: 0;
    width: 100%;
    text-align: center;
    max-width: 100%;
  }
  .newClient .newClient__fila__selector__opcion.activa {
    padding-inline: 0;
  }
  .newClient .newClient__fila__dropdown {
    width: 100%;
    max-width: none;
  }
  .newClient .newClient__fila__selector__opcion,
  .newClient .newClient__fila__dropdown {
    font-size: 12px;
  }
  .newClient .newClient__fila,
  .newClient .newClient__fila:has(.newClient__fila__input.mini),
  .newClient .newClient__fila.address {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    padding: 16px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    height: 121px;
  }
  .newClient .newClient__fila .newClient__fila__descripcion,
  .newClient .newClient__fila:has(.newClient__fila__input.mini) .newClient__fila__descripcion,
  .newClient .newClient__fila.address .newClient__fila__descripcion {
    font-size: 12px;
  }
  .newClient .newClient__fila .newClient__fila__input,
  .newClient .newClient__fila .newClient__fila__inputPassword,
  .newClient .newClient__fila:has(.newClient__fila__input.mini) .newClient__fila__input,
  .newClient .newClient__fila:has(.newClient__fila__input.mini) .newClient__fila__inputPassword,
  .newClient .newClient__fila.address .newClient__fila__input,
  .newClient .newClient__fila.address .newClient__fila__inputPassword {
    max-width: none;
    font-size: 12px;
  }
  .newClient .newClient__fila .newClient__fila__input__textoDerecha,
  .newClient .newClient__fila .newClient__fila__inputPassword__textoDerecha,
  .newClient .newClient__fila:has(.newClient__fila__input.mini) .newClient__fila__input__textoDerecha,
  .newClient .newClient__fila:has(.newClient__fila__input.mini) .newClient__fila__inputPassword__textoDerecha,
  .newClient .newClient__fila.address .newClient__fila__input__textoDerecha,
  .newClient .newClient__fila.address .newClient__fila__inputPassword__textoDerecha {
    font-size: 12px;
  }
  .newClient .newClient__fila:has(.newClient__fila__contenedorCheckboxes) {
    height: auto;
  }
  .newClient .newClient__fila__contenedorCheckboxes {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  @container newClient__fila__checkboxes (width <=415px) {
    .newClient .newClient__fila__contenedorCheckboxes {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
    .newClient .newClient__fila__contenedorCheckboxes__checkbox {
      min-width: 80px;
    }
  }
  .newClient .newClient__fila.checkboxes {
    container-type: inline-size;
    container-name: newClient__fila__checkboxes;
  }
  .newClient .newClient__fila.switchBase:has(.addCustomField__switch) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: auto;
  }
  .newClient .newClient__fila.switchBase:has(.addCustomField__switch) .addCustomField__switch {
    margin-right: 0;
  }
  .newClient .newClient__fila:has(.newClient__fila__input) {
    min-width: 157px;
  }
}
@container (width <=685px) {
  .newClient {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 24px;
  }
}
@container newClient (width <=685px) {
  .newClient .newClient__fila,
  .newClient .newClient__fila:has(.newClient__fila__input.mini),
  .newClient .newClient__fila.address {
    height: auto;
  }
  .newClient .newClient__encabezado {
    display: none;
  }
  .newClient .botonNaranja {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 48px;
    margin-top: 40px;
    max-width: 327px;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
}
@container newClient (width <=385px) {
  .newClient .newClient__fila,
  .newClient .newClient__fila:has(.newClient__fila__dropdown),
  .newClient .newClient__fila:has(.newClient__fila__input) {
    min-width: 157px;
  }
  .newClient .newClient__fila__selector__opcion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 40px;
  }
  .newClient .newClient__fila__contenedorCheckboxes__checkbox,
  .newClient .newClient__checkboxContent {
    font-size: 12px;
  }
}

/* =====================================
=               MARK:Header                
===================================== */
@container (width >=10px) {
  .navbarAdmin .derecha .cuerpo .content .usersList__header:has(.botonNaranja).bulkClient {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .navbarAdmin .derecha .cuerpo .content .usersList__header:has(.botonNaranja).bulkClient .botonNaranja {
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@container (width <=500px) {
  .navbarAdmin .derecha .cuerpo .content .usersList__header:has(.botonNaranja).bulkClient {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .navbarAdmin .derecha .cuerpo .content .usersList__header:has(.botonNaranja).bulkClient .botonNaranja {
    display: none;
  }
}

/* =====================================
=               MARK:Cuerpo                
===================================== */
.bulkClient {
  container-type: inline-size;
  container-name: bulkClient;
  margin-top: 28px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 32px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  /* Subsection
  ===================================== */
}
@container (width <=895px) {
  .bulkClient {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
}
@media (width <= 549px) {
  .bulkClient {
    margin-top: 32px;
  }
  .bulkClient .bulkClient__right .botonNaranja {
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 48px;
  }
}
@container (width <=560px) {
  .bulkClient {
    gap: 12px;
  }
}
.bulkClient__email {
  border-radius: 24px;
  background-color: rgba(248, 248, 248, 0.02);
  height: 264px;
}
.bulkClient__email__header {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  width: 100%;
  padding-inline: calc(0.2409638554vw + 19.0963855422px);
  padding-block: calc(0.2409638554vw + 15.0963855422px);
  background: linear-gradient(179deg, rgba(248, 248, 248, 0.03) 0.75%, rgba(248, 248, 248, 0.02) 99.25%);
}
.bulkClient__email__textarea {
  width: 100%;
  max-width: 100%;
  border: none;
  outline: none;
  resize: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 20px;
  background-color: transparent;
  padding-inline: calc(0.2409638554vw + 19.0963855422px);
  padding-block: calc(0.4819277108vw + 14.1927710843px);
  color: rgba(248, 248, 248, 0.95);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-style: normal;
  font-weight: 400;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  scrollbar-width: none;
}
.bulkClient__email__textarea::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.bulkClient__email__textarea::-moz-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.bulkClient__email__textarea:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.bulkClient__email__textarea::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.bulkClient__email__textarea::placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.bulkClient__email__textarea:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.bulkClient__email__textarea:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.bulkClient__email__textarea:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.bulkClient__email__textarea:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.bulkClient__email__textarea:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.bulkClient__email__textarea::-webkit-scrollbar-track {
  display: none;
}
.bulkClient__email__textarea::-webkit-scrollbar-thumb {
  display: none;
}
.bulkClient__email__textarea::-webkit-scrollbar-button {
  display: none;
}
.bulkClient__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  min-width: 560px;
}
.bulkClient__right .botonNaranja {
  display: none;
}

/* =====================================
=             MARK:Responsive                
===================================== */
@container bulkClient (width <=560px) {
  .bulkClient__email__header {
    font-size: 12px;
  }
  .bulkClient__right {
    min-width: 0px;
    gap: 12px;
  }
  .newClient__fila__grupo {
    gap: 12px;
  }
  .newClient__fila:has(.newClient__fila__dropdown) {
    min-width: 150px;
  }
  .newClient__fila:has(.newClient__fila__dropdown):nth-child(1) {
    min-width: 100%;
  }
  .newClient__fila__selector {
    width: 100%;
  }
  .newClient__fila__selector__opcion {
    padding-inline: 0;
    width: 100%;
    text-align: center;
    max-width: 100%;
  }
  .newClient__fila__selector__opcion.activa {
    padding-inline: 0;
  }
  .newClient__fila__dropdown {
    width: 100%;
    max-width: none;
  }
  .newClient__fila__selector__opcion,
  .newClient__fila__dropdown {
    font-size: 12px;
  }
  /* Subsection
  ===================================== */
  .newClient__fila,
  .newClient__fila:has(.newClient__fila__input.mini),
  .newClient__fila.address {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    padding: 16px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    height: 121px;
  }
  .newClient__fila .newClient__fila__descripcion,
  .newClient__fila:has(.newClient__fila__input.mini) .newClient__fila__descripcion,
  .newClient__fila.address .newClient__fila__descripcion {
    font-size: 12px;
  }
  .newClient__fila .newClient__fila__input,
  .newClient__fila .newClient__fila__inputPassword,
  .newClient__fila:has(.newClient__fila__input.mini) .newClient__fila__input,
  .newClient__fila:has(.newClient__fila__input.mini) .newClient__fila__inputPassword,
  .newClient__fila.address .newClient__fila__input,
  .newClient__fila.address .newClient__fila__inputPassword {
    max-width: none;
    font-size: 12px;
  }
  .newClient__fila .newClient__fila__input__textoDerecha,
  .newClient__fila .newClient__fila__inputPassword__textoDerecha,
  .newClient__fila:has(.newClient__fila__input.mini) .newClient__fila__input__textoDerecha,
  .newClient__fila:has(.newClient__fila__input.mini) .newClient__fila__inputPassword__textoDerecha,
  .newClient__fila.address .newClient__fila__input__textoDerecha,
  .newClient__fila.address .newClient__fila__inputPassword__textoDerecha {
    font-size: 12px;
  }
  /* Subsection
  ===================================== */
  .newClient__fila:has(.newClient__fila__contenedorCheckboxes) {
    height: auto;
  }
  .newClient__fila__contenedorCheckboxes {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  @container newClient__fila__checkboxes (width <=415px) {
    .newClient__fila__contenedorCheckboxes {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
    .newClient__fila__contenedorCheckboxes__checkbox {
      min-width: 80px;
    }
  }
  .newClient__fila.checkboxes {
    container-type: inline-size;
    container-name: newClient__fila__checkboxes;
  }
  /* Subsection
  ===================================== */
  .newClient__fila.switchBase:has(.addCustomField__switch) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: auto;
    min-width: 100%;
  }
  .newClient__fila.switchBase:has(.addCustomField__switch) .addCustomField__switch {
    margin-right: 0;
  }
  .newClient__fila:has(.newClient__fila__input) {
    min-width: 157px;
  }
}
.overviewAdmin2 {
  container-type: inline-size;
  container-name: overviewAdmin2;
  margin-bottom: 20px;
  /* MARK:Header Content
  ===================================== */
  /* MARK: Header Numeros
  ===================================== */
  /* MARK:Pestañas
  ===================================== */
}
.overviewAdmin2 .dashboardContent__grafica {
  margin-top: 24px;
}
.overviewAdmin2__subtitulo {
  margin-top: 32px;
  color: rgba(248, 248, 248, 0.5);
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
@container (width <=500px) {
  .overviewAdmin2__subtitulo {
    display: none;
  }
}
.overviewAdmin2__header {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.overviewAdmin2__header__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(0.9638554217vw + 12.3855421687px);
}
.overviewAdmin2__header__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-bottom: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.overviewAdmin2__header__top__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.overviewAdmin2__header__top__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
}
@container overviewAdmin2 (width <=555px) {
  .overviewAdmin2__header__top__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.overviewAdmin2__header__top__client {
  color: rgba(248, 248, 248, 0.95);
  font-size: calc(0.2409638554vw + 15.0963855422px);
  font-weight: 400;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.overviewAdmin2__header__top .iconoDropdown {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  color: #979797;
  width: calc(0.6626506024vw + 16.515060241px);
  margin-right: calc(0.4819277108vw + 0.1927710843px);
  margin-left: -5px;
}
.overviewAdmin2__header__top__fechaIzquierda, .overviewAdmin2__header__top__fechaDerecha {
  color: rgba(248, 248, 248, 0.7);
  text-align: right;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
}
.overviewAdmin2__header__top__fechaDerecha {
  padding-left: 0.3em;
  color: rgba(248, 248, 248, 0.95);
}
.overviewAdmin2__header__data__contenedor {
  border-radius: 32px;
  background: var(--neutral-neutral-22, rgba(248, 248, 248, 0.02));
  -webkit-box-shadow: 0px 2px 0px 0px rgba(248, 248, 248, 0.02) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1), 0px 5px 1.5px -4px rgba(5, 5, 5, 0.25);
          box-shadow: 0px 2px 0px 0px rgba(248, 248, 248, 0.02) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09), 0px 6px 13px 0px rgba(5, 5, 5, 0.1), 0px 6px 4px -4px rgba(5, 5, 5, 0.1), 0px 5px 1.5px -4px rgba(5, 5, 5, 0.25);
  padding: 24px;
}
.overviewAdmin2__header__data__contenedor.username {
  max-width: 624px;
  margin-left: 0;
  min-width: 550px;
}
@container overviewAdmin2 (width <=555px) {
  .overviewAdmin2__header__data__contenedor.username {
    display: none;
  }
}
.overviewAdmin2__header__data__contenedor.numeros {
  width: 100%;
  max-width: 292px;
}
@container overviewAdmin2 (width <=555px) {
  .overviewAdmin2__header__data__contenedor.numeros {
    display: none;
  }
}
.overviewAdmin2__header__data__username {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.overviewAdmin2__header__data__username__foto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 92px;
  height: 92px;
  border-radius: 92px;
  background: #383838;
  padding: 10px;
}
.overviewAdmin2__header__data__username__foto img {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 3px;
  margin-bottom: 2px;
}
.overviewAdmin2__header__data__username__nombreEmail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.overviewAdmin2__header__data__username__nombreEmail.mini {
  gap: 8px;
}
.overviewAdmin2__header__data__username__nombre {
  text-align: left;
  color: rgba(248, 248, 248, 0.95);
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.overviewAdmin2__header__data__username__nombre.mini {
  font-size: 16px;
}
.overviewAdmin2__header__data__username__email {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
}
.overviewAdmin2__header__data__username__email.mini {
  font-size: 12px;
}
.overviewAdmin2__header__data__username__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding-left: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.overviewAdmin2__header__data__username__right__top {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.overviewAdmin2__header__data__username__right__bottom {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.5fr 1fr 1fr;
  grid-template-columns: 0.5fr 1fr 1fr;
}
@container overviewAdmin2 (width <=1055px) {
  .overviewAdmin2__header__data__username__right__bottom {
    -ms-grid-columns: 100px 1fr 1fr;
    grid-template-columns: 100px 1fr 1fr;
  }
}
.overviewAdmin2__header__data__username__botones {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.overviewAdmin2__header__data__username__botones .botonAdd {
  min-width: 108px;
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.overviewAdmin2__header__data__username__verified {
  color: #FF4F6F;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.overviewAdmin2__header__data__username__verified__text.mini {
  font-size: 12px;
}
.overviewAdmin2__header__data__username__verified__icono {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: linear-gradient(142deg, rgba(255, 79, 111, 0.2) 0%, rgba(255, 79, 111, 0.08) 44.62%);
  -webkit-box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  -webkit-filter: drop-shadow(0px 0.5px 1.5px rgba(5, 5, 5, 0.5)) drop-shadow(0px 4px 4px rgba(5, 5, 5, 0.1)) drop-shadow(0px 6px 12px rgba(5, 5, 5, 0.1)) drop-shadow(0px 24px 24px rgba(5, 5, 5, 0.09)) drop-shadow(0px 54px 32px rgba(5, 5, 5, 0.05));
          filter: drop-shadow(0px 0.5px 1.5px rgba(5, 5, 5, 0.5)) drop-shadow(0px 4px 4px rgba(5, 5, 5, 0.1)) drop-shadow(0px 6px 12px rgba(5, 5, 5, 0.1)) drop-shadow(0px 24px 24px rgba(5, 5, 5, 0.09)) drop-shadow(0px 54px 32px rgba(5, 5, 5, 0.05));
}
.overviewAdmin2__header__data__username__verified__icono.mini {
  width: 16px;
  height: 16px;
}
.overviewAdmin2__header__data__username__verified__icono svg {
  min-width: 9px;
  min-height: 9px;
}
.overviewAdmin2__header__data__username__pais {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 32px;
  gap: 8px;
  min-width: 0px;
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.overviewAdmin2__header__data__username__pais__texto {
  min-width: 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.overviewAdmin2__header__data__username__fecha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  padding-left: 5px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.overviewAdmin2__header__data__username__fecha__left {
  color: rgba(248, 248, 248, 0.7);
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.overviewAdmin2__header__data__username__fecha__right {
  opacity: 0.9;
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.overviewAdmin2__header__data__signoDolar {
  color: rgba(248, 248, 248, 0.5);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: calc(0.4819277108vw + 30.1927710843px);
}
.overviewAdmin2__header__data__numeroGrande {
  color: rgba(248, 248, 248, 0.95);
  font-size: 32px;
  font-weight: 500;
  line-height: calc(0.4819277108vw + 30.1927710843px);
}
.overviewAdmin2__header__data__total {
  width: 100%;
  max-width: 296px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@container overviewAdmin2 (width <=1055px) {
  .overviewAdmin2__header__data__total {
    max-width: none;
  }
}
.overviewAdmin2__header__data__total__header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.overviewAdmin2__header__data__total__header__izquierda {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  gap: 0.5em;
}
.overviewAdmin2__header__data__total__header__derecha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: -12px;
}
.overviewAdmin2__header__data__total__header__derecha__suma {
  color: #53FF79;
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.overviewAdmin2__header__data__total__header__derecha__suma.negativa {
  color: #FF4F6F;
}
.overviewAdmin2__header__data__total__header__derecha__footer {
  color: rgba(248, 248, 248, 0.5);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.overviewAdmin2__header__data__total__footer {
  margin-top: 12px;
  color: rgba(248, 248, 248, 0.5);
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.overviewAdmin2__grupoPestañas {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: calc(1.3253012048vw + -4.9698795181px);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  overflow-x: scroll;
  overflow-y: hidden;
  position: relative;
  margin-top: 48px;
  scrollbar-width: none;
  container-type: inline-size;
  container-name: grupoPestañas__overview;
}
@container overviewAdmin2 (width <=555px) {
  .overviewAdmin2__grupoPestañas {
    display: none;
  }
}
.overviewAdmin2__grupoPestañas::-webkit-scrollbar-track {
  display: none;
}
.overviewAdmin2__grupoPestañas::-webkit-scrollbar-thumb {
  display: none;
}
.overviewAdmin2__grupoPestañas::-webkit-scrollbar-button {
  display: none;
}
.overviewAdmin2__grupoPestañas::before {
  content: "";
  position: absolute;
  width: 100%;
  max-width: 817px;
  bottom: 12px;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, color-stop(1.98%, rgba(248, 248, 248, 0)), color-stop(4.08%, rgba(248, 248, 248, 0.08)), to(rgba(248, 248, 248, 0.02)));
  background: linear-gradient(90deg, rgba(248, 248, 248, 0) 1.98%, rgba(248, 248, 248, 0.08) 4.08%, rgba(248, 248, 248, 0.02) 100%);
}
.overviewAdmin2__grupoPestañas__tabs-wrapper {
  overflow-x: scroll;
  overflow-y: hidden;
  scrollbar-width: none;
  height: 48px;
}
.overviewAdmin2__grupoPestañas__tabs-wrapper::-webkit-scrollbar {
  display: none;
}
.overviewAdmin2__grupoPestañas__mascara-derecha {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 30px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(29, 29, 29, 0)), to(#1D1D1D));
  background: linear-gradient(90deg, rgba(29, 29, 29, 0) 0%, #1D1D1D 100%);
  pointer-events: none;
  z-index: 1;
}
.overviewAdmin2__grupoPestañas__mascara-izquierda {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 30px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(29, 29, 29, 0)), to(#1D1D1D));
  background: linear-gradient(270deg, rgba(29, 29, 29, 0) 0%, #1D1D1D 100%);
  pointer-events: none;
  z-index: 1;
}
.overviewAdmin2__grupoPestañas__mascara-derecha, .overviewAdmin2__grupoPestañas__mascara-izquierda {
  display: none;
}
.overviewAdmin2__pestañas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(1.2048192771vw + 23.4819277108px);
  position: relative;
}
.overviewAdmin2__pestañas::before {
  content: "s";
  position: static;
  width: 20px;
  bottom: 12px;
  height: 20px;
  margin-right: -15px;
  background: transparent;
  color: transparent;
  display: none;
}
.overviewAdmin2__pestañas::after {
  content: "s";
  position: static;
  width: 20px;
  bottom: 12px;
  height: 20px;
  margin-left: -10px;
  background: transparent;
  color: transparent;
  display: none;
}
.overviewAdmin2__pestaña {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  color: rgba(248, 248, 248, 0.5);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.overviewAdmin2__pestaña::before {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.overviewAdmin2__pestaña.activa {
  color: rgba(248, 248, 248, 0.95);
  text-align: center;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overviewAdmin2__pestaña.activa::before {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  width: 100%;
  bottom: -12px;
  border: 1px solid #D4541D;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  opacity: 1;
  visibility: visible;
}
@container grupoPestañas__overview (max-width: 765px) {
  .overviewAdmin2 .overviewAdmin2__grupoPestañas__mascara-derecha, .overviewAdmin2 .overviewAdmin2__grupoPestañas__mascara-izquierda {
    display: block;
  }
  .overviewAdmin2 .overviewAdmin2__pestañas::before {
    display: block;
  }
  .overviewAdmin2 .overviewAdmin2__pestañas::after {
    display: block;
  }
}

/* =====================================
=               MARK:Mobile                
===================================== */
.overviewAdmin2__headerMobile {
  background: rgba(248, 248, 248, 0.02);
  -webkit-box-shadow: 0px 2px 0px 0px rgba(248, 248, 248, 0.02) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
          box-shadow: 0px 2px 0px 0px rgba(248, 248, 248, 0.02) inset, 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
  padding: 20px;
  border-radius: 24px;
  container-name: overviewAdmin2__headerMobile;
  container-type: inline-size;
  display: none;
}
@container overviewAdmin2 (width <=555px) {
  .overviewAdmin2__headerMobile {
    display: block;
  }
}
.overviewAdmin2__headerMobile__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.overviewAdmin2__headerMobile__top__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.overviewAdmin2__headerMobile__top__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.overviewAdmin2__headerMobile__top__pais {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  color: rgba(248, 248, 248, 0.7);
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
}
.overviewAdmin2__headerMobile__center {
  margin-top: 16px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 13px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.overviewAdmin2__headerMobile__center .botonAdd {
  height: 32px;
  width: 45%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: rgba(248, 248, 248, 0.7);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.overviewAdmin2__headerMobile__bottom {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@container overviewAdmin2__headerMobile (width <=380px) {
  .overviewAdmin2__headerMobile__bottom {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}
.overviewAdmin2__headerMobile__saldo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.overviewAdmin2__headerMobile__saldo__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@container overviewAdmin2__headerMobile (width <=380px) {
  .overviewAdmin2__headerMobile__saldo:nth-child(1) {
    padding-right: 50px;
  }
}
.overviewAdmin2__headerMobile__saldo__signoDolar {
  color: rgba(248, 248, 248, 0.5);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding-right: 5px;
}
.overviewAdmin2__headerMobile__saldo__numeroGrande {
  color: rgba(248, 248, 248, 0.95);
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  padding-right: 8px;
}
.overviewAdmin2__headerMobile__saldo__numeroChiquito {
  color: #53FF79;
  font-size: 10px;
  font-weight: 400;
  line-height: 8px;
  padding-top: 3px;
}
.overviewAdmin2__headerMobile__saldo__numeroChiquito.negativo {
  color: #FF4F6F;
}
.overviewAdmin2__headerMobile__saldo__bottom {
  color: rgba(248, 248, 248, 0.5);
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
}
.overviewAdmin2__headerMobile__footer {
  margin-top: 24px;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: -20px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  padding-inline: 24px;
  padding-block: 12px;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.2) 0%, rgba(248, 248, 248, 0.08) 44.62%);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset;
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset;
  -webkit-filter: drop-shadow(0px 0.5px 1.5px rgba(5, 5, 5, 0.5)) drop-shadow(0px 4px 4px rgba(5, 5, 5, 0.1)) drop-shadow(0px 6px 12px rgba(5, 5, 5, 0.1)) drop-shadow(0px 24px 24px rgba(5, 5, 5, 0.09)) drop-shadow(0px 54px 32px rgba(5, 5, 5, 0.05));
          filter: drop-shadow(0px 0.5px 1.5px rgba(5, 5, 5, 0.5)) drop-shadow(0px 4px 4px rgba(5, 5, 5, 0.1)) drop-shadow(0px 6px 12px rgba(5, 5, 5, 0.1)) drop-shadow(0px 24px 24px rgba(5, 5, 5, 0.09)) drop-shadow(0px 54px 32px rgba(5, 5, 5, 0.05));
}
.overviewAdmin2__headerMobile__dropdownFooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.overviewAdmin2__headerMobile__dropdownFooter .iconoDropdown {
  width: 1.5em;
  margin-right: -7px;
}

/* =====================================
=            MARK:Responsive                
===================================== */
@container overviewAdmin2 (width <=1055px) {
  .overviewAdmin2__header__data {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .overviewAdmin2__header__data__contenedor.username {
    width: 100%;
    max-width: none;
  }
  .overviewAdmin2__header__data__contenedor.numeros {
    width: 45%;
    max-width: none;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.overviewAdmin2 {
  /* MARK:Quick Actions
  ===================================== */
  /* MARK: Grupo Acciones
  ===================================== */
}
.overviewAdmin2__quickActions {
  margin-top: calc(0.4819277108vw + 22.1927710843px);
  display: -ms-grid;
  display: grid;
  gap: calc(0.9638554217vw + 12.3855421687px);
  -ms-grid-columns: 1fr calc(0.9638554217vw + 12.3855421687px) 1fr;
  grid-template-columns: 1fr 1fr;
  container-name: overviewAdmin2__quickActions;
  container-type: inline-size;
}
@container (width <=500px) {
  .overviewAdmin2__quickActions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.overviewAdmin2__quickActions:not(.visible) {
  display: none;
}
.overviewAdmin2__grupoSwitches {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(0.7228915663vw + 9.2891566265px);
}
.overviewAdmin2__switchContenedor {
  container-type: inline-size;
  container-name: overviewAdmin2__switchContenedor;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  min-width: 170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 24px;
  padding-inline: calc(0.2409638554vw + 19.0963855422px);
  padding-block: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: rgba(248, 248, 248, 0.02);
}
.overviewAdmin2__switchContenedor:has(.activo) {
  background-color: rgba(248, 248, 248, 0.04);
}
.overviewAdmin2__switchContenedor:has(.activo) .overviewAdmin2__switchContenedor__texto {
  color: rgba(248, 248, 248, 0.949);
  opacity: 1;
}
.overviewAdmin2__switchContenedor .addCustomField__switch {
  margin-right: -4px;
}
.overviewAdmin2__switchContenedor__texto {
  max-width: 70px;
  color: rgba(248, 248, 248, 0.7);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.8;
}
.overviewAdmin2__grupoAcciones {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(0.7228915663vw + 9.2891566265px);
}
.overviewAdmin2__accionContenedor {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 170px;
  height: 100%;
  cursor: pointer;
  border-radius: 24px;
  background: linear-gradient(142deg, rgba(248, 248, 248, 0.1) 0%, rgba(248, 248, 248, 0.04) 44.62%);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09);
          box-shadow: 0px 2px 2px 0px rgba(248, 248, 248, 0.04) inset, 0px 24px 24px -16px rgba(5, 5, 5, 0.09);
  border-radius: 24px;
  padding-inline: calc(0.2409638554vw + 19.0963855422px);
  padding-block: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.overviewAdmin2__accionContenedor__nombre {
  color: rgba(248, 248, 248, 0.7);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 20px;
}
.overviewAdmin2__accionContenedor .iconoDropdown {
  min-width: calc(0.6024096386vw + 17.7409638554px);
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  color: #979797;
  margin-right: -10px;
}
.overviewAdmin2__quickActions__notas {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr calc(0.9638554217vw + 12.3855421687px) 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-column-span: 2;
  grid-column: span 2;
  gap: calc(0.9638554217vw + 12.3855421687px);
  -ms-grid-columns: 1fr calc(0.9638554217vw + 12.3855421687px) 1fr;
  grid-template-columns: 1fr 1fr;
}
@container overviewAdmin2__quickActions (width <=500px) {
  .overviewAdmin2__quickActions__notas {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@container overviewAdmin2__switchContenedor (width >=200px) {
  .overviewAdmin2__switchContenedor__texto {
    max-width: 100%;
  }
}
@container overviewAdmin2__quickActions (width <=1127px) {
  .overviewAdmin2__switchContenedor,
  .overviewAdmin2__switchContenedor:has(.activo),
  .overviewAdmin2__accionContenedor {
    height: 62px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .overviewAdmin2__accionContenedor__nombre.segundo {
    max-width: 100%;
  }
}
@container overviewAdmin2__quickActions (width <=1085px) {
  .overviewAdmin2__grupoSwitches,
  .overviewAdmin2__grupoAcciones {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .overviewAdmin2__switchContenedor,
  .overviewAdmin2__switchContenedor:has(.activo),
  .overviewAdmin2__accionContenedor {
    min-height: 62px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@container overviewAdmin2__quickActions (width <=500px) {
  .overviewAdmin2__switchContenedor,
  .overviewAdmin2__switchContenedor:has(.activo),
  .overviewAdmin2__accionContenedor {
    min-height: auto;
  }
}
/* MARK:Notas
===================================== */
.overviewAdmin2__notas {
  border-radius: 24px;
  background: #242424;
  max-height: 192px;
}
.overviewAdmin2__notas__header {
  padding-inline: 24px;
  padding-block: 16px;
  background-color: rgba(248, 248, 248, 0.05);
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}
.overviewAdmin2__notas__cuerpo {
  padding-inline: 24px;
  padding-block: 20px;
}
.overviewAdmin2__notas__cuerpo__textarea {
  margin-top: 12px;
  width: 100%;
  max-width: 100%;
  border: none;
  outline: none;
  resize: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: #242424;
  color: rgba(248, 248, 248, 0.7);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-style: normal;
  font-weight: 400;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  scrollbar-width: none;
}
.overviewAdmin2__notas__cuerpo__textarea::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overviewAdmin2__notas__cuerpo__textarea::-moz-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overviewAdmin2__notas__cuerpo__textarea:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overviewAdmin2__notas__cuerpo__textarea::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overviewAdmin2__notas__cuerpo__textarea::placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.overviewAdmin2__notas__cuerpo__textarea:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.overviewAdmin2__notas__cuerpo__textarea:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.overviewAdmin2__notas__cuerpo__textarea:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.overviewAdmin2__notas__cuerpo__textarea:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.overviewAdmin2__notas__cuerpo__textarea:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.overviewAdmin2__notas__cuerpo__textarea::-webkit-scrollbar-track {
  display: none;
}
.overviewAdmin2__notas__cuerpo__textarea::-webkit-scrollbar-thumb {
  display: none;
}
.overviewAdmin2__notas__cuerpo__textarea::-webkit-scrollbar-button {
  display: none;
}
.overviewAdmin2__notas__cuerpo__textarea.noMarginTop {
  margin-top: 0;
}
.overviewAdmin2__notas.especial {
  min-height: 192px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.overviewAdmin2__notas.especial__header {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.overviewAdmin2__notas.especial .overviewAdmin2__notas__cuerpo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-y: auto;
}
.overviewAdmin2__notas.especial .overviewAdmin2__notas__cuerpo__textarea, .overviewAdmin2__notas.especial .overviewAdmin2__notas__cuerpo__texto {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
  height: 100%;
  min-height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* MARK:Tabla
===================================== */
.overviewAdmin2__tablaTopServices {
  width: 100%;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  container-type: inline-size;
  margin-top: 32px;
  container-type: inline-size;
  container-name: overviewAdmin2__tablaTopServices;
}
.overviewAdmin2__tablaTopServices.visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@container (width <=695px) {
  .overviewAdmin2__tablaTopServices {
    display: none;
  }
  .overviewAdmin2__tablaTopServices.visible {
    display: none;
  }
}
.overviewAdmin2__tablaTopServices__fila {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 7fr 32px 1fr 32px 1fr 32px 1fr;
  grid-template-columns: 7fr 1fr 1fr 1fr;
  border-radius: 20px;
  padding-inline: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  height: 80px;
  /* Subsection
  ===================================== */
  /* Subsection
  ===================================== */
}
.overviewAdmin2__tablaTopServices__fila:nth-child(1) {
  margin-bottom: -4px;
}
.overviewAdmin2__tablaTopServices__fila__imei, .overviewAdmin2__tablaTopServices__fila__totalOrders, .overviewAdmin2__tablaTopServices__fila__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
}
.overviewAdmin2__tablaTopServices__fila__imei, .overviewAdmin2__tablaTopServices__fila__totalOrders, .overviewAdmin2__tablaTopServices__fila__action {
  min-width: 130px;
}
.overviewAdmin2__tablaTopServices__fila__serviceName {
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0;
  white-space: nowrap;
}
.overviewAdmin2__tablaTopServices__fila__serviceName, .overviewAdmin2__tablaTopServices__fila__totalOrders {
  color: rgba(248, 248, 248, 0.95);
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}
.overviewAdmin2__tablaTopServices__fila__imei {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}
.overviewAdmin2__tablaTopServices__fila:nth-child(odd) {
  background: rgba(248, 248, 248, 0.03);
}
.overviewAdmin2__tablaTopServices__fila:nth-child(even) {
  background: rgba(248, 248, 248, 0.02);
}
.overviewAdmin2__tablaTopServices__fila.header {
  padding-inline: 32px;
  height: 64px;
  color: rgba(248, 248, 248, 0.02);
}
.overviewAdmin2__tablaTopServices__fila.header .overviewAdmin2__tablaTopServices__fila__serviceName span,
.overviewAdmin2__tablaTopServices__fila.header .overviewAdmin2__tablaTopServices__fila__imei span,
.overviewAdmin2__tablaTopServices__fila.header .overviewAdmin2__tablaTopServices__fila__totalOrders span,
.overviewAdmin2__tablaTopServices__fila.header .overviewAdmin2__tablaTopServices__fila__action span {
  color: rgba(248, 248, 248, 0.6);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
}
.overviewAdmin2__tablaTopServices__fila.header .overviewAdmin2__tablaTopServices__fila__serviceName {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

/* =====================================
=            MARK:Tabla Mobile                
===================================== */
.overviewAdmin2__tablaMobile {
  margin-top: 24px;
  display: none;
  gap: 12px;
}
@container (width <=695px) {
  .overviewAdmin2__tablaMobile.visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .overviewAdmin2__tablaMobile:not(.visible) {
    display: none;
  }
}
.overviewAdmin2__tablaMobile__fila {
  width: 45%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 24px;
  min-width: 235px;
}
.overviewAdmin2__tablaMobile__fila:nth-child(odd) {
  background: rgba(248, 248, 248, 0.03);
}
.overviewAdmin2__tablaMobile__fila:nth-child(even) {
  background: rgba(248, 248, 248, 0.02);
}
.overviewAdmin2__tablaMobile__fila__top {
  padding-left: 24px;
  padding-right: 20px;
  padding-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
.overviewAdmin2__tablaMobile__fila__top__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  min-width: 0;
}
.overviewAdmin2__tablaMobile__fila__serviceName {
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.overviewAdmin2__tablaMobile__fila__imei {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
}
.overviewAdmin2__tablaMobile__fila__imei__title {
  color: rgba(248, 248, 248, 0.6);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
}
.overviewAdmin2__tablaMobile__fila__imei__numero {
  color: rgba(248, 248, 248, 0.7);
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
}
.overviewAdmin2__tablaMobile__fila__bottom {
  padding-inline: 24px;
  padding-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.overviewAdmin2__tablaMobile__fila__totalOrders__numero {
  color: rgba(248, 248, 248, 0.95);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.overviewAdmin2__tablaMobile__fila__totalOrders__title {
  color: rgba(248, 248, 248, 0.6);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
}
.overviewAdmin2__tablaMobile .separadorCasiInvisible {
  width: 100%;
  max-width: none;
  margin-top: 16px;
  margin-bottom: 12px;
}

/* =====================================
=           MARK:Selector Dual                
===================================== */
.overviewAdmin2__contenedorSelectorDual {
  margin-top: 6px;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.overviewAdmin2 .selectorDual__opcion {
  padding-inline: 42px;
  padding-block: 12px;
}
@container (width <=500px) {
  .overviewAdmin2__contenedorSelectorDual {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.financial {
  margin-top: 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 32px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  container-name: financial;
  container-type: inline-size;
}
.financial__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  min-width: 592px;
  container-name: financial__left;
  container-type: inline-size;
}
.financial__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  container-name: financial__right;
  container-type: inline-size;
}
.financial__fila {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-inline: 24px;
  height: 72px;
  border-radius: 24px;
  background: rgba(248, 248, 248, 0.02);
  gap: 12px;
}
.financial__credit {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.financial__credit__left, .financial__credit__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.financial__credit__left {
  color: rgba(248, 248, 248, 0.7);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.financial__credit__right .newClient__fila__inputPassword {
  min-width: 0px;
}
.financial__credit__number {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  color: rgba(248, 248, 248, 0.95);
  text-align: right;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.financial__credit__signoMas {
  color: #53FF79;
  margin-inline: 12px;
}
.financial__credit__signoIgual {
  color: rgba(248, 248, 248, 0.5);
  margin-inline: 12px;
}
.financial__credit__contenedorInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 20px;
  background-color: rgba(248, 248, 248, 0.05);
  border-radius: 16px;
  height: 48px;
  gap: 6px;
}
.financial__credit__contenedorInput__right {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}
.financial__credit__input {
  border: none;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: 48px;
  width: 100%;
  max-width: 368px;
  border-radius: 16px;
  background-color: transparent;
  color: rgba(248, 248, 248, 0.95);
}
.financial__credit__input::-webkit-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.financial__credit__input::-moz-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.financial__credit__input:-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.financial__credit__input::-ms-input-placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.financial__credit__input::placeholder {
  color: rgba(248, 248, 248, 0.5);
  font-size: calc(0.1204819277vw + 11.5481927711px);
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.financial__credit__input:hover::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.financial__credit__input:hover::-moz-placeholder {
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.financial__credit__input:hover:-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.financial__credit__input:hover::-ms-input-placeholder {
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.financial__credit__input:hover::placeholder {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}

.newClient__center.financial__bottom__right {
  margin-top: 5px;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  gap: 20px;
}
.newClient__center.financial__bottom__right .botonNaranja {
  max-width: 172px;
  height: 48px;
  -ms-grid-column-align: end;
      justify-self: end;
  font-weight: 400;
}

/* =====================================
=            MARK:Responsive                
===================================== */
@container financial (width <=1010px) {
  .financial {
    /* Subsection
    ===================================== */
    /* Subsection
    ===================================== */
    /* Subsection
    ===================================== */
    /* Subsection
    ===================================== */
  }
  .financial .newClient__center.alturaEspecial .newClient__checkboxContent {
    font-size: 12px;
  }
  .financial .financial__left {
    min-width: 0px;
  }
  .financial .newClient__fila__selector {
    width: 100%;
  }
  .financial .newClient__fila__selector__opcion {
    padding-inline: 0;
    width: 100%;
    text-align: center;
    max-width: 100%;
  }
  .financial .newClient__fila__selector__opcion.activa {
    padding-inline: 0;
  }
  .financial .newClient__fila__dropdown {
    width: 100%;
    max-width: none;
  }
  .financial .newClient__fila__selector__opcion,
  .financial .newClient__fila__dropdown {
    font-size: 12px;
  }
  .financial .newClient__fila,
  .financial .newClient__fila:has(.newClient__fila__input.mini),
  .financial .newClient__fila.address {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    padding: 16px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    height: auto;
    min-width: 45%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 121px;
  }
  .financial .newClient__fila .newClient__fila__descripcion,
  .financial .newClient__fila:has(.newClient__fila__input.mini) .newClient__fila__descripcion,
  .financial .newClient__fila.address .newClient__fila__descripcion {
    font-size: 12px;
  }
  .financial .newClient__fila .newClient__fila__input,
  .financial .newClient__fila .newClient__fila__inputPassword,
  .financial .newClient__fila:has(.newClient__fila__input.mini) .newClient__fila__input,
  .financial .newClient__fila:has(.newClient__fila__input.mini) .newClient__fila__inputPassword,
  .financial .newClient__fila.address .newClient__fila__input,
  .financial .newClient__fila.address .newClient__fila__inputPassword {
    max-width: none;
    font-size: 12px;
  }
  .financial .newClient__fila .newClient__fila__input__textoDerecha,
  .financial .newClient__fila .newClient__fila__inputPassword__textoDerecha,
  .financial .newClient__fila:has(.newClient__fila__input.mini) .newClient__fila__input__textoDerecha,
  .financial .newClient__fila:has(.newClient__fila__input.mini) .newClient__fila__inputPassword__textoDerecha,
  .financial .newClient__fila.address .newClient__fila__input__textoDerecha,
  .financial .newClient__fila.address .newClient__fila__inputPassword__textoDerecha {
    font-size: 12px;
  }
  .financial .newClient__fila:has(.newClient__fila__dropdown) {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 45%;
  }
  .financial .newClient__center.financial__bottom__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .financial .newClient__center.financial__bottom__right .botonNaranja {
    max-width: none;
  }
  .financial .financial__fila {
    height: auto;
    padding: 16px;
  }
  .financial .financial__credit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    height: auto;
  }
  .financial .financial__credit__right {
    width: 100%;
  }
  .financial .financial__credit__left, .financial .financial__credit__number, .financial .financial__credit__signoMas, .financial .financial__credit__signoIgual, .financial .financial__credit__input, .financial .financial__credit__contenedorInput__right {
    font-size: 12px;
  }
  .financial .financial__credit__contenedorInput {
    font-size: 12px;
    height: 40px;
    width: 100%;
  }
  .financial .overviewAdmin2__notas.especial {
    min-height: 237px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .financial .overviewAdmin2__notas.especial:nth-child(2) {
    margin-top: 47px;
    min-height: 267px;
  }
  .financial .newClient__center.financial__bottom__right {
    margin-top: 6px;
  }
  .financial .newClient__checkboxContent.mini {
    font-size: 12px;
  }
}
@container financial (width <=645px) {
  .financial .financial__left {
    min-width: 305px;
  }
}
@container (width <=600px) {
  .financial {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 13px;
  }
}
@container financial (width <=600px) {
  .financial .financial__left,
  .financial .financial__right {
    gap: 13px;
  }
  .financial .newClient__fila__grupo.especialGap {
    gap: 13px;
  }
  .financial .newClient__fila,
  .financial .newClient__fila:has(.newClient__fila__input.mini),
  .financial .newClient__fila.address {
    height: auto;
  }
  .financial .newClient__fila__selector__opcion,
  .financial .newClient__fila__dropdown,
  .financial .newClient__fila__input.mini,
  .financial .newClient__fila__inputPassword {
    height: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .financial .overviewAdmin2__notas.especial {
    min-height: 148px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .financial .overviewAdmin2__notas.especial:nth-child(2) {
    margin-top: 0px;
    min-height: 148px;
  }
}

.personalInfo {
  margin-top: 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 32px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  container-type: inline-size;
  container-name: personalInfo;
  /* Subsection
  ===================================== */
  /* Subsection
  ===================================== */
  /* Subsection
  ===================================== */
}
@container (width <=865px) {
  .personalInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(1.1445783133vw + 8.7078313253px);
  }
}
.personalInfo__left, .personalInfo__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@container (width <=865px) {
  .personalInfo__left, .personalInfo__right {
    gap: calc(0.6626506024vw + 10.515060241px);
  }
}
.personalInfo__kyc__miniTexto {
  color: rgba(248, 248, 248, 0.7);
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  opacity: 0.8;
}
.personalInfo__kyc__estado {
  color: #FF4F6F;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.personalInfo__kyc__indicador {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 128px;
  height: 48px;
  padding: 16px 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: -12px;
  border-radius: 16px;
  background: rgba(248, 248, 248, 0.05);
  color: rgba(248, 248, 248, 0.5);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.personalInfo__kyc__descripcionMini {
  color: rgba(248, 248, 248, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  min-width: 120px;
}
@container personalInfo__kyc (width >=350px) {
  .personalInfo__kyc__indicador {
    max-width: 368px;
  }
}
.personalInfo .newClient__fila:has(.personalInfo__kyc) {
  container-type: inline-size;
  container-name: personalInfo__kyc;
  min-width: 275px;
}
@container personalInfo (width <=865px) {
  .personalInfo .newClient__fila:has(.personalInfo__kyc) {
    min-width: 45%;
  }
}
@container (width <=200px) {
  .personalInfo .newClient__fila:has(.personalInfo__kyc) span {
    display: none;
  }
}
@container personalInfo (width <=865px) {
  .personalInfo .newClient__fila:has(.personalInfo__kyc__estado) {
    container-type: inline-size;
    container-name: personalInfo__kyc;
    min-width: 0;
  }
}
.personalInfo__grupoSwitchesMini {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  font-size: 14px;
}
.personalInfo__clientGroup {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}
.personalInfo__clientGroup__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-right: -12px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 368px;
  height: 48px;
  padding: 16px 20px 16px 20px;
  align-items: center;
  gap: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: none;
  border-radius: 16px;
  background: var(--neutral-neutral-25, rgba(248, 248, 248, 0.05));
}
.personalInfo__clientGroup__right .botonAdd {
  color: rgba(248, 248, 248, 0.7);
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  height: 32px;
  border-radius: 12px;
  min-width: 92px;
  margin-right: -12px;
}
.personalInfo__clientGroup__dropdown {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  gap: 12px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-width: none;
}
.personalInfo__clientGroup__dropdown .iconoDropdown {
  min-width: 1.5em;
  color: rgba(248, 248, 248, 0.6980392157);
}
.personalInfo__clientGroup__dropdown__opcion {
  color: rgba(248, 248, 248, 0.7);
  opacity: 0.5;
}
.personalInfo__clientGroup__dropdown__opcion.activa {
  opacity: 1;
  color: rgba(248, 248, 248, 0.9490196078);
}
.personalInfo__grupoBotonesInferiores {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

/* Subsection
===================================== */
.newClient__fila.transparente.checkbox2 {
  display: none;
  padding: 0;
  max-height: 24px;
  min-height: 24px;
}
.newClient__fila.transparente.checkbox2 .newClient__checkboxContent.mini {
  font-size: calc(0.1204819277vw + 11.5481927711px);
}

.personalInfo__grupoBotonesInferiores {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  container-name: personalInfo__grupoBotonesInferiores;
  container-type: inline-size;
}
@container (width <=440px) {
  .personalInfo__grupoBotonesInferiores {
    gap: 12px;
  }
}

.botonInferiorPersonalInfo {
  width: 33%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 48px;
  font-size: 14px;
  min-width: 0px;
  max-width: 192px;
}

.botonReject.botonInferiorPersonalInfo {
  min-width: 180px;
  padding: 0;
}

.botonAdd.botonInferiorPersonalInfo {
  color: rgba(248, 248, 248, 0.6980392157);
  min-width: 120px;
}

.botonNaranja.botonInferiorPersonalInfo {
  font-weight: 400;
  min-width: 120px;
  padding: 0;
}

@container personalInfo (width <=865px) {
  .botonReject.botonInferiorPersonalInfo {
    min-width: 0px;
  }
  .botonReject.botonInferiorPersonalInfo span {
    display: none;
  }
  .newClient__fila.transparente:has(.personalInfo__grupoBotonesInferiores) {
    height: auto;
    min-height: 0;
    padding: 0;
  }
  .newClient__fila.transparente:has(.newClient__checkboxContent.mini) {
    height: auto;
    min-height: 0;
    padding: 0;
  }
  @container personalInfo__grupoBotonesInferiores (width <=440px) {
    .botonReject.botonInferiorPersonalInfo,
    .botonAdd.botonInferiorPersonalInfo,
    .botonNaranja.botonInferiorPersonalInfo {
      min-width: 80px;
      height: 32px;
      max-height: 32px;
      font-size: 12px;
    }
    .botonNaranja.botonInferiorPersonalInfo {
      height: 32px;
      max-height: 32px;
    }
  }
}
/* =====================================
=             MARK:Responsive                
===================================== */
@container personalInfo (width <=1165px) {
  .newClient__fila.transparente:has(.personalInfo__grupoBotonesInferiores) {
    height: auto;
    min-height: 0;
    padding: 0;
  }
  .newClient__fila.transparente.checkbox1 {
    display: none;
  }
  .newClient__fila.transparente.checkbox2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .newClient__fila.switchBase:has(.addCustomField__switch) .addCustomField__switch {
    min-width: 0px;
    max-width: 48px;
  }
  /* Subsection
  ===================================== */
  .newClient__fila__selector {
    min-width: 100%;
  }
  .newClient__fila__selector__opcion, .newClient__fila__selector__opcion.larga {
    padding-inline: 0;
    width: 100%;
    text-align: center;
    max-width: 100%;
  }
  .newClient__fila__selector__opcion.activa, .newClient__fila__selector__opcion.larga.activa {
    padding-inline: 0;
  }
  .newClient__fila__dropdown,
  .newClient__fila__dropdown.largo {
    width: 100%;
    max-width: none;
  }
  .newClient__fila__selector__opcion,
  .newClient__fila__dropdown {
    font-size: 12px;
  }
  .newClient__fila:has(.newClient__fila__selector),
  .newClient__fila:has(.newClient__fila__dropdown) {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    max-height: 121px;
  }
  .newClient__fila:has(.personalInfo__clientGroup__right) {
    min-height: 121px;
  }
  .personalInfo__clientGroup {
    height: 100%;
  }
  /* Subsection
  ===================================== */
  .newClient__fila,
  .newClient__fila:has(.newClient__fila__input.mini),
  .newClient__fila.address {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 16px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    min-width: 45%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 121px;
  }
  .newClient__fila .newClient__fila__descripcion,
  .newClient__fila:has(.newClient__fila__input.mini) .newClient__fila__descripcion,
  .newClient__fila.address .newClient__fila__descripcion {
    font-size: 12px;
  }
  .newClient__fila .newClient__fila__input,
  .newClient__fila .newClient__fila__inputPassword,
  .newClient__fila:has(.newClient__fila__input.mini) .newClient__fila__input,
  .newClient__fila:has(.newClient__fila__input.mini) .newClient__fila__inputPassword,
  .newClient__fila.address .newClient__fila__input,
  .newClient__fila.address .newClient__fila__inputPassword {
    max-width: none;
    font-size: 12px;
  }
  .newClient__fila .newClient__fila__input__textoDerecha,
  .newClient__fila .newClient__fila__inputPassword__textoDerecha,
  .newClient__fila:has(.newClient__fila__input.mini) .newClient__fila__input__textoDerecha,
  .newClient__fila:has(.newClient__fila__input.mini) .newClient__fila__inputPassword__textoDerecha,
  .newClient__fila.address .newClient__fila__input__textoDerecha,
  .newClient__fila.address .newClient__fila__inputPassword__textoDerecha {
    font-size: 12px;
  }
  .newClient__fila:has(.newClient__fila__contenedorCheckboxes) {
    max-height: 121px;
  }
  /* Subsection
  ===================================== */
  .personalInfo__kyc,
  .personalInfo__kyc__indicador,
  .personalInfo__kyc__descripcionMini {
    width: 100%;
    max-width: none;
    font-size: 12px;
  }
  br {
    display: none;
  }
  .newClient__fila:has(.newClient__fila__dropdown) {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 45%;
  }
  /* Subsection
  ===================================== */
  .newClient__fila:has(.personalInfo__clientGroup) {
    height: 121px;
  }
  .personalInfo__clientGroup {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .personalInfo__clientGroup__dropdown {
    font-size: 12px;
  }
  .personalInfo__clientGroup__right {
    width: 100%;
    max-width: none;
    max-height: 48px;
    margin-right: 0px;
  }
  .personalInfo__clientGroup__right .botonAdd {
    font-size: 12px;
  }
  /* Subsection
  ===================================== */
  .newClient__fila__contenedorCheckboxes {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .newClient__fila.checkboxes {
    container-type: inline-size;
    container-name: newClient__fila__checkboxes;
  }
  /* Subsection
  ===================================== */
  .personalInfo__grupoSwitchesMini {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .newClient__fila__descripcion.mini {
    max-width: none;
  }
  .newClient__fila.switchBase:has(.addCustomField__switch) {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .newClient__fila.switchBase:has(.addCustomField__switch) .addCustomField__switch {
    margin-right: 0;
  }
  .newClient__fila:has(.newClient__fila__input) {
    min-width: 157px;
  }
  /* Subsection
  ===================================== */
  .botonInferiorPersonalInfo {
    max-width: none;
  }
  .newClient__fila__grupo.switches.personalInfoSwitch {
    container-type: inline-size;
    container-name: grupoSwitches__personalInfo;
  }
  @container grupoSwitches__personalInfo (width <=567px) {
    .newClient__fila.switchBase.personalInfoSwitch {
      display: none;
    }
    .newClient__fila:has(.newClient__fila__switchesJuntos) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
  }
}
@container personalInfo (width <=865px) {
  .newClient__fila.transparente.checkbox2 {
    margin-top: 5px;
    margin-bottom: 8px;
  }
  .newClient__fila:has(.newClient__fila__dropdown) {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0px;
  }
  .newClient__fila,
  .newClient__fila:has(.newClient__fila__input.mini),
  .newClient__fila.address {
    height: auto;
    max-height: none;
  }
  .newClient__fila:has(.newClient__fila__selector),
  .newClient__fila:has(.newClient__fila__dropdown) {
    max-height: none;
  }
  .newClient__fila.checkboxes {
    height: auto;
    max-height: none;
  }
  .newClient__fila__grupo.especialGap {
    gap: calc(0.6626506024vw + 10.515060241px);
  }
  .newClient__fila.switchBase.personalInfoSwitch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 64px;
  }
  .newClient__fila.switchBase.personalInfoSwitch .newClient__fila__descripcion {
    max-width: 151px;
  }
  .newClient__fila:has(.newClient__fila__switchesJuntos) {
    display: none;
  }
  .newClient__fila__selector__opcion,
  .personalInfo__kyc__indicador,
  .newClient__fila__dropdown,
  .newClient__fila__inputPassword.mini {
    max-height: 40px;
  }
  .personalInfo__kyc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 11px;
  }
  .personalInfo__kyc__estado {
    font-size: 9px;
  }
  .newClient__fila:has(.newClient__fila__inputPassword.mini) {
    min-width: 175px;
  }
}
@container personalInfo (width <=415px) {
  .newClient__fila__contenedorCheckboxes__checkbox {
    min-width: 80px;
  }
  .personalInfo__clientGroup__right {
    max-height: 40px;
  }
  .personalInfo__clientGroup__right .botonAdd {
    min-width: 80px;
    height: 24px;
    border-radius: 12px;
    font-size: 10px;
  }
}
/* Subsection
===================================== */