:root {
  --c1: #b3d3b5;
  --c2: #753f7c;
  --c3: #e5ede5;
  --c4: #d2afd6;
  --c5: #f7dd66;
  --c6: #563826;
  --c7: #a36e53;
  --c1Esc: #768b78;
  --cAmarelo: #eab531;
  --cVerde: #5ba680;
  --cVerdeEsc: #0d6438;
  --cAzul: #5f9baa;
  --cLaranja: #ff6c0e;
  --cVermelho: #ce5860;
  --cRoxo: #ac259e;
  --cCinzaCla: #f8f8f8;
  --cCinzaEsc: #888888;
  --cCinza: #cecece;
  --cBranco: #ffffff;
  --cPreto: #1f1f1f;

  --primary: #b3d3b5;
  --primary-claro: #e5ede5;
  --secondary: #753f7c;
  --text-bg-secondary: #FFFFFF;
}

body { position: relative; font-family: sans-serif; font-weight: 400; background-color: #ffffff; }
a { text-decoration: none !important; }
h1 { font-size: 24px; font-weight: 700; position: relative; display: block; padding-bottom: 15px; margin: 0 auto 20px; text-align: center; width: fit-content; }
h1::after { content: ''; position: absolute; width: 50%; height: 3px; background-color: #fed700; bottom: 0; left: 25%; }
h2 { font-weight: bold; font-size: 16px; color: var(--c1Esc); display: inline-block; position: relative; }
h2::after { content: ''; position: absolute; left: 0; bottom: -4px; width: 100%; height: 1px; background: var(--c1); }
h2::before { content: ''; position: absolute; left: 0; bottom: -7px; width: 40%; height: 3px; background: var(--c1); }
h3.home { font-weight: bold; font-size: 12px; margin-bottom: 10px; color: var(--cPreto); }

.c1 { color: var(--c1) !important; }
.c2 { color: var(--c2) !important; }
.c3 { color: var(--c3) !important; }
.c4 { color: var(--c4) !important; }
.c5 { color: var(--c5) !important; }
.c6 { color: var(--c6) !important; }
.c7 { color: var(--c7) !important; }
.c1Esc { color: var(--c1Esc) !important; }
.cAmarelo { color: var(--cAmarelo) !important; }
.cVerde { color: var(--cVerde) !important; }
.cVerdeEsc { color: var(--cVerdeEsc) !important; }
.cAzul { color: var(--cAzul) !important; }
.cLaranja { color: var(--cLaranja) !important; }
.cVermelho { color: var(--cVermelho) !important; }
.cRoxo { color: var(--cRoxo) !important; }
.cCinzaCla { color: var(--cCinzaCla) !important; }
.cCinza { color: var(--cCinza) !important; }
.cCinzaEsc { color: var(--cCinzaEsc) !important; }
.cBranco { color: var(--cBranco) !important; }
.cPreto { color: var(--cPreto) !important; }

.f1 { background-color: var(--c1) !important; }
.f2 { background-color: var(--c2) !important; }
.f3 { background-color: var(--c3) !important; }
.f4 { background-color: var(--c4) !important; }
.f5 { background-color: var(--c5) !important; }
.f6 { background-color: var(--c6) !important; }
.f7 { background-color: var(--c7) !important; }
.fAmarelo { background-color: var(--cAmarelo) !important; }
.fVerde { background-color: var(--cVerde) !important; }
.fVerdeEscuro { background-color: var(--cVerdeEsc) !important; }
.fAzul { background-color: var(--cAzul) !important; }
.fLaranja { background-color: var(--cLaranja) !important; }
.fVermelho { background-color: var(--cVermelho) !important; }
.fRoxo { background-color: var(--cRoxo) !important; }
.fCinzaEsc { background-color: var(--cCinzaEsc) !important; }
.fCinza { background-color: var(--cCinza) !important; }
.fCinzaCla { background-color: var(--cCinzaCla) !important; }
.fBranco { background-color: var(--cBranco) !important; }
.fPreto { background-color: var(--cPreto) !important; }

.esq { text-align: left !important; }
.rig { text-align: right !important; }
.cen { text-align: center !important; }
.jus { text-align: justify !important; }
.tac { text-decoration: line-through !important; }
.bol { font-weight: bold !important; }
.sp { padding: 5px 10px !important; }
.br05 { border-radius: 5px !important; }
.br10 { border-radius: 10px !important; }
.br50 { border-radius: 50px !important; }
.cb { clear: both; }
.dib { display: inline-block; }
.db { display: block; }
.mh { min-height: 400px; }
.mb0 { margin-bottom: 0 !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb40 { margin-bottom: 40px !important; }
.mt0 { margin-top: 0 !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt40 { margin-top: 40px !important; }
.ml20 { margin-left: 20px !important; }
.ml10 { margin-left: 10px !important; }
.ml05 { margin-left: 5px !important; }
.mr20 { margin-right: 20px !important; }
.mr10 { margin-right: 10px !important; }
.mr05 { margin-right: 5px !important; }
.ph40 { padding-left: 20px !important; padding-right: 40px !important; }
.ph20 { padding-left: 20px !important; padding-right: 20px !important; }
.ph10 { padding-left: 10px !important; padding-right: 10px !important; }
.ph05 { padding-left: 5px !important; padding-right: 5px !important; }
.pv40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.pv30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.pv20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.pv10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.pv05 { padding-top: 5px !important; padding-bottom: 5px !important; }
.pt40 { padding-top: 40px !important; }
.pt20 { padding-top: 20px !important; }
.pt10 { padding-top: 10px !important; }
.pt05 { padding-top: 5px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb05 { padding-bottom: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl20 { padding-left: 20px !important; }
.pr10 { padding-right: 10px !important; }
.pr20 { padding-right: 20px !important; }
.lh00 { line-height: 1em !important; }
.fs10 { font-size: 10px !important; }
.fs11 { font-size: 11px !important; }
.fs12 { font-size: 12px !important; }
.fs14 { font-size: 14px !important; }
.fs16 { font-size: 16px !important; }
.fs20 { font-size: 20px !important; }
.fs24 { font-size: 24px !important; }
.fs32 { font-size: 32px !important; }
.fs40 { font-size: 40px !important; }
.bb { border-bottom: 1px solid #e7e7e7 !important; }
.w100 { width: 100%; }
.w75 { width: 75%; }
.w50 { width: 50%; }

.eof { text-align: center; padding: 50px; color: #ce5860; }
.tag { padding: 3px 10px; border-radius: 5px; font-size: 12px; display: inline-block; }
.tagP { padding: 1px 6px; border-radius: 5px; font-size: 11px; display: inline-block; }
.notificacao { position: absolute; top: -8px; right: -8px; background-color: #ce5860; color: #ffffff; border-radius: 50%; width: 15px; height: 15px; font-size: 11px; font-weight: bold; display: flex; align-items: center; justify-content: center; }

.fale-conosco-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
}

.fale-conosco-button {
    background-color: var(--secondary);
    color: var(--text-bg-secondary);
    padding: 6px 10px;
    border-radius: 25px;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    display: flex
;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}


.opcoes-atendimento {
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-bottom: 10px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 10px;
    font-size: 14px;
    display: none;
    width: 250px;
}

.opcao-atendimento {
    padding: 12px;
    margin: 5px 0;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex
;
    align-items: center;
    gap: 8px;
}

.opcao-atendimento.ia {
    background-color: var(--secondary);
    color: var(--text-bg-secondary);
}

.opcao-atendimento.whatsapp {
    background-color: #25d366;
    color: white;
}