:root {
   --tw-backdrop-background-color: rgba(0, 0, 0, 0.40);
}

::-moz-selection {
   background: var(--tw-info-clarity);
}

::selection {
   background: var(--tw-info-clarity);
}

.font-inter, .font-inter.select {
   font-family: Inter, system-ui,  sans-serif !important;
}

.font-timesnewroman, .font-timesnewroman.select {
   font-family: "Times New Roman", serif !important;
}

.font-georgia, .font-georgia.select {
   font-family: Georgia, serif !important;
}

.font-arial, .font-arial.select {
   font-family: Arial, sans-serif !important;
}

.font-verdana.select {
   font-family: Verdana, sans-serif !important;
}

.font-verdana, .font-tahoma.select {
   font-family: Tahoma, sans-serif !important;
}

.font-trebuchet, .font-trebuchet.select {
   font-family: "Trebuchet MS", sans-serif !important;
}

.font-courier, .font-courier.select {
   font-family: "Courier New", monospace !important;
}

.font-lucida, .font-lucida.select {
   font-family: "Lucida Sans", sans-serif !important;
}

.range::-webkit-slider-thumb {
   border: 1px solid var(--tw-gray-300);
}

.range::-moz-range-thumb {
   border: 1px solid var(--tw-gray-300);
}

.range::-moz-range-track {
   background-color: var(--tw-gray-300);
}

.range::-webkit-slider-runnable-track {
   background-color: var(--tw-gray-300);
}

.radio[type="radio"]:checked, .radio[type="radio"][aria-checked="true"] {
   background-color: var(--tw-info);
   border: 1px solid var(--tw-info);
   background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9' fill='none'%3e%3cpath d='M10.3667 0.541643L4.80007 6.10831L1.56674 2.87498C1.41061 2.71977 1.1994 2.63265 0.979241 2.63265C0.759086 2.63265 0.547876 2.71977 0.391741 2.87498C0.236532 3.03111 0.149414 3.24232 0.149414 3.46248C0.149414 3.68263 0.236532 3.89384 0.391741 4.04998L4.21674 7.87498C4.37288 8.03019 4.58409 8.1173 4.80424 8.1173C5.0244 8.1173 5.23561 8.03019 5.39174 7.87498L11.5417 1.72498C11.6198 1.64751 11.6818 1.55534 11.7241 1.45379C11.7665 1.35224 11.7882 1.24332 11.7882 1.13331C11.7882 1.0233 11.7665 0.914379 11.7241 0.81283C11.6818 0.711281 11.6198 0.619113 11.5417 0.541643C11.3856 0.386434 11.1744 0.299316 10.9542 0.299316C10.7341 0.299316 10.5229 0.386434 10.3667 0.541643Z' fill='white'/%3e%3c/svg%3e);
}

.input:focus, .input:has(input:focus), .textarea:focus, .textarea:has(textarea:focus) {
   border-color: var(--tw-info);
}

.btn-link.btn-primary {
   color: var(--tw-primary);
   font-size: 0.8125rem;
   height: auto;
   padding-bottom: 0.25em;
   padding-inline-start: 0;
   padding-inline-end: 0;
   border-radius: 0;
   background-color: transparent;
   border-bottom: 1px dashed var(--tw-primary);
}

   .btn-link.btn-primary:hover, .btn-link.btn-primary:focus, .btn-link.btn-primary:active, .btn-link.btn-primary.active {
      background-color: transparent;
      border-bottom: 1px dashed var(--tw-primary-active);
      color: var(--tw-primary-active);
      box-shadow: none;
   }

.stroke-info-clarity {
   stroke: var(--tw-info-clarity);
}

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

.stroke-warning-clarity {
   stroke: var(--tw-warning-clarity);
}

.fill-warning-light {
   fill: var(--tw-warning-light);
}

.stroke-danger-clarity {
   stroke: var(--tw-danger-clarity);
}

.fill-danger-light {
   fill: var(--tw-danger-light);
}

.stroke-success-clarity {
   stroke: var(--tw-success-clarity);
}

.fill-success-light {
   fill: var(--tw-success-light);
}

.bg-1 {
   background-image: url('/assets/media/images/2600x1600/bg-2.png');
   background-position: center center;
   background-repeat: no-repeat, no-repeat;
   background-size: auto auto;
}

.bg-2 {
   background-image: url('/assets/media/images/2600x1200/bg-15.png'), url('/assets/media/images/2600x1200/bg-15b.png');
   background-position: bottom left, top right;
   background-repeat: no-repeat, no-repeat;
   background-size: auto auto;
}

.demo1 {
   --tw-header-height: 60px;
}

