.css-vh0wyv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 52px;
  position: relative;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 206px;
}

.css-vh0wyv .e1ywh4240 {
  width: 234px;
  margin: 0px;
  margin-right: 60px;
}

.css-vh0wyv a {
  margin: 0px;
}

@media screen and (max-width: 1366px) {
  .css-vh0wyv .e1ywh4240 {
    width: 145px;
    padding: 24px;
    margin-right: 20px;
  }
}

@media screen and (max-width: 1200px) {
  .css-vh0wyv {
    -webkit-box-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 12px 12px 0;
  }

  .css-vh0wyv .e1ywh4240 {
    width: 90px;
    padding: 0;
  }
}

.css-1uz8993 {
  position: relative;
  -webkit-background-size: contain;
  background-size: contain;
  width: 100%;
  -webkit-background-position: center;
  background-position: center;
  background-repeat: no-repeat;
}

.css-1uz8993:before {
  content: "";
  width: 100%;
  display: block;
  padding-top: 50%;
}

.css-1fn50bc {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  margin-top: 12px;
}

@media screen and (min-width: 1201px) {
  .css-1fn50bc {
    display: none;
  }
}

.css-1fv9bt6 {
  cursor: pointer;
  color: #666666;
  margin-left: 0px;
  font-size: 1.5rem;
}

.css-rti77y {
  cursor: pointer;
  font-weight: 900;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.875rem;
  color: #000000;
}

.css-rti77y:hover,
.css-rti77y:focus {
  color: #000000;
}

.css-u8l4rh {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-left: 0px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.css-u8l4rh a {
  -webkit-text-decoration: none;
  text-decoration: none;
}

@media screen and (max-width: 1200px) {
  .css-u8l4rh {
    left: 0;
    top: 99px;
    width: 100vw;
    z-index: 5001;
    position: fixed;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    height: calc(calc(var(--vh, 1vh) * 100) - 99px);
    background-color: #ffffff;
    -webkit-transition: all 50ms ease-out;
    transition: all 50ms ease-out;
    overflow-y: scroll;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-align-items: initial;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
    text-align: left;
  }
}

@font-face {
  font-family: Brandon Grotesque;
  font-weight: 400;
  src: url("../fonts/BrandonGrotesque-Bold.5a229bf8.otf");
}

@font-face {
  font-family: Brandon Grotesque;
  font-weight: 900;
  src: url("../fonts/BrandonGrotesque-Bold.5a229bf8.otf");
}

@font-face {
  font-family: "Brandon Grotesque black";
  font-weight: 900;
  src: url("../fonts/Brandon_blk.otf");
}

@font-face {
  font-family: "Brandon Grotesque reg";
  src: url("../fonts/Brandon_reg.otf");
}

@font-face {
  font-family: Brandon Grotesque;
  font-weight: 300;
  font-style: italic;
  src: url("../fonts/BrandonGrotesque-Light-Italic.c59a41f2.otf");
}

.css-1g02ira {
  cursor: pointer;
  font-weight: 900;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-transform: uppercase;
  padding: 14px;
  font-size: 1.125rem;
  font-family: "Brandon Grotesque";
  color: #666666;
}

.css-1g02ira:hover {
  color: #2aa8e1;
}

.css-1g02ira:focus {
  color: #000000;
}

@media screen and (max-width: 1200px) {
  .css-1g02ira {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1rem;
    font-family: "Brandon Grotesque";
    padding: 8px 40px;
  }

  .css-1g02ira:after {
    content: unset;
  }
}

.css-eqdfw5 {
  cursor: pointer;
  font-weight: 900;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-transform: uppercase;
  padding: 16px;
  font-size: 1.125rem;
  font-family: "Brandon Grotesque";
  color: #666666;
}

.css-eqdfw5:hover {
  color: #2aa8e1;
}

.css-eqdfw5:focus {
  color: #000000;
}

.css-eqdfw5:after {
  content: "";
  width: 6px;
  height: 6px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  border-left: currentColor 2px solid;
  border-bottom: currentColor 2px solid;
  -webkit-transform: rotate(-45deg) translate(40%);
  -moz-transform: rotate(-45deg) translate(40%);
  -ms-transform: rotate(-45deg) translate(40%);
  transform: rotate(-45deg) translate(40%);
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}

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

  .css-eqdfw5:hover .e5g64424,
  .css-eqdfw5:focus .e5g64424 {
    -webkit-transform: scaleY(100%);
    -moz-transform: scaleY(100%);
    -ms-transform: scaleY(100%);
    transform: scaleY(100%);
  }
}

@media screen and (max-width: 1200px) {
  .css-eqdfw5 {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1rem;
    padding: 8px 40px;
  }

  .css-eqdfw5:after {
    content: unset;
  }
}

.css-elu4xs {
  background-color: #ffffff;
  padding: 8px 0px;
}

@media screen and (max-width: 1200px) {
  .css-elu4xs {
    width: 100%;
    padding-bottom: 0px;
  }
}

