.site-footer{background:#030712;color:#94A3B8;padding:60px 0 0 0;font-family:sans-serif;border-top:1px solid rgba(255,255,255,0.05)}.footer-container{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;padding:0 5% 40px 5%}.footer-col h3{color:#fff;font-size:24px;margin:0 0 15px 0;font-family:'Oswald',sans-serif}.footer-col h3 span{color:#E11D48}.footer-col p{line-height:1.6;font-size:14px}.footer-col h4{color:#fff;font-size:16px;margin:0 0 20px 0;text-transform:uppercase}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col ul li{margin-bottom:12px}.footer-col ul a{color:#94A3B8;text-decoration:none;transition:0.3s;font-size:14px}.footer-col ul a:hover{color:#E11D48;padding-left:5px}.social-icons{display:flex;gap:10px}.social-icons a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255,255,255,0.05);border-radius:50%;color:#fff;transition:0.3s}.social-icons a:hover{background:#E11D48;transform:translateY(-3px)}.social-icons svg{width:18px;height:18px}.footer-bottom{border-top:1px solid rgba(255,255,255,0.05);padding:20px 5%;display:flex;justify-content:space-between;align-items:center;font-size:14px}.footer-bottom a{color:#E11D48;text-decoration:none;font-weight:bold}@media(max-width:1024px){.footer-container{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.footer-container{grid-template-columns:1fr;text-align:center}.footer-col h3{justify-content:center}.social-icons{justify-content:center}.footer-bottom{flex-direction:column;gap:10px;text-align:center}}
.floating-wa {
position: fixed;
bottom: 30px;
right: 30px;
background-color: #E11D48;
color: #ffffff;
display: flex;
align-items: center;
gap: 10px;
padding: 12px 24px;
border-radius: 50px;
text-decoration: none;
font-family: 'Oswald', sans-serif;
font-weight: 600;
font-size: 16px;
letter-spacing: 1px;
box-shadow: 0 4px 15px rgba(225, 29, 72, 0.4);
z-index: 2147483647;
transition: all 0.3s ease;
}
.floating-wa:hover {
background-color: #BE123C;
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(225, 29, 72, 0.6);
color: #ffffff;
}
.floating-wa svg {
width: 24px;
height: 24px;
}
@media (max-width: 768px) {
.floating-wa {
bottom: 20px;
right: 20px;
padding: 10px 20px;
font-size: 14px;
}
.floating-wa svg {
width: 20px;
height: 20px;
}
}