/*Importacao de css para main (versione ?v= p/ quebrar cache: scripts.html/header usam v=20261008c)*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Quicksand:wght@300..700&display=swap');
@import url("../css/navegacao.css?v=20261008c");
@import url("../css/banner.css?v=20261008c");
@import url("../css/patrocinadores.css?v=20261008c");
@import url("../css/rodape.css?v=20261008c");
@import url("../css/programacao.css?v=20261008c");
@import url("../css/about.css?v=20261008i");
@import url("../css/palestrantes.css?v=20261008m");
@import url("../css/perfil-palestrante.css?v=20261008n");
@import url("../css/galeria.css?v=20261008c");
@import url("../css/download.css?v=20261008c");
@import url("../css/windows.css?v=20261008d");
@import url("../css/globe.css?v=20261008l");
@import url("../css/responsivo.css?v=20261008c");

/*--------------------------------------*/

/*Configuracoes root realizadas por Vinicios e COSINF*/

:root {
  /* Font Sizes */
  --h1-font-size: 2.5rem;
  --h2-font-size: 2rem;
  --h3-font-size: 1.75rem;
  --h4-font-size: 1.5rem;
  --h5-font-size: 1.25rem;
  --h6-font-size: 1rem;
  --li-font-size: 1rem;

  /* ===== Design System Geopública 2026 - Sustentabilidade ===== */

  /* Typography */
  --font-display: "Inter", Arial, Helvetica, sans-serif;
  --font-mono: "JetBrains Mono", "Courier New", monospace;

  /* Colors - Digital -> Orgânico */
  --color-blue-gray: #365A89; 
  --color-deep-blue: #0B1A2A;      /* Azul Profundo (Noite) - hero */
  --color-pantanal: #0F2E25;       /* Verde Pantanal - cards/destaques */
  --color-geo-blue: #1A73E8;       /* Azul Geoinformação - ações/nav */
  --color-aqua: #00D4FF;           /* Ciano Aqua - destaques tech/hover */
  --color-green: #22C55E;          /* Verde Sustentabilidade - acentos */
  --color-forest: #166534;         /* Verde Floresta - bordas/ênfase */
  --color-white: #FFFFFF;          /* Textos principais */
  --color-gray-green: #94A3B8;     /* Cinza Esverdeado - textos secundários */
  --color-amber: #F59E0B;          /* Âmbar/Terra - alertas sociais/clima */

  /* Seletividade de cor de fundo claro (para seções com fundo branco) */
  --main-text-dark-color: #334155;
  --main-text-background-color: #0F2E25;

  /* Semi-transparências para glassmorphism */
  --glass-bg: rgba(255, 255, 255, 0.06);
  --glass-border: rgba(255, 255, 255, 0.14);
  --glass-blur: 14px;

  /* Gradients */
  --gradient-01: linear-gradient(135deg, #1A73E8, #00D4FF);        /* Digital/Azul */
  --gradient-02: linear-gradient(135deg, #22C55E, #166534);        /* Orgânico/Verde */
  --gradient-03: linear-gradient(45deg, #00D4FF, #22C55E);         /* Transição digital->orgânico */
  --gradient-04: linear-gradient(45deg, #1A73E8, #22C55E);         /* Azul -> Verde */
  --gradient-05: linear-gradient(135deg, #0B1A2A, #0F2E25);        /* Hero/Dark */
  --gradient-06: linear-gradient(135deg, #166534, #0F2E25);        /* Verde profundo */
  --gradient-07: linear-gradient(135deg, #00D4FF, #F59E0B);        /* Tech + Terra */
  --gradient-08: linear-gradient(135deg, #0B1A2A, #1A73E8);        /* Azul Noite -> Geoinfo */

  /* Layout */
  --grid-gap: 2rem;
  --container-padding: 1rem 0rem 1rem 0rem;
}

/*--------------------------------------*/

/*Definições padrão para h1,h2,h3...*/

h1 {
  font-size: var(--h1-font-size);
  font-weight: 500;
  line-height: 1.2;
}
h2 {
  font-size: var(--h2-font-size);
  font-weight: 500;
  line-height: 1.2;
}
h3 {
  font-size: var(--h3-font-size);
  font-weight: 500;
  line-height: 1.2;
}

h4 {
  font-size: var(--h4-font-size);
  font-family: "Quicksand", var(--font-display);
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 30px;
}
h5 {
  font-size: var(--h5-font-size);
  font-family: var(--font-display);
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 15px;
}
h6 {
  font-size: var(--h6-font-size);
  font-weight: 500;
  line-height: 1.2;
}
li {
  font-size: var(--li-font-size);
}
p {
  font-size: 1.2rem;
  color: #212529;
  margin-bottom: 1.5rem;
}

/*--------------------------------------*/

/*Configurações para h1,h2,h3 em grid-container*/

.grid-container h1 {
  font-size: calc(var(--h1-font-size) - 3pt);
}
.grid-container h2 {
  font-size: calc(var(--h2-font-size) - 3pt);
}
.grid-container h3 {
  font-size: calc(var(--h3-font-size) - 3pt);
}
/* .grid-container h4 {
  font-size: calc(var(--h4-font-size) - 3pt);
} */
.grid-container h5 {
  font-size: calc(var(--h5-font-size) - 3pt);
  margin-bottom: 0.2rem;
}
.grid-container h6 {
  font-size: calc(var(--h6-font-size) - 3pt);
}
.grid-container li {
  font-size: calc(var(--li-font-size) - 3pt);
}

.duas-colunas {
  column-count: 2;
  column-gap: 2rem;
}

.no-break {
  break-inside: avoid;
}

.btn, .toggle-btn, .toggle-btn:hover, .btn:hover {
  transition: 0.5s cubic-bezier(0,.2,.15,.85) !important;
}

/*------------------------------*/

/*Configurações do corpo do site*/
body,
html {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
  line-height: 1.5;
  font-family: var(--font-display);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Estilo base para linhas de tabela (tr) */
tr {
  background-color: #f9f9f9; /* Cor de fundo */
  color: var(--main-text-dark-color);
  /* Cor do texto */
  font-size: 1rem; /* Tamanho da fonte */
  font-family: Arial, sans-serif; /* Família da fonte */
  font-weight: 400; /* Peso da fonte */
  line-height: 1.5; /* Altura da linha */
}

/*------------------------------*/

/*Seleção de fonts realizadas por Vinicius*/
.sofia-sans-condensed {
  font-family: "Sofia Sans Condensed", serif;
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
}

/*------------------------------*/

/*Deixa Listas e Links sem . e ____*/
ul {
  list-style: none;
}

a {
  text-decoration: none;
}

/*------------------------------*/

/*Configurações da tag botões*/
button {
  cursor: pointer;
  border: none;
  background: none;
}

/*------------------------------*/

/*Configuração do Conteiner Padrão para todo Site*/
.section-content {
  margin: 0 auto;
  max-width: 1350px;
}

/*------------------------------*/

/*Configuração para titulos de sections*/

.section-title {
  text-align: center;
  margin: 40px 40px;
  font-size: 2em;
  color: #333;
  padding: 15px;
}

.section-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 5px;
  margin: 10px auto;
  border-radius: var(--border-radius-s);
  background: var(--gradient-03);
}

/*------------------------------*/

/*Data / números técnicos - JetBrains Mono*/
.mono {
  font-family: var(--font-mono);
  letter-spacing: 0.02em;
}

/*Destaque de cor verde para dados ambientais*/
.text-green {
  color: var(--color-green);
}
.text-aqua {
  color: var(--color-aqua);
}
.text-amber {
  color: var(--color-amber);
}
.text-gray-green {
  color: var(--color-gray-green);
}

/*------------------------------*/

/*Glassmorphism cards*/
.glass {
  background: var(--glass-bg);
  backdrop-filter: blur(var(--glass-blur));
  -webkit-backdrop-filter: blur(var(--glass-blur));
  border: 1px solid var(--glass-border);
  border-radius: 16px;
}

/*------------------------------*/

/*Linhas de grade topográfica sutil (fundo de seções dark)*/
.contour-lines {
  background-image:
    repeating-linear-gradient(
      0deg,
      transparent 0px,
      transparent 39px,
      rgba(0, 212, 255, 0.06) 40px
    ),
    repeating-linear-gradient(
      90deg,
      transparent 0px,
      transparent 79px,
      rgba(34, 197, 94, 0.05) 80px
    );
}

/*------------------------------*/