@media screen and (min-width: 1201px) {
  .css-elu4xs {
    left: 0;
    z-index: 1;
    width: 200px;
    position: absolute;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    transform-origin: top;
    top: calc(100% - 16px);
    box-shadow: 0 2px 3px #e8e8e8;
    -webkit-transition: all 50ms linear;
    transition: all 50ms linear;
  }
}

.css-18euuxw {
  cursor: pointer;
  font-weight: 900;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-transform: uppercase;
  padding: 16px;
  font-size: 1.125rem;
  color: #666666;
  width: 100%;
  text-align: left;
  font-size: 0.875rem !important;
  padding: 8px 16px;
}

.css-18euuxw:hover {
  color: #2aa8e1;
}

.css-18euuxw:focus {
  color: #000000;
}

@media screen and (max-width: 1200px) {
  .css-18euuxw {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1rem;
    padding: 8px 40px;
  }

  .css-18euuxw:after {
    content: unset;
  }
}

.css-18euuxw:hover {
  background-color: #2aa8e1;
}

.css-18euuxw:hover>* {
  color: #ffffff;
}

.css-rmcwza {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  padding: 24px;
  margin: auto 0 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media screen and (min-width: 1201px) {
  .css-rmcwza {
    display: none;
  }
}

.css-1arjt3k {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: 900;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-transform: uppercase;
  color: #000000;
  font-size: 0.875rem;
  margin-left: 0px;
}

.css-1arjt3k a {
  text-align: left;
}

.css-1arjt3k a:not(:last-child) {
  margin-bottom: 8px;
}

.css-1arjt3k div {
  cursor: pointer;
}

.css-1xlz0az {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: flex-end;
  align-self: flex-end;
}

.css-1xlz0az #flags-select {
  padding-bottom: 0;
}

.css-1xlz0az #flags-select button {
  padding: 0;
  border: none;
  color: #2aa8e1;
}

.css-1xlz0az #flags-select button>span {
  padding: 0;
  margin: 0;
}

.css-1xlz0az #flags-select ul {
  min-width: 86px;
  scrollbar-width: thin;
}

@media screen and (max-width: 1200px) {
  .css-1xlz0az #flags-select ul {
    margin-bottom: 28px;
    bottom: 0;
  }
}

.css-1xlz0az #flags-select ul::-webkit-scrollbar {
  width: 10px;
}

.css-113sg5g {
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: 900;
  position: absolute;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-family: "Brandon Grotesque";
  padding: 12px 24px;
}

@media screen and (max-width: 1200px) {
  .css-113sg5g {
    display: none;
  }
}

.css-18h0vby {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #000000;
}

.css-18h0vby>* {
  padding: 0px 8px;
}

.css-18h0vby .p-0 {
  padding: 0;
}

.css-qzeg1j {
  display: inline-block;
  cursor: pointer;
  font-weight: 700;
  border-radius: 1000px;
  text-transform: uppercase;
  color: #ffffff;
  min-width: 100px;
  text-align: center;
  letter-spacing: 2.11px;
  line-height: 21.1px;
  border: transparent 1px solid;
  font-size: 1.125rem;
  padding: 8px 24px;
  background-color: #2aa8e1;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  -webkit-text-decoration: initial;
  text-decoration: initial;
}

.css-qzeg1j:hover {
  background-color: #8fdbff;
}

.css-qzeg1j {
  display: inline-block;
  cursor: pointer;
  font-weight: 700;
  border-radius: 1000px;
  text-transform: uppercase;
  color: #ffffff;
  min-width: 100px;
  text-align: center;
  letter-spacing: 2.11px;
  line-height: 21.1px;
  border: transparent 1px solid;
  font-size: 1.125rem;
  padding: 8px 24px;
  background-color: gray;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  -webkit-text-decoration: initial;
  text-decoration: initial;
}

.css-qzeg1j:hover {
  background-color: #8fdbff;
}

.css-1xuxopm {
  font-weight: 900;
  text-align: center;
  color: #f3f3f4;
  font-size: 0.75rem;
  background-color: #f3f3f4;
  line-height: 1.2;
  padding: 32px 150px 32px;
}

.css-1xuxopm p {
  margin: 0;
}

.css-cd7rtn {
  color: inherit;
  cursor: pointer;
  display: inline-block;
  letter-spacing: 1.2px;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-transform: uppercase;
  margin: 0px;
  color: black;
  font-family: "Brandon Grotesque";
  padding: 20px 15px;
}

@media screen and (max-width: 768px) {
  .css-cd7rtn {
    display: block;
  }
}

.css-rgf4qc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: 1.44px;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 24px auto;
}

.css-rgf4qc p:not(:last-child) {
  margin-bottom: 60px;
}

.css-12a3hmw {
  width: 111px;
  display: inline-block;
  -webkit-background-size: contain;
  background-size: contain;
  -webkit-background-position: center;
  background-position: center;
  background-repeat: no-repeat;
  /* background-image: url("../img/footer-abbott-logo_4_0.png"); */
}