.bg-stripes-info {
   background-color: #60a5fa1a;
   background-image: linear-gradient(135deg, var(--tw-info) 10%, #0000 0, #0000 50%, var(--tw-info) 0, var(--tw-info) 60%, #0000 0, #0000);
   background-size: 7.07px 7.07px;
}

.bg-stripes-secondary {
   background-color: var(--tw-gray-100);
   background-image: linear-gradient(135deg, var(--tw-gray-300) 10%, #0000 0, #0000 50%, var(--tw-gray-300) 0, var(--tw-gray-300) 60%, #0000 0, #0000);
   background-size: 8px 8px;
}


.bg-stripes-success {
   background-color: var(--tw-gray-100);
   background-image: linear-gradient(135deg, var(--tw-success) 10%, #0000 0, #0000 50%, var(--tw-success) 0, var(--tw-success) 60%, #0000 0, #0000);
   background-size: 8px 8px;
}

.modal-backdrop.modal-container {
   position: fixed;
   inset: 0;
   background-color: rgba(0, 0, 0, 0.40);
}

@keyframes skeletonAnimation {

   0% {
      background-position: 200% 50%;
   }

   100% {
      background-position: -200% 50%;
   }
}

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;
}

textarea.plaintext {
   overflow: hidden;
   resize: none;
}

.animate-ping.only {
   /* 1s de duração, mesma curva do ping original, 1 iteração, e mantém o último keyframe */
   animation: ping 1s cubic-bezier(0, 0, 0.2, 1) 1 forwards;
}

.cursor {
   cursor: default !important;
}

.select-group .select:has(~ .btn), .select-group .select:has(~ .select), .select-group .select:has(~ .dropdown > .btn) {
   border-start-end-radius: 0;
   border-end-end-radius: 0;
}

.select-group .select {
   flex-grow: 1;
}

.select-group {
   display: flex;
   align-items: stretch;
}

.select-group .btn:has(~ .\!select, ~ .btn), .select-group .\!select:has(~ .\!select) {
   border-start-end-radius: 0 !important;
   border-end-end-radius: 0 !important;
   border-inline-end: 0 !important;
}

.select-group .btn:has(~ .select, ~ .btn), .select-group .select:has(~ .select) {
   border-start-end-radius: 0;
   border-end-end-radius: 0;
   border-inline-end: 0;
}

.select-group .select + .btn, .select-group .select + .dropdown > .btn {
   border-inline-start: 0;
}

.select-group .select ~ .btn, .select-group .select ~ .dropdown > .btn {
   border-start-start-radius: 0;
   border-end-start-radius: 0;
}

.skeleton {
   width: 250px;
   max-width: 100%;
   height: inherit;
   padding: 0px 20px 0px 20px;
   background: linear-gradient(to left, var(--tw-gray-200) 10%, var(--tw-gray-300) 50%, var(--tw-gray-200) 90%);
   background-size: 200% 100%;
   animation: skeletonAnimation 3s linear infinite;
   border-radius: 0.7rem;
}

.skeleton-xs {
   width: 60px;
   max-width: 100%;
   height: inherit;
   padding: 0px 10px 0px 10px;
   background: linear-gradient(to left, var(--tw-gray-200) 10%, var(--tw-gray-300) 50%, var(--tw-gray-200) 90%);
   background-size: 200% 100%;
   animation: skeletonAnimation 3s linear infinite;
   border-radius: 0.7rem;
}

.skeleton-sm {
   width: 100px;
   max-width: 100%;
   height: inherit;
   padding: 0px 10px 0px 10px;
   background: linear-gradient(to left, var(--tw-gray-200) 10%, var(--tw-gray-300) 50%, var(--tw-gray-200) 90%);
   background-size: 200% 100%;
   animation: skeletonAnimation 3s linear infinite;
   border-radius: 0.7rem;
}

.skeleton-100 {
   width: 100%;
   max-width: 100%;
   /*height: inherit;*/
   padding: 0px 10px 0px 10px;
   background: linear-gradient(to left, var(--tw-gray-200) 10%, var(--tw-gray-300) 50%, var(--tw-gray-200) 90%);
   background-size: 200% 100%;
   animation: skeletonAnimation 3s linear infinite;
   border-radius: 0.7rem;
}

   .skeleton.p-0, .skeleton-sm.p-0, .skeleton-xs.p-0, .skeleton-100.p-0 {
      text-align: center;
      padding: 0px
   }

   .skeleton::after, .skeleton-sm::after, .skeleton-xs::after, .skeleton-100::after {
      content: "\00a0";
   }
   /**/
   .skeleton i, .skeleton div, .skeleton-sm i, .skeleton-sm div, .skeleton-xs i, .skeleton-xs div, .skeleton-100 i, .skeleton-100 div {
      display: none;
   }

.group:has(:checked) .group-has-\[\:checked\]\:stroke-info-clarity {
   stroke: var(--tw-info-clarity);
}

.group:has(:checked) .group-has-\[\:checked\]\:fill-info-light {
   fill: var(--tw-info-light);
}

.hover\:border-dashed:hover {
   border-style: dashed;
}

.hover\:bg-danger-active:hover {
   background-color: var(--tw-danger-active);
}

.group:hover .group-hover\:bg-success {
   background-color: var(--tw-success);
}

.group:hover .group-hover\:text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
}

.group:hover .group-hover\:stroke-info-clarity {
   stroke: var(--tw-info-clarity);
}

.group:hover .group-hover\:fill-info-light {
   fill: var(--tw-info-light);
}

.group:hover .group-hover\:text-info {
   color: var(--tw-info);
}

.hover\:border-info:hover {
   border-color: var(--tw-info);
}

.menu-default .menu-item.active > .menu-link, .menu-default .menu-item.active > .menu-label, .menu-default .menu-item.here > .menu-link, .menu-default .menu-item.here > .menu-label {
   background-color: var(--tw-gray-200);
}

   .menu-default .menu-item.active > .menu-link .menu-icon i, .menu-default .menu-item.active > .menu-label .menu-icon i, .menu-default .menu-item.show > .menu-link .menu-icon i, .menu-default .menu-item.show > .menu-label .menu-icon i, .menu-default .menu-item.here > .menu-link .menu-icon i, .menu-default .menu-item.here > .menu-label .menu-icon i, .menu-default .menu-item.focus > .menu-link .menu-icon i, .menu-default .menu-item.focus > .menu-label .menu-icon i {
      color: var(--tw-info);
   }

.menu-default .menu-item .menu-link:hover .menu-icon i, .menu-default .menu-item .menu-label:hover .menu-icon i {
   color: var(--tw-info);
}

.hero-bg {
   background-image: url('/assets/media/images/2600x1200/bg-1.png');
}

.dark .hero-bg {
   background-image: url('/assets/media/images/2600x1200/bg-1-dark.png');
}

.modal-body {
   padding-block-start: 1.25rem;
   padding-block-end: 1.25rem;
}

.modal-title {
   font-size: 0.975rem;
}

.card.drag {
   display: flex;
   flex-direction: row;
}

.drag-quadrado.drag-handle {
   max-width: 25px;
   padding: 0 3px;
   background-color: #f3f3f3;
   /*border-right: 1px solid #edeff1;*/
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: grab;
   transition: background-color 0.3s;
   border-radius: 0.5rem 0 0 0.5rem;
}

   .drag-quadrado.drag-handle:hover {
      background-color: #e6e6e6;
      border-radius: 0.5rem 0 0 0.5rem;
   }

.drag-quadrado.drag-blocked {
   max-width: 25px;
   padding: 0 3px;
   background-color: #f3f3f3;
   /*border-right: 1px solid #edeff1;*/
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: not-allowed;
   pointer-events: none;
   transition: background-color 0.3s;
   border-radius: 0.5rem 0 0 0.5rem;
}

.btn-group .btn:first-child {
   border-radius: 0.375rem 0px 0px 0.375rem;
}

.btn-group .btn:not(:first-child):not(:last-child) {
   border-radius: 0px;
}

.btn-group .btn:last-child {
   border-radius: 0px 0.375rem 0.375rem 0px;
}

.btn-group a.btn.btn-sm.btn-icon i,
.btn-group button.btn.btn-sm.btn-icon i {
   font-size: 0.875rem !important;
   line-height: 1.25rem !important
}

.tab.active {
   border-bottom-color: var(--tw-info);
}

.tab.active, .tab:hover, .tab:focus {
   color: var(--tw-info);
}

   .tab.active i, .tab:hover i, .tab:focus i {
      color: var(--tw-info);
   }

@keyframes flicker {
   0% {
      transform: scale(1);
   }

   25% {
      transform: scale(0);
   }

   26% {
      transform: scale(0) translateX(100%);
   }

   50% {
      transform: scale(1) translateX(100%);
   }

   75% {
      transform: scale(0) translateX(100%);
   }

   76% {
      transform: scale(0);
   }

   100% {
      transform: scale(1);
   }
}

@keyframes ping {
   75%, 100% {
      transform: scale(2);
      opacity: 0;
   }
}

.flicker-btn {
   --transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.3);
   display: inline-flex;
   align-items: center;
   gap: 30px;
   position: relative;
   z-index: 1;
   overflow: hidden;
   min-width: 100px;
   min-height: 44px;
   padding: 8px 20px;
   background: var(--tw-info);
   border-radius: 0.625rem;
   font-family: var(--font-monserrat);
   font-weight: 500;
   font-size: 14px;
   color: var(--tw-gray-100);
   text-decoration: none;
   transition: 0.3s;
}

   .flicker-btn:hover {
      background: transparent;
      transition: background 0.3s ease-in-out;
   }

   .flicker-btn:focus {
      box-shadow: 0 0 30px rgb(114 57 234 / 17%);
   }

