/*
 * vendor/utils.css
 * Substituto local do Tailwind CSS.
 * Contém APENAS as classes realmente usadas em index.html (33 classes).
 * Gerado para uso em intranet sem acesso à internet.
 */

/* ── Layout ───────────────────────────────────────────────────────────── */
.hidden          { display: none !important; }
.block           { display: block; }
.flex            { display: flex; }
.flex-col        { flex-direction: column; }
.flex-1          { flex: 1 1 0%; }
.grid            { display: grid; }
.items-center    { align-items: center; }
.justify-center  { justify-content: center; }
.justify-between { justify-content: space-between; }

/* ── Espaçamento ──────────────────────────────────────────────────────── */
.gap-2  { gap: 0.5rem; }
.gap-4  { gap: 1rem; }
.p-4    { padding: 1rem; }
.p-6    { padding: 1.5rem; }
.h-px   { height: 1px; }
.w-full { width: 100%; }

/* ── Overflow ─────────────────────────────────────────────────────────── */
.overflow-hidden  { overflow: hidden; }
.overflow-y-auto  { overflow-y: auto; }

/* ── Tipografia ───────────────────────────────────────────────────────── */
.text-center    { text-align: center; }
.text-white     { color: #ffffff; }
.font-bold      { font-weight: 700; }
.font-semibold  { font-weight: 600; }
.tracking-tight { letter-spacing: -0.025em; }

/* ── Bordas e arredondamento ──────────────────────────────────────────── */
.border        { border-width: 1px; border-style: solid; }
.border-none   { border: none; }
.border-white  { border-color: #ffffff; }
.rounded-2xl   { border-radius: 1rem; }
.rounded-full  { border-radius: 9999px; }

/* ── Cores de fundo ───────────────────────────────────────────────────── */
.bg-white       { background-color: #ffffff; }
.bg-transparent { background-color: transparent; }

/* ── Interação ────────────────────────────────────────────────────────── */
.cursor-pointer { cursor: pointer; }
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

/* ── Acessibilidade ───────────────────────────────────────────────────── */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}