/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/styles/components/MainLayout.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
.MainLayout_main__0GkCM {
  height: 100dvh;
  display: flex;
}
.MainLayout_main__0GkCM .MainLayout_content__LQi9M {
  flex: 1 1 78%;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/styles/components/BlueWarning.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
.BlueWarning_blueWarning__8ExFh {
  display: flex;
  padding: 20px 16px;
  align-items: center;
  gap: 16px;
  border-radius: 16px;
  border: 2px solid #00A0DE;
  background: #E9F2FE;
  box-shadow: 0px 15px 60px -4px rgba(16, 24, 40, 0.08);
  margin-bottom: 32px;
}
.BlueWarning_blueWarning__8ExFh .BlueWarning_icon___TppZ {
  min-width: 20px;
  min-height: 20px;
}
.BlueWarning_blueWarning__8ExFh .BlueWarning_text__2QBE9 {
  color: #30261D;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 137.5% */
}
.BlueWarning_blueWarning__8ExFh.BlueWarning_withoutBorder__SbrAn {
  border: initial;
  padding: 16px;
  margin-top: 24px;
  margin-bottom: 0;
}
.BlueWarning_blueWarning__8ExFh.BlueWarning_withoutBorder__SbrAn .BlueWarning_text__2QBE9 {
  font-size: 14px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/styles/components/AgenteChat.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.AgenteChat_agenteChatContainer__19OUT {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  height: 100%;
  position: relative;
}

.AgenteChat_agentImage__RT8CG {
  /* Ajusta esta clase según el diseño de tu header */
}

.AgenteChat_chatContainer__BVZFK {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px 24px 0 24px;
  height: 100%;
}
@media (max-width: 1350px) {
  .AgenteChat_chatContainer__BVZFK {
    padding: 16px 16px 0 16px;
  }
}

.AgenteChat_messages__JYQvp {
  flex: 1;
  overflow-y: auto;
  padding: 10px;
}

.AgenteChat_message__LtJhU {
  margin: 10px 0;
  padding: 10px;
  border-radius: 10px;
  word-wrap: break-word;
}

.AgenteChat_userMessage__PLsld {
  background: #E8E5E2;
  align-self: flex-end;
  width: fit-content;
  margin-left: auto;
  padding: 16px;
}

.AgenteChat_userMessage__PLsld, .AgenteChat_botMessage__UKSHX {
  color: #30261D;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%; /* 23.4px */
}

.AgenteChat_botMessage__UKSHX {
  align-self: flex-start;
  width: fit-content;
  margin-right: auto;
}

.AgenteChat_markDown__7XhGh {
  max-width: 100%;
  gap: 16px;
  display: flex;
  flex-direction: column;
}
.AgenteChat_markDown__7XhGh h2, .AgenteChat_markDown__7XhGh h1 {
  font-size: 27px;
}
.AgenteChat_markDown__7XhGh h3 {
  font-size: 24px;
}
.AgenteChat_markDown__7XhGh a {
  color: rgb(0, 112, 243);
}

.AgenteChat_botResponseContainer__4Mg89 {
  display: flex;
  align-items: flex-start;
}

.AgenteChat_containerBotResponse__5_Qoj {
  display: flex;
  margin-right: 10px;
  flex-direction: column;
}

.AgenteChat_tagFaqs__Yqf1d {
  width: fit-content;
  background: #017781;
  border-radius: 400px;
  min-width: 34px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
  text-align: center;
  margin-top: 4px;
  color: white;
}

.AgenteChat_botResponseContainer__4Mg89 > svg {
  margin-right: 10px;
  min-width: 34px;
  min-height: 34px;
}

.AgenteChat_inputContainerText__dQgUx {
  display: flex;
  align-items: flex-end;
}
.AgenteChat_inputContainerText__dQgUx.AgenteChat_dhidden__jzIAx {
  display: none;
}

.AgenteChat_inputContainer__nPhJp {
  padding: 24px 24px 16px 24px;
  border-radius: 12px 12px 0px 0px;
  background: #FFF;
  box-shadow: 14px -17px 40px 4px rgba(112, 144, 176, 0.08);
}

.AgenteChat_containerTextFooter__RiLIc {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 4px;
}
.AgenteChat_containerTextFooter__RiLIc .AgenteChat_textFooter__lexb_ {
  color: #7F7F7F;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 200% */
}
.AgenteChat_containerTextFooter__RiLIc .AgenteChat_containerLegal__0us9D {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.AgenteChat_containerTextFooter__RiLIc .AgenteChat_containerLegal__0us9D .AgenteChat_textCopyR__rTGTq {
  color: #5D6B82;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; /* 171.429% */
}
.AgenteChat_containerTextFooter__RiLIc .AgenteChat_containerLegal__0us9D .AgenteChat_containerLinks__Fzzij {
  display: flex;
  align-items: center;
  gap: 16px;
}
.AgenteChat_containerTextFooter__RiLIc .AgenteChat_containerLegal__0us9D .AgenteChat_containerLinks__Fzzij a {
  color: #5D6B82;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px; /* 171.429% */
}

.AgenteChat_input___YmHl {
  flex: 1;
  padding: 16px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border: 1px solid #F6F5F4;
  background: #F6F5F4;
  color: #30261D;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%; /* 20.8px */
  outline: none;
  resize: none;
  max-height: 200px;
}
.AgenteChat_input___YmHl:focus, .AgenteChat_input___YmHl:focus-visible {
  outline: none;
}
.AgenteChat_input___YmHl:disabled {
  cursor: not-allowed;
}

.AgenteChat_button__qBpMN {
  min-height: 53px;
  padding: 8px 24px;
  border: none;
  cursor: pointer;
  border-radius: 0px 8px 8px 0px;
  background: #00AEAC;
  display: flex;
  align-items: center;
  overflow: hidden;
  color: #fff;
  text-overflow: ellipsis;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 187.5% */
  gap: 10px;
  outline: none;
}
.AgenteChat_button__qBpMN:focus, .AgenteChat_button__qBpMN:focus-visible {
  outline: none;
}

.AgenteChat_button__qBpMN:disabled {
  background-color: #9DDBDA;
  color: white;
  cursor: not-allowed;
}

.AgenteChat_loadingContainer__x9Il5 {
  display: flex;
  align-items: flex-start;
  margin-top: 10px;
}

.AgenteChat_loadingDots__u_pXG {
  display: flex;
}
.AgenteChat_loadingDots__u_pXG span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #00AEAC;
  border-radius: 50%;
  margin: 0 3px;
  animation: AgenteChat_dot__csInM 1s infinite;
}
.AgenteChat_loadingDots__u_pXG span:nth-child(1) {
  animation-delay: 0s;
}
.AgenteChat_loadingDots__u_pXG span:nth-child(2) {
  animation-delay: 0.2s;
}
.AgenteChat_loadingDots__u_pXG span:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes AgenteChat_dot__csInM {
  0%, 20% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/styles/components/MultipleCards.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MultipleCards_container__porec {
  padding: 24px;
}
@media (max-width: 1350px) {
  .MultipleCards_container__porec {
    padding: 16px;
  }
}
.MultipleCards_container__porec .MultipleCards_title__dDAGi {
  color: #017781;
  leading-trim: both;
  text-edge: cap;
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px; /* 266.667% */
  letter-spacing: 0.24px;
}
.MultipleCards_container__porec .MultipleCards_description__l3FKl {
  color: #63513D;
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px; /* 200% */
  letter-spacing: -0.25px;
}
@media (max-width: 1350px) {
  .MultipleCards_container__porec .MultipleCards_description__l3FKl {
    line-height: 45px; /* 200% */
  }
}

.MultipleCards_grid__CbKgk {
  margin-top: 21px;
  display: flex;
  justify-content: flex-start;
  gap: 24px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/styles/components/Card.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Card_card__4rRTS {
  max-width: 26%;
  cursor: pointer;
  border-radius: 8px;
  background: #F6F5F4;
  color: #30261D;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 20.8px */
  text-align: left;
  gap: 30px;
  display: flex;
  padding: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  flex: 1 0 0;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/styles/components/RequestInfoComponent.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.RequestInfoComponent_requestInfoComponent__20JOP {
  padding: 20px 16px;
  max-width: 100%;
  width: 100%;
  border-radius: 16px;
  border: 1px solid #E5E7EB;
  background: #FFF;
  box-shadow: 0px 15px 60px -4px rgba(16, 24, 40, 0.08);
  margin: 50px auto 10px auto;
}
.RequestInfoComponent_requestInfoComponent__20JOP .RequestInfoComponent_collapsedHeader__KzskU {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.RequestInfoComponent_requestInfoComponent__20JOP .RequestInfoComponent_collapsedHeader__KzskU h3 {
  overflow: hidden;
  color: var(--Nestle-Black, #30261D);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; /* 187.5% */
  flex: 1;
}
.RequestInfoComponent_requestInfoComponent__20JOP .RequestInfoComponent_collapsedHeader__KzskU .RequestInfoComponent_infoCounter__3Y3HR {
  overflow: hidden;
  color: #A3A3A3;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 187.5% */
  margin-right: 16px;
}
.RequestInfoComponent_requestInfoComponent__20JOP .RequestInfoComponent_collapsedHeader__KzskU .RequestInfoComponent_infoCounter__3Y3HR span {
  color: #4EAD5B;
}
.RequestInfoComponent_requestInfoComponent__20JOP button {
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: #333;
  font-size: 1.2rem;
  transition: transform 0.3s ease;
}
.RequestInfoComponent_requestInfoComponent__20JOP button:hover {
  transform: scale(1.1);
}
.RequestInfoComponent_requestInfoComponent__20JOP .RequestInfoComponent_content__kIidL {
  display: flex;
  justify-content: space-between;
}
.RequestInfoComponent_requestInfoComponent__20JOP .RequestInfoComponent_content__kIidL .RequestInfoComponent_card__T4lxk {
  width: 100%;
}
.RequestInfoComponent_requestInfoComponent__20JOP .RequestInfoComponent_content__kIidL .RequestInfoComponent_card__T4lxk .RequestInfoComponent_headerCard__FWmp0 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.RequestInfoComponent_requestInfoComponent__20JOP .RequestInfoComponent_content__kIidL .RequestInfoComponent_requesterInfo__murPR,
.RequestInfoComponent_requestInfoComponent__20JOP .RequestInfoComponent_content__kIidL .RequestInfoComponent_requestInfo__vUJx_ {
  width: 100%;
  gap: 8px 16px;
  display: flex;
  flex-wrap: wrap;
  max-width: 90%;
}
.RequestInfoComponent_requestInfoComponent__20JOP .RequestInfoComponent_content__kIidL .RequestInfoComponent_infoItem__tW_hz {
  display: flex;
  align-items: center;
  gap: 8px;
}
.RequestInfoComponent_requestInfoComponent__20JOP .RequestInfoComponent_content__kIidL .RequestInfoComponent_infoItem__tW_hz span {
  overflow: hidden;
  color: #30261D;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 214.286% */
}
.RequestInfoComponent_requestInfoComponent__20JOP .RequestInfoComponent_content__kIidL .RequestInfoComponent_infoItem__tW_hz span.RequestInfoComponent_green__eaj1k {
  color: #4EAD5B;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/styles/components/ItemListWithTooltip.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ItemListWithTooltip_seeMoreContainer__eK9sY {
  position: relative; /* Contenedor relativo para posicionar el tooltip */
  margin-top: 4px;
  cursor: pointer;
}
.ItemListWithTooltip_seeMoreContainer__eK9sY.ItemListWithTooltip_bar__G3_tz {
  margin-top: 0;
}

.ItemListWithTooltip_seeMore__Xuz2i {
  display: flex;
  align-items: center;
}

.ItemListWithTooltip_spanText__AjYta {
  color: #30261D;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.ItemListWithTooltip_blueText__iP29Z {
  overflow: hidden;
  color: #00A0DE;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-left: 4px;
  text-decoration: none;
}

.ItemListWithTooltip_tooltip__oX2PA {
  white-space: nowrap;
  z-index: 1000;
  position: absolute;
  bottom: 150%;
  left: auto;
  right: auto;
  max-width: 276px; /* Opcional: limitar el ancho del tooltip */
  width: 100%;
  background-color: #fff;
  border-radius: 8px;
  padding: 12px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  min-width: 100px;
}
.ItemListWithTooltip_tooltip__oX2PA.ItemListWithTooltip_tooltipBottom__ByDqC {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 8px;
  right: initial;
  bottom: initial;
}
.ItemListWithTooltip_tooltip__oX2PA.ItemListWithTooltip_tooltipTop__eGewY {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: initial;
  margin-bottom: 8px;
}
.ItemListWithTooltip_tooltip__oX2PA.ItemListWithTooltip_bar__G3_tz {
  left: -26px;
  right: initial;
  width: initial;
}
.ItemListWithTooltip_tooltip__oX2PA .ItemListWithTooltip_headTooltip__gprQa {
  color: #30261D;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 157.143% */
  padding-left: 8px;
}
.ItemListWithTooltip_tooltip__oX2PA .ItemListWithTooltip_descriptionTooltip__NpKJc {
  color: #7D7D7D;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  max-height: 72px;
  overflow-y: auto;
  direction: rtl;
  text-align: left;
  padding-left: 8px;
}

.ItemListWithTooltip_iconArrow__UrJQZ {
  position: absolute;
  bottom: -9px;
  left: 24px;
}

.ItemListWithTooltip_tooltip__oX2PA div {
  margin: 4px 0;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/styles/components/Ticket.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Ticket_ticketContainer__I_MQT {
  display: flex;
  width: 100%;
  max-width: 100%;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border-radius: 16px;
  border: 1px solid #E5E7EB;
  background: #FFF;
  position: relative;
  /* Drop Shadow/xl */
  box-shadow: 0px 15px 60px -4px rgba(16, 24, 40, 0.08);
}

.Ticket_tableDomainsDigipis___3gSQ {
  width: 100%;
  border-radius: 12px;
  border: 1px solid #E2E8F0;
  min-width: 800px;
}
.Ticket_tableDomainsDigipis___3gSQ .Ticket_thead__UWBYY, .Ticket_tableDomainsDigipis___3gSQ .Ticket_trow__CLP9R {
  display: flex;
  align-items: flex-start;
  padding: 8px 16px;
}
.Ticket_tableDomainsDigipis___3gSQ .Ticket_trow__CLP9R:not(:last-child) {
  border-bottom: 1px solid #E2E8F0;
}
.Ticket_tableDomainsDigipis___3gSQ .Ticket_thead__UWBYY {
  overflow: hidden;
  color: #454545;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: #F8FAFC;
}
.Ticket_tableDomainsDigipis___3gSQ .Ticket_column1__2dPmQ {
  width: 20%;
}
.Ticket_tableDomainsDigipis___3gSQ .Ticket_column1__2dPmQ > div {
  text-overflow: ellipsis;
  max-width: 90%;
  overflow: hidden;
}
.Ticket_tableDomainsDigipis___3gSQ .Ticket_column2__vGlLY {
  width: 20%;
}
.Ticket_tableDomainsDigipis___3gSQ .Ticket_column3__AxXJc {
  width: 30%;
}
.Ticket_tableDomainsDigipis___3gSQ .Ticket_column4__w8rDp {
  width: 5%;
  margin-right: 5%;
  text-align: center;
}
.Ticket_tableDomainsDigipis___3gSQ .Ticket_column4__w8rDp svg {
  margin: 0 auto;
}
.Ticket_tableDomainsDigipis___3gSQ .Ticket_column5__8SXHl {
  width: 20%;
}

.Ticket_ticketHeaderContainer__b1sER {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.Ticket_ticketHeader__KeWMF {
  overflow: hidden;
  color: #30261D;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 20px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 150% */
}

.Ticket_status__jsYRQ {
  overflow: hidden;
  color: #30261D;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-right: 72px;
}
.Ticket_status__jsYRQ span {
  overflow: hidden;
  color: #1E7AF3;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.Ticket_accordion__P3q5g {
  width: 100%;
}

.Ticket_accordionButton__70W5p {
  background: #007bff;
  color: white;
  border: none;
  padding: 8px 12px;
  border-radius: 4px;
  cursor: pointer;
  width: 100%;
  text-align: left;
}

.Ticket_accordionButton__70W5p:hover {
  background: #0056b3;
}

.Ticket_accordionContent__5mru_ {
  padding: 8px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-top: 8px;
}

.Ticket_requestInfo__Uurl1 {
  margin-bottom: 16px;
  width: 100%;
}

.Ticket_containerRequestInfo__ozw8v {
  display: grid;
  gap: 16px 24px;
}

.Ticket_requestInfo1__dwXMR {
  grid-template-columns: repeat(2, 1fr);
}

.Ticket_approversInfo1__9LNMF {
  grid-template-columns: repeat(2, 1fr);
}

.Ticket_containerItemRequest__hfrwo {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.Ticket_containerItemRequest__hfrwo > div {
  color: #7D7D7D;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.Ticket_containerItemRequest__hfrwo > span {
  color: #30261D;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.Ticket_titleRequest__D7sR_ {
  overflow: hidden;
  color: #00A0DE;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; /* 187.5% */
  border-bottom: 1px solid #d5d5d5;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.Ticket_titleAppro__tCwyF {
  margin-bottom: 8px;
}

.Ticket_actionButtons___6mE2 {
  display: flex;
  gap: 16px;
  justify-content: flex-end;
}

.Ticket_approveContainer__RYVFR > p, .Ticket_denyContainer__bspQE > p {
  margin-bottom: 8px;
}

.Ticket_labelMessage__PxQVf {
  color: #0F1B24;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  letter-spacing: -0.084px;
}

.Ticket_containerTextButtons__fK_Bw {
  display: flex;
  align-items: center;
  gap: 26px;
  margin-top: 8px;
}
.Ticket_containerTextButtons__fK_Bw .Ticket_textArea__w_MYs {
  color: #475569;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 25.6px */
  padding: 12px;
  border-radius: 16px;
  border: 1px solid #CBD5E1;
  background: #FFF;
  min-width: 371px;
  max-width: 371px;
  width: 100%;
}

.Ticket_denyButton__S7tP3 {
  border-radius: 8px;
  background: #DB0007;
  box-shadow: 14px 17px 40px 4px rgba(112, 144, 176, 0.08);
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #FFF;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 20.8px */
}

.Ticket_cancelButton__SWRpH {
  border-radius: 8px;
  border: 1px solid #00A0DE;
  background: #FFF;
  box-shadow: 14px 17px 40px 4px rgba(112, 144, 176, 0.08);
  color: #00A0DE;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 20.8px */
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.Ticket_approveButton__cmpzD {
  border-radius: 8px;
  background: #00A0DE;
  box-shadow: 14px 17px 40px 4px rgba(112, 144, 176, 0.08);
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #FFF;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 20.8px */
}

.Ticket_contCreateTicket__fvX07 {
  margin-top: 20px;
}
.Ticket_contCreateTicket__fvX07 .Ticket_titleCreated__D38mW {
  color: #30261D;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%; /* 23.4px */
  margin-bottom: 12px;
}
.Ticket_contCreateTicket__fvX07 .Ticket_spanEditInformation__ycV9N {
  padding-top: 16px;
  color: #00A0DE;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 23.4px */
  margin-bottom: 12px;
}
.Ticket_contCreateTicket__fvX07 .Ticket_ticketCreatedBtn__VTvbG {
  display: flex;
  align-items: flex-end;
  align-content: center;
  gap: 8px;
}
.Ticket_contCreateTicket__fvX07 .Ticket_ticketCreatedBtn__VTvbG .Ticket_editInfo__DW6ud {
  border-radius: 8px;
  border: 2px solid #00A0DE;
  box-shadow: 14px 17px 40px 4px rgba(112, 144, 176, 0.08);
  display: flex;
  padding: 4px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 37px;
}
.Ticket_contCreateTicket__fvX07 .Ticket_ticketCreatedBtn__VTvbG .Ticket_createdButton__7j_RQ {
  min-height: 37px;
  border-radius: 8px;
  background: #00A0DE;
  /* sombra1 */
  box-shadow: 14px 17px 40px 4px rgba(112, 144, 176, 0.08);
  display: flex;
  padding: 4px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #FFF;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 20.8px */
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/styles/components/TicketSuccess.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TicketSuccess_ticketSuccess__IC8lA {
  margin-top: 16px;
  display: flex;
  max-width: 592px;
  width: 100%;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0px 15px 60px -4px rgba(16, 24, 40, 0.08);
}
.TicketSuccess_ticketSuccess__IC8lA .TicketSuccess_header__gwfey {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
}
.TicketSuccess_ticketSuccess__IC8lA .TicketSuccess_header__gwfey .TicketSuccess_iconContainer__hmaR_ {
  display: flex;
  padding: 9.6px;
  justify-content: center;
  align-items: center;
  border-radius: 7999.2px;
  background: #ECFDF5;
}
.TicketSuccess_ticketSuccess__IC8lA .TicketSuccess_header__gwfey .TicketSuccess_textHeader__J0uWM {
  color: #30261D;
  text-align: center;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px; /* 166.667% */
}
.TicketSuccess_ticketSuccess__IC8lA .TicketSuccess_rowContainerTop__kXJxV {
  display: flex;
  padding: 8px 0px;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-bottom: 1px solid #E8E5E2;
}
.TicketSuccess_ticketSuccess__IC8lA .TicketSuccess_rowContainerTop__kXJxV .TicketSuccess_containerOneTop__OJXGM {
  max-width: 264px;
  width: 100%;
}
.TicketSuccess_ticketSuccess__IC8lA .TicketSuccess_rowContainerTop__kXJxV .TicketSuccess_containerOneTop__OJXGM > span {
  margin-bottom: 8px;
  color: #30261D;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 112.5% */
}
.TicketSuccess_ticketSuccess__IC8lA .TicketSuccess_rowContainerTop__kXJxV .TicketSuccess_containerOneTop__OJXGM > p {
  color: #7D7D7D;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
}
.TicketSuccess_ticketSuccess__IC8lA .TicketSuccess_rowContainerTop__kXJxV .TicketSuccess_containerTwoTop___mQ_c > span {
  margin-bottom: 4px;
  overflow: hidden;
  color: #4491F5;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.TicketSuccess_ticketSuccess__IC8lA .TicketSuccess_rowContainerTop__kXJxV .TicketSuccess_containerTwoTop___mQ_c > p {
  overflow: hidden;
  color: #30261D;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.TicketSuccess_ticketSuccess__IC8lA .TicketSuccess_rowContainerBottom__YDzx2 {
  display: flex;
  padding: 8px 0px;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}
.TicketSuccess_ticketSuccess__IC8lA .TicketSuccess_rowContainerBottom__YDzx2 .TicketSuccess_containerOneBottom__5Yppb {
  max-width: 264px;
  width: 100%;
}
.TicketSuccess_ticketSuccess__IC8lA .TicketSuccess_rowContainerBottom__YDzx2 .TicketSuccess_containerOneBottom__5Yppb > span {
  margin-bottom: 8px;
  color: #30261D;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 112.5% */
}
.TicketSuccess_ticketSuccess__IC8lA .TicketSuccess_rowContainerBottom__YDzx2 .TicketSuccess_containerOneBottom__5Yppb > p {
  color: #7D7D7D;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
}
.TicketSuccess_ticketSuccess__IC8lA .TicketSuccess_rowContainerBottom__YDzx2 .TicketSuccess_containerTwoBottom__ZlKVl > span {
  margin: 0px 0px 4px 0px;
  padding: 0;
  color: #4491F5;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 18.2px */
}
.TicketSuccess_ticketSuccess__IC8lA .TicketSuccess_rowContainerBottom__YDzx2 .TicketSuccess_containerTwoBottom__ZlKVl > p {
  margin: 0;
  padding: 0;
  color: #4491F5;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 18.2px */
}
.TicketSuccess_ticketSuccess__IC8lA .TicketSuccess_newTicket__1ovCu {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 2px solid #9DDBDA;
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #00AEAC;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 137.5% */
  padding: 8px 14px;
  margin: 0 auto;
  cursor: pointer;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/styles/components/MarkdownRenderer.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MarkdownRenderer_markDownComponent__RfVv8 {
  word-break: break-word;
  hyphens: auto;
}
.MarkdownRenderer_markDownComponent__RfVv8 ol, .MarkdownRenderer_markDownComponent__RfVv8 ul, .MarkdownRenderer_markDownComponent__RfVv8 menu {
  margin: revert;
  padding: revert;
  list-style: revert;
}
.MarkdownRenderer_markDownComponent__RfVv8 code {
  white-space: break-spaces;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/styles/components/PendingTickets.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PendingTickets_container__KDgsT {
  display: flex;
  padding: 20px 16px;
  gap: 8px;
  align-self: stretch;
  border-radius: 16px;
  border: 1px solid #E5E7EB;
  background: #FFF;
  box-shadow: 0px 15px 60px -4px rgba(16, 24, 40, 0.08);
  margin-bottom: 12px;
}

.PendingTickets_section___YPEQ {
  flex: 1;
}

.PendingTickets_sectionBorder__km5xM {
  border-left: 1px solid #D9D9D9;
  padding-left: 8px;
}

.PendingTickets_header__UnSnP {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.PendingTickets_seeAll__wnj50 {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.PendingTickets_seeAll__wnj50 span {
  overflow: hidden;
  color: #00AEAC;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 214.286% */
}
.PendingTickets_seeAll__wnj50 svg {
  min-width: 16px;
  min-height: 16px;
}

.PendingTickets_title__keY8K {
  display: flex;
  align-items: center;
  gap: 8px;
}
.PendingTickets_title__keY8K > div {
  overflow: hidden;
  color: #00A0DE;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; /* 187.5% */
}
.PendingTickets_title__keY8K .PendingTickets_total__hX_zk {
  color: #00A0DE;
  text-align: center;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 133.333% */
  letter-spacing: -0.06px;
  display: flex;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 1234px;
  background: #E9F2FE;
}

.PendingTickets_ticketList__auumx {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  max-height: 38px;
  overflow: hidden;
  flex-wrap: wrap;
}

.PendingTickets_ticket__OA8_R {
  cursor: pointer;
  display: flex;
  padding: 4px;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  overflow: hidden;
  color: #30261D;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; /* 214.286% */
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/styles/components/CustomModal.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CustomModal_overlay__DIwrz {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2000;
}

.CustomModal_modal__KderL {
  position: relative;
  background-color: #fff;
  border-radius: 16px;
  width: 100%;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  overflow-x: hidden;
  max-width: 80%;
  overflow-y: auto;
  max-height: 85%;
}

.CustomModal_closeButton__ewD3K {
  position: absolute;
  border-radius: 123px;
  background: #00AEAC;
  display: flex;
  width: 40px;
  height: 40px;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  z-index: 2;
}
.CustomModal_closeButton__ewD3K svg {
  min-width: 24px;
  min-height: 24px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/styles/components/TextWithTooltip.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TextWithTooltip_textContainer__uzq6e {
  position: relative;
  margin-top: -4px;
  padding-top: 4px;
}

.TextWithTooltip_text__cvRZb {
  color: #30261D;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.TextWithTooltip_tooltip__G9swQ {
  z-index: 1000;
  position: absolute;
  bottom: 150%;
  left: 0;
  right: 0;
  min-width: 276px; /* Opcional: limitar el ancho del tooltip */
  max-width: 370px;
  width: 100%;
  background-color: #fff;
  border-radius: 8px;
  padding: 12px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.TextWithTooltip_tooltip__G9swQ.TextWithTooltip_tooltipBottom__oDUyS {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 8px;
  bottom: initial;
  right: initial;
  min-width: 100px;
  max-width: 200px;
}
.TextWithTooltip_tooltip__G9swQ .TextWithTooltip_descriptionTooltip__vwB3S {
  color: #7D7D7D;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  max-height: 72px;
  overflow-y: auto;
  text-align: left;
  padding-left: 8px;
}

.TextWithTooltip_iconArrow__XbIN_ {
  position: absolute;
  bottom: -9px;
  left: 24px;
}

.TextWithTooltip_tooltip__G9swQ div {
  margin-top: 8px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/styles/components/PaginatedTable.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PaginatedTable_tableContainer__8aVea {
  width: 100%;
  margin: 0 auto;
  font-family: Arial, sans-serif;
  min-width: 80%;
  max-height: 656px;
  min-height: 595px;
  overflow: auto;
}

.PaginatedTable_notificationCell__24_ge {
  padding: 15px 24px;
}
.PaginatedTable_notificationCell__24_ge.PaginatedTable_success__L9r_X {
  background: rgba(236, 253, 245, 0.54);
}
.PaginatedTable_notificationCell__24_ge.PaginatedTable_deny__F7AZC {
  background: rgba(243, 180, 182, 0.2);
}

.PaginatedTable_contNoti__IHY8w {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #30261D;
}

.PaginatedTable_textNoti__yFa22 {
  color: #30261D;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 187.5% */
}
.PaginatedTable_textNoti__yFa22 > span {
  color: #00A0DE;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
}

.PaginatedTable_iconContainer__SXdzi {
  display: flex;
  padding: 9.6px;
  justify-content: center;
  align-items: center;
  border-radius: 7999.2px;
}
.PaginatedTable_iconContainer__SXdzi svg {
  width: 27px;
  height: 27px;
}

.PaginatedTable_iconGreen__PwIDy {
  background: #ECFDF5;
}

.PaginatedTable_iconRed__ljRVe {
  background: rgba(237, 87, 103, 0.17);
}

.PaginatedTable_table__wJUUs {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
  border-radius: 16px;
}

.PaginatedTable_headerCell__udbvN {
  text-align: left;
  padding: 24px 16px;
  min-height: 48px;
  cursor: pointer;
  border-bottom: 1px solid #CBD5E1;
  background: #F8FAFC;
  color: #30261D;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 142.857% */
}
.PaginatedTable_headerCell__udbvN:first-child {
  border-top-left-radius: 16px;
}
.PaginatedTable_headerCell__udbvN:last-child {
  border-top-right-radius: 16px;
}

.PaginatedTable_row__vKMV2 {
  transition: background-color 0.2s;
}
.PaginatedTable_row__vKMV2:hover {
  background-color: #f9f9f9;
}
.PaginatedTable_row__vKMV2.PaginatedTable_activeRow__UuUr5 td {
  border-bottom: 1px solid #9ACBEB;
}

.PaginatedTable_cell___pVcs {
  padding: 12px 16px;
  border-bottom: 1px solid #E2E8F0;
  background: #FFF;
  color: #30261D;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  letter-spacing: -0.096px;
}

.PaginatedTable_expandedRow__Qh38y {
  background-color: #FFF;
}

.PaginatedTable_expandedCell__21Rh5 {
  border: none;
  background: #fff;
}
.PaginatedTable_expandedCell__21Rh5 > div {
  width: 100%;
  max-width: 100%;
  border-radius: 0;
  border: none;
  padding: 16px 32px;
}

.PaginatedTable_PrevNextBtn__vPAM0 {
  color: #454545;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 142.857% */
  letter-spacing: -0.084px;
  display: flex;
  min-height: 40px;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.PaginatedTable_prevPag__a03vq {
  padding: 8px 16px 8px 10px;
}

.PaginatedTable_nextPag__5Q5YA {
  padding: 8px 10px 8px 16px;
}

.PaginatedTable_pagination__fb8Xe {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 0px;
  gap: 16px;
}

.PaginatedTable_containerBtnPag__V3Fiv {
  display: flex;
  align-items: center;
}

.PaginatedTable_paginationButton__mxe6Z {
  display: flex;
  width: 40px;
  height: 40px;
  padding-bottom: 1px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.PaginatedTable_activeButton__vMSka {
  border-radius: 123px;
  background: #E8E5E2;
  color: #00AEAC;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/styles/components/TicketSuccessNext.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TicketSuccessNext_ticketSuccessNext__dUQOz {
  display: flex;
  max-width: 592px;
  min-width: 590px;
  width: 100%;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0px 15px 60px -4px rgba(16, 24, 40, 0.08);
  position: relative;
}
.TicketSuccessNext_ticketSuccessNext__dUQOz .TicketSuccessNext_header__IGcAb {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 6px;
}
.TicketSuccessNext_ticketSuccessNext__dUQOz .TicketSuccessNext_header__IGcAb .TicketSuccessNext_iconContainer__sRR7q {
  display: flex;
  padding: 9.6px;
  justify-content: center;
  align-items: center;
  border-radius: 7999.2px;
}
.TicketSuccessNext_ticketSuccessNext__dUQOz .TicketSuccessNext_header__IGcAb .TicketSuccessNext_iconGreen__2sqJl {
  background: #ECFDF5;
}
.TicketSuccessNext_ticketSuccessNext__dUQOz .TicketSuccessNext_header__IGcAb .TicketSuccessNext_iconRed__FsVqt {
  background: rgba(237, 87, 103, 0.17);
}
.TicketSuccessNext_ticketSuccessNext__dUQOz .TicketSuccessNext_header__IGcAb .TicketSuccessNext_textHeader__ERm4T {
  color: #30261D;
  text-align: center;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px; /* 166.667% */
}
.TicketSuccessNext_ticketSuccessNext__dUQOz .TicketSuccessNext_rowContainer__0Pzu6 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}
.TicketSuccessNext_ticketSuccessNext__dUQOz .TicketSuccessNext_rowContainer__0Pzu6 > span {
  color: #30261D;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 112.5% */
}
.TicketSuccessNext_ticketSuccessNext__dUQOz .TicketSuccessNext_rowContainer__0Pzu6 > p {
  color: #7D7D7D;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
}
.TicketSuccessNext_ticketSuccessNext__dUQOz .TicketSuccessNext_newTicket__A0azs {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #00AEAC;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #FFF;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 137.5% */
  padding: 8px 14px;
  margin: 24px auto 0 auto;
  cursor: pointer;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/styles/components/LoginComponent.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.LoginComponent_container__Nwsum {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background-color: #f5f5f5;
  flex-direction: column;
}

.LoginComponent_card__dk8i3 {
  background-color: #fff;
  padding: 2rem;
  border-radius: 12px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  max-width: 400px;
  text-align: center;
}

.LoginComponent_logo__CYMvw {
  margin-bottom: 38px;
}

.LoginComponent_title__OYO7_ {
  color: #30261D;
  text-align: center;
  font-family: Inter;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 46px; /* 153.333% */
}

.LoginComponent_description__pFInJ {
  color: #7D7D7D;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 162.5% */
  margin-top: 8px;
}

.LoginComponent_error__8Zjjv {
  margin-top: 8px;
  color: rgb(239, 68, 68);
}

.LoginComponent_footer__3bIWG {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 48px;
  color: #8A7969;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.14px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[9].use[5]!./src/styles/btns/AuthButtons.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AuthButtons_btnLogin__flkji {
  display: flex;
  width: 257px;
  padding: 8px 14px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #00AEAC;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #FFF;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 137.5% */
  margin: 24px auto 0 auto;
}