.flicker-btn__text {
   padding-right: 34px;
   position: relative;
   z-index: 1;
}

.flicker-btn__icon {
   flex-shrink: 0;
   aspect-ratio: 1;
   width: 24px;
   border-radius: 100%;
   background: center center no-repeat var(--tw-info);
   position: absolute;
   right: 19px;
   top: 50%;
   z-index: 1;
   translate: 0 -50%;
   scale: 0;
   overflow: hidden;
   transition: 0.3s ease-in;
}

   .flicker-btn__icon::before {
      content: "\e98c"; /* Código do ícone da fonte */
      font-family: 'keenicons-duotone'; /* Nome da fonte */
      font-size: 14px; /* Ajuste o tamanho conforme necessário */
      color: var(--tw-gray-100); /* Define a cor do ícone */
      display: inline-flex;
      margin-top: 2px;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      text-align: center;
   }

.flicker-btn__filler {
   aspect-ratio: 1;
   width: 9px;
   background: var(--tw-gray-200);
   border-radius: 100%;
   position: absolute;
   right: 26px;
   top: 50%;
   translate: 0 -50%;
   transition: 0.3s;
   animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; /* Animação de pulsação contínua */
}

.flicker-btn__filler2 {
   aspect-ratio: 1;
   width: 8px;
   background: var(--tw-gray-200);
   border-radius: 100%;
   position: absolute;
   right: 27px;
   top: 50%;
   translate: 0 -50%;
   transition: 0.3s;
   animation: flicker 0.4s ease 0.3s forwards; /* Animação do hover */
}