.css-12a3hmw:before {
  content: "";
  display: block;
  padding-top: 50%;
}

.css-1u4q557 {
  width: 111px;
  display: inline-block;
  -webkit-background-size: contain;
  background-size: contain;
  -webkit-background-position: center;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../img/Grupo\ 1209.png");
}

.css-1u4q557:before {
  content: "";
  display: block;
  padding-top: 50%;
}

.ReactFlagsSelect-module_flagsSelect__2pfa2 {
  position: relative;
  vertical-align: inherit;
  padding-bottom: 5px;
  text-align: left;
}

.ReactFlagsSelect-module_flagsSelectInline__cUnnz {
  display: inline-block;
}

.ReactFlagsSelect-module_selectBtn__19wW7 {
  cursor: pointer;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px;
  font-family: inherit;
  color: #4d4d4d;
  border: thin solid rgba(77, 77, 77, 0.3);
  border-radius: 4px;
  background: transparent;
}

.ReactFlagsSelect-module_selectBtn__19wW7:after,
.ReactFlagsSelect-module_selectBtn__19wW7[aria-expanded="true"]:after {
  content: " ";
  width: 0;
  height: 0;
  display: inline-block;
  margin-left: 5px;
}

.ReactFlagsSelect-module_selectBtn__19wW7:after {
  border-top: 5px solid #4d4d4d;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 0;
}

.ReactFlagsSelect-module_selectBtn__19wW7[aria-expanded="true"]:after {
  border-top: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #4d4d4d;
}

.ReactFlagsSelect-module_disabledBtn__3A4GF {
  background: #eaeaea;
  cursor: default;
}

