.text-title{
    color: #000000;
    text-align: center;
    font-size: 35px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
  }
  
  .text-subtitle{
    color: #000000;
    text-align:center;
    font-size: 30px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
  }
  
  .text-body{
    color: #575757;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 20px;
    font-family: 'Montserrat', 'Roboto', sans-serif;
    font-weight: 400;
  }
  .text-body-2{
    color: #E0E0E0;
    text-align: start;
    font-size: 15px;
    margin: 10px 25px;
    font-family: 'Montserrat', 'Roboto', sans-serif;
    font-weight: 400;
  }

  .text-title-identify{
    color: #000000;
    text-align: center;
    font-size: 25px;
    line-height: 1.2;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
  }

.text-subtitle-identify{
    color: #000000;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.text-body-identify{
    color: #575757;
    text-align: center;
    font-size: 20px;
    font-family: 'Montserrat', 'Roboto', sans-serif;
    font-weight: 400;
}

.text-footer{
  color: #E0E0E0;
  text-align: left !important;
  font-size: 14px !important;
  font-family: 'Montserrat', 'Roboto', sans-serif;
  font-weight: 400;
}
 

  /* --------------- Corpo da pagina ------------ */

html{
  background-color: #fff !important;
  scroll-behavior:smooth;
}

body{
  min-width: 100vw !important;
  height: 80vh !important;
  background-color: #fff !important;
  overflow-x: hidden;
  font-family: 'Montserrat', 'Roboto', sans-serif !important;
}

header{
  position: fixed;
  top: 0;
  z-index: 100;
  margin: 0 !important;
  padding: 0 !important;
  width: 100vw !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}

.screenBody {
  /* margin-top: 57px; */
  padding-top: 62px;
}
.custom-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 150px; /* Ajuste conforme necessário */
}

.loading-logo {
  width: 100px; 
  height: auto;
  margin-bottom: 10px;
}

.spinner {
  margin-top: 20px;
  width: 40px;
  height: 40px;
  border: 5px solid rgba(0, 0, 0, 0.1);
  border-left-color: #000;
  border-radius: 100%;
  animation: spin 0.5s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* ----------Tela de Login ------------ */
.custom-spinner {
  width: 4rem;
  height: 1rem;
  border-width: 0.4rem; /* Aumenta a espessura do spinner */
}

.loginScreen{
    width: 100vw;
    height: 100vh;
    /* display: grid; */
    /* place-items: center; */
}
.termsScreen{
    width: 100vw;
    min-height: 100vh;
    overflow-y: scroll;
    display: grid;
    place-items: center;
}
  
.termsScreen .loginTermsContainer{
    gap: 150px;
    max-width: 1200px;
    min-height: 100vh;
    width: 100%;
    padding: 24px;
}

@media screen and (max-width: 850px) {
  .termsScreen .loginTermsContainer{
    flex-wrap: wrap;
    justify-content: center;
    height: 100vh;
    gap: 24px;
  }

  .termsScreen .loginTermsContainer .content{
    margin-top: 80px;
  }
}

.termsScreen .loginTermsContainer .terms-form{

  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 350px;
  padding: 40px;
  box-sizing: border-box;
  background-color: #F4F4F4;
  border: 1px solid #EDEDED;
  border-radius: 24px;

}

.termsScreen .loginTermsContainer .terms-form .terms-form-header h2{
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 20px;
  text-transform: capitalize;
}

.termsScreen .loginTermsContainer .terms-form .btn-show-terms{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 28px;
  height: 28px;
  background: #E7E7E7;
  border-radius: 100%;
  color: #B0B0B0;
  cursor: pointer;
}
#menuUserScreen .btn-show-terms{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 28px;
  height: 28px;
  background: #E7E7E7;
  border-radius: 100%;
  color: #B0B0B0;
  cursor: pointer;
}

#menuUserScreen md-switch.md-checked .md-bar {
  background-color: #f0a9b9; /* Altere para a cor desejada */
}

