/* Reset simples */
* {
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
  color: #222;
}

main{
  background: #f4f4f4;
}
@media (min-width: 768px) {
  .cabecalho-mobile{
    display: none;

  }

  }

  .conteud1{
    display: none;
}

/* ------------- HEADER ------------- */
.cabecalho {
  position: fixed;
  inset: 0 0 auto 0;
  height: var(--altura-cabecalho);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 80px 0 130px;
  z-index: 60;
  background: transparent;
  color: var(--texto-claro);
  transition:
    background-color 0.35s ease,
    box-shadow 0.35s ease;
      background: #fff;
      box-shadow: 0 6px 20px rgba(19, 21, 22, 0.06);
      height: 100px;
      
}
.cabecalho.cabecalho-branco {
  background: #fff;
  color: #111;
}
.logo {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 700;
  margin: 0 40px 0 0;
}
.logo img {
  height: 70px;
}


/* nav básico */
.nav-principal {
  display: flex;
  gap: 18px;
  align-items: center;
}
.nav-links {
  display: flex;
  gap: 18px;
  list-style: none;
  font-weight: 500;
}
.nav-links a {
  padding: 6px 4px;
  color: inherit;
  text-decoration: none;
}

.nav-principal ul{
    margin: 0 100px 0 0;
    font-family: "Poppins", sans-serif;
    color: #F36D53;
    font-weight: 300;
    font-size: 1.2rem;
}

.botao-contactar {
  color: #fff;
  border-radius: 8px;
  padding: 6px 20px;
  border: none;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  font-family: "Poppins", sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  background-color: #F36D53;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.botao-contactar img {
  height: 22px;
  margin: 0;
}

/* seletor de idioma (simples) */
.seletor-idioma {
  position: relative;

  cursor: pointer;
  background-color: #F36D53;
   color: #fff;
   font-weight: 300;
  border-radius: 8px;
  padding: 6px 20px;
   border: none;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  font-family: "Poppins", sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
   align-items:  center;
}
.seletor-idioma img{
 align-items:  center;
 padding: 0 8px 0 0;

}



/* container principal */
.seletor-idioma {
  position: relative;
  cursor: pointer;
  background-color: #F36D53;
  color: #fff;
  border-radius: 8px;
  padding: 6px 16px;
  border: none;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  font-family: "Poppins", sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  
}

/* linha principal: bandeira + texto + seta */
.idioma-selecionado {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;

  
}

/* span que contém imagem + PT */
#textoIdioma {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* imagens (bandeiras) */
.seletor-idioma img {
  height: 20px;
  width: auto;
  display: block;
}

/* dropdown */
.lista-idiomas {
  list-style: none;
  margin: 0;
  padding: 20px 40px 20px 1px;
  background: #F36D53;
  color: #fff;
  border-radius: 5px;
  position: absolute;
  top: 45px;        /* começa logo abaixo do botão */
  margin-top: 12px; /* espaço ENTRE botão e caixa */

left: 0;
  width: 190px;
  display: none;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  z-index: 99;
}


.lista-idiomas li {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 2px 1px;
  cursor: pointer;
  white-space: nowrap;
  width: 200px;          /* FAZ o background cobrir tudo */
  box-sizing: border-box;
  color: #fff;
  font-size: 1.2em;
  font-weight: 300;
  font-family: "Poppins", sans-serif;
}


/* hover */
.lista-idiomas li:hover {
  background: #f2f2f2;
  color: #F36D53;
    width: 188px;
    border-radius: 2px;
}

/* imagens dentro da lista */
.lista-idiomas li img {
  height: 18px;

  flex-shrink: 0;
}

/* o inicio do css do bady */

.bady_cont {
    margin-bottom: 10%;
}

.bady_cont  > .principal img{
    width: 100%;
    height: 100%;
    object-fit: cover;   /* mantém proporção e cobre todo espaço */
  object-position: center; /* centraliza a imagem (não fica puxada para direita ou esquerda) */
  display: block;
}

.bady_cont > .principal img {
  width: 100%;
  height: 500px;
  object-fit: cover;
object-position: top;
  display: block;
}

.principal {
  position: relative;
}



.bady_cont .principal h1 {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
    font-family: "Poppins", sans-serif;
  color: #fff;
  font-weight: 600;
  font-size: 8.6rem;
  z-index: 2;
}

.conteud {
  margin: 0 4% 10% 4%;
}

.arti {
    display: flex;
    gap: 20px;
    margin-bottom: 60px;
}
.conteud .arti .photo{
    border-bottom: 1px solid #ccc;
    margin: 0 20px 0 0;
}


.conteud .arti .predio{
    border-bottom: 1px solid #ccc;
    margin: 40px 20px 0 0;
    
}
.conteud .arti .predio h1{
    margin: 0 0 15px 0;
      font-family: "Poppins", sans-serif;
      font-weight: 600;
      font-size: 2rem;
      line-height: 44px;
    }
    .conteud .arti .predio .user{
        display: flex;
        gap: 5px;
    }
    .conteud .arti .predio .user h3{
        
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        font-size: 1rem;
        margin-top: 15px;
        color: #111;
}
.conteud .arti .predio .user h3 span{
       font-family: "Poppins", sans-serif;
        font-weight: 500;
        font-size: 1rem;
        margin-top: 15px;
        color: #111;
        font-style: italic;
}

.conteud .arti .predio  p{
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    margin-top: 12px;
    
}


