/* Kaimana Dive & Boat — ícones exclusivos (dimensionamento inline dos SVGs)
 *
 * POR QUE TANTO !important E TANTO min/max
 *
 * Estes ícones entram DENTRO do conteúdo do site, no meio de temas que não
 * conhecemos e que costumam ter regras próprias para svg (svg{width:100%},
 * span{display:block}, e por aí). Quando uma dessas regras vencia, a caixa do
 * ícone colapsava para quase zero — e aí vinha o estrago: um <svg> com viewBox
 * e caixa colapsada, somado a overflow:visible, PINTA no tamanho bruto do
 * viewBox (64px) por cima do texto ao redor. Foi exatamente o que aconteceu nas
 * pastilhas da página de evento: três ícones gigantes atravessando o parágrafo.
 *
 * Daí as três travas, nesta ordem de importância:
 *   1. overflow:hidden — mesmo que tudo o mais falhe, nada é pintado fora da
 *      caixa. É a rede de segurança que faltava.
 *   2. medida própria no <svg> (1.15em), em vez de 100% de um pai que o tema
 *      pode deixar indefinido.
 *   3. min/max iguais à largura, para nenhum tema esticar nem encolher.
 */
.kai-ico{
  display:inline-flex !important; align-items:center; justify-content:center;
  width:1.15em !important;  height:1.15em !important;
  min-width:1.15em !important; min-height:1.15em !important;
  max-width:1.15em !important; max-height:1.15em !important;
  line-height:1;
  vertical-align:-0.22em; /* alinha com o texto, como um emoji */
  flex:0 0 auto;
  overflow:hidden !important;
  padding:0 !important; border:0 !important; background:none !important;
}
.kai-ico > svg{
  width:1.15em !important;  height:1.15em !important;
  min-width:1.15em !important; min-height:1.15em !important;
  max-width:1.15em !important; max-height:1.15em !important;
  display:block !important; overflow:hidden !important;
}
/* Em botões/etiquetas com fundo escuro, o ícone mantém as cores da marca (duotone) */
.kai-ico svg [fill="#cfe4ec"]{} /* placeholder p/ futuros ajustes de contraste, se necessário */