/*######################################################################
#
#  FISICANET - MATHJAX RESPONSIVO
#
#  Classes
#
#  .math                  Equações comuns
#  .math-left             Equações alinhadas à esquerda (aligned, flalign...)
#  .math-mobile           Equações longas (reduz fonte em telas pequenas)
#  .math-scroll           Matrizes e fórmulas gigantes (rolagem horizontal)
#  .math-quebra           Permite quebra automática em CHTML
#
######################################################################*/


/*==============================================================
  RESET DO MATHJAX
==============================================================*/

mjx-container[jax="CHTML"]{
    margin:0 !important;
    padding:0 !important;
}


/*==============================================================
  EQUAÇÃO PADRÃO
==============================================================*/

.math{

    margin:1rem 0;
    text-align:center;

}

.math mjx-container[jax="CHTML"][display="true"]{

    display:block;
    text-align:center !important;
    margin:0 auto !important;

}


/*==============================================================
  EQUAÇÃO ALINHADA À ESQUERDA
==============================================================*/

.math-left{

    margin:1rem 0;
    text-align:left;

}

.math-left mjx-container[jax="CHTML"][display="true"]{

    display:block !important;

    text-align:left !important;

    margin:0 !important;

}


/*==============================================================
  EQUAÇÕES MUITO LONGAS
==============================================================*/

.math-mobile{

    margin:1rem 0;

    overflow-x:auto;
    overflow-y:hidden;

    text-align:center;

    -webkit-overflow-scrolling:touch;

}

.math-mobile mjx-container[jax="CHTML"][display="true"]{

    display:inline-block;

    margin:0 auto !important;

    white-space:nowrap;

}


/*==============================================================
  MATRIZES GIGANTES
==============================================================*/

.math-scroll{

    margin:.5rem 0;

    overflow-x:auto;
    overflow-y:hidden;

    -webkit-overflow-scrolling:touch;

    background:transparent;

    padding:0;

}

.math-scroll mjx-container[jax="CHTML"][display="true"]{

    display:inline-block !important;

    margin:0 !important;

    padding:0 !important;

    white-space:nowrap !important;

}


/*==============================================================
  QUEBRA AUTOMÁTICA
==============================================================*/

.math-quebra mjx-container[jax="CHTML"][display="true"]{

    white-space:normal !important;

    max-width:100%;

}

.math-quebra mjx-math{

    white-space:normal !important;

}


/*==============================================================
  ESPAÇAMENTO ENTRE LINHAS (aligned)
==============================================================*/

mjx-itable{

    border-collapse:separate !important;

    border-spacing:0 8px !important;

}


/*==============================================================
  RESPONSIVIDADE
==============================================================*/

@media (max-width:768px){

.math-mobile mjx-container{

    font-size:.88em !important;

}

.math-quebra mjx-container{

    font-size:.88em !important;

}

}

@media (max-width:576px){

.math-mobile mjx-container{

    font-size:.76em !important;

}

.math-quebra mjx-container{

    font-size:.76em !important;

}

}