.ReactFlagsSelect-module_label__27pw9,
.ReactFlagsSelect-module_secondaryLabel__37t1D {
  font-size: 1em;
  padding-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ReactFlagsSelect-module_secondaryLabel__37t1D {
  color: #707070;
  padding-left: 5px;
}

.ReactFlagsSelect-module_selectValue__152eS,
.ReactFlagsSelect-module_selectOption__3pcgW {
  cursor: pointer;
  padding: 0 8px;
  margin: 4px 0;
  white-space: nowrap;
}

.ReactFlagsSelect-module_selectValue__152eS {
  pointer-events: none;
  display: flex;
  align-items: center;
}

.ReactFlagsSelect-module_selectOption__3pcgW {
  padding: 2px 18px;
}

.ReactFlagsSelect-module_selectOption__3pcgW:hover,
.ReactFlagsSelect-module_selectOption__3pcgW:focus {
  outline: none;
  background: #eaeaea;
}

.ReactFlagsSelect-module_selectFlag__2q5gC {
  display: inline-flex;
  font-size: 1.2em;
}

.ReactFlagsSelect-module_selectOptionValue__vS99- {
  display: flex;
  align-items: center;
}

.ReactFlagsSelect-module_selectOptionWithlabel__2GpmM {
  padding: 4px 10px;
}

.ReactFlagsSelect-module_selectOptions__3LNBJ {
  position: absolute;
  z-index: 999999;
  border: 1px solid #bdbbbb;
  border-radius: 3px;
  background: #ffffff;
  margin-top: 8px;
  padding: 8px 0;
  max-height: 180px;
  overflow: auto;
}

.ReactFlagsSelect-module_selectOptionsWithSearch__1W03w {
  padding: 0 0 8px 0;
}

.ReactFlagsSelect-module_fullWidthOptions__1XeR6 {
  right: 0;
  left: 0;
}

.ReactFlagsSelect-module_alignOptionsToRight__3Qvq2 {
  right: 0;
}

.ReactFlagsSelect-module_filterBox__3m8EU {
  position: sticky;
  top: 0;
  width: 100%;
  padding-top: 8px;
  background: #ffffff;
}

.ReactFlagsSelect-module_filterBox__3m8EU input {
  width: calc(100% - 20px);
  margin: 0 10px;
  padding: 8px;
  box-sizing: border-box;
}

.ReactFlagsSelect-module_filterBox__3m8EU input:focus {
  outline: none;
}

.MuiSvgIcon-root {
  fill: currentColor;
  width: 1em;
  height: 1em;
  display: inline-block;
  font-size: 1.5rem;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  flex-shrink: 0;
  user-select: none;
}

.MuiSvgIcon-colorPrimary {
  color: #f3f3f4;
}

.MuiSvgIcon-colorSecondary {
  color: #f50057;
}

.MuiSvgIcon-colorAction {
  color: rgba(0, 0, 0, 0.54);
}

.MuiSvgIcon-colorError {
  color: #f44336;
}

.MuiSvgIcon-colorDisabled {
  color: rgba(0, 0, 0, 0.26);
}

.MuiSvgIcon-fontSizeInherit {
  font-size: inherit;
}

.MuiSvgIcon-fontSizeSmall {
  font-size: 1.25rem;
}

.MuiSvgIcon-fontSizeLarge {
  font-size: 2.1875rem;
}

.qJTHM {
  -webkit-user-select: none;
  color: #202124;
  direction: ltr;
  -webkit-touch-callout: none;
  font-family: "Roboto-Regular", arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  margin: 0;
  overflow: hidden;
  -webkit-text-size-adjust: 100%;
}

.ynRLnc {
  left: -9999px;
  position: absolute;
  top: -9999px;
}

.L6cTce {
  display: none;
}

.bltWBb {
  word-break: break-all;
}

.hSRGPd {
  color: #1a73e8;
  cursor: pointer;
  font-weight: 500;
  text-decoration: none;
}

.Bz112c-W3lGp {
  height: 16px;
  width: 16px;
}

.Bz112c-E3DyYd {
  height: 20px;
  width: 20px;
}

.Bz112c-r9oPif {
  height: 24px;
  width: 24px;
}

.Bz112c-uaxL4e {
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.LgbsSe-Bz112c {
  display: block;
}

.S9gUrf-YoZ4jf,
.S9gUrf-YoZ4jf * {
  border: none;
  margin: 0;
  padding: 0;
}

.fFW7wc-ibnC6b>.aZ2wEe>div {
  border-color: #4285f4;
}

.P1ekSe-ZMv3u>div:nth-child(1) {
  background-color: #1a73e8 !important;
}

.P1ekSe-ZMv3u>div:nth-child(2),
.P1ekSe-ZMv3u>div:nth-child(3) {
  background-image: linear-gradient(to right,
      rgba(255, 255, 255, 0.7),
      rgba(255, 255, 255, 0.7)),
    linear-gradient(to right, #1a73e8, #1a73e8) !important;
}

.haAclf {
  display: inline-block;
}

.nsm7Bb-HzV7m-LgbsSe {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color 0.218s, border-color 0.218s;
  transition: background-color 0.218s, border-color 0.218s;
  -webkit-user-select: none;
  -webkit-appearance: none;
  background-color: #fff;
  background-image: none;
  border: 1px solid #dadce0;
  color: #3c4043;
  cursor: pointer;
  font-family: "Google Sans", arial, sans-serif;
  font-size: 14px;
  height: 40px;
  letter-spacing: 0.25px;
  outline: none;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
}

@media screen and (-ms-high-contrast: active) {
  .nsm7Bb-HzV7m-LgbsSe {
    border: 2px solid windowText;
    color: windowText;
  }
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe {
  font-size: 14px;
  height: 32px;
  letter-spacing: 0.25px;
  padding: 0 10px;
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe {
  font-size: 11px;
  height: 20px;
  letter-spacing: 0.3px;
  padding: 0 8px;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe {
  padding: 0;
  width: 40px;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe {
  width: 32px;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe {
  width: 20px;
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK {
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.pSzOP-SxQuSe {
  -webkit-border-radius: 16px;
  border-radius: 16px;
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.purZT-SxQuSe {
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc {
  border: none;
  color: #fff;
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-v3pZbf-Ia7Qfc {
  background-color: #1a73e8;
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc {
  background-color: #202124;
  color: #e8eaed;
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  height: 18px;
  margin-right: 8px;
  min-width: 18px;
  width: 18px;
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  height: 14px;
  min-width: 14px;
  width: 14px;
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  height: 10px;
  min-width: 10px;
  width: 10px;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  margin-left: 8px;
  margin-right: -4px;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  margin: 0;
  padding: 10px;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  padding: 8px;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  padding: 4px;
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #fff;
  height: 36px;
  margin-left: -10px;
  margin-right: 12px;
  min-width: 36px;
  width: 36px;
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c,
.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  margin: 0;
  padding: 0;
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  height: 28px;
  margin-left: -8px;
  margin-right: 10px;
  min-width: 28px;
  width: 28px;
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  height: 16px;
  margin-left: -6px;
  margin-right: 8px;
  min-width: 16px;
  width: 16px;
}

.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-left: 2px;
  margin-right: 0;
  padding: 0;
}

.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  -webkit-border-radius: 18px;
  border-radius: 18px;
}

.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  -webkit-border-radius: 14px;
  border-radius: 14px;
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 100%;
  position: relative;
  width: 100%;
}

.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX {
  justify-content: center;
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-family: "Google Sans", arial, sans-serif;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
  font-weight: 300;
}

.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX .nsm7Bb-HzV7m-LgbsSe-BPrWId {
  -webkit-flex-grow: 0;
  flex-grow: 0;
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
  -webkit-transition: background-color 0.218s;
  transition: background-color 0.218s;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.nsm7Bb-HzV7m-LgbsSe:hover,
.nsm7Bb-HzV7m-LgbsSe:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #d2e3fc;
  outline: none;
}

.nsm7Bb-HzV7m-LgbsSe:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe,
.nsm7Bb-HzV7m-LgbsSe:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
  background: rgba(66, 133, 244, 0.04);
}

.nsm7Bb-HzV7m-LgbsSe:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
  background: rgba(66, 133, 244, 0.1);
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe,
.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
  background: rgba(255, 255, 255, 0.24);
}

.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
  background: rgba(255, 255, 255, 0.32);
}

.nsm7Bb-HzV7m-LgbsSe .n1UuX-DkfjY {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 20px;
  margin-left: -4px;
  margin-right: 8px;
  min-width: 20px;
  width: 20px;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
  font-family: "Roboto";
  font-size: 12px;
  text-align: left;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .ssJRIf,
.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .fmcmS {
  overflow: hidden;
  text-overflow: ellipsis;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  color: #5f6368;
  fill: #5f6368;
  font-size: 11px;
  font-weight: 400;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
  color: #e8eaed;
  fill: #e8eaed;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .Bz112c {
  height: 18px;
  margin: -3px -3px -3px 2px;
  min-width: 18px;
  width: 18px;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-left: 12px;
  margin-right: -10px;
}

.nsm7Bb-HzV7m-LgbsSe.jVeSEe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  -webkit-border-radius: 18px;
  border-radius: 18px;
}

.L5Fo6c-sM5MNb {
  border: 0;
  display: block;
  left: 0;
  position: relative;
  top: 0;
}

.L5Fo6c-bF1uUb {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.L5Fo6c-bF1uUb:focus {
  border: none;
  outline: none;
}

sentinel {}

.error {
  position: relative;
}

label {
  display: block;
}

.menu-novo {
  font-size: 15px;
}

.css-1g02ira {}

.nobr {
  white-space: nowrap;
}

.sub-menu {
  white-space: wrap;
}

.container-imgs {
  margin-left: 15%;
}

.img-ctn {
  width: 30%;
  margin-left: auto;
  margin-right: auto;
  display: contents;
}

.img-size {
  width: 10rem;
  height: 3rem;
  padding-left: 2rem;
  margin-top: 3rem;
  margin-right: 7rem;
}

.img-size-2 {
  width: 10rem;
  height: 7rem;
  padding-left: 2rem;
  margin-top: 4rem;
  margin-right: 7rem;
}

a {
  color: inherit;
  text-decoration: none;
}

.noHover {
  pointer-events: none;
}

h1 {
  font-family: "Brandon Grotesque black";
}

h2 {
  font-family: "Brandon Grotesque black";
}

h6 {
  font-family: "Brandon Grotesque reg";
}

button {
  font-family: "Brandon Grotesque black";
}

.error {
  font-family: "Brandon Grotesque";
}

input {
  font-family: "Brandon Grotesque";
}

p {
  font-family: "Brandon Grotesque";
}

.css-rgf4qc p:not(:last-child) {
  margin-bottom: 40px;
}

@media (min-width: 1281px) {
  #div-box {
    background-color: #fafafa;
    width: 20%;
    margin-left: 40%;
    padding-top: 2%;
    padding-bottom: 1%;
    margin-bottom: 2%;
  }

  #nome-produto {
    font-size: 17px;
    margin-right: 10%;
    margin-left: 10%;
    border-radius: 4%;
    text-align: left;
  }

  #desconto-produto {
    background-color: #dbfce3;
    color: rgb(58, 179, 139);
    width: 65%;
    text-align: LEFT;
    margin-left: 8%;
    padding: 0px 0;
    border-radius: 27px;
  }

  #descricao-label {
    color: #797979;
    text-transform: none;
    font-weight: 400;
    font-size: 90%;
    margin-right: 30%;
    margin-left: 10%;
    margin-top: -8px;
    text-align: left;
    text-justify: inter-word;
  }

  #desconto-label {
    margin-left: 15%;
    margin-top: -12px;
    visibility: visible;
    display: block;
  }

  #ativa-cupom {
    color: #666666;
    text-decoration: none;
    font-family: "Brandon Grotesque";
    font-size: 1.125rem;
    font-weight: 900;
    background-color: transparent;
  }

  #cupom {
    text-align: left;
    border-radius: 1000px;
    color: rgb(102, 102, 102);
    outline-color: rgb(42, 168, 225);
    font-size: 0.75rem;
    border: 1px solid rgb(102, 102, 102);
    padding: 11px 19px;
    width: 20%;
  }

  #cpf {
    text-align: left;
    border-radius: 1000px;
    color: black;
    outline-color: rgb(42, 168, 225);
    font-size: 0.75rem;
    border: 1px solid black;
    padding: 11px 19px;
    width: 20%;
  }

  #cpf-label {
    margin-right: 16%;
    margin-bottom: 0.5%;
    color: rgb(102, 102, 102);
  }

  #cupom-label {
    margin-right: 16%;
    margin-bottom: 0.5%;
    color: rgb(102, 102, 102);
  }

  #birthDate {
    text-align: left;
    border-radius: 1000px;
    color: black;
    outline-color: rgb(42, 168, 225);
    font-size: 0.75rem;
    border: 1px solid black;
    padding: 11px 19px;
    width: 20%;
  }

  #birthDate-label {
    margin-right: 11.5%;
    margin-bottom: 0.5%;
    color: rgb(102, 102, 102);
  }

  #product {
    text-align: left;
    border-radius: 1000px;
    color: black;
    outline-color: rgb(42, 168, 225);
    font-size: 0.75rem;
    border: 1px solid black;
    padding: 11px 19px;
    width: 20%;
  }

  #product-label {
    margin-right: 13%;
    margin-bottom: 0.5%;
    color: rgb(102, 102, 102);
    font-family: "Brandon Grotesque";
  }
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  #div-box {
    background-color: #fafafa;
    width: 20%;
    margin-left: 40%;
    padding-top: 2%;
    padding-bottom: 1%;
    margin-bottom: 2%;
  }

  #nome-produto {
    font-size: 17px;
    margin-right: 10%;
    margin-left: 10%;
    border-radius: 4%;
    text-align: left;
  }

  #desconto-produto {
    background-color: #dbfce3;
    color: rgb(58, 179, 139);
    width: 65%;
    text-align: LEFT;
    margin-left: 8%;
    padding: 0px 0;
    border-radius: 27px;
  }

  #descricao-label {
    color: #797979;
    text-transform: none;
    font-weight: 400;
    font-size: 90%;
    margin-right: 30%;
    margin-left: 10%;
    margin-top: -8px;
    text-align: left;
    text-justify: inter-word;
  }

  #desconto-label {
    margin-left: 15%;
    margin-top: -12px;
    visibility: visible;
    display: block;
  }

  #ativa-cupom {
    color: #666666;
    text-decoration: none;
    font-family: "Brandon Grotesque";
    font-size: 1.125rem;
    font-weight: 900;
    background-color: transparent;
  }

  #cupom {
    text-align: left;
    border-radius: 1000px;
    color: rgb(102, 102, 102);
    outline-color: rgb(42, 168, 225);
    font-size: 0.75rem;
    border: 1px solid rgb(102, 102, 102);
    padding: 11px 19px;
    width: 20%;
  }

  #cpf {
    text-align: left;
    border-radius: 1000px;
    color: black;
    outline-color: rgb(42, 168, 225);
    font-size: 0.75rem;
    border: 1px solid black;
    padding: 11px 19px;
    width: 20%;
  }

  #cpf-label {
    margin-right: 16%;
    margin-bottom: 0.5%;
    color: rgb(102, 102, 102);
  }

  #cupom-label {
    margin-right: 16%;
    margin-bottom: 0.5%;
    color: rgb(102, 102, 102);
  }

  #birthDate {
    text-align: left;
    border-radius: 1000px;
    color: black;
    outline-color: rgb(42, 168, 225);
    font-size: 0.75rem;
    border: 1px solid black;
    padding: 11px 19px;
    width: 20%;
  }

  #birthDate-label {
    margin-right: 7%;
    margin-bottom: 0.5%;
    color: rgb(102, 102, 102);
  }

  #product {
    text-align: left;
    border-radius: 1000px;
    color: black;
    outline-color: rgb(42, 168, 225);
    font-size: 0.75rem;
    border: 1px solid black;
    padding: 11px 19px;
    width: 20%;
  }

  #product-label {
    margin-right: 7%;
    margin-bottom: 0.5%;
    color: rgb(102, 102, 102);
    font-family: "Brandon Grotesque";
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  #div-box {
    background-color: #fafafa;
    width: 90%;
    margin-left: 5%;
    padding-top: 2%;
    padding-bottom: 1%;
    margin-bottom: 2%;
  }

  #nome-produto {
    font-size: 17px;
    margin-right: 10%;
    margin-left: 7%;
    border-radius: 4%;
    text-align: left;
  }

  #desconto-produto {
    background-color: rgb(219, 252, 227);
    color: rgb(58, 179, 139);
    width: 65%;
    text-align: left;
    margin-left: 7%;
    padding: 0px;
    border-radius: 27px;
  }

  #descricao-label {
    color: #797979;
    text-transform: none;
    font-weight: 400;
    font-size: 90%;
    margin-right: 10%;
    margin-top: -8px;
    margin-left: 7%;
    text-align: left;
  }

  #desconto-label {
    margin-left: 19%;
    margin-top: -12px;
    display: block;
    visibility: visible;
  }

  #ativa-cupom {
    color: #666666;
    text-decoration: none;
    font-family: "Brandon Grotesque";
    font-size: 1.125rem;
    font-weight: 900;
    background-color: transparent;
  }

  #cupom {
    text-align: left;
    border-radius: 1000px;
    color: rgb(102, 102, 102);
    outline-color: rgb(42, 168, 225);
    font-size: 0.75rem;
    border: 1px solid rgb(102, 102, 102);
    padding: 11px 19px;
    width: 80%;
  }

  #cpf {
    text-align: left;
    border-radius: 1000px;
    color: black;
    outline-color: rgb(42, 168, 225);
    font-size: 0.75rem;
    border: 1px solid black;
    padding: 11px 19px;
    width: 80%;
  }

  #cpf-label {
    margin-right: 72%;
    margin-bottom: 0.5%;
    color: rgb(102, 102, 102);
  }

  #cupom-label {
    margin-right: 67%;
    margin-bottom: 0.5%;
    color: rgb(102, 102, 102);
  }

  #birthDate {
    text-align: left;
    border-radius: 1000px;
    color: black;
    outline-color: rgb(42, 168, 225);
    font-size: 0.75rem;
    border: 1px solid black;
    padding: 11px 19px;
    width: 80%;
  }

  #birthDate-label {
    margin-right: 60%;
    margin-bottom: 0.5%;
    color: rgb(102, 102, 102);
  }

  #product {
    text-align: left;
    border-radius: 1000px;
    color: black;
    outline-color: rgb(42, 168, 225);
    font-size: 0.75rem;
    border: 1px solid black;
    padding: 11px 19px;
    width: 80%;
  }

  #product-label {
    margin-right: 60%;
    margin-bottom: 0.5%;
    color: rgb(102, 102, 102);
    font-family: "Brandon Grotesque";
  }
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  #div-box {
    background-color: #fafafa;
    width: 90%;
    margin-left: 5%;
    padding-top: 2%;
    padding-bottom: 1%;
    margin-bottom: 2%;
  }

  #nome-produto {
    font-size: 17px;
    margin-right: 10%;
    margin-left: 7%;
    border-radius: 4%;
    text-align: left;
  }

  #desconto-produto {
    background-color: rgb(219, 252, 227);
    color: rgb(58, 179, 139);
    width: 65%;
    text-align: left;
    margin-left: 7%;
    padding: 0px;
    border-radius: 27px;
  }

  #descricao-label {
    color: #797979;
    text-transform: none;
    font-weight: 400;
    font-size: 90%;
    margin-right: 10%;
    margin-top: -8px;
    margin-left: 7%;
    text-align: left;
  }

  #desconto-label {
    margin-left: 19%;
    margin-top: -12px;
    display: block;
    visibility: visible;
  }

  #ativa-cupom {
    color: #666666;
    text-decoration: none;
    font-family: "Brandon Grotesque";
    font-size: 1.125rem;
    font-weight: 900;
    background-color: transparent;
  }

  #cupom {
    text-align: left;
    border-radius: 1000px;
    color: rgb(102, 102, 102);
    outline-color: rgb(42, 168, 225);
    font-size: 0.75rem;
    border: 1px solid rgb(102, 102, 102);
    padding: 11px 19px;
    width: 80%;
  }

  #cpf {
    text-align: left;
    border-radius: 1000px;
    color: black;
    outline-color: rgb(42, 168, 225);
    font-size: 0.75rem;
    border: 1px solid black;
    padding: 11px 19px;
    width: 80%;
  }

  #cpf-label {
    margin-right: 72%;
    margin-bottom: 0.5%;
    color: rgb(102, 102, 102);
  }

  #cupom-label {
    margin-right: 67%;
    margin-bottom: 0.5%;
    color: rgb(102, 102, 102);
  }

  #birthDate {
    text-align: left;
    border-radius: 1000px;
    color: black;
    outline-color: rgb(42, 168, 225);
    font-size: 0.75rem;
    border: 1px solid black;
    padding: 11px 19px;
    width: 80%;
  }

  #birthDate-label {
    margin-right: 72%;
    margin-bottom: 0.5%;
    color: rgb(102, 102, 102);
  }

  #product {
    text-align: left;
    border-radius: 1000px;
    color: black;
    outline-color: rgb(42, 168, 225);
    font-size: 0.75rem;
    border: 1px solid black;
    padding: 11px 19px;
    width: 80%;
  }

  #product-label {
    margin-right: 60%;
    margin-bottom: 0.5%;
    color: rgb(102, 102, 102);
    font-family: "Brandon Grotesque";
  }
}

