@import url('admin.css');
@import url('client-portal.css');
@import url('testimonials.css');

/* Rodapé público compartilhado por todas as páginas. */
footer,
.web-home > footer {
    padding: 54px 6vw 24px;
    border: 0;
    background: #061b46;
    color: #fff;
}

footer .footer-grid,
.web-home footer .footer-grid {
    display: grid;
    max-width: 1320px;
    margin: 0 auto;
    grid-template-columns: 1.4fr .85fr 1.15fr 1fr;
    gap: clamp(32px, 4vw, 64px);
    align-items: start;
}

footer .logo,
.web-home footer .logo { margin-bottom: 22px; }

footer .logo-mark,
.web-home footer .logo-mark {
    width: 108px;
    height: 108px;
    flex: none;
    border: 0;
    border-radius: 14px;
    background: #fff url('../images/logo.jpeg') center / contain no-repeat;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .18);
    transform: none;
}

footer .logo-mark i,
footer .logo > span:last-child,
.web-home footer .logo > span:last-child { display: none; }

footer h4,
.web-home footer h4 {
    margin: 8px 0 22px;
    color: #fff;
    font-size: 17px;
    letter-spacing: -.01em;
}

footer .footer-grid p,
footer .footer-grid a,
footer .copyright,
footer .logo.light small,
.web-home footer .footer-grid p,
.web-home footer .footer-grid a,
.web-home footer .copyright,
.web-home footer .logo.light small {
    color: #c9d5e8;
}

footer .footer-grid p,
.web-home footer .footer-grid p {
    margin: 0 0 13px;
    font-size: 14px;
    line-height: 1.7;
}

footer .footer-grid > div:first-child p { max-width: 390px; }

footer .footer-grid a,
.web-home footer .footer-grid a {
    width: fit-content;
    margin: 12px 0;
    font-size: 14px;
    line-height: 1.5;
    transition: color .2s ease;
}

footer .footer-grid p a,
.web-home footer .footer-grid p a {
    display: inline;
    margin: 0;
}

footer .footer-grid a:hover,
footer .footer-grid a:focus-visible,
.web-home footer .footer-grid a:hover,
.web-home footer .footer-grid a:focus-visible {
    color: #fff;
    text-decoration: none;
}

footer .contact-lines i,
footer .footer-grid p i { width: 20px; color: #67b8ff; }

footer .socials,
.web-home footer .socials { gap: 12px; }

footer .socials a,
.web-home footer .socials a {
    display: grid;
    width: 40px;
    height: 40px;
    margin: 0;
    place-items: center;
    border: 1px solid #60779d;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
}

footer .socials a:hover,
footer .socials a:focus-visible,
.web-home footer .socials a:hover,
.web-home footer .socials a:focus-visible {
    border-color: #69baff;
    background: #0b397a;
}

footer .cadastur,
.web-home footer .cadastur {
    margin-top: 22px;
    padding: 13px 14px;
    border: 1px solid #526b94;
    border-radius: 12px;
    background: rgba(255, 255, 255, .04);
    color: #d8e3f4;
    font-size: 12px;
    line-height: 1.45;
}

footer .copyright,
.web-home footer .copyright {
    max-width: 1320px;
    margin: 42px auto 0;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, .12);
    font-size: 12px;
}

.site-credit {
    padding: 13px 20px 18px;
    border: 0;
    background: #041536;
    color: #aebdd5;
    font-size: 12px;
}

.site-credit a { color: #fff; }
.site-credit a:hover,
.site-credit a:focus-visible { color: #75c4ff; }

@media (min-width: 769px) {
    footer,
    .web-home > footer { padding-top: 72px; }

    footer .logo-mark,
    .web-home footer .logo-mark { width: 128px; height: 128px; }

    footer h4,
    .web-home footer h4 { font-size: 19px; }

    footer .footer-grid p,
    footer .footer-grid a,
    .web-home footer .footer-grid p,
    .web-home footer .footer-grid a { font-size: 15px; }

    footer .socials a,
    .web-home footer .socials a { width: 44px; height: 44px; font-size: 18px; }

    footer .cadastur,
    .web-home footer .cadastur { font-size: 13px; }

    footer .copyright,
    .web-home footer .copyright { font-size: 13px; }
}

@media (max-width: 980px) {
    footer .footer-grid,
    .web-home footer .footer-grid { grid-template-columns: 1.25fr 1fr; }
}

@media (max-width: 600px) {
    footer,
    .web-home > footer { padding: 48px 24px 22px; }

    footer .footer-grid,
    .web-home footer .footer-grid { grid-template-columns: 1fr; gap: 28px; }

    footer h4,
    .web-home footer h4 { margin-bottom: 14px; }
}