<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.cpfl-tooltip {
  position: relative;
}

.tooltip-image-wrapper {
  position: relative;
}

.tooltip-image-wrapper img {
  width: 100%;
}

.tooltip-icon.hide {
  display: none;
}
.tooltip-icon {
  position: relative;
  background-color: #0058a0;
  text-align: center;
  width: 1.334rem;
  height: 1.334rem;
  justify-content: center;
  display: inline-flex;
  align-items: center;
  font-size: 1rem;
  border-radius: 50%;
  font-style: normal;
  font-family: 'Lato';
  cursor: pointer;
  font-weight: 900;
  color: #fff;
  box-shadow: 1px 1px 3px rgb(0 0 0 / 50%);
}

.tooltip-image-wrapper .tooltip-icon {
  position: absolute;
  display: flex;
  top: 0;
  font-size: 1.5rem;
  width: 1.334em;
  height: 1.334em;
  z-index: 1;
}

.tooltip-icon .tooltip {
  visibility: hidden;
  opacity: 0;
  display: flex;
  background-color: #00447c;
  padding: 1rem;
  border-radius: 0.5rem;
  position: absolute;
  bottom: calc(100% + 0.4rem);
  font-size: 1rem;
  font-family: Arial;
  text-align: left;
  font-weight: 400;
  max-width: 33rem;
  line-height: 1.16;
  flex-direction: column;
  gap: 0.5em;
  background-clip: padding-box;
  width: max-content;
  transition: opacity 0.3s;
  box-shadow: 0 0.53333rem 1rem rgb(37 43 48 / 50%);
  z-index: 1;
}

.tooltip-icon .tooltip p {
  text-align: left;
  font: normal normal normal 12px/20px Lato;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  margin: 0 0 10px;
}

.tooltip-icon.bg-white .tooltip {
  background: #ffffff 0% 0% no-repeat;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 4px;
  color: var(--title);
  text-align: left;
  font: normal normal bold 12px/20px;
  letter-spacing: 0px;
}
.tooltip-icon.bg-white .tooltip .caret {
  border-top: 0.5rem solid #fff;
}

.card-file .tooltip-icon {
  background: #fff;
  color: #0058a0;
}

.card-file .tooltip-icon .tooltip .caret {
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
  border-top: 0 solid transparent;
  border-bottom: 0.5rem solid #fff;
  top: unset;
  left: calc(100% - var(--s35));
  bottom: 100%;
}

.card-file .tooltip-icon .tooltip {
  padding: var(--s10);
  max-width: 13.5rem;
  bottom: unset;
  top: calc(100% + var(--s18));
  right: -20px;
  font-size: var(--s12);
  line-height: var(--s20);
}

.tooltip-icon:hover {
  z-index: 2;
}

.tooltip-icon:hover .tooltip {
  visibility: visible;
  opacity: 1;
}

.tooltip-icon .tooltip .caret {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
  border-top: 0.5rem solid #00447c;
  top: 100%;
  left: calc(50% - (0.8rem /2));
  z-index: 0;
}

.tooltip-icon .tooltip:after {
  display: block;
  content: "";
  height: calc(100% + 1.2rem);
  width: calc(100% + 1.2rem);
  position: absolute;
  z-index: -1;
  left: -0.6rem;
  top: -0.6rem;
}

.tooltip-icon .tooltip strong {
  display: block;
}

.entenda-sua-conta .tooltip-1 {
  top: 12%;
  left: 42%;
}

.entenda-sua-conta .tooltip-2 {
  top: 12%;
  left: 90%;
}

.entenda-sua-conta .tooltip-3 {
  top: 24%;
  left: 30%;
}

.entenda-sua-conta .tooltip-4 {
  top: 24%;
  left: 82%;
}

.entenda-sua-conta .tooltip-5 {
  top: 31%;
  left: 8%;
}

.entenda-sua-conta .tooltip-6 {
  top: 38%;
  left: 7%;
}

.entenda-sua-conta .tooltip-7 {
  top: 38%;
  left: 16%;
}

.entenda-sua-conta .tooltip-8 {
  top: 38%;
  left: 26%;
}

.entenda-sua-conta .tooltip-9 {
  top: 38%;
  left: 31%;
}

.entenda-sua-conta .tooltip-10 {
  top: 38%;
  left: 38%;
}

.entenda-sua-conta .tooltip-11 {
  top: 38%;
  left: 42%;
}

.entenda-sua-conta .tooltip-12 {
  top: 38%;
  left: 47%;
}

.entenda-sua-conta .tooltip-13 {
  top: 38%;
  left: 53%;
}

.entenda-sua-conta .tooltip-14 {
  top: 38%;
  left: 60%;
}

