/* Reseta algumas configurações padrões do navegador */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Estilo geral do corpo */
body {
    font-family: 'Arial', sans-serif;
    line-height: 1.6;
    background-color: #fff;
}

/* Container geral */
.container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 15px;
}



/* Header */
header {
    background-color: #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* Navbar */
.navbar {
    background-color: #fff;
    padding: 10px 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.navbar .navbar-brand img {
    width: 150px;
}

.navbar .navbar-nav .nav-link {
    color: #333;
    font-weight: bold;
    margin-right: 20px;
}

.navbar .navbar-nav .nav-link:hover {
    color: #ffa500;
}

/* Botões da navbar */
.navbar .navbar-btn {
    font-size: 14px;
    font-weight: bold;
    padding: 8px 15px;
}

.navbar .navbar-btn:hover {
    background-color: #ffa500;
    color: #fff;
}


/* Carrossel ***********************/

/* Estilo geral do carrossel */
.carousel {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

/* Estilo da área interna do carrossel */
.carousel-inner {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

/* Estilo de cada item do carrossel */
.carousel-item {
    min-width: 100%;
    height: 100%; /* Altura fixa para os itens do carrossel */
    flex-shrink: 0;
    overflow: hidden; /* Garante que não apareçam partes cortadas das imagens */
}

.carousel-item img {
    width: 100%;
    height:100%;
    object-fit: cover; /* A imagem cobre o contêiner sem distorcer, mas pode ser cortada */
}

/* Estilo das setas */
.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 50%; /* Centralizando verticalmente */
    transform: translateY(-50%); /* Ajuste de transformação para centralizar exatamente */
    background: none; /* Remove o fundo */
    border: none; /* Remove a borda */
    padding: 10px;
    cursor: pointer;
    font-size: 25px; /* Definindo o tamanho das setas para 25px */
    color: blue; /* Cor azul das setas */
    z-index: 100;
    transition: none; /* Remover transição de cor */
}

.carousel-control-prev {
    left: 10px;
}

.carousel-control-next {
    right: 10px;
}

/* Estilo da seta */
.arrow {
    font-size: 50px; /* Definindo o tamanho das setas para 50px */
    color: blue; /* Cor azul para as setas */
}

/* Estilo para mobile (opcional) */
@media (max-width: 600px) {
    .carousel-item {
        height: 400px; /* Ajuste para telas menores, se necessário */
    }
}

/* Fim Carrossel *******************/





/* Cards de Nossos serviços***********************************************************

/* Estilo para os cards de serviços */
.card card nserviços{
    border: 1px solid #ccc; /* Borda sólida com cor cinza */
    border-radius: 8px; /* Borda arredondada */
    transition: transform 0.2s ease-in-out; /* Efeito de transição suave */
    width: 100%; /* Garante que os cards ocupem toda a largura da coluna */
    max-width: calc(100% - 20px); /* Limita a largura máxima dos cards com um espaçamento interno de 20px */

}

.card nserviços:hover {
    transform: translateY(-5px); /* Efeito de levantamento ao passar o mouse */
}

.card nserviços-img-top {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.card nserviços-body {
    padding: 1.5rem; /* Espaçamento interno */
}

.card nserviços-title {
    font-size: 1.25rem;
    font-weight: bold;
}

.card nserviços-text {
    color: #555;
}

/* Personalização da classe nserviços */
.nserviços {
    background-color: #f9f9f9; /* Cor de fundo */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Sombra suave */
    margin-bottom: 20px; /* Espaçamento inferior */
}
/* Fim card de nossos serviços***************************************************






/* Área de conteúdo */


.content-area {
    margin-bottom: 50px;
}

/* Cards de Imóveis */
h4 .imóveis {
    color: #FF9900; /* Cor vermelha para 'COMÉRCIO/' */
 

}
/* Cards de Automoveis */
h4 .Automóveis {
    color: #9e07d5; /* Cor vermelha para 'COMÉRCIO/' */
 

}




/* Nossos Serviços********************************************************/

h3 .nossosserviços {
    color: #000099; /* Cor azul para 'quem somos/' */
}
/* Estilo para o botão "Leia Mais" customizado */
.btn1 {
    color: #fff; /* Cor do texto */
    background-color: #dc3545; /* Cor de fundo vermelho */
    border: 2px solid #dc3545; /* Borda vermelha */
    border-radius: 20px; /* Borda arredondada */
    padding: 8px 16px; /* Espaçamento interno */
    transition: background-color 0.3s, border-color 0.3s, color 0.3s; /* Transição suave */
}

.btn1:hover {
    background-color: #800000; /* Cor de fundo vermelho mais escura ao passar o mouse */
    border-color: #800000; /* Borda vermelha mais escura ao passar o mouse */
    color: #fff; /* Cor do texto branco ao passar o mouse */
}

/* Estilo para o botãocad2 "Leia Mais" customizado */
.btn2 {
    color: #fff; /* Cor do texto */
    background-color: #008000; /* Cor de fundo verde */
    border: 2px solid #008000; /* Borda verde */
    border-radius: 20px; /* Borda arredondada */
    padding: 8px 16px; /* Espaçamento interno */
    transition: background-color 0.3s, border-color 0.3s, color 0.3s; /* Transição suave */
}

.btn2:hover {
    background-color: #006000; /* Cor de fundo verde mais escura ao passar o mouse */
    border-color: #006000; /* Borda verde mais escura ao passar o mouse */
    color: #fff; /* Cor do texto branco ao passar o mouse */
}
    


/* Estilo para o botãocad2 "Leia Mais" customizado */
.btn3 {
    color: #fff; /* Cor do texto */
    background-color: #FF9900; /* Cor de fundo amarelo */
    border: 2px solid #FF9900; /* Borda amarelo */
    border-radius: 20px; /* Borda arredondada */
    padding: 8px 16px; /* Espaçamento interno */
    transition: background-color 0.3s, border-color 0.3s, color 0.3s; /* Transição suave */
}

.btn3:hover {
    background-color: #DD9900; /* Cor de fundo verde mais escura ao passar o mouse */
    border-color: #DD9900; /* Borda verde mais escura ao passar o mouse */
    color: #fff; /* Cor do texto branco ao passar o mouse */
}



/* Estilo para o botãocad2 "Leia Mais" customizado */
.btn4 {
    color: #fff; /* Cor do texto */
    background-color: #800080; /* Cor de fundo amarelo */
    border: 2px solid #800080; /* Borda amarelo */
    border-radius: 20px; /* Borda arredondada */
    padding: 8px 16px; /* Espaçamento interno */
    transition: background-color 0.3s, border-color 0.3s, color 0.3s; /* Transição suave */
}

.btn4:hover {
    background-color: #8000DD; /* Cor de fundo verde mais escura ao passar o mouse */
    border-color: #8000DD; /* Borda verde mais escura ao passar o mouse */
    color: #fff; /* Cor do texto branco ao passar o mouse */
}


/* Fim Nossos Serviços*******************************************************/










/* CORE DOS TITULO DO CARD ****************************/
h4 .comercio {
    color: #FF0000; /* Cor vermelha para 'COMÉRCIO/' */
}

h4 .serviços {
    color: #0080FF; /* Cor verde para 'SERVIÇOS' */
}


/* ETIQUETA DOS CARD **********************************/

.card {
    position: relative; /* Necessário para posicionamento absoluto da etiqueta */

}

.card .badge {
    position: absolute;  /* Garante que a etiqueta fique posicionada sobre o card */
    top: 6px;           /* Ajusta a posição da etiqueta no topo */
    left: 6px;          /* Ajusta a posição da etiqueta à esquerda */
    z-index: 1;          /* Garante que a etiqueta fique sobre o conteúdo do card */
    padding: 0.3rem 0.5rem; /* Tamanho da etiqueta */
    font-size: 1rem;      /* Tamanho da fonte da etiqueta */
    font-weight: bold;    /* Deixa a fonte em negrito */
    border-radius: 50px;  /* Torna a etiqueta arredondada */
}

/* ETIQUETA IMOVEIS **********************************/
.card .badge.imoveis {
    background-color: #FF8C00 !important; /* Cor para imóveis */
}

/* FIM ETIQUETA IMOVEIS **********************************/



/*  ETIQUETA AUTOMOVEIS ************************/
.card .badge.Automóveis {
 background-color: #9e07d5 !important; /* Cor para automoveis */

}
/* FIM ETIQUETA AUTOMOVEIS **********************************/



.card .badge.serviços {
    background-color: #00BFFF !important; /* Cor para serviços */
    color: #fff !important; /* Cor do texto */
}

.card .badge:hover {
    background-color: #FF8C00;  /* Cor ao passar o mouse */
    cursor: pointer;            /* Cursor de mão */
}

/* Cards de Imóveis */
.card-imoveis {
   border-radius: 1px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    margin-bottom: 25px;
    transition: transform 0.3s ease-in-out;
    overflow: hidden;
}

.card-imoveis:hover {
    transform: translateY(-5px);
}

.card-imoveis img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border: none;
}

.card-imoveis-maior {
    width: 100%;
    margin-bottom: 20px;
    height: 300px;
}

.card-imoveis-menor {
    width: 100%;
    margin-bottom: 20px;



}

.card-imoveis .card-body {
    padding: 15px;
}

.card-imoveis .card-body h5 {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-bottom: 15px;
}

.card-imoveis .card-body p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .card-imoveis {
        margin-bottom: 20px;
    }

    .card-imoveis .card-body h5 {
        font-size: 16px;
    }

    .card-imoveis .card-body p {
        font-size: 13px;
    }
}



/* Animação do card imoveis///////////////////////////// */

.card {
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease-in-out;
}

.card:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); /* Aumenta a sombra ao passar o mouse */
}

