/* fonte: */

html{
  font-size: 16px;
}

.link-diario {
  color: inherit;          /* herda a cor do elemento pai */
  text-decoration: none;   /* remove o sublinhado */
  background: none;        /* remove fundo, se houver */
  border: none;            /* remove bordas, se houver */
}

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

h1.titulo-diario {
  font-size: clamp(2rem, 8vw, 6em);
  font-weight: 700;
}

h2.titulo-oficial {
  font-size: clamp(2.5rem, 12vw, 8em);
  font-weight: 800;
}


.tituloCor {
  color:#034C8C;
  margin: 50px 0px auto;
}

.subtCor {
  color:#03658C;
}

/* auto-contraste */

.contrast nav{
  background-color: black  !important;
  border-bottom: 1px solid;
  border-color: white !important;
}

.contrast header{
  background-color: black  !important;
  color: white !important;
  border-bottom: 1px solid;
  border-color: white !important;
}

.contrast section{
  background-color: black !important;
  color: white !important;
  border-color: white !important;
}

.contrast h1{
  color: white !important;
  border-color: white !important;;
}

.contrast h2{
  color: white !important;
  border-color: white !important;;
}

.contrast a {
  color: yellow !important;
  text-decoration: underline !important;
}

.contrast #buttonFirstSession a {
  background-color: black !important;
  border-color: white !important;
  color: yellow !important;
}

.contrast i {
  color: white !important;
}

.contrast button {
  background-color: black !important;
  border-color: white !important;
  color: yellow !important;
}

.contrast ul {
  background-color: black !important;
  border-color: white !important;
  color: yellow !important;
}

.contrast footer {
  background-color: black !important;
  color: white !important;
  border-top: 1px solid;
  border-color: white !important;
}


/*buttons: */

.btn-color {
    font-size: larger;
    color:  #074a64;
}

.btn-color:hover{
    background-color: #074a64;
    color: aliceblue;
    transition: background-color 0.3s ease;
    

    
}

/*sections: */

.bg-image {
  position: relative;
  background-image: url("../img/caragua3.jpeg");
  background-size: cover;
  background-position: center;
  z-index: 1;
}

.bg-image::before {
  content: "";
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(235, 240, 243, 0.767), rgba(43, 89, 105, 0.623));
  z-index: 2;
}

.bg-image * {
  position: relative;
  z-index: 3;
}

.hidden {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.6s ease-out;
}

.show {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.6s ease-out;
}


/* hover de imagens e ícones */

.overlay{
  background: linear-gradient(to bottom, rgba(13, 91, 122, 0.411), rgba(6, 61, 87, 0.966));
  opacity: 0;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  transform: scaleY(0);                
  transform-origin: top;
  transition: opacity 1.5s ease, transform 0.6s ease-in-out;
}

.position-relative:hover .overlay {
opacity: 1;
transform: scaleY(1);  
}

.overlayCard {
  background-color: #064057a6;
  opacity: 0;
  bottom: 0;
  left:0;
  height: 100%;
  width: 100%;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: opacity 1.5s ease, transform 0.6s ease-in-out;
}

.position-relative:hover .overlayCard {
opacity: 1;
transform: scaleY(1); 
}