.entenda-sua-conta .tooltip-15 {
  top: 38%;
  left: 66%;
}

.entenda-sua-conta .tooltip-16 {
  top: 38%;
  left: 71%;
}

.entenda-sua-conta .tooltip-17 {
  top: 38%;
  left: 77%;
}

.entenda-sua-conta .tooltip-18 {
  top: 38%;
  left: 83%;
}

.entenda-sua-conta .tooltip-19 {
  top: 38%;
  left: 88%;
}

.entenda-sua-conta .tooltip-20 {
  top: 10%;
  left: 29%;
}

.entenda-sua-conta .tooltip-21 {
  top: 18%;
  left: 16%;
}

.entenda-sua-conta .tooltip-22 {
  top: 18%;
  left: 37%;
}

.entenda-sua-conta .tooltip-23 {
  top: 18%;
  left: 58%;
}

.entenda-sua-conta .tooltip-24 {
  top: 18%;
  left: 80%;
}

.entenda-sua-conta .tooltip-25 {
  top: 24%;
  left: 21%;
}

.entenda-sua-conta .tooltip-26 {
  top: 24%;
  left: 65%;
}

.entenda-sua-conta .tooltip-27 {
  top: 30%;
  left: 19%;
}

.entenda-sua-conta .tooltip-28 {
  top: 30%;
  left: 75%;
}

.entenda-sua-conta .tooltip-29 {
  top: 37%;
  left: 19%;
}

.entenda-sua-conta .tooltip-30 {
  top: 49%;
  left: 19%;
}

.entenda-sua-conta .tooltip-31 {
  top: 58%;
  left: 19%;
}

.entenda-sua-conta .tooltip-32 {
  top: 70%;
  left: 49%;
}

.entenda-sua-conta .tooltip-33 {
  top: 82%;
  left: 49%;
}

.entenda-sua-conta .tooltip-34 {
  top: 31%;
  left: 26%;
}

.entenda-sua-conta .tooltip-35 {
  top: 31%;
  left: 36%;
}

.entenda-sua-conta .tooltip-36 {
  top: 31%;
  left: 50%;
}

.entenda-sua-conta .tooltip-37 {
  top: 31%;
  left: 64%;
}

.entenda-sua-conta .tooltip-38 {
  top: 31%;
  left: 80%;
}

.tooltipv2 {
  position: relative;
  display: inline-block;
  overflow: visible;
  padding: 10px;
}

.tooltipv2 .tooltip-icon {
  padding: 10px;
}

.tooltipv2 .tooltiptext {
  visibility: hidden;
  width: 240px;
  background-color: #eeeeee;
  color: black;
  text-align: center;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 110%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.6s;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}

.tooltipv2 .tooltiptext::after {
  content: '';
  position: absolute;
  top: 50%;
  left: -5px;
  transform: translateY(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  background-color: #eeeeee;
  z-index: -1;
}

.tooltipv2 .tooltiptext .title {
  text-align: center;
  font-weight: bolder;
}

.tooltipv2 .tooltiptext a {
  border-bottom: 1px dotted #0058a0;
  color: #0058a0;
}

.tooltipv2:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 767px) {
  .tooltip-image-wrapper {
    display: none;
  }

  .tooltip-icon {
    position: static;
    display: none;
  }

  .tooltip-icon .tooltip {
    left: 0;
  }

  .tooltip-icon .tooltip .caret {
    display: none;
  }

  .tooltipv2 .tooltip-icon {
    position: static;
    display: flex;
  }

  .tooltipv2 .tooltiptext {
    /* Para telas pequenas, pode-se posicionar o tooltip de forma diferente */
    left: 50%; /* Centraliza em relaÃ§Ã£o ao Ã­cone */
    transform: translateX(-50%) translateY(0); /* Ajusta a centralizaÃ§Ã£o */
    bottom: 100%; /* Posiciona o tooltip acima do Ã­cone */
    margin-left: -45%; /* Ajusta o posicionamento */
  }

  .tooltipv2 .tooltiptext::after {
    /* Ajusta a posiÃ§Ã£o da seta para telas pequenas */
    left: 50%; /* Posiciona a seta no centro do tooltip */
    margin-left: -5px; /* Centraliza a seta */
    top: 100%; /* Coloca a seta na parte inferior do tooltip */
  }
}


.tooltip-right-container {
  position: relative;
}

.tooltip-image-wrapper .tooltip-right {
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 1.334rem;
  height: 1.334rem;
  font-size: 1rem;
}

.tooltip-image-wrapper .tooltip-right .tooltip {
  left: auto !important;
  max-width: none !important;
}

.tooltip-image-wrapper .tooltip-right .tooltip .caret {
  left: auto !important;
  right: 0;
  margin-right: 25px;
}
</pre></body></html>