.flicker-btn:hover .flicker-btn__filler {
   animation: flicker 0.4s ease 0.3s forwards; /* Animação no hover */
}

@media (hover: hover) and (pointer: fine) {
   .flicker-btn:hover {
      color: var(--tw-info);
   }

      .flicker-btn:hover .flicker-btn__icon {
         scale: 1;
         transition: var(--transition);
      }

      .flicker-btn:hover .flicker-btn__filler {
         scale: 100;
         animation: none;
      }
}

@media (hover: none) {
   .flicker-btn:active {
      color: var(--tw-info);
   }

      .flicker-btn:active .flicker-btn__icon {
         scale: 1;
         transition: var(--transition);
      }

      .flicker-btn:active .flicker-btn__filler {
         scale: 100;
         animation: none;
      }
}

.ratio {
   position: relative;
   width: 100%
}

   .ratio::before {
      display: block;
      padding-top: var(--aspect-ratio);
      content: ""
   }

   .ratio > * {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%
   }

.ratio-16x9 {
   --aspect-ratio: 56.25%
}

.switch input[type=checkbox]:checked, .switch input[type=checkbox][aria-checked="true"] {
   background-color: var(--tw-info);
}

.checkbox[type="checkbox"]:checked, .checkbox[type="checkbox"][aria-checked="true"] {
   background-color: var(--tw-info);
   border: 1px solid var(--tw-info);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9' fill='none'%3e%3cpath d='M10.3667 0.541643L4.80007 6.10831L1.56674 2.87498C1.41061 2.71977 1.1994 2.63265 0.979241 2.63265C0.759086 2.63265 0.547876 2.71977 0.391741 2.87498C0.236532 3.03111 0.149414 3.24232 0.149414 3.46248C0.149414 3.68263 0.236532 3.89384 0.391741 4.04998L4.21674 7.87498C4.37288 8.03019 4.58409 8.1173 4.80424 8.1173C5.0244 8.1173 5.23561 8.03019 5.39174 7.87498L11.5417 1.72498C11.6198 1.64751 11.6818 1.55534 11.7241 1.45379C11.7665 1.35224 11.7882 1.24332 11.7882 1.13331C11.7882 1.0233 11.7665 0.914379 11.7241 0.81283C11.6818 0.711281 11.6198 0.619113 11.5417 0.541643C11.3856 0.386434 11.1744 0.299316 10.9542 0.299316C10.7341 0.299316 10.5229 0.386434 10.3667 0.541643Z' fill='white'/%3e%3c/svg%3e");
}

.radio[type="radio"]:checked, .radio[type="radio"][aria-checked="true"] {
   background-color: var(--tw-info);
   border: 1px solid var(--tw-info);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9' fill='none'%3e%3cpath d='M10.3667 0.541643L4.80007 6.10831L1.56674 2.87498C1.41061 2.71977 1.1994 2.63265 0.979241 2.63265C0.759086 2.63265 0.547876 2.71977 0.391741 2.87498C0.236532 3.03111 0.149414 3.24232 0.149414 3.46248C0.149414 3.68263 0.236532 3.89384 0.391741 4.04998L4.21674 7.87498C4.37288 8.03019 4.58409 8.1173 4.80424 8.1173C5.0244 8.1173 5.23561 8.03019 5.39174 7.87498L11.5417 1.72498C11.6198 1.64751 11.6818 1.55534 11.7241 1.45379C11.7665 1.35224 11.7882 1.24332 11.7882 1.13331C11.7882 1.0233 11.7665 0.914379 11.7241 0.81283C11.6818 0.711281 11.6198 0.619113 11.5417 0.541643C11.3856 0.386434 11.1744 0.299316 10.9542 0.299316C10.7341 0.299316 10.5229 0.386434 10.3667 0.541643Z' fill='white'/%3e%3c/svg%3e");
}

