@font-face{
    font-family:'poppins';
    src:url('../font/Poppins/Poppins-SemiBold.ttf');
}
@font-face{
    font-family:'montserrat';
    src:url('../font/Montserrat/Montserrat-VariableFont_wght.ttf');
}
@font-face{
    font-family:'lato';
    src:url('../font/Lato/Lato-Regular.ttf');
}/* Shared responsive footer styles */
body footer {
    padding: clamp(32px, 5vw, 56px) clamp(16px, 4vw, 40px) 20px;
}

body footer .card-footer {
    width: min(100%, 1200px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(150px, 1.1fr) repeat(3, minmax(0, 1fr));
    gap: clamp(24px, 4vw, 48px);
}

body footer .card-footer > * {
    min-width: 0;
}

body footer .card-footer .logo {
    width: min(75px, 30vw);
    margin: 0 0 16px;
}

body footer .card-fo p {
    width: auto;
    max-width: 220px;
    margin: 0;
}

body footer .card-footer .linkes img {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    object-fit: contain;
}

body footer .card-footer .linkes p {
    overflow-wrap: anywhere;
}

body footer .rodape {
    width: min(100%, 1200px);
    margin: 28px auto 0;
    font-size: clamp(0.75rem, 2vw, 0.95rem);
}

@media (max-width: 900px) {
    body footer .card-footer {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    body footer .card-footer {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    body footer .card-footer .logo,
    body footer .card-fo p {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    body footer .card-footer .logo {
        margin-bottom: 12px;
    }

    body footer .card-footer h3 {
        margin-bottom: 8px;
    }
}

*{font-family:'montserrat',sans-serif;}
p{font-family:'lato',sans-serif;}
h1,h2,h3,h4,h5,h6{font-family:'poppins',sans-serif;}