.container {
  margin: 2%;
}

.container-title {
  margin-bottom: 40px;
}

.row-lojas {
  margin: 50px;
}

.search-icon {
  translate: -42px 4px;
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
}

@media (min-width: 1469px) and (max-width: 2440px) {
  #consulta-cupom {
    display: block;
    margin-left: 42%;
  }
}

@media (min-width: 767) and (max-width: 1468px) {
  #consulta-cupom {
    display: block;
    margin-left: 38%;
    width: 23%;
  }
}

@media (min-width: 220) and (max-width: 522px) {
  #consulta-cupom {
    display: block;
    margin-left: 11%;
  }
}

@media (min-width: 523px) and (max-width: 766px) {
  #consulta-cupom {
    display: block;
    margin-left: 26%;
  }
}

/* TABELA CUPOM - INICIO */

#resultCouponTable,
#resultPurchaseTable {
  width: 80%;
  border-collapse: collapse;
  color: rgb(42, 168, 225);
  text-align: center;
}

#resultCouponTable thead,
#resultPurchaseTable thead {
  border-bottom: 5px solid rgb(42, 168, 225);
}

#resultCouponTable tbody tr,
#resultPurchaseTable tbody tr {
  border-top: 2px solid rgb(42, 168, 225);
  border-bottom: 2px solid rgb(42, 168, 225);
}