.radio[type="radio"] {
   border-radius: 50%;
   height: 1.375rem;
   width: 1.375rem;
   border: 1px solid var(--tw-gray-300);
   background-repeat: no-repeat;
   background-position: center;
   background-size: auto;
}

.switch input[type=checkbox]:disabled:checked, .switch input[type=checkbox]:disabled[aria-checked="true"] {
   background-color: var(--tw-info-clarity);
   border: 0;
}

.checkbox[type="checkbox"]:focus {
   border-color: var(--tw-info);
}

.w-500px {
   width: 500px;
}

.w-650px {
   width: 650px;
}

.w-850px {
   width: 850px;
}

.w-1200px {
   width: 1200px;
}

.size-40px {
   width: 40px;
   height: 40px;
}

.size-65px {
   width: 65px;
   height: 65px;
}

.card-header, .card-footer {
   padding-inline-start: 1.25rem;
   padding-inline-end: 1.25rem;
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
}

.modal .modal {
   overflow: hidden;
   padding: 0
}

.badge-group {
   display: flex;
   align-items: stretch;
}

   .badge-group .btn:has(~ .badge, ~ .btn), .badge-group .badge:has(~ .badge) {
      border-start-end-radius: 0;
      border-end-end-radius: 0;
      border-inline-end: 0;
   }

   .badge-group .btn:has(~ .badge, ~ .btn), .badge-group .badge:has(~ .badge) {
      border: none;
   }

   .badge-group .btn {
      flex-shrink: 0;
   }

      .badge-group .btn ~ .badge, .badge-group .btn ~ .btn, .badge-group .badge ~ .badge {
         border-start-start-radius: 0;
         border-end-start-radius: 0;
         border-start-end-radius: 0.35rem;
         border-end-end-radius: 0.35rem;
      }

   .badge-group .badge {
      flex-grow: 1;
   }

.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;
}

.btn-link.btn-danger {
   color: var(--tw-danger);
   font-size: 0.8125rem;
   height: auto;
   padding-bottom: 0.25em;
   padding-inline-start: 0;
   padding-inline-end: 0;
   border-radius: 0;
   background-color: transparent;
   border-bottom: 1px dashed var(--tw-danger);
}

   .btn-link.btn-danger:hover, .btn-link.btn-danger:focus, .btn-link.btn-danger:active, .btn-link.btn-danger.active {
      background-color: transparent;
      border-bottom: 1px dashed var(--tw-danger-active);
      color: var(--tw-danger-active);
      box-shadow: none;
   }

.btn-link.btn-success {
   color: var(--tw-success);
   font-size: 0.8125rem;
   height: auto;
   padding-bottom: 0.25em;
   padding-inline-start: 0;
   padding-inline-end: 0;
   border-radius: 0;
   background-color: transparent;
   border-bottom: 1px dashed var(--tw-success);
}

   .btn-link.btn-success:hover, .btn-link.btn-success:focus, .btn-link.btn-success:active, .btn-link.btn-success.active {
      background-color: transparent;
      border-bottom: 1px dashed var(--tw-success-active);
      color: var(--tw-success-active);
      box-shadow: none;
   }

.btn-link.btn-info {
   color: var(--tw-info);
   font-size: 0.8125rem;
   height: auto;
   padding-bottom: 0.25em;
   padding-inline-start: 0;
   padding-inline-end: 0;
   border-radius: 0;
   background-color: transparent;
   border-bottom: 1px dashed var(--tw-info);
}

   .btn-link.btn-info:hover, .btn-link.btn-info:focus, .btn-link.btn-info:active, .btn-link.btn-info.active {
      background-color: transparent;
      border-bottom: 1px dashed var(--tw-info-active);
      color: var(--tw-info-active);
      box-shadow: none;
   }

.switch.switch-success input[type=checkbox]:checked, .switch input[type=checkbox][aria-checked="true"] {
   background-color: var(--tw-success);
   transition: all .15s ease-in-out;
}

