:root {
   --fs-1: calc(1.3rem + .6vw) !important;
   --fs-2: calc(1.275rem + .3vw) !important;
   --fs-3: calc(1.26rem + .12vw) !important;
   --fs-4: 1.25rem !important;
   --fs-5: 1.15rem !important;
   --fs-6: 1.075rem !important;
   --fs-7: .95rem !important;
   --fs-8: .85rem !important;
   --fs-9: .75rem !important;
   --fs-10: .5rem !important;
   --fs-2hx: calc(1.375rem + 1.5vw) !important;
   --fs-3hx: calc(1.475rem + 2.7vw) !important;
   --fw-lighter: 200 !important;
   --fw-light: 300 !important;
   --fw-normal: 400 !important;
   --fw-semibold: 500 !important;
   --fw-bold: 600 !important;
   --fw-bolder: 700 !important;
   --bs-info-r: 112;
   --bs-info-g: 96;
   --bs-info-b: 230;
   --bs-info-dark-suave: rgb( calc(var(--bs-info-r) * 0.9), calc(var(--bs-info-g) * 0.9), calc(var(--bs-info-b) * 0.9) );
}

@media (min-width:1200px) {
   :root {
      --fs-1: 1.75rem !important;
      --fs-2: 1.5rem !important;
      --fs-3: 1.35rem !important;
      --fs-2hx: 2.5rem !important;
      --fs-3hx: 3.5rem !important;
   }
}

@keyframes flash {
   0%, 50%, 100% {
      opacity: 1;
   }

   25%, 75% {
      opacity: 0;
   }
}

.btn-click-effect {
   display: inline-block;
   transition: transform 0.1s ease-in-out;
}

   .btn-click-effect:active {
      transform: scale(0.95);
   }


.badge-flash {
   animation: flash 4s infinite;
}

@media (max-width: 991.98px) {
   #kt_app_content_container.app-container {
      padding: 20px !important;
   }
}

@media (min-width: 992px) {
   #kt_app_content_container.app-container {
      padding: 30px !important;
   }
}

/* --- ANIMAÇÕES DO CHAT --- */
@keyframes slideIn {
   from {
      transform: translateX(100%);
      opacity: 0;
   }

   to {
      transform: translateX(0);
      opacity: 1;
   }
}

@keyframes slideOut {
   from {
      transform: translateX(0);
      opacity: 1;
   }

   to {
      transform: translateX(100%);
      opacity: 0;
   }
}

/* -- botão maior quando for celular/mobile -- */
.btn-responsivo.btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline) {
   padding: calc(.55rem + 1px) calc(1rem + 1px) !important;
}

.btn.btn-responsivo {
   font-size: 0.96rem !important;
   border-radius: 0.425rem !important;
   padding: calc(.55rem + 1px) calc(1rem + 1px);
}

@media (max-width: 992px) {
   .btn.btn-responsivo {
      font-size: 1.1rem !important;
      border-radius: 0.425rem !important;
      padding: calc(.775rem + 1px) calc(1.5rem + 1px);
   }

   .btn-responsivo.btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline) {
      padding: calc(.775rem + 1px) calc(1.5rem + 1px) !important;
   }
}
/* -- botão maior quando for celular/mobile -- */

@media (max-width: 992px) {
   .footer2 {
      height: 80px;
      margin-bottom: 60px
   }
   #chat.card {
      height: calc(100vh - 180px)
   }
}


.comentario-item {
   display: flex;
   width: 100%;
}

   .comentario-item .comentario-media {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
   }

   .comentario-item .comentario-content {
      border-radius: 0.85rem;
      position: relative;
      background-color: var(--bs-secondary);
      padding: 1rem 1.5rem 1.5rem 1.5rem;
      width: 100%
   }

      .comentario-item .comentario-content:before {
         position: absolute;
         content: "";
         width: 0;
         height: 0;
         top: 10px;
         left: -28px;
         border-right: solid 16px var(--bs-secondary);
         border-bottom: solid 17px transparent;
         border-left: solid 17px transparent;
         border-top: solid 17px transparent;
      }