#resultCouponTable thead th,
#resultPurchaseTable thead th,
#resultCouponTable tbody td,
#resultPurchaseTable tbody td {
  padding: 15px;
}

/* TABELA CUPOM - FIM */

/* label#product-error {
  color: red !important;
  margin-top: 0.5%;
  margin-bottom: 0.5%;
}

input#product-error {
  color: red !important;
  border: red 1px solid;
} */

/* Produto - Inicio*/
.form-label {
  margin-right: 16%;
  margin-bottom: 0.5%;
  color: rgb(102, 102, 102);
  font-family: "Brandon Grotesque";
}

.form-user {
  font-size: 18px !important;
  font-family: "Brandon Grotesque";
  font-weight: 400;
  word-wrap: break-word;
  color: rgb(94, 91, 91);
  padding-left: 2rem;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: .5rem;
  text-align: left;
  margin-top: 20px;
}

.form-disconts {
  align-items: flex-start;
  background: #E6E6E6;
  border-radius: 15px;
  box-sizing: border-box;
  column-width: 200px;
  width: 500px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 1rem;
  padding: 1rem;
  margin-left: auto;
  margin-right: auto;
}

.form-title {
  font-size: 18px !important;
  font-family: "Brandon Grotesque";
  font-weight: 400;
  word-wrap: break-word;
  color: rgb(94, 91, 91);
}

