/*
main {background-color: gray; padding: 5px; border-radius: 15px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    text-align: center; color: var(--texn);}
main {background-color: var(--fundo3); margin-left: auto; margin-right: auto; padding: 5px; border-radius: 15px; 
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    text-align: center; color: var(--texn); margin-top: 2em; border: solid 1px;}
*/
/*
button {background-color: #4285f4; color: white; border: solid 1px; padding: 1px 5px; border-radius: 0.5em;
  cursor: pointer; font-size: 0.8em;  margin-top: 10px; }
button:hover {background-color:orangered;  color: gold; } /* #3367d6;*/

.cardTP {background: var(--fundo2); font-size:0.7em; color:var(--texn); border: 2px solid var(--texgg); justify-content: center;    }
.cardsTP  {background:var(--fundo3); display: grid; grid-row-start:auto; grid-row-end:auto; margin-top: 0.5em;
        grid-template-columns: auto auto auto auto; align-content: center; justify-content: center; 
        grid-gap: .2em; align-items: center; place-items: center; overflow: visible;
        grid-template-columns: repeat(auto-fill, minmax(7.5em,7.5em));    }
.cardTP:hover {cursor: pointer; background-color: red; color: white;}

/* The TOP navigation bar XXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.TOPnavbar {background-color: rgba(0, 0, 0, 0); overflow: hidden;  /*    var(--fundo);  */
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; }/* Full width */
.TOPnavbarBaixa {background-color: rgba(0, 0, 0, 0); overflow: hidden;  /*    var(--fundo);  */
  position: fixed; top: 19px; width: 100%; }/* Full width  top: 20px;*/

/* Links inside the navbar */
.TOPnavbar a {  /*float: left; */  display: block;  color: #f2f2f2;  text-align: center;
  padding: 4px 6px;  text-decoration: none;}
/* Change background on mouse-over */
.TOPnavbar a:hover {  background: #ddd;  color: black;}
/* The TOP navigation bar XXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


/* TabNav = TABELA DE BOTÕES DE NAVEGAÇÃO XXXXXXXXX */
.TabNav {border: 2px solid gold; padding: 3px 9px 3px 9px}
.TabNav th  {background-color: var(--fundo6); border-radius: 1em; border-style: outset; min-width: 19em;/* */
            padding: 2px 10px 0px 10px; font-size:0.95em; text-align: center; color: var(--texn); }
.TabNav th:hover    {background-color: var(--fundo3);}
.TabNav td:hover    {background-color: var(--fundo3);}
.TabNav td {background: var(--fundo6); padding: 2px 8px 2px 8px; /* min-width: 19em; */
            border-radius: 0.5em; text-align: left; color: var (--texn);}
/* Botões de Navegação XXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.btNav  {background:var(--fundo4); border-style: outset; border-color: var(--texn); border-radius: 5pt; color:var(--texn);}
.btNav:hover {cursor: pointer; background-color: orangered; color: white;}



/* Menu do Missal*/
.indice {margin-left: auto; margin-right: auto; background: var(--fundo6);
        padding: 0px 5px 0px 5px; border-radius: 10px; line-height: 150%;
        border-style: outset; border:solid var(--texn) 1pt;}
.indice td:nth-of-type(1) {padding-top: 0.8em;}
.indice td:nth-of-type(3) {padding-top: 0.8em;}