.card img {
    transition: transform 0.3s ease-in-out;
    border: none; /* Remove qualquer borda ao redor das imagens */
    outline: none; /* Remove qualquer contorno ao redor das imagens */

}

.card:hover img {
    transform: scale(1.05); /* Efeito de zoom ao passar o mouse */
}


/* Fim Animação do card imoveis/////////////////// */





/* CONFIG CARD 3 ********************************/

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #fff; /* Azul claro como background */
}

/* Estilo da Navbar */
.navbar {
    position: relative;
    color: black; /* Texto do menu em preto */
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; /* Alinha os itens do menu à esquerda */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Sombra suave */
    background: none; /* Removido o fundo */
}

.top-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px; /* Altura da faixa azul */
    background-color: #4e8cff; /* Cor da faixa azul */
}

#titulo {
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 1.1rem; /* Tamanho do título */
    color: #022c64; /* Cor do texto do título */
}

nav {
    flex: 1; /* Ocupa o espaço restante na navbar */
    text-align: right; /* Alinha o conteúdo para a direita */
    padding-right: 20px; /* Adiciona um espaço de 20px à direita */
 


}

nav ul {
    list-style-type: none;
    display: inline-flex; /* Exibe os itens do menu em linha */
    margin: 0;
    padding: 0;
    justify-content: center; /* Centraliza os itens do menu horizontalmente */
}

