#menu-lateral {
  display: none;
}

.topbar {
  left: 0 !important;
}


.content-page {
  left: 0 !important;
  right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.container-fluid {
  align-items: center;
  display: flex;
  justify-content: center;
}

.footer {
  left: 0 !important;
}

.wizard > .steps > ul > li {
  width: 50%;
}

.btn-group, .btn-group-vertical {
  width: 100%;
}

ul[role="tablist"] {
  display: none;
}

.wizard > .actions > ul > li:first-child {
  display: none;
}

.topbar {
  display: none;
}

.inputGroup {
  background-color: #f2f2f2;
  display: block;
  margin: 10px 0;
  position: relative;
}
.inputGroup label {
  padding: 12px 30px;
  width: 100%;
  font-weight: 700 !important;
  display: block;
  text-align: center !important;
  color: #3C454C;
  cursor: pointer;
  position: relative;
  z-index: 2;
  -webkit-transition: color 200ms ease-in;
  transition: color 200ms ease-in;
  overflow: hidden;
}
 .inputGroup label:before {
  width: 10px;
  height: 10px;
  /* border-radius: 50%; DEIXAR REDONDO*/
  content: '';
  background-color: black;
  
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
          transform: translate(-50%, -50%) scale3d(1, 1, 1);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
  z-index: -1;
  /* border-radius: 50%!important; */
} 
.inputGroup label:before {
  width: 32px;
  height: 32px;
  content: '';
  border: 2px solid #D1D7DC;
  background-color: white;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  opacity: 1;
  background-position: 2px 3px;
  border-radius: 0%;
  z-index: 2;
  position: absolute;
  left: 30px;
  top: 50%;
  -webkit-transform: translateY(550%);
          transform: translateY(-50%);
  cursor: pointer;
  -webkit-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}
/*  .inputGroup input:checked ~ label {
  color: #fff;
}  */
/* .inputGroup input:checked ~ label {
  color:black;
}  */
 .inputGroup input:checked ~ label:before {
 /*  -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);
          transform: translate(-50%, -50%) scale3d(56, 56, 1); */
  opacity: 1;
} 
.inputGroup input:checked ~ label:before {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%55555' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-color: transparent;/* #54E0C7; */
  border-color: #c92620;/* #54E0C7; */
}
.inputGroup input {
  width: 32px;
  height: 32px;
  -webkit-box-ordinal-group: 2;
          order: 1;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
  /* border-radius: 50%; */
}

.divChapa1{
  vertical-align: middle;
}

.subTxtChapa1{
  font-size: 16px !important;
}
.txtChapa1{
  margin-bottom: 3px;
}

.inputGroup label {
  display: block !important;
  margin-bottom: 0.0em !important;
}

.form {
  padding: 0 16px;
  max-width: 550px;
  margin: 50px auto;
  font-size: 18px;
  font-weight: 600;
  line-height: 36px;
}

body {
  background-color: #f2f2f2;
  font-family: 'Fira Sans', sans-serif;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

code {
  background-color: #f2f2f2;
  padding: 0 8px;
  
}


.wizard > .content > .body > iframe {
  border: 0 none;
  width: 100%;
  height: 250px !important;
}

.votar{
  min-width: 320px;
  max-width: 500px;
}


.logo-votar{
  vertical-align: middle;
  width: 100%;
  height: 180px;
  position: relative;
}

.logo-votar img{
  max-width: 80%;
  max-height: 80%;
  position: absolute;  
  top: 0;  
  bottom: 0;  
  left: 0;  
  right: 0;  
  margin: auto;
}

.logo-live img{
  max-width: 70%;
  max-height: 70%;
  position: absolute;  
  top: 0;  
  bottom: 0;  
  left: 0;  
  right: 0;  
  margin: auto;
}

html{
  background: #d5d5d5!important;  
}

body{
  background-color: transparent!important;
}

#btnEsqueci{
  border-radius: 0px!important;
  padding: 5px;
  width: 100%;
  display: block;
  text-decoration: none;
  font-weight: bold;
  font-size: 17px;
}
.esqueci-container{
  margin: 5px;
}

/* .votar-group{
  background-image: url("/public/uploads/fundo.png")!important;
} */

.font-branco{
  color: #fff!important;
}
.font-vermelho{
  color: #A30000!important;
}
.font-cinza{
  color: #5c5c5c!important;
}
.font-preto{
  color: black!important;
}

.autorizo{
  text-align: left!important;
}
.back-color{
  background-color: #c92620!important;
}

body.live-modal-open .modal-backdrop.show {
  opacity: .76;
  background: #07111f;
  backdrop-filter: blur(5px);
}
#mdlLive.modal-dialog-live {
  min-height: 0;
  padding: 0 !important;
}
#mdlLive .modal-dialog-live-content {
  display: flex;
  width: calc(100% - 40px);
  max-width: 1400px;
  min-height: calc(100vh - 40px);
  margin: 20px auto;
}
#mdlLive .live-modal-surface {
  min-height: 0;
  max-height: calc(100vh - 40px);
  overflow: hidden;
  border: 0;
  border-radius: 18px;
  background: #f4f7fb;
  box-shadow: 0 28px 90px rgba(3, 13, 28, .42);
}
#mdlLive .live-modal-header {
  position: relative;
  z-index: 10;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  min-height: 78px;
  padding: 14px 22px !important;
  border: 0;
  border-bottom: 1px solid #e4e9f0;
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 4px 18px rgba(16, 32, 53, .05);
}
.live-modal-heading {
  min-width: 0;
}
.live-modal-heading h5 {
  margin: 1px 0 0;
  color: #172235;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -.02em;
}
.live-modal-heading small {
  display: block;
  margin-top: 2px;
  color: #687588;
  font-size: 12px;
}
.live-modal-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #526276;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .14em;
}
.live-modal-dot {
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e1222b;
  box-shadow: 0 0 0 4px rgba(225, 34, 43, .12);
}
#mdlLive .live-modal-close {
  display: inline-flex;
  flex: 0 0 42px;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin: 0 0 0 18px;
  padding: 0;
  border: 1px solid #dce3eb;
  border-radius: 50%;
  color: #405066;
  background: #f7f9fc;
  font-size: 24px;
  line-height: 1;
  opacity: 1;
  text-shadow: none;
  transition: background .18s ease, color .18s ease, transform .18s ease;
}
#mdlLive .live-modal-close:hover,
#mdlLive .live-modal-close:focus {
  color: #fff;
  background: #172235;
  outline: 0;
  transform: rotate(4deg);
}
.live-modal-body {
  flex: 1 1 auto;
  min-height: 0;
  padding: 22px 28px 28px;
  overflow-x: hidden;
  overflow-y: auto;
  background: #f4f7fb;
  scrollbar-color: #b7c1ce transparent;
  scrollbar-width: thin;
}
.live-intro {
  margin-bottom: 16px;
}
.live-media-grid {
  width: 100%;
}
.live-media-grid:not(.live-media-grid--chat) {
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto;
}
.live-media-grid--chat {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
  gap: 16px;
  align-items: stretch;
}
.live-player-shell {
  min-width: 0;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 14px 38px rgba(7, 21, 40, .16);
}
.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  min-width: 0;
  overflow: hidden;
  background: #111;
  border-radius: 12px;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/* TESTE TEMPORÁRIO: máscara transparente usada somente no modo de controles mínimos. */