details {
  background: rgb(247, 244, 244);
  margin-bottom: .5rem;
  box-shadow: 0 .1rem 1rem -.5rem white solid;
  border-radius: 15px;
  border: 1px;
  overflow: hidden;
  align-items: flex-start;
  text-align: left;
  width: 100%;
  display: block;
}

summary {
  padding: 1rem;
  display: block;
  background: white;
  padding-left: 2.2rem;
  cursor: pointer;
  position: relative;
  font-size: 18px !important;
  font-family: "Brandon Grotesque";
  font-weight: 400;
  word-wrap: break-word;
  color: rgb(94, 91, 91);
  text-align: left;
  border-radius: 15px;
  border: 1px;
}

summary::marker {
  content: none;
}

summary::before {
  content: '';
  border-width: .4rem;
  border-style: solid;
  border-color: transparent transparent transparent #333;
  position: absolute;
  top: 1.3rem;
  right: 1rem;
  transform: rotate(0);
  transform-origin: .2rem 50%;
  transition: .25s transform ease;
}

/* THE MAGIC 🧙‍♀️ */
details[open]>summary::before {
  transform: rotate(90deg);
}

details summary::-webkit-details-marker {
  display: none;
}

details>ul {
  padding-bottom: 1rem;
  margin-bottom: 0;
}