.destinatario-item {
   border: 1px solid var(--bs-gray-300);
   padding: 1rem;
   border-radius: var(--bs-border-radius);
   display: flex;
   justify-content: space-between;
   align-items: start;
   margin-left: auto;
}

   .destinatario-item .destinatario-content {
      display: flex;
      justify-content: space-between;
      align-items: center;
   }

.stroke-info {
   stroke: var(--bs-info);
}

.fill-light-info {
   fill: var(--bs-info-light);
}

.stroke-cor1 {
   stroke: var(--bs-cor1);
}

.fill-light-cor1 {
   fill: var(--bs-light-cor1);
}

.stroke-danger {
   stroke: var(--bs-danger);
}

.hexagon {
   display: inline-block;
   position: relative;
   width: 60px;
   height: 60px;
   box-sizing: border-box;
   -webkit-clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%);
   clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%);
}

   .hexagon .hex-fundo {
      position: absolute;
      top: 2px;
      left: 2px;
      width: 56px;
      height: 56px;
      -webkit-clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%);
      clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, 94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%, 75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%, 37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%, 24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%);
   }

   .hexagon.cor1 {
      background-color: var(--bs-cor1);
      width: 46px;
      height: 46px;
   }

      .hexagon.cor1 .hex-fundo {
         background-color: var(--bs-cor1-light);
         width: 42px;
         height: 42px;
      }

input[type="radio"]:checked + label.hexagon.cor1 .hex-fundo, input[type="radio"]:checked + label.hexagon.cor1, label.hexagon.cor1:hover, label.hexagon.cor1 .hex-fundo:hover {
   background-color: var(--bs-cor1) !important;
   color: var(--bs-cor1-inverse);
}

.border-rb {
   border-end-start-radius: 0.625rem;
   border-end-end-radius: 0.625rem;
}

.border-rt {
   border-start-start-radius: 0.625rem;
   border-start-end-radius: 0.625rem;
}

.border-rs {
   border-start-start-radius: 0.625rem;
   border-end-start-radius: 0.625rem;
}

.border-re {
   border-start-end-radius: 0.625rem;
   border-end-end-radius: 0.625rem;
}

.border-rts {
   border-start-start-radius: 0.625rem;
}

.border-rte {
   border-start-end-radius: 0.625rem;
}

.border-rbs {
   border-end-start-radius: 0.625rem;
}

.border-rbe {
   border-end-end-radius: 0.625rem;
}

a .texto-img {
   position: absolute;
   bottom: 0;
   background: rgb(255,255,255);
   background: linear-gradient(181deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 1) 100%);
   width: 100%;
   padding: 10px;
   border-radius: 0px 0px 0.625rem 0.625rem;
}

.rostos .form-check {
   display: inline-block;
   padding-left: 2px;
}
/* Input style */
.rostos input[type="radio"] {
   opacity: 0;
   width: 0;
   height: 0;
}

   .rostos input[type="radio"]:active ~ label {
      opacity: 1;
      -webkit-filter: grayscale(0);
   }

   .rostos input[type="radio"]:checked ~ label {
      opacity: 1;
      -webkit-filter: grayscale(0);
      font-size: 38px;
   }

      .rostos input[type="radio"]:checked ~ label span {
         opacity: 1;
      }

.rostos label {
   display: block;
   cursor: pointer;
   opacity: .5;
   font-size: 34px;
   line-height: 20px;
   -webkit-filter: grayscale(0.2);
   text-align: center;
}

   .rostos label:hover, .rostos label:focus, .rostos label:active {
      -webkit-filter: grayscale(0);
      opacity: .8;
   }

  /* .rostos label span {
      font-size: 11px;
      opacity: 0;
   }*/


   @media (max-width: 992px){
      /*.rostos label span {
         font-size: 30px;
      }*/
   }

.ribbon.ribbon-top .ribbon-group .ribbon-label {
   top: 0;
   transform: none !important;
   border-bottom-right-radius: .475rem;
   border-bottom-left-radius: .475rem;
}

.ribbon-vertical .ribbon-group .ribbon-label {
   padding: 5px 10px;
   min-width: 36px;
   min-height: 46px;
   text-align: center;
}

.ribbon .ribbon-group .ribbon-label {
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 5px 10px;
   position: relative !important;
   z-index: 1;
   background-color: var(--bs-ribbon-label-bg);
   box-shadow: var(--bs-ribbon-label-box-shadow);
   color: var(--bs-primary-inverse);
   transform: none !important;
}

