/*------------------------------------*\
    #ABSTRACTS
\*------------------------------------*/
@import url("https://use.typekit.net/bvx4jqo.css");
@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");
:root {
  /* ALERT */
  --c_alert_error: #fdf2f2;
  --c_alert_info: #f2f7f9;
  --c_alert_primary_text: #222222;
  --c_alert_succes: #eff7ef;
  --c_alert_warning: #fdf6e6;
  /* BACKGROUNDS */
  --c_backgrounds_blue_baby: #f2f7f9;
  --c_backgrounds_blue_bright: #f0f5ff;
  --c_backgrounds_blue_navy: #004d7e;
  --c_backgrounds_blue_pastel: #e4edf5;
  --c_backgrounds_blue_sky: #3377c0;
  --c_backgrounds_blue_ultramarine: #2a6adb;
  --c_backgrounds_gray_baby: #f8f8f8;
  --c_backgrounds_midnight: #ffffff;
  --c_backgrounds_white: #ffffff;
  --c_backgrounds_primary_chat: #D0D0D0;
  --c_backgrounds_secondary_chat: #595959;
  --c_backgrounds_blue_telcel: #00308b;
  --c_backgrounds_navbar_telcel: #FFFFFF;
  --c_backgrounds_mi_telcel: #ebf6ff;
  /* BUTTON */
  --c_button_alert_textprimary: #ffffff;
  --c_button_alert_textsecondary: #222222;
  --c_button_error_active: #d32222;
  --c_button_error_border: #d32222;
  --c_button_error_hover: #bd1e1e;
  --c_button_error_secondaryhover: #fdf2f2;
  --c_button_icon_active: #0071d1;
  --c_button_icon_disabled: #595959;
  --c_button_icon_hover: #f0f5ff;
  --c_button_icon_secondary: #ffffff;
  --c_button_info_active: #00529b;
  --c_button_info_border: #00529b;
  --c_button_info_hover: #004380;
  --c_button_info_secondaryhover: #f2f7f9;
  --c_button_primary_active: #7b1fa2;
  --c_button_primary_disabled: #d0d0d0;
  --c_button_primary_hover: #8835ab;
  --c_button_secondary_active: #ffffff;
  --c_button_secondary_border: #7b1fa2;
  --c_button_secondary_borderdisabled: #595959;
  --c_button_secondary_disabled: #ffffff;
  --c_button_secondary_hover: #ebddf1;
  --c_button_success_active: #008000;
  --c_button_success_border: #008000;
  --c_button_success_hover: #006600;
  --c_button_success_secondaryhover: #eff7ef;
  --c_button_tertiary_active: #e4edf5;
  --c_button_tertiary_border: #0071d1;
  --c_button_tertiary_hover: #deedfb;
  --c_button_tertiary_select: #0071d1;
  --c_button_warning_active: #ebab07;
  --c_button_warning_border: #ebab07;
  --c_button_warning_hover: #d09706;
  --c_button_warning_secondary: #fdf6e6;
  --c_button_warning_secondaryhover: #fdf6e6;
  /* CHART */
  --c_chart_text_data: #222222;
  --c_chart_text_porcentage: #757575;
  --c_chart_chart_background: #d0d0d0;
  --c_chart_full: #8cc14b;
  --c_chart_half: #ffcb31;
  --c_chart_low: #e33b4d;
  --c_chart_unlimited: #66e2fc;
  /* ICON */
  --c_icon_button_primary: #ffffff;
  --c_icon_button_secondary: #7b1fa2;
  --c_icon_error_primary: #d32222;
  --c_icon_informative_primary: #00529b;
  --c_icon_primary_active: #0071d1;
  --c_icon_secondary_active: #ffffff;
  --c_icon_secondary_informative: #f2f7f9;
  --c_icon_success_primary: #008000;
  --c_icon_warning_primary: #ebab07;
  --c_icon_navbarapp: #757575;
  /* INPUT */
  --c_inputs_background_error: #ffffff;
  --c_inputs_background_focus: #ffffff;
  --c_inputs_border_active: #757575;
  --c_inputs_border_disabled: #d0d0d0;
  --c_inputs_border_error: #d32222;
  --c_inputs_border_focus: #0071d1;
  --c_inputs_description_error: #d32222;
  --c_inputs_input_active: #ffffff;
  --c_inputs_label_active: #222222;
  --c_inputs_text_active: #757575;
  --c_inputs_text_error: #222222;
  --c_inputs_text_focus: #222222;
  --c_inputs_background_disabled: #f8f8f8;
  --c_inputs_label_disabled: #595959;
  --c_inputs_label_error: #d32222;
  --c_inputs_label_focus: #0071d1;
  --c_inputs_text_disabled: #595959;
  /* TAG */
  --c_tag_data_background: #ffffff;
  --c_tag_data_border: #00529b;
  --c_tag_data_text: #00529b;
  --c_tag_exclusivo_background: #ffe4b9;
  --c_tag_exclusivo_text: #5a3d10;
  --c_tag_informativo_background: #e4edf5;
  --c_tag_informativo_text: #00529b;
  --c_tag_lanzamiento_background: #f6eaf7;
  --c_tag_lanzamiento_text: #9723a0;
  --c_tag_mas_vendido_background: #ffe7de;
  --c_tag_mas_vendido_text: #b12f08;
  --c_tag_nuevo_background: #f2e4ea;
  --c_tag_nuevo_text: #960747;
  --c_tag_preventa_background: #e9ecf7;
  --c_tag_preventa_text: #1c42b4;
  --c_tag_promocion_background: #f0f7ef;
  --c_tag_promocion_text: #006100;
  --c_tag_proximamente_background: #eeebf4;
  --c_tag_proximamente_text: #5e3b96;
  --c_tag_recomendado_background: #e4eef0;
  --c_tag_recomendado_text: #00575f;
  --c_tag_recurrente_background: #ffe8d8;
  --c_tag_recurrente_text: #7b3200;
  --c_tag_regalo_background: #f0f7ef;
  --c_tag_regalo_text: #006100;
  /* TEXT */
  --c_text_black_primary: #222222;
  --c_text_highlight: #c71585;
  --c_text_informative: #00529b;
  --c_text_primary_text: #ffffff;
  --c_text_primary_textlink: #0071d1;
  --c_text_secondary_text: #7b1fa2;
  --c_text_secondary_textlink: #ffffff;
  --c_text_support: #757575;
  --c_text_textdisabled: #595959;
  --c_text_white_secondary: #ffffff;
  --c_text_ilimitado_text: #31747e;
  --c_text_medio_text: #aa7f00;
  /* TOOLS */
  --c_tools_divider: #d0d0d0;
  --c_tools_focus: #0071d1;
  --c_tools_stroke: #595959;
  --c_tools_overlay: #0000003C;
  --c_tools_blue_bright_mi_telcel: #cbdffc;
  /* Espaciado */
  --spacing_3xs: 4px;
  --spacing_2xs: 8px;
  --spacing_xs: 12px;
  --spacing_sm: 16px;
  --spacing_md: 20px;
  --spacing_lg: 24px;
  --spacing_xl: 28px;
  --spacing_2xl: 32px;
  --spacing_3xl: 36px;
  --spacing_4xl: 40px;
  --spacing_5xl: 44px;
  --spacing_6xl: 48px;
  --spacing_7xl: 52px;
  --spacing_8xl: 56px;
  /* Radius */
  --radius_none: 0px;
  --radius_s: 16px;
  --radius_m: 24px;
  /* Shadows */
  --level_1: 0px 0px 6px 0px rgba(0, 34, 77, 0.2);
  --level_2: 0px 3px 14px 0px rgba(0, 34, 77, 0.2);
  --level_3: 0px 12px 22px 0px rgba(0, 34, 77, 0.2);
  --font_primary: "source-sans-pro", sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* ALERT */
    --c_alert_error: #16212c;
    --c_alert_info: #16212c;
    --c_alert_primary_text: #16212c;
    --c_alert_succes: #16212c;
    --c_alert_warning: #16212c;
    /* BACKGROUNDS */
    --c_backgrounds_blue_baby: #252d3c;
    --c_backgrounds_blue_bright: #35465f;
    --c_backgrounds_blue_navy: #191f2d;
    --c_backgrounds_blue_pastel: #405673;
    --c_backgrounds_blue_sky: #1b2331;
    --c_backgrounds_blue_ultramarine: #0a1015;
    --c_backgrounds_gray_baby: #071b36;
    --c_backgrounds_midnight: #2a3948;
    --c_backgrounds_white: #191f2d;
    --c_backgrounds_primary_chat: #F2F8FC;
    --c_backgrounds_secondary_chat: #D0D0D0;
    --c_backgrounds_blue_telcel: #0a1015;
    --c_backgrounds_navbar_telcel: #0a1015;
    --c_backgrounds_mi_telcel: #16212c;
    /* BUTTON */
    --c_button_alert_textprimary: #f2f8fc;
    --c_button_alert_textsecondary: #f2f8fc;
    --c_button_error_active: #ff6961;
    --c_button_error_border: #ff6961;
    --c_button_error_hover: #ff9994;
    --c_button_error_secondaryhover: #32415d;
    --c_button_icon_active: #83cef6;
    --c_button_icon_disabled: #d0d0d0;
    --c_button_icon_hover: #303b52;
    --c_button_icon_secondary: #071b36;
    --c_button_info_active: #3c97e5;
    --c_button_info_border: #3c97e5;
    --c_button_info_hover: #97c8f1;
    --c_button_info_secondaryhover: #32415d;
    --c_button_primary_active: #d2aefd;
    --c_button_primary_disabled: #595959;
    --c_button_primary_hover: #e8d6fe;
    --c_button_secondary_active: #071b36;
    --c_button_secondary_border: #d2aefd;
    --c_button_secondary_borderdisabled: #595959;
    --c_button_secondary_disabled: #002045;
    --c_button_secondary_hover: #32415d;
    --c_button_success_active: #08bf48;
    --c_button_success_border: #08bf48;
    --c_button_success_hover: #08bf48;
    --c_button_success_secondaryhover: #32415d;
    --c_button_tertiary_active: #252d3c;
    --c_button_tertiary_border: #d2aefd;
    --c_button_tertiary_hover: #1b2a46;
    --c_button_tertiary_select: #d2aefd;
    --c_button_warning_active: #ff8c00;
    --c_button_warning_border: #ff8c00;
    --c_button_warning_hover: #cc7000;
    --c_button_warning_secondary: #32415d;
    --c_button_warning_secondaryhover: #32415d;
    /* CHART */
    --c_chart_text_data: #f2f8fc;
    --c_chart_text_porcentage: #f2f8fc;
    --c_chart_chart_background: #d0d0d0;
    --c_chart_full: #8cc14b;
    --c_chart_half: #ffcb31;
    --c_chart_low: #e33b4d;
    --c_chart_unlimited: #66e2fc;
    /* ICON */
    --c_icon_button_primary: #002045;
    --c_icon_button_secondary: #ebddf1;
    --c_icon_error_primary: #ff6961;
    --c_icon_informative_primary: #3c97e5;
    --c_icon_primary_active: #83cef6;
    --c_icon_secondary_active: #f2f8fc;
    --c_icon_secondary_informative: #3c97e5;
    --c_icon_success_primary: #069036;
    --c_icon_warning_primary: #9a7800;
    --c_icon_navbarapp: #d0d0d0;
    /* INPUT */
    --c_inputs_background_error: #002045;
    --c_inputs_background_focus: #002045;
    --c_inputs_border_active: #f2f8fc;
    --c_inputs_border_disabled: #595959;
    --c_inputs_border_error: #ff6961;
    --c_inputs_border_focus: #83cef6;
    --c_inputs_description_error: #ff6961;
    --c_inputs_input_active: #252d3c;
    --c_inputs_label_active: #f2f8fc;
    --c_inputs_text_active: #999999;
    --c_inputs_text_error: #f2f8fc;
    --c_inputs_text_focus: #f2f8fc;
    --c_inputs_background_disabled: #252d3c;
    --c_inputs_label_disabled: #d0d0d0;
    --c_inputs_label_error: #ff6961;
    --c_inputs_label_focus: #83cef6;
    --c_inputs_text_disabled: #d0d0d0;
    /* TAG */
    --c_tag_data_background: #1b2a46;
    --c_tag_data_border: #3c97e5;
    --c_tag_data_text: #3c97e5;
    --c_tag_exclusivo_background: #f7b374;
    --c_tag_exclusivo_text: #5a3d10;
    --c_tag_informativo_background: #191f2d;
    --c_tag_informativo_text: #f2f8fc;
    --c_tag_lanzamiento_background: #f2cef5;
    --c_tag_lanzamiento_text: #4f0855;
    --c_tag_mas_vendido_background: #facab8;
    --c_tag_mas_vendido_text: #842204;
    --c_tag_nuevo_background: #ffd5e8;
    --c_tag_nuevo_text: #80033c;
    --c_tag_preventa_background: #d3dcff;
    --c_tag_preventa_text: #1b3789;
    --c_tag_promocion_background: #d8fedd;
    --c_tag_promocion_text: #0a500a;
    --c_tag_proximamente_background: #e7dbff;
    --c_tag_proximamente_text: #532e95;
    --c_tag_recomendado_background: #ccf7ff;
    --c_tag_recomendado_text: #0f575d;
    --c_tag_recurrente_background: #ffe8d8;
    --c_tag_recurrente_text: #7b3200;
    --c_tag_regalo_background: #d8fed3;
    --c_tag_regalo_text: #0a500a;
    /* TEXT */
    --c_text_black_primary: #f2f8fc;
    --c_text_highlight: #ffbdff;
    --c_text_informative: #4aa6f6;
    --c_text_primary_text: #002045;
    --c_text_primary_textlink: #83cef6;
    --c_text_secondary_text: #d2aefd;
    --c_text_secondary_textlink: #83cef6;
    --c_text_support: #c8c8c8;
    --c_text_textdisabled: #d0d0d0;
    --c_text_white_secondary: #f2f8fc;
    --c_text_ilimitado_text: #0cbad4;
    --c_text_medio_text: #ffd968;
    /* TOOLS */
    --c_tools_divider: #f2f8fc;
    --c_tools_focus: #83cef6;
    --c_tools_stroke: #d0d0d0;
    --c_tools_overlay: #0000003C;
    --c_tools_blue_bright_mi_telcel: #191f2d;
  }
}

