/*CODIGOS DO CHAT GPT*/
 
   .ssOne h1 {
         color: #000!important;
   }











 #secOne {

     display: flex;
     margin-top: 5rem;
 
 }
    #ssOne h6{
         color: #da0000!important;
    }
#ssOne img{
    width: 8rem !important;
    height: 8rem!important;

}
 #twoimg {
     display: block;

 }


 .imagem-zoom {
     background-color: white;
     position: relative;
     overflow: hidden;
     cursor: pointer;
     border-radius: .5rem;
     margin: .5rem;
     display: inline-block;




 }


 .imagem-zoom img {

     width: 100%;
     height: 100%;
     transition: transform 0.3s ease;
 }

 .imagem-zoom:hover img {
     transform: scale(1.1);
     /* Zoom de 110% ao passar o mouse */
 }

 #imgOneHome {
     width: 190rem !important;
     height: 100%;
     margin: 0;

 }

 #imgTwoHome {
     width: 100% !important;
     height: 100%;
     margin: 0;

 }

 .imagem-zoom p {

     position: absolute;
     top: 10px;
     /* Distância do topo */
     left: 20px;
     /* Distância da esquerda */
     margin: 0;
     padding: 5px;
     color: rgb(255, 255, 255);

     font-family: "PT Sans", sans-serif !important;
     /*  font-style: italic;*/
     font-weight: 500 !important;

     font-style: normal;

     -webkit-text-stroke: -1px rgb(99, 99, 99);
     /* Contorno preto de 2 pixels (para navegadores WebKit) */
     text-shadow:
         -1px -1px 0 rgb(61, 60, 60),
         1px -1px 0 rgb(0, 0, 0),
         -1px 1px 0 rgb(73, 73, 73),
         1px 1px 0 rgb(99, 99, 99);


 }

 .imagem-zoom h1 {
     position: absolute;
     margin: 1rem;
     bottom: .5rem;
     /*left: 50%;*/
     /*transform: translateX(-50%);*/
     color: white;
     font-size: 1.5rem;
     z-index: 1;
     -webkit-text-stroke: -1px rgb(99, 99, 99);
     /* Contorno preto de 2 pixels (para navegadores WebKit) */
     text-shadow:
         -1px -1px 0 rgb(61, 60, 60),
         1px -1px 0 rgb(0, 0, 0),
         -1px 1px 0 rgb(73, 73, 73),
         1px 1px 0 rgb(99, 99, 99);

 }

 /*SEGUNDA SECTION*/

 #ss {
   text-align: center;
  display: flex;
  align-items: flex-start; /* Alinha os filhos pelo topo */
  justify-content: center; /* Centraliza horizontalmente (opcional) */
 
 }
 hr{
    margin: 1rem;
    
 }
     
 .ssOne {
      text-align: left;
      margin: .1rem;
     padding: .4rem;
 }

 .ssOne a {
     text-decoration: none;
     justify-content: center;

 }

 .card-noticia {
      display: flex;

 }

 .ssOne img {
     margin: .1rem;
     width: 20rem;
     text-align: right;
     height: 15rem;
     border-radius: 1rem;
 }
    .card-noticia{
        justify-content: center;
        align-items: center;
        
    }
 .span {
      margin-left: 1rem;
  }

 .titulo-servicos {
    display: flex;
    align-items: center; /* alinha verticalmente */
    gap: .1px; /* espaço entre o ícone e o texto */
    font-size: 1rem;
  }
  
  #icoon {
    width: 12px; /* ajuste conforme o tamanho desejado */
    height: 12px;
  }
  .span p {
    color: #000;
  }

 .ssOne h1 {
     color: rgb(0, 26, 255);
     font-size: 1.5rem;
     border-radius: 1rem;

 }

 .ssOne h1:hover {
     color: rgb(0, 12, 122);
     cursor: pointer;

 }


 
 #ssOne {
    
     border-radius: 1rem;
     
     padding: 1px;
     margin-top: 2rem;
        background-color: rgb(255, 255, 255);
 
 }

 #ssOne h6 {
     margin: 1rem;
     text-align: left;

 }

 #ssOne hr {
     border-color: rgb(233, 233, 233);
 }

 #ssOne div {
 
     display: flex;
     align-items: center;
     justify-content: center;

 }

 #ssOne img {
    
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
     /* deslocamento-x, deslocamento-y, desfoque, cor */
 
     width: 10rem;
     height: 10rem;
     border-radius: 1rem;
 }

 #ssOne h6 {

     color: rgb(0, 26, 255);
     font-size: 1rem;
     border-radius: 1rem;

 }

 #ssOne h6:hover {
     color: rgb(0, 12, 122);
     cursor: pointer;

 }

 #ssOne button {
     text-align: center !important;
     justify-content: center !important;
     align-items: center !important;


 }

 #mostrarUltimoDiv {
     margin: 2rem;


     background-color: #4CAF50;
     /* Cor de fundo verde */
     color: white;
     /* Texto branco */
     border: none;
     /* Sem borda */
     padding: 12px 24px;
     /* Espaçamento interno */
     text-align: center;
     /* Alinhamento do texto centralizado */
     text-decoration: none;
     /* Sem sublinhado */
     display: inline-block;
     /* Exibir como bloco em linha */
     font-size: 16px;
     /* Tamanho da fonte */
     cursor: pointer;
     /* Cursor de apontar */
     border-radius: 8px;
     /* Bordas arredondadas */
     transition: background-color 0.3s ease;
     /* Transição suave da cor de fundo */
 }

 #mostrarUltimoDiv:hover {
     background-color: #45a049;
     /* Cor de fundo escura ao passar o mouse */
 }

 @media screen and (max-width: 3000px) {


    
     body {
         text-align: center;

     }

     #logo {
         margin-left: 5%;
     }
     .fotologo{
        margin-left:10%;
     }

     #nav {
         position: fixed;
         top: 0;
         bottom: 0;
         left: -90%;
         /* Inicia fora da tela */
         width: 80%;
         max-width: 400px;
         /* Largura máxima da barra lateral */
         background: rgba(15, 15, 15, 0.919);
         transition: left 1s ease;
         z-index: 1000;
         overflow-y: auto;
         padding-top: 60px;
         /* Ajuste para acomodar a altura do cabeçalho fixo */
     }

     #nav.active {
         left: 0;
         /* Aparece quando ativado */
     }

     .a {
         padding: 1rem 0;
         margin: 0 1rem;
         border-bottom: 2px solid rgb(230, 255, 248);
     }
     .a:hover{
                 border-bottom: 2px solid rgb(132, 0, 0);

      }
     #btn-mobile {
         position: fixed;
         top: 15px;
         right: 15px;
         display: flex;
         align-items: center;
         padding: .5rem 1rem;
         font-size: 1rem;
         border: none;
         background: none;
         cursor: pointer;
         gap: .5rem;
         z-index: 1100;
         /* Garante que o botão esteja acima da barra lateral */
     }

     #hamburguer {
         color: #fff;
         border-top: 2px solid;
         width: 20px;
     }



     #hamburguer::after,
     #hamburguer::before {
         content: '';
         display: block;
         width: 20px;
         height: 2px;
         background: currentColor;
         margin-top: 5px;
         transition: .3s;
         position: relative;

     }

     #nav.active #hamburguer {
         border-top-color: transparent;
         color: white;
         margin-right: .3rem;


     }

     #nav.active #hamburguer::before {
         transform: rotate(135deg);
         width: 2rem;
         color: red;


     }

     #nav.active #hamburguer::after {
         width: 2rem;
         transform: rotate(-135deg);
         top: -7px;
         color: red;

     }


 }

 @media screen and (max-width: 1000px) {
  
     /*BODY*/
     #secOne {
         display: block;
         padding-top: 6rem;
         margin: 2rem;

     }
          #secOne h1{
             font-size: 1.5rem;
 
     }

     #imgTwoHome {
         width: 100%;
         height: auto;


         margin: 0;

     }

     .imagem-zoom {
         width: 100% !important;
     }

     .imagem-zoom h1 {
  
         margin: 1rem;
          /*left: 50%;*/
         /*transform: translateX(-50%);*/
         color: white;
         font-size: 1rem;
     }

     /*SEGUNDA SECTION*/
     #ss {
         margin: .5rem;
         text-align: center;
         display: block;
     }

 
     .ssOne {
         text-align: left;
         padding: .5rem;
         background-color: #fff;
         border-radius: .5rem;

         border: 1px rgb(206, 206, 206) solid;
         margin: .1rem;
     }

     .ssOne div {
         display: flex;
         align-items: center;
     }

     .ssOne img {
         margin: .5rem;
         width: 10rem;
         height: auto;
         border-radius: 1px;
         justify-content: center;
         align-items: center;
     }

     .span {
         margin-left: 1rem;

     }

     .ssOne h5 {
         margin-top: .1rem;
         color: #000000;

     }

     .ssOne h1 {
           font-size: 1.2rem;
         border-radius: 1rem;

     }

     .ssOne p {
         font-size: .8rem;


     }

     #ssOne {
         border-radius: 1rem;
        
          margin: 1px 1px;
         padding: .1rem .1rem;

 

     }

     #ssOne h6 {
         text-align: left !important;

     }

     #ssOne hr {
         border-color: rgb(233, 233, 233);
     }

     #ssOne div {
         padding: 1rem 1rem 1rem 1rem;

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

     #ssOne img {
         width: 10rem;
         height: 10rem;
         border-radius: 1rem;
     }

     #ssOne h6 {

         color: rgb(0, 26, 255);
         font-size: 1rem;
         border-radius: 1rem;

     }

     #ssOne h6:hover {
         color: rgb(0, 12, 122);
         cursor: pointer;

     }


 }
   @media screen and (max-width: 700px) {
     
  .card-noticia {
    flex-direction: column;
    align-items: flex-start;
  }

  .card-noticia img {
    width: 100%;
    height: auto;
  }

  .card-noticia h1 {
    font-size: 1rem;
  }

  .card-noticia p {
    font-size: 0.85rem;
  }

  .ssOne {
    margin: .1rem 0.5rem;
    padding: 1rem;
  }
}

  @media screen and (max-width: 700px) {
 
     #ssOne {
          margin: 1px 1px;
         padding: 1px 1px;


     }
  }
    @media screen and (max-width: 500px) {

     #ssOne {
          margin: 1px 1px;
         padding: 1px 1px;


     }
  }