.ribbon.ribbon-top .ribbon-group {
   top: 0;
   transform: translateX(-15px) translateY(-4px) !important;
}

.ribbon .ribbon-group {
   display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   z-index: 1;
   top: 50%;
   right: 0;
}

.so-num::-webkit-outer-spin-button,
.so-num::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

.so-num {
   -moz-appearance: textfield;
}

.btn-input {
   background-color: var(--bs-light);
   /*border: 1px dashed var(--bs-text-gray-300);*/
   cursor: pointer;
}

   .btn-input:hover {
      background-color: var(--bs-secondary);
      /*border-color: var(--bs-text-info);*/
   }

.card-tags {
   margin-bottom: 0;
}

   .card-tags:has(+ .card-tags) {
      margin-bottom: 20px; /* Define o espaço entre cards consecutivos */
   }

modal-content {
   position: relative;
}

.btn-icon-modal {
   position: absolute;
   right: -10px;
   top: -10px;
}

.cor-1 {
   color: var(--app-text1);
}

.chat-item:hover{
   background-color: var(--bs-gray-200);
}

.card-foto {
   border-radius: 0.675rem;
   max-width: 100%;
   box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.75), 0 1rem 1rem -0.5rem rgba(0, 0, 0, 0.3);
   object-fit: cover;
   object-position: center center;
}

   .card-foto.dark {
      border-radius: 0.675rem;
      max-width: 100%;
      box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1), 0 1rem 1rem -0.5rem rgba(0, 0, 0, 0.15);
      object-fit: cover;
      object-position: center center;
   }

.card-cartao-visita {
   background-image: url('sua-imagem-de-fundo.jpg'); /* Substitua pelo caminho da sua imagem */
   background-repeat: no-repeat;
}

.convite-icon {
   margin-top: -12px;
   margin-left: -12px;
   position: absolute;
}

.convite-text {
   margin-top: 10px;
}

.convite-name {
   margin-top: 16px;
   margin-left: 42px
}

.tag-cloud {
   display: flex;
   align-items: center;
   padding: 0 0 0 10px;
}

.tag {
   display: flex;
   align-items: center;
   height: 27px;
   margin: 0 10px 0 0;
   padding: 0 10px 0 10px;
   white-space: nowrap;
   position: relative;
   background-color: var(--bs-info);
   background: linear-gradient(to bottom, var(--bs-info-light) 40%,white 100%);
   color: var(--bs-info);
   font: bold 11px/21px Arial, Tahoma, sans-serif;
   text-decoration: none;
   text-shadow: 0 1px rgba(255,255,255,0.4);
   border-top: 1px solid var(--bs-info);
   border-bottom: 1px solid var(--bs-info-dark-suave);
   border-right: 1px solid var(--bs-info-dark-suave);
   border-radius: 0px 6px 6px 0px;
   box-shadow: inset 0 1px var(--bs-info-light), 0 1px 2px rgba(0,0,0,0.21);
}


   .tag:before {
      content: '';
      position: absolute;
      top: 6px;
      left: -7px;
      width: 13px;
      height: 13px;
      background-color: var(--bs-info);
      background: linear-gradient(135deg, var(--bs-info-light) 40%, white 100%);
      border-left: 1px solid var(--bs-info);
      border-bottom: 1px solid var(--bs-info-dark-suave);
      border-radius: 0 0 0 3px;
      box-shadow: inset 1px 0 var(--bs-info-light), 0 2px 2px -2px rgba(0,0,0,0.33);
      transform: scale(1.3, 1.5) rotate(45deg);
   }

@media (min-width: 1800px) {
   .card-cartao-visita {
      background-position: 115% -32px;
      background-size: 330px auto;
   }
}

@media (max-width: 1799px) and (min-width: 1600px) {
   .card-cartao-visita {
      background-position: 128% -28px;
      background-size: 320px auto;
   }
}

@media (max-width: 1599px) and (min-width: 1400px) {
   .card-cartao-visita {
      background-position: 138% -28px;
      background-size: 320px auto;
   }
}

@media (max-width: 1399px) and (min-width: 1200px) {
   .card-cartao-visita {
      background-position: 138% -20px;
      background-size: 320px auto;
   }
}