/* Modifique a cor do botão do switch */
#menuUserScreen md-switch.md-checked .md-thumb {
  background-color: #eb0033; /* Altere para a cor desejada */
}

.termsScreen .loginTermsContainer .terms-form .form-container .group-radio{
  margin: 0;
  padding: 0;
  position: relative;
}
#inputTextNone{
  line-height: 0;
  font-size: 0;
  position: absolute;
  pointer-events: none;
  opacity: 0;
  z-index: 10;
  margin-top: -124px;
}

.termsScreen .loginTermsContainer .terms-form .sendTerms{
  width: 100%;
  padding: 12px 0;
  border-radius: 8px;
  background-color: #EA1D2C;
  color: white;
  border: 0;
  font-weight: bold;
}

md-radio-button.md-checked .md-off{
  border-color: #EA1D2C;
}
md-radio-button.md-checked .md-on{
  background-color: #EA1D2C;
}

.loginposition{
    align-items: center;
}


/* NAV BAR */

.nameIcon{
  background-color: #fffffff4;
  color: gray; 
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%),
  0 1px 1px 0 rgb(0 0 0 / 14%),
  0 2px 1px -1px rgb(0 0 0 / 12%);
}
.nameIcon:hover{

  background-color: rgb(224, 215, 215) !important;
  color: black !important;
}  

/* Tela inicial */

.bannerMain{
    display: inline-block;
    position: relative;
    
}

.bannerMain #textBannerMain {
  color: black;
  font-size: 2.5rem;
  text-align: center !important;
  margin-bottom: 100px;
 
}

.bannerMain #ancorBannerMain {
  position:absolute ;
  top: 92%;
  left: 48%;
  color: #fff;
  font-size: 50px;
  text-align: start !important;
 
}

.circle-text-main-green{
   background-color: #005838 !important;
   color: #fff !important;
   min-width: 20px;
   min-height: 20px;
}
  
.circle-text-main-red{
  color: #000000;
  text-align: center;
  font-size: 20px;
  font-family: 'Montserrat', 'Roboto', sans-serif;
  font-weight: 700;
}


/* Definições Gerais */

