@font-face {
  font-family: 'Dejavu';
  font-style: normal;
  src: url('/fonts/DejaVuSans.ttf') format('truetype');
  font-display: swap; /* Improves performance */
}


.gh-content>*+* {
  margin-top: 4vmin;
}

.gh-content [id]:not(:first-child) {
  margin: 1.5em 0 0;
}

.gh-content>[id]+* {
  margin-top: 1.5rem;
}

.gh-content [id]+.kg-card,
.gh-content blockquote+.kg-card {
  margin-top: 6vmin;
}

.gh-canvas>blockquote,
.gh-canvas>dl,
.gh-canvas>ol,
.gh-canvas>p,
.gh-canvas>ul {
  font-family: Georgia, Times, serif;
  font-family: var(--font-serif);
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6em;
}

.gh-content>dl,
.gh-content>ol,
.gh-content>ul {
  padding-left: 1.9em;
}

.gh-content hr {
  margin-top: 6vmin;
}

.gh-content hr+* {
  margin-top: 6vmin !important;
}

.gh-content blockquote {
  font-style: italic;
  position: relative;
}

.gh-content blockquote:before {
  background: #3eb0ef;
  background: var(--color-primary);
  bottom: 0;
  content: "";
  left: -1.5em;
  position: absolute;
  top: 0;
  width: 0.3rem;
}

@media (max-width: 650px) {

  .gh-canvas blockquote,
  .gh-canvas dl,
  .gh-canvas ol,
  .gh-canvas p,
  .gh-canvas ul {
    font-size: 1.8rem;
  }

  .gh-content blockquote:before {
    left: -4vmin;
  }
}

.gh-content .kg-card+ :not(.kg-card),
.gh-content :not(.kg-card):not([id])+.kg-card {
  margin-top: 6vmin;
}

.gh-content table {
  border-collapse: collapse;
  width: 100%;
}

.gh-content th {
  font-size: 0.75em;
  padding: 0.5em 0.8em;
  text-align: left;
  text-transform: uppercase;
}

.gh-content td {
  padding: 0.4em 0.7em;
}

.gh-content tbody tr:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 1px;
}

.gh-content tbody tr:nth-child(2n + 2) td:last-child {
  box-shadow: inset 1px 0 rgba(0, 0, 0, 0.1), inset -1px 0 rgba(0, 0, 0, 0.1);
}

.gh-content tbody tr:nth-child(2n + 2) td {
  box-shadow: inset 1px 0 rgba(0, 0, 0, 0.1);
}

.gh-content tbody tr:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.gh-canvas,
.kg-width-full.kg-content-wide {
  --gap: 4vw;
  --main: min(var(--content-width, 720px), 100% - var(--gap) * 2);
  --wide: minmax(0,
      calc((var(--container-width, 1200px) - var(--content-width, 720px)) / 2));
  --full: minmax(var(--gap), 1fr);
  display: grid;
  grid-template-columns:
    [full-start] minmax(4vw, 1fr) [wide-start] minmax(0, 240px) [main-start] min(720px, 100% - 4vw * 2) [main-end] minmax(0, 240px) [wide-end] minmax(4vw,
      1fr) [full-end];
  grid-template-columns:
    [full-start] var(--full) [wide-start] var(--wide) [main-start] var(--main) [main-end] var(--wide) [wide-end] var(--full) [full-end];
}

.gh-canvas>* {
  grid-column: main-start/main-end;
}

.gh-canvas>blockquote,
.gh-canvas>dl,
.gh-canvas>ol,
.gh-canvas>p,
.gh-canvas>ul {
  font-family: Georgia, Times, serif;
  font-family: var(--font-serif);
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6em;
}

@media (max-width: 650px) {

  .gh-canvas blockquote,
  .gh-canvas dl,
  .gh-canvas ol,
  .gh-canvas p,
  .gh-canvas ul {
    font-size: 1.8rem;
  }

  .gh-content blockquote:before {
    left: -4vmin;
  }
}