@media (max-width: 1199px) and (min-width: 992px) {
   .card-cartao-visita {
      background-position: 120% 0px;
      background-size: 275px auto;
   }
}

@media (max-width: 991px) and (min-width: 768px) {
   .card-cartao-visita {
      background-position: 110% -10px;
      background-size: 270px auto;
   }
}

@media (max-width: 767px) and (min-width: 576px) {
   .card-cartao-visita {
      background-position: 115% -14px;
      background-size: 250px auto;
   }
}

@media (max-width: 575px) and (min-width: 540px) {
   .card-cartao-visita {
      background-position: 125% -14px;
      background-size: 250px auto;
   }
}

@media (max-width: 539px) and (min-width: 500px) {
   .card-cartao-visita {
      background-position: 135% -14px;
      background-size: 250px auto;
   }
}

@media (max-width: 499px) {
   .card-cartao-visita {
      background-position: 130% 70px;
      background-size: 206px auto;
   }
}

.slide-in {
   display: block; /* Assegura que o card está visível */
   animation: slideIn 0.5s forwards;
}

.slide-out {
   animation: slideOut 0.5s forwards;
   pointer-events: none; /* Impede interação com o card quando escondido */
   position: absolute; /* Remove o card do fluxo de layout */
}
/* --- ANIMAÇÕES DO CHAT --- */

#artigo-abnt body {
   font-family: "Times New Roman", Times, serif;
}

#artigo-abnt .card-body {
   margin: 3cm 2cm 2cm 3cm; /* Margens da ABNT */
   font-size: 12pt;
   line-height: 1.5;
}

#artigo-abnt .cover {
   display: flex;
   flex-direction: column;
   justify-content: center;
   height: 100vh;
   text-align: center;
}

   #artigo-abnt .cover p, #artigo-abnt .cover-reduzida p {
      margin: 0;
   }

#artigo-abnt .title, #artigo-abnt .subtitle, #artigo-abnt .author, #artigo-abnt .institution, #artigo-abnt .location, #artigo-abnt .year {
   text-align: center;
}

#artigo-abnt .title, #artigo-abnt .subtitle {
   font-weight: bold;
}

#artigo-abnt .subtitle {
   margin-top: 0;
}

#artigo-abnt .sumario {
   text-align: left;
   margin-bottom: 1cm;
}

   #artigo-abnt .sumario h2 {
      font-size: 12pt;
      font-weight: bold;
   }

#artigo-abnt .references {
   text-align: left;
   line-height: 1;
}

   #artigo-abnt .references h2 {
      font-size: 12pt;
      font-weight: bold;
   }

   #artigo-abnt .references p {
      margin: 0;
      margin-bottom: 1em;
   }

#artigo-abnt .content h2 {
   font-size: 12pt;
   font-weight: bold;
   margin-top: 2cm;
}

#artigo-abnt .content p {
   text-indent: 1.5cm;
   text-align: justify;
   margin-top: 0.5cm;
   margin-bottom: 2cm;
}

#artigo-abnt html {
   scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
   html {
      scroll-behavior: auto;
   }
}

.pricing-icon {
   fill: var(--bs-info) !important;
}

.fc .fc-list, .fc .fc-list-table {
   border-radius: 0.475rem;
}

.form-control input[type="color"] {
   padding: 2px !important;
}

input[type="color"] {
   padding: 2px !important;
}

input[type="color"] {
   appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
   background: none;
   border: 0;
   cursor: pointer;
   /* height: 40px;
    width: 40px;*/
   padding: 0;
   border-radius: 0.625rem;
}

.custom-input-color input[type="color"] {
   appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
   background: none;
   cursor: pointer;
   height: 40px;
   width: 40px;
   border: 1px solid var(--bs-gray-300);
   padding: 0 !important;
   border-top-left-radius: 0.625rem;
   border-bottom-left-radius: 0.625rem;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0;
}

.custom-input-color label {
   flex: 1 1 auto;
}

.input-group.custom-input-color > .form-control {
   flex: none;
}

::-webkit-color-swatch-wrapper {
   padding: 0;
}

::-webkit-color-swatch {
   border: 0;
   border-radius: 0.625rem;
}

