/**
 * Ilha de CSS do cadastro de cupom (#cadastrocupom.cc-css-island).
 * Tipografia em px; tokens --c-* e --font-sans vêm do CSS base da campanha (carregado antes).
 */

#cadastrocupom.cc-css-island {
  isolation: isolate;
  /* Paleta: green1 em botões/barras; copy em --c-black; yellow1 em destaques */
  --cc-brand: var(--c-green1);
  --cc-surface: #e7f4eb;
  --cc-card-bg: #ffe461;
  /* Campos: igual #cadastro.cadastro-pessoal #frm-cadastro .form-control (lib/circleform/circleform.css) */
  --cc-field-bg: #008526;
  --cc-field-bg-active: #00a51d;
  --cc-field-border: #006b1e;
  --cc-highlight: var(--c-yellow1);
  --cc-scan-border: #f4efb8;
  --cc-scan-border: color-mix(in srgb, var(--c-yellow1) 48%, #ffffff);
  /* background: url(../img/background/bkg3_1920.webp) no-repeat top center !important; */
  /* background-size: cover !important; */
}
#cadastrocupom.cc-css-island .padding {
  /* padding: 7rem 1rem 7rem 1rem; */
}
@media (max-width: 991px) {
  #cadastrocupom.cc-css-island {
    /* background: url(../img/background/bkg3_991.webp) no-repeat top center !important; */
  }
}

#cadastrocupom.cc-css-island .cc-css-island__root {
  font-family: var(--font-sans) !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: var(--c-black) !important;
  -webkit-font-smoothing: antialiased;
}

#cadastrocupom.cc-css-island .cc-css-island__root span {
  /* top: 3px; */
  /* position: relative; */
}

.select2-selection-produto span {
  top: 3px;
  position: relative;
}

#cadastrocupom.cc-css-island .cc-css-island__root,
#cadastrocupom.cc-css-island .cc-css-island__root *,
#cadastrocupom.cc-css-island .cc-css-island__root *::before,
#cadastrocupom.cc-css-island .cc-css-island__root *::after {
  box-sizing: border-box;
}

#cadastrocupom h2.cc-fluxo-card__title {
  color: var(--c-blue1)!important;
  font-size: 3rem!important;
}

#cadastrocupom.cc-css-island .cc-css-island__root h2,
#cadastrocupom.cc-css-island .cc-css-island__root h3 {
  position: relative;
  text-align: center;
  font-size: 4rem;
  color: var(--c-blue1);
  margin-bottom: 2rem;
  text-transform: uppercase;
  line-height: 1;
  font-family: var(--font-sans);
  font-weight: 800;
  font-style: italic;
  letter-spacing: 0px;
}

#cadastrocupom.cc-css-island .cc-css-island__root h2.cc-fluxo-card__title2 {
  margin-bottom: 2rem;
  margin-top: 4rem !important;
  font-size: 2.5rem !important;
}

#cadastrocupom.cc-css-island .cc-css-island__root button:not(.btn) {
  font-family: inherit !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

#cadastrocupom.cc-css-island .cc-css-island__root button:not(.btn) svg {
  position: relative;
  top: -2px;
  ;
}

#cadastrocupom.cc-css-island .cc-css-island__root input,
#cadastrocupom.cc-css-island .cc-css-island__root select,
#cadastrocupom.cc-css-island .cc-css-island__root textarea {
  font-family: inherit !important;
}

@media (max-width: 991px) {
  #cadastrocupom.cc-css-island .cc-css-island__root h2,
  #cadastrocupom.cc-css-island .cc-css-island__root h3 {
    font-size: 3rem;
  }
}