/* INICIO DE ORGANISMO MtHeader */
.MtHeader {
  position: relative;
  background: var(--c_backgrounds_blue_telcel);
}
.MtHeader #open_search {
  display: none;
}
@media (min-width: 768px) {
  .MtHeader #open_search {
    display: block;
  }
}
.MtHeader .openModalBot img {
  pointer-events: none;
}
.MtHeader__quickAccess {
  width: 100%;
}
.MtHeader__quickAccess:after {
  content: "";
  display: block;
  width: 100%;
  height: 20px;
  background: var(--c_backgrounds_midnight);
  -webkit-mask: url("../../../public/images/header/Pleca_menu.svg") no-repeat center;
  mask: url("../../../public/images/header/Pleca_menu.svg") no-repeat center;
  mask-position: center bottom;
  mask-size: cover;
}
@media (max-width: 349px) {
  .MtHeader__quickAccess:after {
    display: none;
  }
}
@media (min-width: 768px) {
  .MtHeader__quickAccess:after {
    display: none;
  }
}
.MtHeader__quickAccess .quickAccess-list {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--c_backgrounds_midnight);
  padding: var(--spacing_2xs) var(--spacing_sm);
  width: 100%;
}
@media (min-width: 414px) {
  .MtHeader__quickAccess .quickAccess-list {
    justify-content: center;
    gap: var(--spacing_sm);
  }
}
@media (min-width: 768px) {
  .MtHeader__quickAccess .quickAccess-list {
    gap: var(--spacing_lg);
  }
}
.MtHeader__quickAccess .quickAccess-list li {
  width: 20%;
  max-width: 66px;
}
.MtHeader__quickAccess .quickAccess-list li a {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing_3xs);
  font-size: 0.812rem;
  font-weight: 600;
  line-height: normal;
  font-family: var(--font_primary);
  color: var(--c_icon_primary_active);
  text-decoration: none;
}
@media (max-width: 349px) {
  .MtHeader__quickAccess .quickAccess-list li a .quickAccess-label {
    display: none;
  }
}
.MtHeader__quickAccess .quickAccess-list li a:hover {
  text-decoration: underline;
}
.MtHeader__container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing_sm);
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  padding: var(--spacing_sm);
}
@media (max-width: 767px) {
  .MtHeader__container {
    flex-direction: row-reverse;
  }
}
.MtHeader__container .button__link {
  color: var(--c_text_secondary_textlink);
}
.MtHeader__container .button__link svg {
  fill: var(--c_text_secondary_textlink);
}
.MtHeader__actions {
  display: flex;
  gap: var(--spacing_sm);
  justify-content: center;
  align-items: center;
  width: 100%;
}
.MtHeader__infoUser {
  margin: 0 auto;
  max-width: calc(100% - 80px);
}
.MtHeader__infoUser--hidden {
  display: none;
}
@media (max-width: 767px) {
  .MtHeader__infoUser--hidden {
    display: block;
  }
}
.MtHeader__logo img {
  height: 24px;
  width: auto;
}
.MtHeader__logo .desktop {
  display: none;
}
@media (min-width: 768px) {
  .MtHeader__logo .desktop {
    display: block;
  }
}
@media (min-width: 1025px) {
  .MtHeader__logo .desktop img {
    display: none;
  }
  .MtHeader__logo .desktop img:first-child {
    display: block;
  }
}
@media (max-width: 1024px) {
  .MtHeader__logo .desktop img {
    display: block;
  }
  .MtHeader__logo .desktop img:first-child {
    display: none;
  }
}
.MtHeader__logo .mobile {
  display: block;
}
@media (min-width: 768px) {
  .MtHeader__logo .mobile {
    display: none;
  }
}
.MtHeader__iconsActions {
  display: flex;
  gap: var(--spacing_sm);
  justify-content: flex-end;
  align-items: center;
}
.MtHeader__user {
  display: flex;
  gap: var(--spacing_sm);
  align-items: center;
  justify-content: center;
  height: 24px;
  max-width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  font-family: var(--font_primary);
  color: var(--c_text_white_secondary);
}
@media (max-width: 767px) {
  .MtHeader__user {
    flex-direction: column;
    gap: var(--spacing_3xs);
    height: fit-content;
  }
  .MtHeader__user .MtHeader__userLine {
    display: none;
  }
}
@media (max-width: 767px) {
  .MtHeader__userName {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: normal;
    font-family: var(--font_primary);
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.MtHeader__userNumber {
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  font-family: var(--font_primary);
  display: flex;
  align-items: center;
  gap: var(--spacing_2xs);
}
@media (max-width: 767px) {
  .MtHeader__userNumber {
    font-weight: normal;
    white-space: nowrap;
  }
}
.MtHeader__userNumber--asociated {
  font-size: 0.812rem;
  font-weight: 400;
  line-height: normal;
  font-family: var(--font_primary);
}
.MtHeader__userLine {
  width: 1px;
  height: 100%;
  background-color: var(--c_text_white_secondary);
  display: block;
}
.MtHeader__buttonMenu {
  font-size: 1rem;
  font-weight: 600;
  line-height: normal;
  font-family: var(--font_primary);
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  min-width: fit-content;
}
.MtHeader__buttonMenu .icon__menu {
  width: 18px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.5px;
}
.MtHeader__buttonMenu .icon__menu:before, .MtHeader__buttonMenu .icon__menu:after,
.MtHeader__buttonMenu .icon__menu span {
  content: "";
  display: block;
  width: 100%;
  height: 1.5px;
  background: var(--c_text_secondary_textlink);
  border-radius: 10px;
  transition: all 0.5s;
}
.MtHeader__accountAsociated {
  gap: var(--spacing_2xs);
  max-width: 100%;
  color: var(--c_text_white_secondary) !important;
}
.MtHeader__navigation {
  display: none;
}
.MtHeader__search {
  width: 100%;
  max-width: 128px;
  height: 40px;
  background: var(--c_inputs_input_active);
  border-radius: 40px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: left;
  padding: 0 var(--spacing_sm);
  transition: all 0.4s;
}
.MtHeader__search label {
  position: absolute;
}
.MtHeader__search input {
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  font-family: var(--font_primary);
  color: var(--c_text_black_primary);
}
.MtHeader__search input:focus-visible {
  outline: none;
}
@media (max-width: 767px) {
  .MtHeader__search {
    display: none;
  }
}
.MtHeader__search .icon__search {
  width: 24px;
  min-width: 24px;
  height: 24px;
  border: none;
  background: none;
  pointer-events: none;
  position: relative;
  padding: 0;
}
.MtHeader__search .icon__search::before, .MtHeader__search .icon__search::after {
  content: "";
  position: absolute;
  transition: all 0.8s;
}
.MtHeader__search .icon__search::before {
  width: 11px;
  height: 11px;
  border: 1.5px solid var(--c_button_icon_disabled);
  border-radius: 50%;
  top: 2.99px;
  left: 2.99px;
  box-sizing: content-box;
}
.MtHeader__search .icon__search::after {
  width: 8px;
  height: 1.5px;
  border-radius: 1px;
  top: 15.99px;
  right: 2.99px;
  transform: rotate(45deg);
  background: var(--c_button_icon_disabled);
}
.MtHeader__search.focus {
  max-width: 679px;
  margin-left: auto;
  border: 1px solid var(--c_inputs_border_focus);
}
.MtHeader__search.focus .icon__search {
  cursor: pointer;
  pointer-events: all;
}
.MtHeader__search.focus .icon__search:before {
  width: 18px;
  height: 1.5px;
  background: var(--c_icon_primary_active);
  border: none;
  top: 12px;
  transform: rotate(45deg);
  border-radius: 1px;
}
.MtHeader__search.focus .icon__search:after {
  width: 18px;
  background: var(--c_icon_primary_active);
  top: 12px;
  transform: rotate(-45deg);
}
.MtHeader__search.focus .button__search {
  display: flex;
}
.MtHeader__searchResults {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  background-color: var(--c_backgrounds_midnight);
  border-radius: var(--radius_s);
  position: absolute;
  box-shadow: var(--level_3);
  z-index: 100000;
  top: 72px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 1024px;
  padding: var(--spacing_sm);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--spacing_sm);
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  font-family: var(--font_primary);
}
@media (max-width: 767px) {
  .MtHeader__searchResults {
    height: calc(100vh - 141px);
    overflow-y: scroll;
    top: 148px;
    border-radius: 0;
    box-shadow: none;
    flex-wrap: nowrap;
    flex-direction: column;
  }
}
.MtHeader__searchResults-title {
  font-size: 1rem;
  font-weight: 600;
  line-height: normal;
  font-family: var(--font_primary);
  color: var(--c_text_black_primary);
}
.MtHeader__searchResults a {
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  font-family: var(--font_primary);
  color: var(--c_text_primary_textlink);
  text-decoration: none;
}
.MtHeader__searchResults a:hover {
  text-decoration: underline;
}
.MtHeader__searchResults ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing_2xs);
}
.MtHeader__searchResults-group {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing_2xs);
}
@media (min-width: 768px) {
  .MtHeader__searchResults-group {
    width: calc(50% - 12px);
  }
}
@media (min-width: 1025px) {
  .MtHeader__searchResults-group {
    width: calc(20% - 12.8px);
  }
}
.MtHeader__searchResults[hidden] {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.MtHeader__notifications {
  position: absolute;
  box-shadow: var(--level_3);
  z-index: 100000;
  top: 72px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 1024px;
  padding: var(--spacing_sm);
  padding-top: 0;
  border-radius: var(--radius_s);
  background-color: var(--c_backgrounds_midnight);
}
.MtHeader__notifications-all {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing_sm);
  width: 100%;
}
.MtHeader__notifications-all .NotificationsCard {
  width: calc(50% - 8px);
}
.MtHeader__notifications-all .NotificationsCard__card {
  height: 100%;
}
.MtHeader__notifications-all .NotificationsCard__content {
  margin-top: auto;
}
.MtHeader__notifications-all.open .NotificationsCard, .MtHeader__notifications-all.open .NotificationsCard__card {
  width: 100%;
  max-width: none;
  border-bottom: 0;
}
.MtHeader__noResults {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing_sm);
  justify-content: center;
  width: 100%;
}
.MtHeader__noResults-title {
  font-size: 1rem;
  font-weight: 600;
  line-height: normal;
  font-family: var(--font_primary);
  color: var(--c_text_black_primary);
}
.MtHeader__noResults-text {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  font-family: var(--font_primary);
  color: var(--c_text_black_primary);
}
.MtHeader__noResults .button__secondary {
  margin: var(--spacing_sm) auto 0;
}
.MtHeader.open_menu .MtHeader__buttonMenu .icon__menu {
  gap: 0;
}
.MtHeader.open_menu .MtHeader__buttonMenu .icon__menu span {
  display: none;
}
.MtHeader.open_menu .MtHeader__buttonMenu .icon__menu:before {
  transform: rotate(45deg);
}
.MtHeader.open_menu .MtHeader__buttonMenu .icon__menu:after {
  transform: rotate(-45deg);
  margin-top: -1.5px;
}
.MtHeader.open_menu .MtHeader__navigation {
  display: block;
  position: absolute;
  top: 100%;
  z-index: 10000;
  box-shadow: var(--level_3);
}
@media (min-width: 768px) {
  .MtHeader.open_menu .MtHeader__navigation {
    right: 0;
    background-color: var(--c_backgrounds_white);
    border-radius: var(--radius_s);
    padding: var(--spacing_sm) var(--spacing_2xl);
    width: 440px;
    margin-top: 8px;
  }
  .MtHeader.open_menu .MtHeader__navigation .AccessCardContainer__cards {
    display: block;
    column-count: 2;
    column-gap: var(--spacing_8xl);
  }
  .MtHeader.open_menu .MtHeader__navigation .AccessCardContainer__cards .AccessCard,
.MtHeader.open_menu .MtHeader__navigation .AccessCardContainer__cards .AccordionModalButton {
    padding: 0;
    height: 40px;
    border: 0;
    margin-bottom: var(--spacing_xs);
    break-inside: avoid;
    background-color: transparent;
    border-radius: 8px;
  }
  .MtHeader.open_menu .MtHeader__navigation .AccessCardContainer__cards .AccessCard::after,
.MtHeader.open_menu .MtHeader__navigation .AccessCardContainer__cards .AccordionModalButton::after {
    display: none;
  }
  .MtHeader.open_menu .MtHeader__navigation .AccessCardContainer__cards .AccessCard .AccessCard__title,
.MtHeader.open_menu .MtHeader__navigation .AccessCardContainer__cards .AccessCard .AccordionModalButton__title,
.MtHeader.open_menu .MtHeader__navigation .AccessCardContainer__cards .AccordionModalButton .AccessCard__title,
.MtHeader.open_menu .MtHeader__navigation .AccessCardContainer__cards .AccordionModalButton .AccordionModalButton__title {
    font-size: 1rem;
    font-weight: 600;
    line-height: normal;
    font-family: var(--font_primary);
  }
  .MtHeader.open_menu .MtHeader__navigation .AccessCardContainer__cards .AccessCard:hover,
.MtHeader.open_menu .MtHeader__navigation .AccessCardContainer__cards .AccordionModalButton:hover {
    background-color: var(--c_backgrounds_gray_baby);
    text-decoration: none;
    color: inherit;
  }
}
@media (max-width: 767px) {
  .MtHeader.open_menu .MtHeader__navigation {
    left: 0;
    width: 100%;
    height: calc(100vh - 60.5px);
    background-color: var(--c_backgrounds_mi_telcel);
    overflow: scroll;
    padding: 88px var(--spacing_sm) var(--spacing_lg);
    display: flex;
    flex-direction: column;
    gap: var(--spacing_lg);
  }
}
@media (max-width: 767px) {
  .MtHeader.open_menu .MtHeader__logo a {
    display: none;
  }
}
@media (max-width: 767px) {
  .MtHeader.open_menu .MtHeader__userNumber, .MtHeader.open_menu .MtHeader__userLine {
    display: none;
  }
}
@media (max-width: 767px) {
  .MtHeader.open_menu .MtHeader__accountAsociated {
    pointer-events: none;
  }
  .MtHeader.open_menu .MtHeader__accountAsociated .iconSVG {
    display: none;
  }
}
@media (min-width: 768px) {
  .MtHeader.open_menu .MtHeader__container {
    position: relative;
  }
}
@media (max-width: 767px) {
  .MtHeader.open_menu .MtHeader__container {
    gap: 0;
    padding-bottom: var(--spacing_sm);
    flex-direction: row;
  }
  .MtHeader.open_menu .MtHeader__container .MtHeader__logo {
    display: none;
  }
  .MtHeader.open_menu .MtHeader__container:after {
    content: "";
    display: block;
    width: 100%;
    height: 20px;
    background: var(--c_backgrounds_gray_baby);
    -webkit-mask: url("../../../public/images/header/Pleca_menu.svg") no-repeat center;
    mask: url("../../../public/images/header/Pleca_menu.svg") no-repeat center;
    mask-position: center bottom;
    mask-size: cover;
    position: absolute;
    left: 0;
    top: 100%;
  }
}
@media (max-width: 767px) and (max-width: 349px) {
  .MtHeader.open_menu .MtHeader__container:after {
    display: none;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .MtHeader.open_menu .MtHeader__container:after {
    display: none;
  }
}
@media (max-width: 767px) {
  .MtHeader.open_menu .MtHeader__user {
    font-size: 1.812rem;
    font-weight: 600;
    line-height: normal;
    font-family: var(--font_primary);
  }
}
@media (max-width: 767px) {
  .MtHeader.open_menu .MtHeader__search {
    display: flex;
    position: absolute;
    top: 100%;
    left: var(--spacing_sm);
    z-index: 100000;
    max-width: calc(100% - 32px);
    margin-top: var(--spacing_lg);
  }
}
.MtHeader.open_menu .MtHeader__navigationBottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing_sm);
  margin-top: auto;
}
.MtHeader.open_menu .MtHeader__navigationBottom .button__primary .iconSVG {
  display: none;
}
@media (min-width: 768px) {
  .MtHeader.open_menu .MtHeader__navigationBottom {
    align-items: flex-end;
    border-top: 1px solid var(--c_tools_divider);
    padding-top: var(--spacing_sm);
    margin-top: var(--spacing_sm);
  }
  .MtHeader.open_menu .MtHeader__navigationBottom > p {
    display: none;
  }
  .MtHeader.open_menu .MtHeader__navigationBottom .button__primary {
    color: var(--c_text_primary_textlink);
    background-color: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    height: fit-content;
    width: fit-content;
    max-width: none;
    min-width: auto;
  }
  .MtHeader.open_menu .MtHeader__navigationBottom .button__primary svg {
    fill: var(--c_icon_primary_active);
  }
  .MtHeader.open_menu .MtHeader__navigationBottom .button__primary .iconSVG {
    display: block;
  }
  .MtHeader.open_menu .MtHeader__navigationBottom .button__primary:hover {
    text-decoration: underline;
  }
}
@media (max-width: 767px) {
  .MtHeader.open_menu .button__link {
    color: var(--c_text_primary_textlink);
  }
  .MtHeader.open_menu .button__link svg {
    fill: var(--c_icon_primary_active);
  }
}
.MtHeader.open_menu:after {
  background: var(--c_backgrounds_gray_baby);
}

.hide-overflow {
  overflow: hidden;
}

/* FIN DE ORGANISMO MtHeader */