.custom-input-color ::-webkit-color-swatch {
   border: 0;
   border-top-left-radius: 0.625rem;
   border-bottom-left-radius: 0.625rem;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0;
}

::-moz-color-swatch {
   border: 0;
}

.card .card-body {
   padding: 2rem 2rem;
}

.card .card-header {
   padding: 0 2rem;
}

.card .card-footer {
   padding: 2rem 2rem;
}

@media (min-width: 992px) {
   body:not([data-kt-app-toolbar-fixed=true]) .app-toolbar.admin-eventos {
      display: flex;
      align-items: stretch;
      background-color: var(--bs-app-toolbar-base-bg-color);
      box-shadow: var(--bs-app-toolbar-base-box-shadow);
      border-top: var(--bs-app-toolbar-base-border-top);
      border-bottom: var(--bs-app-toolbar-base-border-bottom);
   }
}

ol {
   list-style-position: inside;
}

.symbol.symbol-32px > img {
   width: 32px;
   height: 32px
}

.symbol.symbol-32px .symbol-label {
   width: 32px;
   height: 32px
}

.symbol.symbol-32px.symbol-fixed .symbol-label {
   width: 32px;
   height: 32px
}

.symbol.symbol-32px.symbol-fixed > img {
   width: 32px;
   height: 32px;
   max-width: none
}

.symbol.symbol-32px.symbol-2by3 .symbol-label {
   height: 32px;
   width: 45px
}

.symbol.symbol-32px.symbol-2by3 > img {
   height: 32px;
   width: 45px;
   max-width: none
}

.form-check.form-check-white .form-check-input:not(:checked) {
   background-color: var(--bs-white);
}

.form-check.form-check-white .form-check-input {
   border: 0;
}

.table:is(.table-hover) td:first-child, .table:is(.table-hover) th:first-child, .table:is(.table-hover) tr:first-child {
   padding-left: 0.75rem !important;
}

.table:is(.table-hover) td:last-child, .table:is(.table-hover) th:last-child, .table:is(.table-hover) tr:last-child {
   padding-right: 0.75rem !important;
}

/*@media (max-width: 678px) {
    .card .card-body {
        padding: 1rem 1rem;
    }
    .card .card-header {
        padding: 0 1rem;
    }
}*/

.circle1, .circle2 {
   background: #fff;
   width: 40px;
   height: 40px;
   border-radius: 50%;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
}

.circle1 {
   left: -25px;
}

.circle2 {
   right: -25px;
}

/*.form-select.form-control-solid {
    background-color: var(--bs-gray-100);
    border-color: var(--bs-gray-100);
    color: var(--bs-gray-700);
    transition: color .2s ease;
}*/

.auto-height {
   min-height: 120px !important;
}

.card .card-header {
   min-height: 60px;
}

.accordion {
   --bs-accordion-border-width: 0px !important;
}

   .accordion.item:not(.collapsed) {
      --bs-accordion-border-width: var(--bs-border-width);
      border-bottom: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
   }

.card-termos {
   overflow-y: scroll;
   height: 650px;
}

@media (max-width:1400px) {
   .card-termos {
      overflow-y: scroll;
      height: 430px;
   }
}

@media (max-width: 576px) {
   .xs-full {
      width: 100% !important;
   }
}

@media (max-width: 678px) {
   .sm-full {
      width: 100% !important;
   }
}

@media (max-width: 768px) {
   .md-full {
      width: 100% !important;
   }
}

@media (max-width: 992px) {
   .lg-full {
      width: 100% !important;
   }
}

@media (min-width: 992px) {
   .card-video {
      position: relative;
   }

      .card-video .aparecer {
         visibility: hidden;
         opacity: 0;
         direction: rtl;
         transition: .5s;
         transform: translateX(80px);
      }

      .card-video:hover .aparecer {
         visibility: visible;
         opacity: 1;
         transform: translateX(-28px);
      }
}

.linha-ass {
   border-bottom: 1px solid #D6D6D6;
   width: 400px;
   display: block;
   height: 1px;
}

[data-kt-sticky-landing-header=on] .landing-header .menu .menu-link {
   color: #4B5675;
}

   [data-kt-sticky-landing-header=on] .landing-header .menu .menu-link.active {
      color: var(--bs-info);
      background-color: rgba(239,242,245,.4);
   }

