/* ============ FOOTER ============ */
footer{background:#0A1628;color:#fff;padding:72px 0 32px}

.cg-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 32px;
}
.cg-foot-grid{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1.1fr;
    gap:48px;
    margin-bottom:56px;
}

.cg-foot-brand .cg-logo{
    color:#fff;
    margin-bottom:18px;
}

.cg-foot-brand .cg-logo .cg-logo-mark{
    background:#fff;
    color:#0A1628;
}

.cg-foot-brand .cg-logo .cg-logo-mark::after{
    background:#06B6D4;
}

.cg-foot-brand p{
    font-size:14px;
    color:rgba(255,255,255,0.65);
    line-height:1.65;
    margin-bottom:24px;
    max-width:340px;
}

.cg-foot-social{
    display:flex;
    gap:10px;
}

.cg-foot-social a{
    width:38px;
    height:38px;
    border-radius:8px;
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.1);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    color:#fff;
    transition:background .2s;
    text-decoration: none;
}

.cg-foot-social a:hover{
    background:#0040E0;
}

.cg-foot-col h4{
    font-size:11px;
    letter-spacing:0.15em;
    text-transform:uppercase;
    color:rgba(255,255,255,0.5);
    margin-bottom:18px;
    font-weight:700;
}

.cg-foot-col a,
.cg-foot-col .cg-item{
    display:block;
    font-size:14px;
    color:#fff;
    padding:6px 0;
    opacity:0.85;
    transition:opacity .2s,color .2s;
    text-decoration: none;
}

.cg-foot-col a:hover{
    color:#06B6D4;
    opacity:1;
}

.cg-foot-col .cg-item.cg-addr{
    font-size:13px;
    line-height:1.55;
    opacity:0.6;
    cursor:default;
}

.cg-foot-bottom{
    padding-top:28px;
    border-top:1px solid rgba(255,255,255,0.1);
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:13px;
    color:rgba(255,255,255,0.5);
    flex-wrap:wrap;
    gap:16px;
}

.cg-foot-legal{
    display:flex;
    gap:24px;
}

.cg-foot-legal a{
    color:rgba(255,255,255,0.5);
}

.cg-foot-legal a:hover{
    color:#fff;
}


  
  .whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    display: block;
}

.whatsapp-float img {
    width: 60px;
    height: 60px;
    display: block;
    transition: transform 0.3s ease;
}

.whatsapp-float:hover img {
    transform: scale(1.1);
}


  @media (max-width:980px){
.cg-foot-grid{grid-template-columns:repeat(2,1fr)}
  }
  @media (max-width:600px){
.cg-foot-grid{grid-template-columns:1fr}

    .whatsapp-float {
        bottom: 15px;
        right: 15px;
    }

    .whatsapp-float img {
        width: 40px;
        height: 40px;
    }
  }