:root {
    --text-color:#495057;
    --text-color-secondary:#6c757d;
    --primary-color:#2196F3;
    --primary-color-text:#ffffff;
    --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    --surface-0:#ffffff;
    --surface-50:#FAFAFA;
    --surface-100:#F5F5F5;
    --surface-200:#EDE8DB;
    --surface-300:#E0E0E0;
    --surface-400:#BDBDBD;
    --surface-500:#9E9E9E;
    --surface-600:#757575;
    --surface-700:#616161;
    --surface-800:#404040;
    --surface-900:#000000;
    --surface-ground:#f8f9fa;
    --surface-section:#ffffff;
    --surface-card:#ffffff;
    --surface-overlay:#ffffff;
    --surface-border:#dee2e6;
    --content-padding:1rem;
    --inline-spacing:0.5rem;
    --border-radius:3px;
    --blue-50:#f4fafe;
    --blue-100:#cae6fc;
    --blue-200:#a0d2fa;
    --blue-300:#75bef8;
    --blue-400:#1E87E8;
    --blue-500:#2196f3;
    --blue-600:#1c80cf;
    --blue-700:#1769aa;
    --blue-800:#125386;
    --blue-900:#0d3c61;
    --green-50:#f6fbf6;
    --green-100:#d4ecd5;
    --green-200:#b2ddb4;
    --green-300:#90cd93;
    --green-400:#84BF6B;
    --green-500:#42A816;
    --green-600:#00923F;
    --green-700:#357b38;
    --green-800:#105200;
    --green-900:#1e4620;
    --yellow-50:#fffcf5;
    --yellow-100:#fef0cd;
    --yellow-200:#fde4a5;
    --yellow-300:#fdd87d;
    --yellow-400:#fccc55;
    --yellow-500:#fbc02d;
    --yellow-600:#d5a326;
    --yellow-700:#b08620;
    --yellow-800:#8a6a19;
    --yellow-900:#644d12;
    --cyan-50:#f2fcfd;
    --cyan-100:#c2eff5;
    --cyan-200:#91e2ed;
    --cyan-300:#61d5e4;
    --cyan-400:#30c9dc;
    --cyan-500:#00bcd4;
    --cyan-600:#00a0b4;
    --cyan-700:#008494;
    --cyan-800:#006775;
    --cyan-900:#004b55;
    --pink-50:#fef4f7;
    --pink-100:#fac9da;
    --pink-200:#f69ebc;
    --pink-300:#f1749e;
    --pink-400:#E9696F;
    --pink-500:#e91e63;
    --pink-600:#c61a54;
    --pink-700:#a31545;
    --pink-800:#801136;
    --pink-900:#5d0c28;
    --indigo-50:#f5f6fb;
    --indigo-100:#d1d5ed;
    --indigo-200:#acb4df;
    --indigo-300:#8893d1;
    --indigo-400:#6372c3;
    --indigo-500:#3f51b5;
    --indigo-600:#36459a;
    --indigo-700:#2c397f;
    --indigo-800:#232d64;
    --indigo-900:#192048;
    --teal-50:#f2faf9;
    --teal-100:#c2e6e2;
    --teal-200:#91d2cc;
    --teal-300:#61beb5;
    --teal-400:#30aa9f;
    --teal-500:#009688;
    --teal-600:#008074;
    --teal-700:#00695f;
    --teal-800:#00534b;
    --teal-900:#003c36;
    --orange-50:#fff8f2;
    --orange-100:#fde0c2;
    --orange-200:#fbc791;
    --orange-300:#f9ae61;
    --orange-400:#f79530;
    --orange-500:#f05d36;
    --orange-600:#d06900;
    --orange-700:#ac5700;
    --orange-800:#874400;
    --orange-900:#623200;
    --bluegray-50:#f7f9f9;
    --bluegray-100:#d9e0e3;
    --bluegray-200:#bbc7cd;
    --bluegray-300:#9caeb7;
    --bluegray-400:#7e96a1;
    --bluegray-500:#607d8b;
    --bluegray-600:#526a76;
    --bluegray-700:#435861;
    --bluegray-800:#35454c;
    --bluegray-900:#263238;
    --purple-50:#faf4fb;
    --purple-100:#e7cbec;
    --purple-200:#d4a2dd;
    --purple-300:#c279ce;
    --purple-400:#af50bf;
    --purple-500:#9c27b0;
    --purple-600:#852196;
    --purple-700:#6d1b7b;
    --purple-800:#561561;
    --purple-900:#3e1046;
    --gray-50:#FAFAFA;
    --gray-100:#F5F5F5;
    --gray-200:#EEEEEE;
    --gray-300:#E0E0E0;
    --gray-400:#BDBDBD;
    --gray-500:#9E9E9E;
    --gray-600:#757575;
    --gray-700:#616161;
    --gray-800:#424242;
    --gray-900:#212121;
    --red-50:#fff5f5;
    --red-100:#ffd1ce;
    --red-200:#ffada7;
    --red-300:#ff8980;
    --red-400:#ff6459;
    --red-500:#ff4032;
    --red-600:#d9362b;
    --red-700:#b32d23;
    --red-800:#8c231c;
    --red-900:#661a14;
    --primary-50:#f4fafe;
    --primary-100:#cae6fc;
    --primary-200:#a0d2fa;
    --primary-300:#75bef8;
    --primary-400:#4baaf5;
    --primary-500:#2196f3;
    --primary-600:#1c80cf;
    --primary-700:#1769aa;
    --primary-800:#125386;
    --primary-900:#0d3c61;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#toggle {
    display: none;
  }

  /* Core styles/functionality */
