/* ============================================================
   UTILITÁRIOS GLOBAIS
   ============================================================ */
.icon {
    display: inline-block;
    flex-shrink: 0;
    vertical-align: middle;
    fill: currentColor;
}

.skip-link {
    position: fixed;
    left: 50%;
    top: 1rem;
    transform: translate(-50%, -150%);
    z-index: 200;
    padding: 0.7rem 1.4rem;
    background: var(--c-primary);
    color: #fff;
    border-radius: 999px;
    font-size: 0.9rem;
    font-weight: 500;
    transition: transform var(--t-base);
}

.skip-link:focus {
    transform: translate(-50%, 0);
    color: #fff;
}

.container {
    width: 100%;
    max-width: var(--max-w);
    margin: 0 auto;
    padding: 0 var(--s-4);
}

main > section {
    padding: var(--s-7) 0;
}