.bg-cabecalho {
   object-fit: cover;
   object-position: center center;
   width: 100%;
   height: 380px;
   position: absolute;
   z-index: -5;
}

.bg-lateral-menu {
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   width: 100%;
   height: 700px;
}

@media (max-width:700px) {
   .bg-lateral-menu {
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      width: 100%;
      height: 900px;
   }
}

.float-right {
   float: right !important;
}

.float-left {
   float: left !important;
}


.iframe-container {
   position: relative;
   overflow: hidden;
   width: 100%;
   padding-top: 56.25%;
}

.iframe-responsivo {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   width: 100%;
   height: 100%;
}

.drag-click {
   display: flex;
   align-items: center;
}

   .drag-click:hover .drag-icon, .drag-click:hover, .drag-handle {
      color: var(--bs-dark) !important;
      cursor: move !important;
      cursor: grab !important;
      cursor: -moz-grab !important;
      cursor: -webkit-grab !important;
      cursor: url(images/grab.cur) !important;
   }

   .drag-click:active .drag-icon, .drag-click:active {
      cursor: grabbing !important;
      cursor: -moz-grabbing !important;
      cursor: -webkit-grabbing !important;
      cursor: url(images/grabbing.cur) !important;
   }

body.dragging .drag-handle, .dragging, body.dragging .drag-handle .icone {
   cursor: grabbing !important;
   cursor: -moz-grabbing !important;
   cursor: -webkit-grabbing !important;
   cursor: url(images/grabbing.cur) !important;
   user-select: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
}

/* Mantém a largura das células durante o arraste, apenas dentro de uma tabela */
table .dragging {
   display: table-row !important;
   width: 100% !important;
}

   table .dragging td {
      box-sizing: border-box !important;
      white-space: nowrap !important;
      display: table-cell !important;
      vertical-align: inherit !important;
      unicode-bidi: isolate !important;
   }


/*  ACCORDION PAG AGENDA 2  */
#accordion_agenda2 .accordion-item .agenda-horario:nth-last-child(0n+1) {
   margin-bottom: 0px !important;
}

/*  CARD DATE PAG AGENDA HORARIO 1  */
.date.card {
   border-radius: 20px !important;
   box-shadow: 0px 1px 3px 1px #C6C6C6;
}

.date .card-header {
   border-radius: 20px 20px 0 0 !important;
   padding: 0.75rem 1.25rem;
   margin-bottom: 0;
   display: flex;
   justify-content: center;
   align-items: center;
}

.date-day {
   color: #fff;
   font-weight: 200;
   background: #C6C6C6;
   text-align: center;
   font-size: 20px;
}

.date-month {
   top: 25px;
   color: #C6C6C6;
   background: #fff;
   text-align: center;
   font-weight: 400;
   font-size: 20px;
   height: auto;
}

.date-number {
   border-radius: 3px 3px 0px 0px;
   color: #C6C6C6;
   background: #fff;
   text-align: center;
   font-weight: 400;
   font-size: 66px;
   line-height: 66px;
   top: 45px;
}

.date-time {
   color: #C6C6C6;
   background: #7C7C7C;
   text-align: center;
   font-weight: 100;
   font-size: 22px;
}

.date .card-footer {
   background-color: #EEEEEE;
   border-radius: 0 0 20px 20px !important;
   padding: 0.75rem 1.25rem;
   border-top: 1px solid #C6C6C6;
}


/*  LAYOUT TICKET  */
@media only screen and (min-width: 1280px) {
   .ticket-list {
      display: block;
      max-height: calc(100vh - 480px);
      overflow: hidden;
   }
}

.ticket {
   display: grid;
   grid-template-columns: 2fr 1fr;
   margin-bottom: 8px;
   border-radius: 10px;
   -webkit-box-shadow: 0 2px 5px rgb(38 48 60 / 15%);
   box-shadow: 0 2px 5px rgb(38 48 60 / 15%);
   color: #26303c;
}

.ticket-label {
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   width: 100%;
   border-top-left-radius: 10px;
   border-bottom-left-radius: 10px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}