input:focus.plaintext, input:focus-visible.plaintext, textarea:focus.plaintext, textarea:focus-visible.plaintext {
   outline: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.plaintext {
   border: none;
   font-size: 20px;
   font-weight: 700;
   field-sizing: content;
}

input:focus.plaintext + i, input:focus-visible.plaintext + i, textarea:focus.plaintext + i, textarea:focus-visible.plaintext + i {
   display: none;
}

.plaintext.auxiliar {
   border: none;
   font-size: 16px;
   font-weight: 700;
   field-sizing: content;
}

.plaintext.titulo {
   border: none;
   font-size: 30px;
   color: var(--tw-gray-900);
   font-weight: 600;
   field-sizing: content;
   text-wrap: pretty;
}

@media (min-width: 768px) {
   .plaintext.titulo {
      font-size: 32px;
      text-wrap: balance;
   }
}

.plaintext.subtitulo {
   border: none;
   font-size: 18px;
   color: var(--tw-gray-600);
   font-weight: 400;
   field-sizing: content;
   text-wrap: pretty;
}


.coluna .plaintext.auxiliar {
   border: none;
   font-size: 14px;
   font-weight: 600;
   field-sizing: content;
}

.coluna .plaintext.titulo {
   border: none;
   font-size: 26px;
   color: var(--tw-gray-900);
   font-weight: 600;
   field-sizing: content;
   text-wrap: pretty;
}

@media (min-width: 768px) {
   .coluna .plaintext.titulo {
      font-size: 24px;
      text-wrap: balance;
   }
}

.coluna .plaintext.subtitulo {
   border: none;
   font-size: 14px;
   color: var(--tw-gray-600);
   font-weight: 400;
   field-sizing: content;
   text-wrap: pretty;
}

   .plaintext.titulo::placeholder, .plaintext.subtitulo::placeholder, .plaintext.auxiliar::placeholder
   .coluna .plaintext.titulo::placeholder, .coluna .plaintext.subtitulo::placeholder, .coluna .plaintext.auxiliar::placeholder {
      color: var(--tw-gray-300);
   }

   .citacao .plaintext::placeholder {
      color: var(--tw-gray-500) !important;
   }

/*label:has(input[type="radio"]:checked) svg {
   stroke: var(--tw-primary);
}

label:has(input[type="radio"]:checked) i {
   color: var(--tw-primary);
}*/
.flex-root {
   flex: 1;
}

.flex-column-fluid {
   flex: 1 0 auto;
}

.text-2sm .switch .switch-label {
   font-size: 0.8125rem;
}

.titulo {
   font-size: 1.25rem; /* text-xl */
   line-height: 1.75rem;
   font-weight: 500;
   /*color: var(--tw-gray-900);*/
}

.subtitulo {
   font-size: 0.9375rem; /* text-md */
   line-height: 1.375rem;
   /*color: var(--tw-gray-700);*/
}

.texto {
   font-size: 0.875rem; /* text-sm */
   line-height: 1.25rem;
   /*text-align: justify;*/
   /*color: var(--tw-gray-700);*/
}

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


.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(--tw-gray-300);
   padding: 0 !important;
   border-top-left-radius: 0.375rem;
   border-bottom-left-radius: 0.375rem;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0;
}