.live-video-click-blocker {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: transparent;
  cursor: default;
  user-select: none;
  touch-action: none;
}
.live-minimal-controls {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 2px;
  padding: 5px 8px;
  border-radius: 0 0 12px 12px;
  background: #0f0f0f;
}
.live-player-shell--minimal .video-container {
  border-radius: 12px 12px 0 0;
}
.live-minimal-control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  min-width: 42px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  color: #fff;
  background: transparent;
  box-shadow: none;
  font-weight: 600;
}
.live-minimal-control:hover,
.live-minimal-control:focus,
.live-minimal-control:active {
  color: #fff;
  background: rgba(255, 255, 255, 0.14);
  box-shadow: none;
  outline: none;
}
.live-minimal-control .mdi {
  margin: 0;
  font-size: 23px;
  line-height: 1;
}
.live-minimal-control span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.live-minimal-control--live {
  flex-basis: auto;
  width: auto;
  min-width: 84px;
  padding: 0 10px;
  gap: 6px;
}
.live-minimal-control--live span {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: nowrap;
}
.live-minimal-control--live .mdi {
  color: #f00;
  font-size: 19px;
}
.live-minimal-control--fullscreen {
  margin-left: auto;
}
.live-player-shell:fullscreen,
.live-player-shell:-webkit-full-screen {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 16px;
  background: #000;
}
.live-player-shell:fullscreen .video-container,
.live-player-shell:-webkit-full-screen .video-container {
  width: 100%;
}
.live-chat-container {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 360px;
  overflow: hidden;
  border: 0;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 14px 38px rgba(7, 21, 40, .12);
}
.live-chat-title {
  flex: 0 0 auto;
  padding: 10px 14px;
  border-bottom: 1px solid #dfe3e8;
  color: #343a40;
  font-weight: 700;
}
.youtube-live-chat {
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
}
.live-chat-mobile-fallback {
  display: none;
  padding: 20px;
  text-align: center;
}
.live-chat-container--mobile {
  height: auto;
  min-height: 0;
}
.live-chat-container--mobile .live-chat-title,
.live-chat-container--mobile .youtube-live-chat {
  display: none;
}
.live-chat-container--mobile .live-chat-mobile-fallback {
  display: block;
}
.live-chat-container--mobile-sem-aviso {
  display: none;
}
.live-chat-warning {
  margin: 16px 0 0;
}

