/*
 * Etapa 32: Tailwind via Play CDN (cdn.tailwindcss.com?plugins=typography)
 * cobre praticamente todo o estilo. Este arquivo permanece como
 * fallback minimo e ponto de extensao futuro.
 *
 * Etapa 39 (deploy Lightsail) substitui o Tailwind CDN por self-host
 * (build via tailwindcss CLI), e este arquivo provavelmente sera
 * consolidado no pipeline do build.
 */

/*
 * Fallback de fonte para o caso raro do JS do Tailwind ainda nao ter
 * carregado quando o primeiro paint acontece. Sem isso, o flash de
 * conteudo nao estilizado usa a fonte default do browser.
 */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    margin: 0;
}

/*
 * Indicador de loading do HTMX. Por convencao, qualquer elemento com
 * classe .htmx-indicator fica oculto por default. O HTMX adiciona a
 * classe .htmx-request no elemento que disparou a requisicao (ou em
 * algum elemento configurado via hx-indicator), e ai o indicator
 * aparece via cascata CSS.
 *
 * Convencao oficial:
 * https://htmx.org/docs/#indicators
 */
.htmx-indicator { display: none; }
.htmx-request .htmx-indicator { display: inline; }
.htmx-request.htmx-indicator { display: inline; }