@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
:root {
    --cor-tema-1: #026129;
    --cor-tema-1-hover: #004a20;
    --cor-tema-2:  #ffeb0d;
    --cor-tema-2-hover: #d79f21;
    --cor-tema-3: #ffeb0d;
    --cor-tema-3-hover: #d79f21;
    --cor-escura: #01160a;
    
    /* //Personalizando as Cores do Boostrap
    --bs-primary: #0d0059;
    --bs-primary-rgb: 13, 0, 89;
    --bs-info: #1b95c2;
    --bs-info-rgb: 27, 149, 194;
    --bs-warning: #ffee0e;
    --bs-warning-rgb: 238, 225, 13;
    */
}
body { font-family: 'Poppins', sans-serif; color: #333; background: var(--cinza-claro); scroll-behavior: smooth; }
button, a {transition: all 0.3s linear 0s !important; text-decoration: none;}
button:hover, a:hover {transform: scale(1.05);}
i { transition: all 0.8s ease; }
i:hover { transform: scale(1.2); }
.bg-tema-1{
    background-color: var(--cor-tema-1);
}
.text-tema-1{
    color: var(--cor-tema-1);
}
.btn-tema-1 {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--cor-tema-1);
    --bs-btn-border-color: var(--cor-tema-1);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--cor-tema-1-hover);
    --bs-btn-hover-border-color: var(--cor-tema-1-hover);
}
.bg-tema-2{
    background-color: var(--cor-tema-2);
}
.text-tema-2{
    color: var(--cor-tema-2);
}
.btn-tema-2 {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--cor-tema-2);
    --bs-btn-border-color: var(--cor-tema-2);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--cor-tema-2-hover);
    --bs-btn-hover-border-color: var(--cor-tema-2-hover);
}
.bg-tema-3{
    background-color: var(--cor-tema-3);
}
.text-tema-3{
    color: var(--cor-tema-3);
}
.btn-tema-3 {
    --bs-btn-color: #000;
    --bs-btn-bg: var(--cor-tema-3);
    --bs-btn-border-color: var(--cor-tema-3);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--cor-tema-3-hover);
    --bs-btn-hover-border-color: var(--cor-tema-3-hover);
}
.bg-cor-escura{
    background-color: var(--cor-escura);
}

.btn-whatsapp a {
    color:#fff; 
    text-decoration:none; 
    display:block; 
}
.btn-whatsapp {
    position:fixed;
    right: 20px; 
    bottom: 20px;
    background-color:rgb(37, 211, 102);
    width:60px; 
    height:60px; 
    text-align:center; 
    line-height:58px; 
    font-size:1.8em; 
    color:#ffffff;  
    font-weight:100; 
    border-radius:50%;
    z-index: 111111;
}
.btn-whatsapp:before, .btn-whatsapp:after{
    content: '';
    display:block;
    position: absolute;
    border-radius:50%;
    border:1px solid #25d366;
    left: -20px;
    right: -20px;
    bottom: -20px;
    top: -20px;
    animation: animate 1.5s linear infinite;
    opacity:0;
    backface-visibility:hidden;    
}
.pulsaDelay:after { animation-delay: .5s; }
@keyframes animate {
    0%   { transform: scale(0.5); opacity:0; }
    50%  { opacity:1; }
    100% { transform: scale(1.2); opacity:0; }
}


.servicos {
    transition: all 0.3s ease;
}
.servicos:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 32px rgba(0,0,0,0.1);
}
.project-item {
    transition: 0.4s ease;
}
.project-overlay {
    background: rgba(0,0,0,0.7);
    opacity: 0;
    transition: 0.4s ease;
}
.project-item:hover .project-overlay {
    opacity: 1;
}
.project-item img {
    height: 320px;
    width: 100%;
    object-fit: cover;
    object-position: top;
}