/* site-extra.css — estilos que o CSS compilado do Tailwind (site.css) não contém,
   porque o build original nunca usou essas classes/tamanhos. Tokens da marca MS
   (ver paginas/ms-soluciones/_brand-spec.md). Mantido separado do site.css para
   não confundir com o arquivo gerado pelo build do cliente. */

/* Monograma "JS" da seção "Quién está detrás" (não existe no build original: h-16/w-16
   não fazem parte do conjunto de classes que o Tailwind gerou). */
.ms-avatar-monogram {
  width: 4rem;
  height: 4rem;
}

/* Fallback de cor caso a imagem static/img/torre-refrigeracion.jpg ainda não tenha
   sido colocada (o Julio disse que a coloca depois). Sem isso, <img> quebrado fica
   com o ícone de "imagem ausente" do navegador em vez de um bloco neutro. */
#empresas img[src$="torre-refrigeracion.jpg"] {
  background-color: #dee6e8;
}

/* Utilitários usados só na página 404 própria (não fazem parte do conjunto que o
   Tailwind gerou no build original, que não tinha essa página customizada). */
.max-w-md {
  max-width: 28rem;
}
@media (min-width: 640px) {
  .sm\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

/* Foco visível consistente com o resto do site (o compilado usa outline do navegador
   por padrão nos links; reforçamos só onde adicionamos elementos novos, como os
   ícones de redes sociais no rodapé). */
footer a:focus-visible {
  outline: 2px solid #19c2d8;
  outline-offset: 2px;
}

/* Rede de seguridad si JavaScript está deshabilitado: site.js nunca llega a
   ejecutarse, así que el "reveal" (opacity:0 por defecto en site.css) se
   quedaría oculto para siempre. Con <noscript> forzamos la visibilidad. */