.live-central-area {
  width: 100%;
  max-width: 1180px;
  min-width: 0;
  margin-right: auto;
  margin-left: auto;
}
.live-central-shortcuts {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 16px;
  padding: 12px 16px;
  border: 0;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(16, 34, 57, .07);
}
.live-central-shortcuts__label {
  color: #526170;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .1em;
}
.live-central-shortcuts__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.live-central-shortcut {
  min-height: 38px;
  padding: 8px 14px;
  border-radius: 8px;
  color: #fff;
  background: #1565c0;
  font-size: 12px;
  font-weight: 800;
}
.live-central-shortcut:hover,
.live-central-shortcut:focus {
  color: #fff;
  background: #0d4f9d;
}

.live-central-panel {
  width: 100%;
  min-width: 0;
  margin-top: 12px;
  overflow: hidden;
  border: 0;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(20, 39, 67, .09);
}
.live-central-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 18px 20px;
  border-bottom: 1px solid #e6ebf0;
}
.live-central-kicker {
  display: block;
  margin-bottom: 3px;
  color: #1565c0;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
}
.live-central-status {
  padding: 5px 10px;
  border-radius: 20px;
  color: #596675;
  background: #edf1f5;
  font-size: 11px;
  font-weight: 700;
}
.live-central-status--open {
  color: #b71c1c;
  background: #ffebee;
}
.live-central-tabs {
  gap: 5px;
  padding: 10px 16px 0;
  border-bottom: 1px solid #e6ebf0;
}
.live-central-tabs .nav-link {
  border-radius: 8px 8px 0 0;
  color: #5d6877;
  font-weight: 700;
}
.live-central-tabs .nav-link.active {
  color: #fff;
  background: #1565c0;
}
.live-central-content {
  padding: 20px;
  overflow-wrap: anywhere;
}
.live-central-empty,
.live-voto-confirmado {
  display: flex;
  min-height: 150px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 7px;
  padding: 22px;
  border-radius: 8px;
  color: #687587;
  background: #f7f9fb;
  text-align: center;
}
.live-central-empty .mdi,
.live-voto-confirmado .mdi {
  color: #1565c0;
  font-size: 34px;
}
.live-voto-confirmado .mdi { color: #2e7d32; }
.live-votacao-meta {
  display: flex;
  justify-content: space-between;
  color: #687587;
  font-size: 11px;
  font-weight: 700;
}
.live-votacao-aberta h4 {
  margin: 12px 0 15px;
  color: #17202b;
}
.live-vote-option {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  margin-bottom: 8px;
  padding: 12px 14px;
  border: 1px solid #dce3ea;
  border-radius: 8px;
  cursor: pointer;
}
.live-vote-option:hover {
  border-color: #1565c0;
  background: #f5f9ff;
}
.live-vote-option input { margin-top: 4px; }
.live-vote-submit {
  width: 100%;
  margin-top: 10px;
}
.live-minha-pergunta {
  margin-top: 8px;
  padding: 12px;
  border: 1px solid #e1e6ec;
  border-radius: 7px;
}
.live-minha-pergunta p { margin: 6px 0 0; }
.live-mesa-status {
  color: #5f6b79;
  font-size: 10px;
  font-weight: 800;
}
.live-mesa-resposta {
  margin-top: 8px;
  padding: 8px;
  border-radius: 6px;
  background: #edf7ee;
}
.live-public-result > small {
  color: #1565c0;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .1em;
}
.live-public-result h4 { margin: 8px 0 16px; }
.live-public-result-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid #e5eaf0;
}

