.footer{width:100%;background-color:var(--color-black);padding:1rem;box-sizing:border-box;text-align:center;margin-top:2rem}.footer__content{max-width:1200px;margin:0 auto;transition:max-height .3s ease;overflow:hidden}.footer__content--expanded{max-height:800px;padding:1rem}.footer__logo{max-width:150px;margin:0 auto 1rem}.footer__logo img{padding:1rem}.footer__separator{border:0;border-top:1px solid var(--color-gray-light);margin:1rem 0}.footer__links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1rem}.footer__link{text-decoration:none;color:var(--color-white);font-weight:400;padding:.5rem;cursor:pointer;transition:color .3s ease}.footer__link:hover{color:var(--color-primary)}.footer-section{flex-direction:column}.footer-section,.footer-section__header{display:flex;align-items:center;justify-content:center}.footer-section__header{width:100%;margin-bottom:1rem;position:relative}.footer-section__title{margin:0;text-align:center;flex-grow:1;color:var(--color-white);font-size:1.2rem}.footer-section__close{background:none;border:none;font-size:1.5rem;cursor:pointer;position:absolute;right:0;top:50%;transform:translateY(-50%);color:var(--color-white);transition:color .3s ease}.footer-section__close:hover{color:var(--color-primary)}.footer-section__separator{border:0;border-top:1px solid var(--color-gray-light);width:100%;margin:1rem 0}.footer-section__links{display:flex;flex-direction:column;align-items:center;gap:.5rem}.footer-section__link{text-decoration:none;color:var(--color-white);font-weight:400;font-size:1rem;transition:color .3s ease}.footer-section__link:hover{color:var(--color-primary)}.footer__bottom{display:flex;align-items:center;justify-content:center;margin-top:1rem}.footer__copyright{margin:0;color:var(--color-white);font-size:.9rem}@media (min-width:768px){.footer{padding:1.5rem}.footer__logo{max-width:180px}.footer-section__title{font-size:1.4rem}.footer-section__link{font-size:1.1rem}.footer__copyright{font-size:1rem}}@media (min-width:1024px){.footer{padding:2rem}.footer__logo{max-width:200px}.footer__links{gap:2rem}.footer-section__title{font-size:1.6rem}}