.form-products {
  color: #000000;
  font-size: 14px;
  font-family: "Brandon Grotesque";
  font-weight: 700;
  word-wrap: break-word;
  width: 320px;
  padding-left: 1.1rem;
}

.form-pct {
  width: 90px;
  padding-left: 1.1rem;
}

.pctClass {
  text-align: center;
  background-color: #49c349;
  border-radius: 6px;
  margin: 10px 20px;
  color: #F4F5F7;
  font-size: 18px;
  font-family: "Brandon Grotesque";
  font-weight: 700;
  word-wrap: break-word;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
  width: 100%;
}

.form-row {
  margin-bottom: 1.5rem;
}

#activateRulesForm label.product-error-api {
  color: red;
}

.form-product {
  color: #000000;
  font-size: 18px;
  font-family: "Brandon Grotesque";
  font-weight: 700;
  word-wrap: break-word"

}

.cls-captcha {
  margin-bottom: 20px;
}

.listProduct {
  height: 95px;
  overflow-y: scroll;
  overflow-x: hidden;
  background-repeat: no-repeat;
  width: 20%;
  font-size: 16px;
  padding: 2px;
  border: 1px solid #ddd;
  margin-bottom: 1px;
  display: none;
  list-style-type: none;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.listProduct::-webkit-scrollbar {
  width: 14px;
}

.listProduct li:hover:not(.header) {
  background-color: #eee;
}

.listProduct li {
  color: black;
  font-size: 16px;
  width: 100%;
  padding-left: 1.1rem;
  position: relative;
  font-family: "Brandon Grotesque";
}

.cls-info {
  font-family: "Brandon Grotesque";
}

.footer-credits {
  font-family: "Brandon Grotesque";
  font-size: 12px;
  color: #555;
  font-weight: 300;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
  margin-right: 15px;
}

.footer-credits img {
  height: 25px;
  margin-left: 10px;
  margin-top: 6px;
}

.top-bar {
  background-color: #f3f3f4;
  padding: 10px 0;
  width: 100%;
}

.top-bar-container {
  width: 90%;
  margin: 0 auto;
}

.return-link {
  color: #666666;
  text-decoration: none;
  font-family: "Brandon Grotesque";
  font-size: 1.125rem;
  font-weight: 900;
}