/* -------------------------
  Footer
------------------------- */
#site-footer {background-color:var(--clr-primary-700); color:var(--clr-neutral-100); padding-top:40px; padding-bottom:50px; font-size:0.875rem; border-top:3px solid var(--clr-neutral-100);}
#site-footer .row:last-child {margin-top:35px;}
#site-footer a {color:var(--clr-neutral-100);}
#site-footer a:hover {color:var(--clr-primary-400);}
#site-footer ul {list-style:none; margin-left:0;}
#site-footer .footer-about a {display:block; max-width:112px;}
#site-footer .footer-about p {max-width:320px;}
#site-footer .footer-services ul li {margin-bottom:0.5rem;}
#site-footer .footer-contact-details {font-weight:var(--fw-semibold);}

@media (min-width:576px) {
    #site-footer .row:last-child {margin-top:70px;}
}

@media (min-width:992px) {
    #site-footer .footer-about p {max-width:218px;}
    #site-footer .footer-services {margin-top:2rem;}
    #site-footer .footer-services {transform:translateX(-20px);}
    #site-footer .footer-contact-details {margin-top:2rem;}
    #site-footer .footer-services {transform: translateX(-20px);}
}

.social-network ul {display:flex; column-gap:2rem; list-style:none; margin:0;}
.social-network ul svg {width:100%;}
.social-network ul svg path {fill:var(--clr-neutral-100); transition:fill .3s ease-out;}
.social-network ul a {display:block; width:22px;}
.social-network ul a:hover svg path {fill:var(--clr-primary-400);}

#site-footer ul.footer-policies {display:flex;}
#site-footer ul.footer-policies li + li::before {
    content: "|";
    margin: 0 0.5rem;
    color: var(--clr-primary-400);
}

#site-footer .social-network ul {margin:0 0 1.5rem 0;}
#site-footer .copyright {font-size:0.75rem;}
.icon a,
.icon {position:relative; padding-left:30px;}
.icon:has(a) {padding-left:0;}
.icon::before,
.icon a::before {content:''; position:absolute; top:0; left:0; width:18px; height:18px; background-repeat:no-repeat; background-position: 50% 50%; background-size:contain;}
.icon:has(a)::before {display:none;}
.icon-phone a::before {background-image:url(/images/icon-phone.svg);}
.icon-email a::before {background-image:url(/images/icon-email.svg);}
.icon-whatsapp a::before {background-image:url(/images/icon-whatsapp.svg);}
.icon-address::before {background-image:url(/images/icon-marker.svg);}