/************************************************
 Princípio
************************************************/
html, body {
    /* Prevent scroll on narrow devices */
    overflow-x: hidden;
}

body {
    /* navbar fixed-top */
    padding-top: 4.5rem;
}

[role="main"] section {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--cl-iorima);
}
[role="main"] section:first-of-type {
    padding-top: 0;
}
[role="main"] section:last-of-type {
    padding-bottom: 0;
    border-bottom: 0;
}


/************************************************
 Textos e Links
************************************************/
a.icon-link {
    text-decoration: None;
}
.text-small {
    font-size: 85%;
}


/************************************************
 Placeholders e Skeletons
************************************************/
.card-img-placeholder {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
@media (min-width: 768px) {
    .card-img-placeholder-lg {
        font-size: 3.5rem;
    }
}