.live-modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  max-width: 1180px;
  margin: 18px auto 0;
  padding: 14px 2px 2px;
  border-top: 1px solid #dfe5ed;
  color: #748093;
  font-size: 12px;
}
.live-modal-footer-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  padding: 8px 14px;
  border: 1px solid #cad3df;
  border-radius: 9px;
  color: #35455a;
  background: #fff;
  font-size: 11px;
  font-weight: 800;
}
.live-modal-footer-close:hover,
.live-modal-footer-close:focus {
  color: #fff;
  border-color: #172235;
  background: #172235;
}

@media (max-width: 991.98px) {
  .live-media-grid--chat {
    grid-template-columns: 1fr;
  }
  .live-chat-container {
    height: min(50vh, 420px);
    min-height: 300px;
  }
}

@media (max-width: 575.98px) {
  #mdlLive .modal-dialog-live-content {
    width: 100%;
    height: 100%;
    min-height: 100%;
    margin: 0;
  }
  #mdlLive .modal-dialog-live-content .modal-content {
    max-height: 100vh;
    min-height: 100vh;
    border: 0;
    border-radius: 0;
  }
  #mdlLive .live-modal-header {
    min-height: 64px;
    padding: 10px 12px !important;
  }
  .live-modal-heading h5 {
    font-size: 16px;
  }
  .live-modal-heading small {
    display: none;
  }
  #mdlLive .live-modal-close {
    flex-basis: 38px;
    width: 38px;
    height: 38px;
    margin-left: 10px;
  }
  .live-modal-body {
    padding: 10px 10px 18px;
  }
  .live-central-shortcuts {
    align-items: stretch;
    flex-direction: column;
  }
  .live-central-shortcuts__actions,
  .live-central-shortcut {
    width: 100%;
  }
  .live-central-shortcut {
    min-height: 42px;
  }
  .live-central-head {
    align-items: flex-start;
    flex-direction: column;
    padding: 13px 14px;
  }
  .live-central-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 9px 10px;
  }
  .live-central-tabs .nav-item {
    flex: 1 1 100%;
    width: 100%;
  }
  .live-central-tabs .nav-link {
    width: 100%;
    text-align: center;
  }
  .live-central-content {
    padding: 12px;
  }
  #liveMesaParticipanteForm .d-flex {
    align-items: stretch !important;
    flex-direction: column;
    gap: 9px;
  }
  #liveMesaParticipanteForm button {
    width: 100%;
    min-height: 42px;
  }
  .live-votacao-meta,
  .live-public-result-row {
    align-items: flex-start;
    flex-direction: column;
  }
  .live-minimal-controls {
    padding: 5px 6px;
  }
  .live-minimal-control {
    flex-basis: 40px;
    width: 40px;
    min-width: 40px;
  }
  .live-minimal-control--live {
    flex-basis: auto;
    width: auto;
    min-width: 80px;
  }
  .live-media-grid--chat {
    gap: 12px;
  }
  .live-chat-container {
    height: auto;
    min-height: 0;
  }
  .live-chat-container[data-exibir-aviso-mobile="0"] {
    display: none;
  }
  .live-chat-title,
  .youtube-live-chat {
    display: none;
  }
  .live-chat-mobile-fallback {
    display: block;
  }
  .live-modal-footer {
    align-items: stretch;
    flex-direction: column;
    margin-top: 14px;
    padding-top: 12px;
    text-align: center;
  }
  .live-modal-footer-close {
    width: 100%;
    min-height: 42px;
  }
}
.bg-gray{
  background: #9c9b9b!important;
}

/* Escopo: somente o HTML vindo do TinyMCE dentro do modal */
.textAcordo {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: inherit;
}

/* Normaliza títulos e margens */
.textAcordo h1,
.textAcordo h2 {
  font-size: 16px !important;
  line-height: 1.25 !important;
  margin: 0 0 8px !important;
}

.textAcordo h3 {
  font-size: 15px !important;
  line-height: 1.25 !important;
  margin: 0 0 6px !important;
}

.textAcordo p,
.textAcordo div,
.textAcordo span {
  font-size: 14px !important;
  line-height: 1.4 !important;
  margin: 0 0 8px !important;
}

/* Listas e links (comportamento consistente) */
.textAcordo ul,
.textAcordo ol {
  margin: 0 0 8px 18px !important;
}

.textAcordo a {
  text-decoration: underline;
  word-break: break-word;
}

/* Imagens não estourarem o modal */
.textAcordo img {
  max-width: 100%;
  height: auto;
}