nav ul li {
    margin-right: 20px; /* Espaçamento entre os itens do menu */
    position: relative; /* Posição relativa para os dropdowns */
}

nav ul li:last-child {
    margin-right: 0; /* Remove o espaçamento do último item */
}

nav ul li a {
   font-family: Arial, sans-serif;
    text-decoration: none;
    color: #595959; /* Cor do texto dos menus em preto */
    font-weight: bold;
    font-size: 13px; /* Tamanho do texto do menu */
    transition: color 0.3s ease; /* Transição suave de cor */
}

nav ul li a:hover {
    color: #4e8cff; /* Cor de fundo quando hover (azul claro) */
}
/* Dropdown Menu */
.dropdown {
    position: relative;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff; /* Cor de fundo do dropdown */
    left: -40px; /* Ajuste o valor negativo para posicionar mais para a esquerda */
    z-index: 1;
}

.dropdown-content a {
    color: #636363; /* Cor do texto dos itens do dropdown em azul */
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    transition: background-color 0.3s ease; /* Transição suave de cor de fundo */

}

.dropdown-content a:hover {
    background-color: #fff; /* Cor de fundo quando hover no dropdown */
}

.dropdown:hover .dropdown-content {
    display: block;
}

/* Estilo para menu ativo */
.nav-active {
    color: red; /* Cor do texto quando o menu está ativo (vermelho) */
}
/* Estilo dos Cards */
.two-column-container {
    display: flex;
    flex-wrap: wrap; /* Permitir que os itens quebrem para a próxima linha */
    gap: 20px;
    margin: 0; /* Remover margem padrão */
}