.input-color-icon {
   position: relative;
}

   .input-color-icon input[type="color"] {
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      flex-grow: unset;
      margin-left: -8px;
      padding: 0;
      cursor: pointer;
      width: 30px;
      height: 30px;
      position: relative;
      background-color: transparent;
      -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 200"><path d="M163.2,133.6l16.2,51.4c.7,2.8,2.4,5.4,4.7,7.2,2.3,1.8,5.1,2.8,8.1,2.9,2.9,0,5.8-.8,8.2-2.6,2.4-1.7,4.1-4.2,5-7l5.3-14.6c.6-1.8,1.7-3.5,3.1-4.9,1.4-1.4,3.1-2.4,4.9-3l14.6-5.4c2.7-.9,5-2.6,6.7-4.9,1.7-2.3,2.5-5.1,2.5-7.9s-.9-5.6-2.5-7.9c-1.7-2.3-4-4-6.7-4.9l-52.4-16c-2.5-.8-5.1-.9-7.6-.3-2.5.6-4.8,1.9-6.7,3.7-1.8,1.8-3.1,4.1-3.8,6.7-.6,2.5-.5,5.2.3,7.7h0ZM184.7,102.5c-4.2-1.3-8.6-1.6-12.9-.8-4.3.7-8.4,2.5-11.9,5-3.5,2.6-6.4,5.9-8.4,9.8s-3,8.1-3.1,12.5c0,2.9.5,5.7,1.4,8.5l12.3,39h-61.8c-5.6,0-11.2-1.1-16.5-3.2s-10-5.3-14-9.3c-4-4-7.2-8.7-9.3-14-2.2-5.2-3.3-10.8-3.2-16.5V52.8c0-11.4,4.5-22.3,12.6-30.4s19-12.6,30.4-12.6h80.9c11.4,0,22.2,4.6,30.2,12.7,8,8,12.5,18.9,12.5,30.3v61.8l-39.3-12h0Z" /></svg>');
      -webkit-mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 200"><path d="M163.2,133.6l16.2,51.4c.7,2.8,2.4,5.4,4.7,7.2,2.3,1.8,5.1,2.8,8.1,2.9,2.9,0,5.8-.8,8.2-2.6,2.4-1.7,4.1-4.2,5-7l5.3-14.6c.6-1.8,1.7-3.5,3.1-4.9,1.4-1.4,3.1-2.4,4.9-3l14.6-5.4c2.7-.9,5-2.6,6.7-4.9,1.7-2.3,2.5-5.1,2.5-7.9s-.9-5.6-2.5-7.9c-1.7-2.3-4-4-6.7-4.9l-52.4-16c-2.5-.8-5.1-.9-7.6-.3-2.5.6-4.8,1.9-6.7,3.7-1.8,1.8-3.1,4.1-3.8,6.7-.6,2.5-.5,5.2.3,7.7h0ZM184.7,102.5c-4.2-1.3-8.6-1.6-12.9-.8-4.3.7-8.4,2.5-11.9,5-3.5,2.6-6.4,5.9-8.4,9.8s-3,8.1-3.1,12.5c0,2.9.5,5.7,1.4,8.5l12.3,39h-61.8c-5.6,0-11.2-1.1-16.5-3.2s-10-5.3-14-9.3c-4-4-7.2-8.7-9.3-14-2.2-5.2-3.3-10.8-3.2-16.5V52.8c0-11.4,4.5-22.3,12.6-30.4s19-12.6,30.4-12.6h80.9c11.4,0,22.2,4.6,30.2,12.7,8,8,12.5,18.9,12.5,30.3v61.8l-39.3-12h0Z" /></svg>');
      mask-size: contain;
      mask-repeat: no-repeat;
      mask-position: center;
      z-index: 99;
   }

   .input-color-icon::before {
      content: '';
      flex-grow: unset;
      margin-top: 1px;
      margin-left: -10px;
      background-color: var(--tw-gray-300);
      padding: 0;
      position: absolute;
      /*top: 0;
      left: 0;*/
      cursor: pointer;
      width: 34px;
      height: 34px;
      z-index: 1;
      -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 200"><path d="M241.7,135.6c-1.9-2.7-4.6-4.6-7.7-5.7l-7.9-2.4V52.8c0-12-4.7-23.2-13.1-31.7-8.4-8.5-19.7-13.2-31.6-13.3h-80.9c-12,0-23.3,4.7-31.8,13.2-8.5,8.5-13.2,19.8-13.2,31.8v80.7c0,5.9,1.1,11.7,3.4,17.2,2.3,5.5,5.5,10.4,9.7,14.6,4.2,4.2,9.1,7.5,14.6,9.7,5.5,2.3,11.2,3.4,17.1,3.4h75l2.2,7c.8,3.2,2.8,6.1,5.4,8.2,2.6,2.1,5.9,3.3,9.3,3.3.1,0,.2,0,.3,0,3.2,0,6.5-1,9.1-2.9,2.7-2,4.7-4.8,5.7-8l5.3-14.6c.5-1.5,1.4-3,2.6-4.1,1.2-1.2,2.6-2,4.2-2.6l14.6-5.4c3.1-1,5.8-3,7.7-5.6,1.9-2.7,2.9-5.8,2.9-9.1s-1-6.4-2.9-9.1Z" /></svg>');
      -webkit-mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 200"><path d="M241.7,135.6c-1.9-2.7-4.6-4.6-7.7-5.7l-7.9-2.4V52.8c0-12-4.7-23.2-13.1-31.7-8.4-8.5-19.7-13.2-31.6-13.3h-80.9c-12,0-23.3,4.7-31.8,13.2-8.5,8.5-13.2,19.8-13.2,31.8v80.7c0,5.9,1.1,11.7,3.4,17.2,2.3,5.5,5.5,10.4,9.7,14.6,4.2,4.2,9.1,7.5,14.6,9.7,5.5,2.3,11.2,3.4,17.1,3.4h75l2.2,7c.8,3.2,2.8,6.1,5.4,8.2,2.6,2.1,5.9,3.3,9.3,3.3.1,0,.2,0,.3,0,3.2,0,6.5-1,9.1-2.9,2.7-2,4.7-4.8,5.7-8l5.3-14.6c.5-1.5,1.4-3,2.6-4.1,1.2-1.2,2.6-2,4.2-2.6l14.6-5.4c3.1-1,5.8-3,7.7-5.6,1.9-2.7,2.9-5.8,2.9-9.1s-1-6.4-2.9-9.1Z" /></svg>');
      mask-size: contain;
      mask-repeat: no-repeat;
      mask-position: center;
   }

[aria-labelledby="drawer"] .input-color-icon input[type="color"] {
   margin-left: -3px;
}