.button-sinistro-1{
  background-color: #000000;
  color: #FFFFFF;
  border: none;
  border-radius: 8px;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.unstyled-button {
  all: unset; /* Remove o estilo padrão do botão */
  display: block; /* Faz com que ele se comporte como um bloco */
  width: 100%; /* Ajusta o tamanho se necessário */
  text-align: center; /* Centraliza o texto se necessário */
  cursor: pointer; /* Mantém o cursor de clique */
}

.button-sinistro-2{
  background-color: #000000;
  color: #FFFFFF;
  border: none;
  border-radius: 8px;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.button-sinistro-red{
  background-color: #000000;
  color: #FFFFFF;
  border: none;
  border-radius: 8px;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.button-sinistro-red:disabled{
  background-color: #CCCCCC;
  cursor: not-allowed;
}

input, select, textarea{
  color: #000;
  background-color: #ffffff !important;
	padding-left: 0.875rem !important;
	font-size: 1.0625rem !important;
	line-height: 147.6% !important;
	min-height: 2.3rem !important;
}

.link-style{
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  margin-top: 15px;

}
.link-style:hover{
  color: #0061c9;
  text-decoration: underline;
}


.link-header{
  color: #212529 !important;
}
.icon-header{
  font-size: 0.9rem;
  color: #fff !important;
}
.link-footer{
  color: #ffffff !important;
}

md-card{
  border-radius: 5px !important;
   box-shadow: 0px #fff;
}

md-tabs.md-default-theme .md-tab.md-active, md-tabs .md-tab.md-active, md-tabs.md-default-theme .md-tab.md-active md-icon, md-tabs .md-tab.md-active md-icon, md-tabs.md-default-theme .md-tab.md-focused, md-tabs .md-tab.md-focused, md-tabs.md-default-theme .md-tab.md-focused md-icon, md-tabs .md-tab.md-focused md-icon {
  color: black !important ;
  
}

.md-button.md-default-theme.md-fab, .md-button.md-fab:hover {
  background-color:black !important;
}

md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar {
  color: black !important;
  background: black !important;
}

md-button.md-default-theme.md-fab, .md-button.md-fab{
  background-color: #fff;
}

/* Loading personalizado */
.loading-red path{
  fill: #000000;
}

.loading-white path{
  stroke: #fff !important;
}

.loading-Button-white path{
  stroke: #fff !important;
}

/* Strength Meter */
.strength-meter {
  position: static;
  height: 4px;
  padding-top: 45px;
  border-radius: 3px;
}

.strength-meter-fill {
  background: transparent;
  height: inherit;
  width: 0;
  border-radius: inherit;
  transition: width 0.5s ease-in-out, background 0.25s;
}

.strength-meter-fill[data-strength='easy'] {
  background: #000000;
  width: 33%;
}
.strength-meter-fill[data-strength='medium'] {
  background: darkorange;
  width: 66%;
}
.strength-meter-fill[data-strength='hard'] {
  background: darkgreen;
  width: 100%;
}

.inputpassword {
  text-wrap: wrap;
  background: transparent;
  transition: color 0.25s;
  color: #DDD;
}
.inputpassword[data-strength='easy'] {
  border-color: #000000;
}
.inputpassword[data-strength='medium'] {
  color: darkorange;
}
.inputpassword[data-strength='hard'] {
  color: darkgreen;
}

/* CheckBox Personalizado */


md-input-container{
    margin: 18px 2px 0 0 !important;
}

md-input-container:not(.md-input-invalid).md-input-focused .md-input {
    border-color: black !important; 
}

md-input-container:not(.md-input-invalid).md-input-focused md-icon {
    color: black !important; 
}

md-input-container.md-input-focused label:not(.md-no-float) {
    color: black !important;
}

md-checkbox.md-checked .md-icon {
  background-color: black;
}

md-checkbox.md-checked .md-ink-ripple {
  color: rgba(0, 0, 0, 0.884);
}

md-progress-circular.md-warn path{
  stroke: black !important;
}

md-input-container{
  margin: 18px !important;
}

md-select-menu.md-default-theme md-content md-option[selected], md-select-menu md-content md-option[selected] {
  color: #000000;
}
md-select-menu.md-default-theme md-content md-option[selected].md-focused, md-select-menu md-content md-option[selected].md-focused, md-select-menu.md-default-theme md-content md-option[selected]:focus, md-select-menu md-content md-option[selected]:focus{
  color: #000000;
}
.md-checkbox-enabled.md-default-theme[selected] .md-icon, .md-checkbox-enabled[selected] .md-icon {
  background-color: black;
}
/* .selectdemoSelectHeader {
  Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class
} */
.selectdemoSelectHeader .demo-header-searchbox {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  padding: 0;
}
.selectdemoSelectHeader .demo-select-header {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
  padding-left: 16px;
  height: 48px;
  cursor: pointer;
  position: relative;
  display: flex;
  width: auto;
}
.selectdemoSelectHeader md-content._md {
  max-height: 240px;
}
.selectdemoSelectHeader md-input-container {
  min-width: 112px;
}

.button-input-file{
  background-color:gray !important;
  color: #fff !important;
  height: 40px;
  line-height: 40px;
  width: 40px;
  border-radius: 50%;
  text-align: center;
}

.button-input-file-sucess{
background-color:#005838 !important;
color: #fff !important;
height: 40px;
line-height: 40px;
width: 40px;
border-radius: 50%;
text-align: center;
}

.button-input-file-failed{
  background-color:red !important;
  color: #fff !important;
  height: 40px;
  line-height: 40px;
  width: 40px;
  border-radius: 50%;
  text-align: center;
  }

.icon-confirmacao-green{
  background-color:#fff !important;
  color: #005838 !important;
}

/* CheckBox Personalizado */

md-checkbox.md-checked .md-icon {
  background-color: gray;
}

md-checkbox.md-checked .md-ink-ripple {
  color: rgba(0, 0, 0, 0.884);
}

.whiteframe-ifood{
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin: 10px;
}

.whiteframe-ifood-faq{
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin: 10px;
}

/* Scroll Bar */

/* Estiliza a barra de rolagem */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Estiliza a parte da barra de rolagem que o usuário arrasta com o mouse */
::-webkit-scrollbar-thumb {
  background-color: gray;
  border-radius: 20px;
}

/* Estiliza a parte da barra de rolagem que não é arrastada pelo usuário */
::-webkit-scrollbar-track {
  background-color: white;
  border-radius: 20px;
}

.vAccordion--default v-pane-header:hover, .vAccordion--default v-pane-header:focus {
  color: gray !important; }

  .vAccordion--default v-pane-header::after, .vAccordion--default v-pane-header::before {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      right: 0;
      width: 10px;
      height: 1px;
      background-color: gray !important;
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      will-change: transform;
      -webkit-transition: all 0.25s;
              transition: all 0.25s; }
    .vAccordion--default v-pane-header::before {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    .vAccordion--default v-pane.is-expanded > v-pane-header {
    border-bottom-color: gray !important; }

/* Progress */

  .mdl-card {
    width: 950px;
    min-height: 0;
    margin: 10px auto;
  }
  
  .mdl-card__supporting-text {
    width: 100%;
    padding: 0;
  }
  
  .mdl-stepper-horizontal-alternative .mdl-stepper-step {
    width: 25%;
    /* 100 / no_of_steps */
  }
  
  /* STEPPER-ACOMPANHAMENTO SINISTRO */

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-circlesinistro {
  width: 24px;
  height: 24px;
  margin: 0 auto;
  background-color: #9E9E9E;
  border-radius: 50%;
  text-align: center;
  line-height: 2em;
  font-size: 12px;
  color: white;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step .mdl-stepper-circlesinistro  {
  background-color: #FFC400;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.step-done .mdl-stepper-circlesinistro{
  background-color: #005838;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.step-error .mdl-stepper-circlesinistro{
  background-color: #EB0033;
}
  
  /* Begin actual mdl-stepper css styles */
  
  .mdl-stepper-horizontal-alternative {
    display: table;
    width: 50vw;
    margin: 0 auto;
  }
  
  .mdl-stepper-horizontal-alternative .mdl-stepper-step {
    display: table-cell;
    position: relative;
    padding: 0px 24px;
  }
  
  /* .mdl-stepper-horizontal-alternative .mdl-stepper-step:hover,
  .mdl-stepper-horizontal-alternative .mdl-stepper-step:active {
    background-color: rgba(0, 0, 0, .06);
  }
  
  .mdl-stepper-horizontal-alternative .mdl-stepper-step:active {
    border-radius: 15% / 75%;
  }
  
  .mdl-stepper-horizontal-alternative .mdl-stepper-step:first-child:active {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  
  .mdl-stepper-horizontal-alternative .mdl-stepper-step:last-child:active {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  
  .mdl-stepper-horizontal-alternative .mdl-stepper-step:hover .mdl-stepper-circle {
    background-color: #757575;
  } */
  
  .mdl-stepper-horizontal-alternative .mdl-stepper-step:first-child .mdl-stepper-bar-left,
  .mdl-stepper-horizontal-alternative .mdl-stepper-step:last-child .mdl-stepper-bar-right {
    display: none;
  }
  
  .mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-circle {
    width: 24px;
    height: 24px;
    margin: 0 auto;
    background-color: #9E9E9E;
    border-radius: 50%;
    text-align: center;
    line-height: 2em;
    font-size: 12px;
    color: white;
  }
  
  .mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step .mdl-stepper-circle {
    background-color: gray;
  }

  .mdl-stepper-horizontal-alternative .mdl-stepper-step.step-done .mdl-stepper-circle:before {
    content: "\f00c"; /* Ícone de check do Font Awesome */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: white !important;
  }
  
  .mdl-stepper-horizontal-alternative .mdl-stepper-step.step-done .mdl-stepper-circle *,
  .mdl-stepper-horizontal-alternative .mdl-stepper-step.editable-step .mdl-stepper-circle * {
    display: none;
  }
  
  .mdl-stepper-horizontal-alternative .mdl-stepper-step.editable-step .mdl-stepper-circle {
    -moz-transform: scaleX(-1);
    /* Gecko */
    -o-transform: scaleX(-1);
    /* Opera */
    -webkit-transform: scaleX(-1);
    /* Webkit */
    transform: scaleX(-1);
    /* Standard */
  }
  
  .mdl-stepper-horizontal-alternative .mdl-stepper-step.editable-step .mdl-stepper-circle:before {
    content: "\270E";
  }
  
  .mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-title {
    margin-top: 16px;
    font-size: 14px;
    font-weight: normal;
  }
  
  .mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-left,
  .mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-right {
    position: absolute;
    top: 13px;
    height: 1px;
    border-top: 1px solid #BDBDBD;
  }
  
  .mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-right {
    right: 0;
    left: 50%;
    margin-left: 20px;
  }
  
  .mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-left {
    left: 0;
    right: 50%;
    margin-right: 20px;
  }


























/* .cardMain{
    border-radius: 20px !important;
    width: 30vw;
    height: 15vh;

} */


  
/* .button-identificacao{
    background: #eb0033 !important;;
    margin: 20px;  
    line-height: 1; 
    border-radius: 5px; 
    width: 250px; 
    height: 60px;
} */

/* .button-info-acidente{
    background-color:#fff !important;
    color: #EB0033 !important;
    bottom: 7%;
} */
/* .menuinfo{

    margin: 20px;
    font-size: 20px;

} */


.button-input-file{
    background-color: rgb(107, 102, 102) !important;
    color: #fff !important;
}


.icon-confirmacao-green{
    background-color:#fff !important;
    color: #005838 !important;
}

.whiteframe-ifood{
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 60px;
    padding-right: 60px;
    width: 70%;
}

.sidebar-conf{
    background-color: #EB0033 !important;
    max-height: 80vh !important;
}

.circle-text-main-blue{
    background-color:#0073E6 !important;
    color: #fff !important;
    min-width: 20px;
    min-height: 20px;
}

.link-footer-end{
    color: rgb(90, 89, 89) !important;
    font-size: 14px !important ;
    padding: 7px !important;
}

.text-sidebar{
    color: #fff !important;
    font-size: 20px;
}


footer{
    background-color: #fff;
    background-size: 100%;
    text-align: left;
    padding: 50px 0 30px;
    color: #6f6f6f !important;
    font-size: 16px;
    text-decoration: none;
    
}


.line-top{
    display:"inline-block";
    margin: 15px 5px 5px 15px;
    border-top: 2px solid #ddd;
    width: 90%;
    align-items: center;
    
}

footer .line-top{
    display:"inline-block";
    margin: 15px 5px 5px 15px;
    border-top: 2px solid #ddd;
    width: 98%;
    align-items: start;
}

.identify{
    align-items: center;
    text-align: center;
    padding-left: 80px ;
    padding-right: 80px;
}


.border-log{
  border: 1px solid #000000;
}


.video-container {
  /* margin-top: 32px; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* height: calc(100vh - 64px); */
  min-height: 80px;
  height: fit-content;
}

.text-autorize-camera{
  display: flex;
  justify-content: center;
  align-items: center;
}

video, canvas {
  width: auto;
  height: 75%; /* Proporção 3:4 */
}

.video-wrapper {
  position: relative;
  overflow: hidden; /* Garante que elementos não saiam do contêiner */
  border: 1px solid #ddd;
  border-radius: 8px; /* Borda arredondada opcional */
}

.button-overlay {
  margin-top: 20px;
  display: flex;
  gap: 10px;
  position: relative;
  z-index: 999;
}

.btn-video-container {
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
}

.btn-video-container:hover {
  background-color: rgba(0, 0, 0, 0.9);
}

.fullscreen-modal {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
}

.custom-tooltip {
  --bs-tooltip-bg: var(--bd-violet-bg);
  --bs-tooltip-color: var(--bs-white);
}

.tooltip-div {
  display: flex;
  justify-content: flex-end;
  align-items: center; 
  position: relative;
  width: 100%;
  height: 0px;
  margin-bottom: 8px;
}

.tooltip-div span {
  font-size: 9px;
}

/* Aumenta o tamanho do balão para acomodar 3 linhas */
.tooltip-inner {
  max-width: 300px; /* Ajuste conforme necessário */
  width: auto;
  white-space: normal;  /* Permite quebra de linha */
  line-height: 1.4;  /* Aumenta a altura das linhas para tornar o texto mais legível */
  padding: 10px;  /* Ajuste o padding para aumentar o espaço interno */
}

.mainlateral2Div{
  height: 80%;
}

.mainlateral2 {
  margin-top: 20px;
  width: 95%;
  height: 90%;
  border-radius: 20px;
}

.mainlateral2Main {
  margin-top: 20px;
  width: 95%;
  height: 90%;
  border-radius: 20px;
}
.btn-com-icone {
  display: flex;
  justify-content: center; /* centraliza conteúdo principal */
  align-items: center;
  position: relative;
  padding: 0 16px;
  width: 250px;
  text-transform: none !important;
}

.btn-com-icone b{
font-size: 15px;
}

/* Texto centralizado absoluto */
.btn-com-icone .entregador-centralizado {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}

/* Ícone alinhado à direita */
.btn-com-icone .icone-final {
  margin-left: auto;
  position: relative;
  z-index: 1;
}

/* Esse wrapper faz o conteúdo de texto funcionar igual aos outros botões */
.entregador-centralizado-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
}

/* Texto centralizado absoluto */
.entregador-centralizado {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}

/* Ícone alinhado à direita */
.icone-final {
  margin-left: auto;
  position: relative;
  z-index: 1;
}

.accesCodeTextSize {
  font-size: 18px;
}

#textBannerMain span {
  font-size: 32px;
  font-weight: bold;
}

.mainDiv {
  margin-top: -5%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.botao-texto-centralizado {
  flex: 1;
  display: flex;
  justify-content: center;
  text-align: center;
  text-transform: none !important;
}

.btn-com-icone-main {
  display: flex;
  justify-content: space-between; /* centraliza conteúdo principal */
  align-items: center;
  position: relative;
  padding: 0 16px;
  width: 250px;
  text-transform: none !important;
}

.navbar {
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.mainInfo {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}


.mainInfoContent {
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}

.mainInfoContent > div {
  display: flex;
  align-items: center;
  gap: 8px; /* Espaço entre ícone e texto */
  margin-bottom: 16px; /* Espaço entre cada item */
}

md-list {
  padding: 0;
  margin: 0;
}

md-list-item {
  display: flex;
  align-items: center;
}

.md-list-item-text {
  flex: 1;
}

.span-h4-left {
  align-self: flex-start;
  margin-left: 16px;
  margin-bottom: -25px;
}

.span-bem-estar {
  width: 480px;
  font-size: 16px;
}

.linha-info {
  display: flex;
  align-items: flex-start;
  margin: 5px 10px 0;
}

.linha-info strong {
  width: 10px; /* ajuste conforme necessário */
  flex-shrink: 0;
}

.btn-tooltip {
    color: black;
    background-color: black;
    border-color: black;
}