.column {
    flex: 1;
}

.big-column {
    flex: 1; /* Ajuste para tornar a coluna do card maior igual em largura */
    padding: 0 0px;
    max-width: calc(50% - 10px); /* Largura máxima de 50% da largura total menos o espaçamento */
    margin: 0; /* Remover margem padrão */
}

.small-column {
    flex: 1; /* Aumentar a largura da coluna dos cards menores */
    padding: 0 1px;
    margin-right: 10px; /* Espaçamento entre os cards menores */
    max-width: calc(50% - 5px); /* Largura máxima de 50% da largura total menos o espaçamento */
    margin: 0; /* Remover margem padrão */
}

.small-card {
    background-color: #fff;
    border-radius: 0px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    overflow: hidden;
    margin-bottom: 10px; /* Espaçamento inferior entre os cards menores */
}

.small-card img {
    width: 100%;
    height: auto;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-top: 10px; /* Espaçamento superior */
    margin-bottom: 10px; /* Espaçamento inferior */
}

.card-content {
    padding: 15px;
    text-align: left;
}

.card-content h2 {
    margin-top: 0;
    font-size: 1.5rem;
}

.card-content p {
    margin-bottom: 0;
    line-height: 1.4;
}

/* Media Query para telas menores */
@media screen and (max-width: 768px) {
    .two-column-container {
        flex-direction: column; /* Colunas empilhadas em telas menores */
    }

    .big-column, .small-column {
        flex: auto; /* Colunas automáticas para ocupar todo o espaço disponível */
        margin-right: 0; /* Remove o espaçamento direito entre as colunas */
        max-width: 100%; /* Largura máxima igual a 100% em telas menores */
        padding: 0; /* Remover padding */
        margin: 0; /* Remover margem padrão */
    }

    .small-card {
        margin-bottom: 15px; /* Espaçamento inferior reduzido para cards menores */
    }
}



/*  CARD3 MAIOR *************************/


.two-column-container {
    display: flex;
    gap: 20px;
}

.column {
    flex: 1;
}

.big-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.big-card img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.small-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.small-card img {
    width: 100px; /* Defina o tamanho adequado para suas imagens pequenas */
    height: auto;
    border-radius: 5px;
}

.card-content {
    flex: 2;
    padding: 1px;
    background-color: #FFF;
    border: 1px solid #FFF;
    border-radius: 5px;
}

.card-content h3 {
    margin-top: 0;
}

.card-content p {
    margin-bottom: 0;
}


/* FIM CONFIG CARD 3 *************************/




/* CARD DUAS COLUNAS 4 *************************/
/* Estilos gerais */
.container {
  margin-top:5px;
}

/* Cards */
.card {
  border: none;
  border-radius: 0px;
  /* Remover qualquer sombra */
}

.card img {
  border-radius: 0px 0px 0 0;
}

hr {
  border-top: 4px solid #9e07d5;
  margin-bottom: 20px;
  margin-top: 0;
}

h4 span.escolacursos {
  font-weight: bold;
  color: #04B4AE;
   padding: 5px;
}

.title1 {
  font-weight: bold;
  color: #fff;
   padding: 5px;
}

h4 span.turismolazer {
  font-weight: bold;
  color: #FF0080;
 padding:0px;

}

.title2 {
  font-weight: bold;
  color: #fff;
   padding: 5px;
}




h4 {
  font-size: 24px;
  color: #333;
  margin-bottom: 10px;
}


p {
  font-size: 14px;
  color: #666;
}

/* Card Maior */
.card-img-top {
  border-radius: 0px 0px 0 0;
  max-height: 250px;
  object-fit: cover;
}

/* Remover fundo cinza no card maior */
.card-img-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: none; /* Remover fundo */
  padding: 0; /* Remover padding */
}

.card-img-overlay .card-title {
  font-size: 18px;
  color: white;
  font-weight: bold;
}

/* Cards Menores */
.card-body {
  padding: 15px;
}