.conteud .arti .predio .lin {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 10px;

  margin-top:25px;
  background-color: #F36D53;
  text-decoration: none;
  color: #fff;

  padding: 6px 20px;   /* antes: 40px */
  font-size: 1.4rem;  /* um pouco menor */

  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.conteud .arti .predio .lin:hover{
    background-color: #585757;
}

/* cada card */
.imposto {
  display: flex;
  gap: 15px;
  /* width: 70%; */
  background: #f5f5f5;
  padding: 15px;
  border-radius: 10px;
}

.for {
  background-color: #F36D53;
  padding: 15px 20px;  /* antes: 40px */
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  margin-bottom: 15px;
}


.for form {
    display: flex;
    gap: 10px;
}

.for input {
  flex: 1;
  padding: 8px 10px 8px 10px;
  border: none;
  outline: none;
 font-family: "Poppins", sans-serif;
 
}

.for button {
    font-weight: 400;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #fff;
  color: #111;
  border: none;
  padding: 0 10px;
  font-family: "Poppins", sans-serif;
  
  cursor: pointer;
   padding: 8px 12px 8px 12px;
}

.for button img {
    height: 18px;
}
.categ {
  background-color: #F36D53;
    padding: 80px 20px 60px 20px;
    border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  margin-top: 15px;
}

.categ h1 {
  background-color: #fff;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  padding: 5px 20px 5px 20px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  margin-bottom: 30px;
  font-size: 1.4rem;

  margin-top: -50px; /* sobe */
}

.categ ul{
    color:#ffffff;
     padding: 5px 20px 5px 40px;
 
      
}
.categ ul li {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-size: 1.1rem;
  border-bottom: 1px solid #ccc;
 margin-bottom: 10px;
  transform: scaleY(0.6); /* reduz visualmente a altura da linha */
}


.categorias1 {
  background-color: #F36D53;
  padding: 40px 22px 60px 22px; /* menos padding horizontal */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
  margin-top: 15px;

  text-align: left; /* garante que o texto fique à esquerda */
}

.categorias1 h1 {
  background-color: #fff;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  padding: 5px 28px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  font-size: 1.4rem;

  margin-top: -80px;
  display: inline-block;

  white-space: nowrap; /* NÃO deixa quebrar linha */
}

.categorias1 ul {
  color: #fff;
  /* padding-left: 20px; mais próximo da borda esquerda */
}


.categorias1 ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.categorias1 ul li {
  display: flex;
  align-items: center;
  gap: 5px;
  border-bottom: 1px solid #ccc;
  margin: 15px 0 10px 0;
  /* padding: 8px 0;        controla altura do item */
}

.categorias1 ul li img {
    width: 130px;           /* ajusta conforme necessário */
    height: auto;
    
}

.categorias1 ul li .texto {
    display: flex;
    flex-direction: row;   /* mantém texto e data na mesma linha */
  align-items: center;
 

}





.categorias1 ul li h3 {
  margin: 0;
 font-weight: 500;
font-size: 1rem;
  font-family: "Poppins", sans-serif;
  line-height: 23px;
  font-style: italic; 
   flex-direction: row; 
     white-space: nowrap; /* NÃO deixa quebrar linha */
}

.categorias1 ul li h3 span {
  display: block;       /* faz o span ficar abaixo do h3 */
  font-style: italic;   /* itálico */
  font-weight: 300;
  font-size: 0.9rem;
  color: #fff;
}





.categorias12 {
  background-color: #F36D53;
  padding: 40px 25px 60px 25px; /* menos padding horizontal */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
  margin-top: 15px;
  text-align: left; /* garante que o texto fique à esquerda */
  width: 100%;
}

.categorias12 h1 {
  background-color: #fff;
  font-weight: 450;
  font-family: "Poppins", sans-serif;
  padding: 10px 20px 0 10px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  font-size: 1.3rem;
  margin-top: -80px;
  display: inline-block;
  white-space: nowrap; /* NÃO deixa quebrar linha */
  margin: 0 0 8px 0;
  width: 100%;
}

.categorias12 p {
  color: #fff;
  font-weight: 200;
  font-family: "Poppins", sans-serif;
  font-size: 1.2rem;
  margin: 10px 0 0 0;
  /* padding-left: 20px; mais próximo da borda esquerda */
}


.categorias12 input {
  flex: 1;
  padding: 8px 10px 8px 10px;
  border: none;
  outline: none;
 font-family: "Poppins", sans-serif;
 margin: 10px 0;
 width: 100%;
   font-weight: 300;
}

.categorias12 button {
  font-weight: 300;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #fff;
  color: #000;
  border: none;
  padding: 0 14px;
  font-family: "Poppins", sans-serif;
  
  cursor: pointer;
   padding: 8px 15px 8px 15px;
}




.proximo {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 40px;
}

.pagina {
  width: 42px;
  height: 42px;
  background: #F36D53;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;   /* esfera */
  font-family: "Poppins", sans-serif;
  font-size: 1.2rem;
  cursor: pointer;
  transition: 0.2s;
  font-weight: 300;
}

.pagina:hover {
  transform: scale(1.1);
  background: #e35b42;
    cursor: pointer;
}

.paginasetas{
    background-color: none;
    align-items: center;
    color: #F36D53;
    font-size: 2.2rem;
    margin: 0 4px 0 15px;
}

.paginasetas:hover {
  transform: scale(1.1);
  cursor: pointer;

}