/*
 * CAMADA 5 — UTILITÁRIOS
 *
 * Conteúdo permitido: classes de propósito único, sem estado e sem contexto.
 * O teste para entrar aqui: a classe faz UMA coisa, o nome descreve exatamente
 * essa coisa e ela pode ser usada em qualquer página sem efeito colateral.
 * Se precisar de hover, media query ou de um seletor descendente, não é
 * utilitário — é componente.
 */


/* ==========================================================================
   1. VISIBILIDADE
   ========================================================================== */

.is-hidden {
    display: none !important;
}

.ocultar {
    display: none !important;
}


/* ==========================================================================
   2. DIMENSÃO E ALINHAMENTO
   ========================================================================== */

.full-width {
    width: 100%;
}

.full-width-centered {
    width: 100%;
    text-align: center;
}

.row-align-center {
    align-items: center;
}

.pull-right-control {
    float: right;
}

.clearfix {
    clear: both;
}


/* ==========================================================================
   3. TIPOGRAFIA E COR
   ========================================================================== */

.text-white {
    color: var(--color-white);
}

.font-xs {
    font-size: 8px;
}