@layer components{.footer-annexes{color:var(--color-white);margin-top:var(--spacing-2);& ul{justify-content:flex-start;gap:var(--spacing-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}& a{color:var(--color-white);text-underline-offset:4px;text-decoration:underline;&:hover{text-decoration:none}}}.association-item{background-color:var(--color-white);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow);& img{object-fit:contain;width:auto;height:4rem;transition:filter var(--transition-normal)}&:hover img{filter:brightness(.9)}&:focus-visible{outline-color:var(--color-white)}@media (width<=768px){gap:1rem 1.5rem;& img{height:2rem}}}.footer-contact-info{color:var(--color-white);& h2{margin-bottom:1rem}& address{gap:var(--spacing-2);font-style:normal;font-size:var(--font-size-normal-text);flex-direction:column;display:flex}& .phone,& .email{color:var(--color-white);text-underline-position:under;text-decoration:none;&:hover{text-decoration:underline}}@media (width<=768px){& h2{text-align:center;margin-bottom:.5rem}& address{text-align:center}}}.footer-legal-nav{& ul{max-width:var(--container-max-width);grid-template-columns:1fr 1fr 1fr;justify-items:center;gap:.5rem 2rem;margin:0 auto;padding:0 2rem;display:grid}& a{color:var(--color-white);font-size:var(--font-size-normal-text);text-decoration:underline;text-decoration-color:var(--color-white);text-underline-position:under;&:hover{text-decoration:none}&:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}}@media (width<=768px){padding:1rem;& ul{grid-template-columns:1fr;align-items:center;gap:.75rem}& li:after{display:none}}}.footer-opening-hours{color:var(--color-white);& .hours-grid{grid-template-columns:auto 1fr;gap:.25rem 1.5rem;display:grid;& .hours-row{grid-column:1/-1;grid-template-columns:subgrid;display:grid}& dt{text-transform:uppercase;font-size:var(--font-size-normal-text)}& dd{font-size:var(--font-size-normal-text);text-transform:uppercase}}@media (width<=768px){& h2{text-align:center;margin-bottom:.5rem}& .hours-grid{justify-items:center}}}.footer-parents{color:var(--color-white);flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem 2.5rem;display:flex;& a,& span{background-color:var(--color-white);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow)}& img{object-fit:contain;width:auto;height:3rem;transition:filter var(--transition-normal)}& a:hover img,& span:hover img{filter:brightness(.9)}& a:focus-visible{outline-color:var(--color-white)}@media (width<=768px){gap:1rem 1.5rem;& img{height:2rem}}}.footer-social-networks{color:var(--color-white);& h2{margin-bottom:1rem}& .social-icons{gap:1rem;display:flex}& a{border-radius:var(--radius-full);width:48px;height:48px;color:var(--color-primary);transition:background-color var(--transition-normal), transform var(--transition-normal);justify-content:center;align-items:center;display:flex;&:hover{background-color:#fff3;transform:scale(1.05)}&:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}}@media (width<=768px){& h2{text-align:center;margin-bottom:.5rem}}}.pp-ad{background-color:var(--color-primary);border-top:2px solid var(--color-secondary);color:var(--text-color-over-primary);font-size:var(--font-size-normal-text);flex-wrap:wrap;justify-content:space-between;padding:1.25rem 3rem;display:flex;& .link{align-items:center;gap:.5rem;display:flex;& .pp-logo{aspect-ratio:266/327;height:40px}& a{color:inherit;text-underline-offset:4px;text-decoration:underline;&:hover{text-decoration:none}&:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}}}& .copyright{align-items:center;gap:.5rem;display:flex;&>*{white-space:nowrap}}@media (width<=768px){text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1rem;& .link,& .copyright{flex-wrap:wrap;justify-content:center}}}}@layer theme{.primary-footer .footer-annexes ul{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);justify-content:center}.primary-footer .footer-contact-info{text-align:right;& h2{font-size:var(--font-size-h3)}}.primary-footer .footer-opening-hours{text-align:left;& h2{font-size:var(--font-size-h3)}}}