.tab input {
    position: absolute;
    opacity: 0;
    z-index: -1;
  }
  .tab__content {
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s;
  }
  .tab input:checked ~ .tab__content {
    max-height: 10rem;
  }
  
  /* Visual styles */
  .accordion {
    color: var(--theme);
    border-radius: 0.3rem;
    overflow: hidden;
  }
  .tab__label,
  .tab__close {
    display: flex;
    color: white;
    background: var(--theme);
    cursor: pointer;
  }
  .tab__label {
    justify-content: space-between;
    padding: 1rem;
  }
  .tab__label::after {
    content: "\276F";
    width: 1em;
    height: 1em;
    text-align: center;
    transform: rotate(90deg);
    transition: all 0.35s;
  }
  .tab input:checked + .tab__label::after {
    transform: rotate(270deg);
  }
  .tab__content p {
    margin: 0;
    padding: 1rem;
  }
  .tab__close {
    justify-content: flex-end;
    padding: 0.5rem 1rem;
    font-size: 0.75rem;
  }
  .accordion--radio {
    --theme: var(--secondary);
  }
  
  /* Arrow animation */
  .tab input:not(:checked) + .tab__label:hover::after {
    animation: bounce .5s infinite;
  }
  @keyframes bounce {
    25% {
      transform: rotate(90deg) translate(.25rem);
    }
    75% {
      transform: rotate(90deg) translate(-.25rem);
    }
  }

  .fa {
    padding: 15px;
    font-size: 20px;
    width: 50px;
    text-align: center;
    text-decoration: none;
    border-radius: 100%;
}

.fa:hover {
    opacity: 0.7;
    transition-duration: 0.5s;
    color: whitesmoke;
}

.fa-facebook {
    background: #f05d36;
    color: white;
}

.fa-linkedin {
    background: #f05d36;
    color: white;
}

.fa-instagram {
    background: #f05d36;
    color: white;
}

.fa-whatsapp {
  color: #f05d36;
}

.fa-phone {
  color: #f05d36;
  width: 15px;
  padding: 0px;
}

/* CABEÇALHO EM MAIUSCULAS */
header {
  text-transform: uppercase;
}

/* EFEITO DE ZOOM AO PASSAR COM O MOUSE EM CIMA - CLASSE ZOOM */
.zoom {
  transition: transform .7s;
  color: rgba(255, 255, 255, 0);
}

.zoom:hover {
  -ms-transform: scale(1.05); /* IE 9 */
  -webkit-transform: scale(1.05); /* Safari 3-8 */
  transform: scale(1.05);
  color: rgb(0, 0, 0);
}

.zoom:hover img {
  opacity: 0.5;
}

/* Conteúdo do dropdown escondido por padrão) */
.dropdown-content {
  display: none;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 9999;
}

/* Para mostrar o menu dropdown no hover */
.dropdown:hover .dropdown-content {
  display: block; z-index: 99999;
}

#titulo, .titulo-posts {
  color: red;
}

.post-estudo {
  background-color: #006775;
  padding: 50px;
  border: 3px solid #000000;
  border-radius: 30px;
  margin: 100px 50px;
}

/* CSS DO MENU MOBILE!!! */

/* Estilo do botão de hambúrguer */
.menu-hamburguer {
  font-size: 35px;
  cursor: pointer;
  display: block;
  z-index: 100; /* Fica acima do menu fullscreen */
  color: #f05d36;
}

/* Estilo básico do menu fullscreen */
.menu-fullscreen {
  z-index: 99999;
  display: none; /* Escondido por padrão */
  position: fixed; /* Ficará fixo na tela, sobrepondo outros conteúdos */
  width: 100%; /* Largura total */
  height: 100%; /* Altura total */
  top: 0;
  left: 0;
  background-color: #f05e3675; /* Fundo preto */
  background-color: #f05e36f1; /* Fundo preto com opacidade */
  overflow-x: hidden; /* Esconde o scroll horizontal */
  transition: 3s; /* Efeito de transição suave */
}

/* Estilo do botão de fechar */
.menu-fullscreen .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  color: white;
  cursor: pointer;
}

/* Estilo do conteúdo do menu */
.menu-fullscreen .menu-content {
  position: relative;
  top: 10%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.menu-fullscreen .menu-content a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: white;
  display: block;
  transition: 0.3s;
}

.menu-fullscreen .menu-content a:hover {
  color: #f1f1f1;
}

/* FIM DO CSS PARA O MENU MOBILE!!!*/