[aria-labelledby="drawer"] .input-color-icon::before {
   margin-left: -5px;
}

[aria-labelledby="drawer"] .input-color-icon .input-color-text {
   padding-left: 6px;
}

.input-color .input-color-text, .input-color-icon .input-color-text {
   font-weight: 700;
   letter-spacing: 1px;
   text-transform: uppercase;
   color: var(--tw-gray-600)
}

.input-color-icon .input-color-text {
   padding-left: 10px;
}

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

.input-group.input-color > .input, .input-group.input-color-icon > .input {
   flex: none;
}

.input-color ::-webkit-color-swatch-wrapper, .input-color-icon ::-webkit-color-swatch-wrapper {
   padding: 0;
}

.input-color ::-webkit-color-swatch, .input-color-icon ::-webkit-color-swatch {
   border: 0;
   border-radius: 0.375rem;
}

.input-color ::-webkit-color-swatch, .input-color-icon ::-webkit-color-swatch {
   border: 0;
   border-top-left-radius: 0.375rem;
   border-bottom-left-radius: 0.375rem;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0;
}

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

.input-sm input[type="color"] {
   font-weight: 500;
   font-size: 0.75rem;
   height: 2rem;
   padding-inline-start: 0.625rem;
   padding-inline-end: 0.625rem;
   background-color: var(--tw-light-active);
}

@media (min-width: 992px) {
   .flex-lg-row {
      flex-direction: row !important;
   }

   .flex-lg-row-auto {
      flex: 0 0 auto;
   }

   .flex-lg-row-fluid {
      flex: 1 auto;
      min-width: 0;
   }
}

.text-4xl {
   font-size: 2.25rem; /* 36px */
   line-height: 2.5rem; /* 40px */
}

.text-5xl {
   font-size: 3rem; /* 48px */
   line-height: 1;
}

.text-6xl {
   font-size: 3.75rem; /* 60px */
   line-height: 1;
}

.text-7xl {
   font-size: 4.5rem; /* 72px */
   line-height: 1;
}

.text-8xl {
   font-size: 6rem; /* 96px */
   line-height: 1;
}

.text-9xl {
   font-size: 8rem; /* 128px */
   line-height: 1;
}

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

.img-responsive {
   object-fit: cover;
   object-position: center 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: rgba(0, 0, 0, 0.1);
}

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

@media (min-width: 992px) {
   .flex-lg-row-auto {
      flex: 0 0 auto;
   }

   .flex-lg-row-fluid {
      flex: 1 auto;
      min-width: 0;
   }
}

.my-auto {
   margin-top: auto !important;
   margin-bottom: auto !important;
}

.btn-input {
   cursor: pointer;
   color: var(--tw-gray-700);
   border-color: var(--tw-gray-300);
   background-color: var(--tw-light-active);
}

.col-span-12 {
   grid-column: span 12 / span 12;
}

.col-span-11 {
   grid-column: span 11 / span 11;
}

.col-span-10 {
   grid-column: span 10 / span 10;
}

.col-span-9 {
   grid-column: span 9 / span 9;
}

.col-span-8 {
   grid-column: span 8 / span 8;
}

.col-span-7 {
   grid-column: span 7 / span 7;
}

.col-span-6 {
   grid-column: span 6 / span 6;
}

.col-span-5 {
   grid-column: span 5 / span 5;
}

.col-span-4 {
   grid-column: span 4 / span 4;
}

.col-span-3 {
   grid-column: span 3 / span 3;
}

.grid-cols-4 {
   grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
   grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6 {
   grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-7 {
   grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-8 {
   grid-template-columns: repeat(8, minmax(0, 1fr));
}

@media (min-width: 640px) {
   .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
   }

   .sm\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
   }

   .sm\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
   }

   .sm\:grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
   }

   .sm\:grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
   }

   .sm\:grid-cols-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
   }

   .sm\:grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
   }

   .sm\:grid-cols-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
   }

   .sm\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
   }
}

@media (min-width: 768px) {
   .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
   }

   .md\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
   }

   .md\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
   }

   .md\:grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
   }

   .md\:grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
   }

   .md\:grid-cols-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
   }

   .md\:grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
   }

   .md\:grid-cols-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
   }

   .md\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
   }
}

@media (min-width: 1024px) {
   .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
   }

   .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
   }

   .lg\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
   }

   .lg\:grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
   }

   .lg\:grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
   }

   .lg\:grid-cols-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
   }

   .lg\:grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
   }

   .lg\:grid-cols-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
   }

   .lg\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
   }
}

@media (min-width: 1280px) {
   .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
   }

   .xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
   }

   .xl\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
   }

   .xl\:grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
   }

   .xl\:grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
   }

   .xl\:grid-cols-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
   }

   .xl\:grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
   }

   .xl\:grid-cols-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
   }

   .xl\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
   }
}