/* ===========================================================================
   c-smart - slot que alterna de conteudo
   =========================================================================== */

/* Nada de visual proprio: o slot e so um recipiente. Quem desenha e a secao que
   estiver dentro. Sem isso o alternar mudaria o fundo/borda junto e a troca
   ficaria visivel. */
.c-smart { display: block; }

/* Os itens inativos usam o atributo hidden, que o navegador ja esconde. A regra
   abaixo garante isso mesmo se alguma folha de estilo definir display no
   elemento. */
.c-smart__item[hidden] { display: none !important; }

/* O item ativo entra sem animacao de proposito: a troca acontece fora da tela, e
   qualquer transicao aqui seria trabalho para ninguem ver. */
.c-smart__item[data-smart-ativo] { display: block; }