@media (max-width: 650px) {

  .gh-canvas blockquote,
  .gh-canvas dl,
  .gh-canvas ol,
  .gh-canvas p,
  .gh-canvas ul {
    font-size: 1.8rem;
  }

  .gh-content blockquote:before {
    left: -4vmin;
  }
}

.gh-canvas :not(pre) code {
  background: #f0f6f9;
  border: 1px solid #e1eaef;
  border-radius: 0.25em;
  color: #dc0050;
  font-size: 0.9em;
  font-weight: 400 !important;
  line-height: 1em;
  padding: 0.15em 0.4em;
  vertical-align: middle;
}

.gh-canvas>pre {
  background: hsla(0, 0%, 100%, 0.8);
  border-radius: 5px;
  box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.4);
  overflow: scroll;
  padding: 16px 20px;
}

body {
  font-family: "Inter", sans-serif;
}

.hero-overlay {
  background: linear-gradient(to bottom,
      rgba(0, 0, 0, 0.3),
      rgba(0, 0, 0, 0.1));
}

.nav-glass {
  background: rgba(255, 255, 255, 1);
  backdrop-filter: blur(10px);
}

.barra-glass {
  background: rgb(27, 27, 99);
}

.card-hover {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.titulo {
  font-family: "Signika Negative", sans-serif;
  color: rgb(27, 27, 99);

}

.titulo-logo {
  font-family: "Dejavu", 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  color: rgb(27, 27, 99);

}

.card-hover:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.kg-width-wide {
  max-width: 960px;
  /* Example: set a wider maximum width */
  margin-left: auto;
  margin-right: auto;
  /* Center the element */
}

.kg-width-wide img {
  width: 100%;
  /* Ensure the image fills its container */
  height: auto;
  /* Maintain aspect ratio */
}

.kg-width-full {
  width: 100%;
  /* Full width */
}

.conteudo p {
  margin-bottom: 1.5em;
  @apply text-base/7relaxed text-justify;
}

.conteudo h1,
.conteudo h2,
.conteudo h3,
.conteudo h4,
.conteudo h5,
.conteudo h6 {
  font-family: "Inter", sans-serif;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.25;
  font-weight: bold;
}

.conteudo a {
  color: #4f46e5;
  /* Indigo-600 */
  text-decoration: underline;
}

.conteudo ul {
  list-style-type: disc;
  padding-left: 1.5em;
  margin-bottom: 1.5em;
}

.kg-image {
  max-width: 600px;
  display: block;
  margin: 0 auto;
  margin-bottom: 1em;
  box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

figcaption {
  text-align: center;
  font-size: 0.9em;
  color: #6b7280;
  /* Gray-500 */
  margin-top: 0.5em;
  margin-bottom: 2em;
}

.kg-image-caption {
  text-align: center;
  font-size: 0.9em;
  color: #6b7280;
  /* Gray-500 */
  margin-top: 0.5em;
  margin-bottom: 2em;
}



.kg-btn {
  margin-top: 2em;
  margin-bottom: 2em;
}

.conteudo blockquote {
  border-left: 4px solid #df0030;
  padding-left: 1em;
  margin-left: 0;
  margin-right: 0;
  color: #374151;
  /* Gray-700 */
  font-style: italic;
}

/* CSS customizado para Tailwind */
.kg-file-card .kg-file-card-metadata,
.kg-file-card .kg-file-card-icon,
.kg-file-card .kg-file-card-filesize, 
.kg-file-card .kg-file-card-container {
  display: none;
  height: 0px;
  font-size: 0px;
}

.kg-file-card a.kg-file-card-container {
  border: none;
  min-height: 50px;
  text-decoration: underline;
  margin: 0px 0px;
  padding: 6px 0px;
  font-size: 1.5rem;
}


.kg-file-card .kg-file-card-icon {
  display: none;
  height: 0px;
  font-size: 0px;
}