.ticket-value {
   border-left: 1px dashed #c8cdda;
   position: relative;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.ticket-label, .ticket-value {
   padding: 20px 16px;
   background: #ECECEC;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
}

   .ticket-value:before {
      top: 0;
      transform: translate(-50%,-50%);
   }

   .ticket-value:after {
      bottom: 0;
      transform: translate(-50%,50%);
   }

   .ticket-value:before, .ticket-value:after {
      content: '';
      position: absolute;
      left: 0;
      width: 30px;
      height: 30px;
      background: White;
      border-radius: 50%;
   }

.pointer {
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.cursor-grab {
   cursor: grab !important;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.cursor-blocked {
   cursor: not-allowed !important;
}

.tree-option {
   line-height: 1.3rem;
   border-left: dashed 1px #999;
   padding-left: 10px;
}

.card-img-upload-preview {
   /*width:100%;*/
   border: 1px solid var(--bs-secondary);
}

   .card-img-upload-preview.compacto {
      max-height: 120px;
   }

   .card-img-upload-preview.completo {
      max-height: 220px;
   }
/*.card-img-upload-preview.completo .img-upload-preview {
         max-height: 220px;
      }*/

.card.input-img {
   max-height: 220px;
}

.img-upload-preview {
   max-width: 300px;
   max-height: 120px;
   /*border-radius: 8px;*/
   /*border: 1px solid #E5E5E5;*/
   padding: 6px;
   margin: 0 auto;
   display: flex;
   justify-content: center;
}

.hover-darken {
   background-color: transparent;
   transition: background-color 0.5s ease;
}

   .hover-darken:hover {
      background-color: rgba(0, 0, 0, 0.2);
   }

.card-header.darken1 {
   background-color: var(--bs-secondary);
}

   .card-header.darken1:hover {
      background-color: rgba(0, 0, 0, 0.2);
   }

.card-estandes.card {
   border-radius: 15px;
}

.card.card-estandes h1 {
   z-index: 3;
   bottom: 22px;
   position: absolute;
}

.card-estandes img {
   background: White;
   border-radius: 15px;
   display: flex;
   justify-content: center;
   align-items: center;
   overflow: hidden;
   transition: 0.5s;
   z-index: 5;
   position: relative;
}

   .card-estandes img:hover {
      transform: translateY(-50px);
   }

.card-estandes .img:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 50%;
   height: 100%;
   background: rgba(255, 255, 255, 0.03);
}

.jstree-default .jstree-anchor {
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
}

/*   ---  Icone WhatsApp Atendimento  ---   */
.whatsbox {
   display: inline-flex;
   align-items: center;
   background-color: #f5f5f5;
   padding: 10px 8px 10px 20px;
   transition: padding 0.3s ease;
   border-radius: 30px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   font-family: Arial, sans-serif;
   font-size: 14px;
   color: #333;
   position: fixed;
   bottom: 20px;
   right: 20px;
   z-index: 1001;
   cursor: pointer;
}

   .whatsbox:hover {
      padding: 10px 18px 10px 30px;
   }

   .whatsbox p {
      margin: 0;
      font-weight: 500;
   }

   .whatsbox .icon {
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      margin-left: 10px;
   }

      .whatsbox .icon svg {
         width: 40px;
         height: 40px;
         fill: white;
      }

body[data-kt-sticky-landing-header=on] .hide-landing-header-on {
   display: none !important;
}

body:not([data-kt-sticky-landing-header]) .hide-landing-header-off,
body[data-kt-sticky-landing-header]:not([data-kt-sticky-landing-header='on']) .hide-landing-header-off {
   display: none !important;
}

@keyframes loadingAnimation {
   0% {
      background-position: -200% 50%; /* Inicie à esquerda, fora da tela */
   }

   100% {
      background-position: 200% 50%; /* Mova para a direita, saindo da tela */
   }
}

.img-loading {
   width: 100%;
   height: auto;
   background: linear-gradient(to left, rgba(200,200,200,0) 10%, rgba(200,200,200,0.8) 50%, rgba(200,200,200,0) 90%);
   background-size: 200% 100%;
   animation: loadingAnimation 4s linear infinite;
   border-radius: 0.625rem;
}

   .img-loading::after {
      content: "\00a0";
   }

.info-loading {
   width: 300px;
   max-width: 100%;
   height: inherit;
   padding: 1px 40px 1px 40px;
   background: linear-gradient(to left, rgba(200,200,200,0) 10%, rgba(200,200,200,0.8) 50%, rgba(200,200,200,0) 90%);
   background-size: 200% 100%;
   animation: loadingAnimation 4s linear infinite;
   border-radius: 0.625rem;
}

   .info-loading.pd-0 {
      text-align: center;
      padding: 0px
   }

   .info-loading::after {
      content: "\00a0";
   }

.validation-errors {
   text-align: right;
}

.text-start .validation-errors {
   text-align: left;
}

.validation-errors .validation-message {
   text-decoration: none;
   list-style-type: none;
   color: var(--bs-text-danger) !important;
   margin-bottom: 2px;
}

label .validation-message {
   display: inline;
   margin-left: 6px;
}

.area-img-bg {
   position: relative;
   padding: 0px 0 0px 0;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   color: #fff;
   font-size: 16px;
   line-height: 20px;
   font-family: 'Montserrat', sans-serif;
}

.titulo {
   font-size: var(--fs-2hx);
}

.subtitulo {
   font-size: var(--fs-4);
   --bs-text-opacity: 1;
   font-weight: var(--fw-semibold);
}

.texto {
   font-size: var(--fs-5);
   text-align: justify;
}

.btn-principal:hover {
   filter: brightness(95%);
}

.btn-secundario:hover {
   filter: brightness(10%);
}

.show-menu-btn {
   z-index: 107;
   position: absolute;
   inset: auto 0px auto auto;
   display: flex;
   will-change: transform;
   animation: menu-sub-dropdown-animation-fade-in .3s ease 1;
   margin-top: 10px;
}

body.swal2-height-auto {
   height: 100% !important
}

.w-20 {
   width: 20% !important;
}

.w-60 {
   width: 60% !important;
}

.w-65 {
   width: 65% !important;
}

.w-70 {
   width: 70% !important;
}

.w-80 {
   width: 80% !important;
}

.w-85 {
   width: 85% !important;
}

.w-90 {
   width: 90% !important;
}

.logo-50 {
   opacity: 0.5;
   transition: opacity 0.3s;
}

   .logo-50:hover {
      opacity: 1;
   }

@media (min-width:576px) {
   .w-sm-20 {
      width: 20% !important;
   }

   .w-sm-60 {
      width: 60% !important;
   }

   .w-sm-65 {
      width: 65% !important;
   }

   .w-sm-70 {
      width: 70% !important;
   }

   .w-sm-80 {
      width: 80% !important;
   }

   .w-sm-85 {
      width: 85% !important;
   }

   .w-sm-90 {
      width: 90% !important;
   }
}

@media (min-width:768px) {
   .w-md-20 {
      width: 20% !important;
   }

   .w-md-60 {
      width: 60% !important;
   }

   .w-md-65 {
      width: 65% !important;
   }

   .w-md-70 {
      width: 70% !important;
   }

   .w-md-80 {
      width: 80% !important;
   }

   .w-md-85 {
      width: 85% !important;
   }

   .w-md-90 {
      width: 90% !important;
   }
}

@media (min-width:992px) {
   .w-lg-20 {
      width: 20% !important;
   }

   .w-lg-60 {
      width: 60% !important;
   }

   .w-lg-65 {
      width: 65% !important;
   }

   .w-lg-70 {
      width: 70% !important;
   }

   .w-lg-80 {
      width: 80% !important;
   }

   .w-lg-85 {
      width: 85% !important;
   }

   .w-lg-90 {
      width: 90% !important;
   }
}

@media (min-width:1200px) {
   .w-xl-20 {
      width: 20% !important;
   }

   .w-xl-60 {
      width: 60% !important;
   }

   .w-xl-65 {
      width: 65% !important;
   }

   .w-xl-70 {
      width: 70% !important;
   }

   .w-xl-80 {
      width: 80% !important;
   }

   .w-xl-85 {
      width: 85% !important;
   }

   .w-xl-90 {
      width: 90% !important;
   }
}

#video-player-vm iframe, #area-player-yt iframe, .video-player-yt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: .625rem !important;
}

.img-reacao {
    width: 44px;
    height: 44px;
    position: absolute;
    bottom: 0;
    opacity: 0.9;
    z-index: 1000;
}