.elementor-3315 .elementor-element.elementor-element-955bc4a{padding:80px 0px 80px 0px;}/* Start custom CSS for shortcode, class: .elementor-element-56b7008 *//* Importando fontes */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400&family=Sora:wght@500&display=swap');

/* Fontes globais */
.my-esim-page-wrapper, .my-esim-page-wrapper * {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
}

.my-esims-left-menu-title,
.trail-title-5,
.trail-title-4,
.my-esims-page-list-title,
.my-esim-page-tabs_label {
  font-family: 'Sora', sans-serif;
  font-weight: 500;
}

/* Removido fundo roxo dos selects */
.select-wrapper select,
select.select {
  background-color: transparent !important;
  color: #000 !important;
  border: 1px solid #ccc !important;
}

/* Tabs sem fundo roxo */
.my-esim-page-tabs_label {
  background-color: transparent !important;
  color: #000 !important;
  border-bottom: 2px solid #4F358E !important;
  padding: 10px 15px;
}

/* Conteúdo das tabs */
.my-esim-page-tabs_content {
  background-color: #F3E9FF !important;
  color: #000 !important;
}

/* Links do menu lateral */
.esim-list-link {
  background-color: #F3E9FF !important;
  color: #000 !important;
}

.esim-list-link .esim-list-title.active {
  background-color: #4F358E !important;
  color: #fff !important;
}

/* Barras de progresso */
.progress-bar-fill {
  background-color: #4F358E !important;
}

/* Evitar heranças inesperadas */
label, p, li {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
}

/* Background das labels */
.my-esims-left-menu-title,
label[for="my-esims-page-list-usage"],
label[for="my-esims-page-list-installation"] {
  background-color: #F8F2FF !important;
  color: #000 !important;
  padding: 10px 15px;
  border-radius: 6px;
  display: block;
}

/* Conteúdo principal com mesmo fundo das labels */
.my-esim-page-content,
.my-esims-page-content,
.my-esim-page-main-content {
  background-color: #F8F2FF !important;
}

/* Removendo efeitos do título de instruções */
.installation-instruction-card-title {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  color: #000 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Links de QR code e instalação manual */
.qr-code-link,
.manual-installation-link {
  background: none !important;
  border: none !important;
  border-bottom: 2px solid #4F358E !important;
  color: #4F358E !important;
  padding: 0 !important;
  margin: 0 !important;
  text-decoration: none !important;
}

/* Hover nos links */
.qr-code-link:hover,
.manual-installation-link:hover {
  opacity: 0.8;
}



/* Aba ativa: linha roxa embaixo e texto branco */
.my-esim-page-tabs_label.active {
  border-bottom: 2px solid #4F358E !important;
  color: #4F358E !important;
  font-weight: 500;
}


/* Fundos brancos */
.my-esims-page-list-desc,
.installation-manual-wrapper {
  background-color: #FFFFFF !important;
}

/* Fundos cinza clarinho */
.installation-manual-left-content,
.qr-code-installation-instructions {
  background-color: #F3E9FF !important;
}


/* Fundos brancos */
.my-esims-page-list-desc,
.installation-manual-wrapper,
.qr-code-wrapper {
  background-color: #FFFFFF !important;
}

/* Fundos cinza clarinho */
.installation-manual-left-content,
.qr-code-installation-instructions {
  background-color: #F3E9FF !important;
}


/* Fundos roxo escuro */
.trail-badge,
.data-usage-package-date-status {
  background-color: #4F358E !important;
  color: #FFFFFF !important;
}

/* Texto na cor roxa */
.trail-title-5,
.text-color-title-negative,
[class^="trail-title-"],
[class*=" trail-title-"] {
  color: #4F358E !important;
}

.trail-badge {
  color: #FFFFFF !important;
}/* End custom CSS */