/* Importa a fonte Poppins do Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* Estilo padrão do corpo do documento */
body {
    font-family: 'Poppins', sans-serif; /* Define Poppins como a fonte principal */
    background-color: #f8fafc; /* Cor de fundo suave */
}

/* Gradiente personalizado para elementos Calper (cabeçalho, rodapé) */
.calper-gradient {
    background: linear-gradient(135deg, #A82833 0%, #A82833 100%); /* Gradiente de vermelho escuro a vermelho claro */
}

/* Efeito de hover para os cartões de notícias */
.news-card:hover {
    transform: translateY(-5px); /* Move o cartão ligeiramente para cima no hover */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); /* Adiciona uma sombra maior no hover */
}

/* Animação de pulso para o botão de feedback flutuante */
.pulse {
    animation: pulse 2s infinite; /* Aplica a animação 'pulse' com duração de 2s e infinita repetição */
}

/* Definição da animação 'pulse' (aumenta e diminui o tamanho do elemento) */
@keyframes pulse {
    0% { transform: scale(1); } /* Estado inicial: tamanho normal */
    50% { transform: scale(1.05); } /* Meio da animação: aumenta 5% */
    100% { transform: scale(1); } /* Final: retorna ao tamanho normal */
}

/* Estilo para o efeito de destaque em elementos de texto */
.highlight {
    position: relative; /* Necessário para posicionar o pseudo-elemento */
    z-index: 1; /* Garante que o texto esteja acima do destaque */
}

/* Pseudo-elemento para o efeito de sublinhado/destaque */
.highlight::after {
    content: ''; /* Conteúdo vazio para o pseudo-elemento */
    position: absolute; /* Posicionamento absoluto em relação ao pai com position: relative */
    bottom: 0; /* Alinha na parte inferior */
    left: 0; /* Alinha na esquerda */
    width: 100%; /* Largura total do elemento pai */
    height: 30%; /* Altura inicial do destaque */
    background-color: rgba(204, 0, 0, 0.2); /* Cor do destaque com transparência (vermelho) */
    z-index: -1; /* Coloca o destaque atrás do texto */
    transition: all 0.3s ease; /* Transição suave para todas as propriedades em 0.3s */
}

/* Efeito de hover para o destaque: aumenta a altura */
.highlight:hover::after {
    height: 100%; /* Aumenta a altura do destaque para cobrir todo o texto */
}


/* Adicione esta regra ao seu arquivo de estilos */
.bg-calper-red {
    background-color: #A82833;
}

.hover\:bg-calper-red-dark:hover {
    background-color: #8c222c; /* Uma versão um pouco mais escura para o hover */
}


.timeline-container.left .timeline-content {
    margin-left: 180px; /* Margem texto do empreendimento */
    
}

.timeline-container.left .timeline-content h3 {
    margin-left: 220px; /* Margem número empreendimento */
}


 ul.atribuicoes {
        list-style-type: disc;     /* bolinha padrão */
        padding-left: 20px;        /* espaço à esquerda */
    }

    ul.atribuicoes li {
        line-height: 1.8;          /* espaçamento entre linhas */
        margin-bottom: 6px;        /* espaçamento entre itens */
    }



  /* Efeito Página Serviços */

    @keyframes fade-in {
  from { opacity: 0; transform: scale(0.95); }
  to { opacity: 1; transform: scale(1); }
}

.animate-fade-in {
  animation: fade-in 0.25s ease-out;
}

  /* Efeito Página Serviços */