.card-body .card-title {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

.card-body .card-text {
  font-size: 14px;
  color: #666;
}

.row.no-gutters {
  margin-left: 0;
  margin-right: 0;
}

.row.no-gutters .col-md-4 {
  padding-right: 0;
}

.row.no-gutters .col-md-8 {
  padding-left: 0;
}

/* Responsividade */
@media (max-width: 768px) {
  .col-md-6 {
    margin-bottom: 20px;
  }
}
/* FIM CARD DUAS COLUNAS 4 *************************/






/* CARD 5 **************************************************************/

.card-container5 {
  display: flex;
  gap: 20px; /* Espaçamento entre os cards */
  padding: 20px;
}

.card5 {
  width: 300px; /* Largura fixa do card */
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden; /* Garante que a imagem e outros elementos fiquem dentro das bordas */
}

/* Borda inferior para o primeiro card (roxo) */
.card5:nth-child(1) {
  border-bottom: 4px solid #A020F0;
}

/* Borda inferior para o segundo card (amarelo) */
.card5:nth-child(2) {
  border-bottom: 4px solid #FFDA63;
}

/* Borda inferior para o terceiro card (rosa) */
.card5:nth-child(3) {
  border-bottom: 4px solid #F781BE;
}

.card-header {
  position: relative; /* Para posicionar o texto sobre a imagem */
  color: white;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  background-color: #A020F0; /* Cor roxa predominante (para o primeiro card) */
}

/* Estilo específico para o cabeçalho do segundo card (amarelo) */
.card5:nth-child(2) .card-header {
  background-color: #FFDA63;
}

/* Estilo específico para o cabeçalho do terceiro card (rosa) */
.card5:nth-child(3) .card-header {
  background-color: #F781BE;
}

.summer-stay {
  font-size: 14px;
  margin-bottom: 5px;
}

.price {
  font-size: 16px;
  font-weight: bold;
}

.card-header img {
  width: 100%;
  display: block; /* Remove espaço extra abaixo da imagem */
  height: auto; /* Mantém a proporção da imagem */
}

.card-body5 {
  padding: 15px;
  text-align: center;
}

.hotel-name {
  font-size: 18px;
  margin-bottom: 10px;
  color: #333;
}

.description {
  font-size: 14px;
  color: #666;
  margin-bottom: 15px;
}

.hotel-logo {
  margin-bottom: 15px;
}

.hotel-logo img {
  max-width: 150px;
  height: auto;
}

.buy-now button {
  background-color: #8BC34A; /* Cor verde do botão */
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s ease;
}

.buy-now button:hover {
  background-color: #689F38;
}


/* FIM CARD 5 *************************/












/* Sidebar */
.sidebar {
    background-color: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-top: 30px;
    position: relative;
    border-radius: 12px;
    width: 100%; /* Diminuindo a largura do sidebar para 25% */
    margin-left: 8px; /* Aumentando a margem esquerda para afastar do conteúdo */
    margin-right: 40px; /* Aumentando a margem direita para afastar do conteúdo */
}



.sidebar .widget-publicidade,
.sidebar .widget-anunciantes {
    margin-bottom: 25px;
}

.sidebar .widget-publicidade h4,
.sidebar .widget-anunciantes h4 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #333;
    font-weight: bold;
}

.sidebar .widget-publicidade p,
.sidebar .widget-anunciantes p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

.sidebar .card {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    border-radius: 10px;
}

.sidebar .card img {
    width: 100%;
    height: auto;
    border-radius: 10px 10px 0 0;
}

.sidebar .card-body {
    padding: 15px;
}

.sidebar .card-body h5 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.sidebar .card-body p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

.col-lg-4 {
    width: 25%; /* Largura do sidebar */
}

.col-lg-8 {
    width: 75%; /* Largura do conteúdo */
}
-
/* Estilo do Footer */
footer {
    background-color: #333;
    color: white;
    padding: 30px 0;
    text-align: center;
    box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.1);
}

footer a {
    color: white;
    margin: 0 10px;
    text-decoration: none;
}

footer a:hover {
    color: #ffa500;
}

/* Responsividade */
@media (max-width: 1200px) {
    .col-lg-4 {
        width: 30%;
    }

    .col-lg-8 {
        width: 70%;
    }
}

@media (max-width: 768px) {
    .col-lg-4 {
        width: 100%;
        margin-top: 20px;
    }

    .col-lg-8 {
        width: 100%;
    }

    footer {
        padding: 20px;
    }
}