body {
    /* Mudar cor do fundo */
    background-color: #FAFAFA!important;
background: url("img/bg.png") repeat-x;
    /* Mudar família da fonte */
    font-family:'Montserrat', sans-serif!important;
    /* Mudar cor da fonte */
    color: #000000!important;
    /* Não alterar */
    font-size: 1.1rem!important;
    line-height: 1.5rem!important;
    text-align: center!important;
}

.button-pulse {
  padding: 10px 0px;
  background: transparent;
  color: white;
  border: none;
  cursor: pointer;
  animation: pulse 1s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.container-fluid {
    max-width: 540px;
}

/* PHOTO */
.photo {
    margin-top: 20px;
    margin-bottom: 20px;
}

.photo img {
    border-radius: 50%;
    max-width: 150px;
  border: 5px solid #b00072;
}


@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

  .p-atencao {
    background-color: red; /* Cor de fundo (Verde) */
    color: white;              /* Cor da letra (Branco) */
  }

.tabela {
  width: 100%; /* Define a largura do container */
  display: flex; /* Habilita o uso de flexbox para layout */
vertical-align: middle;
height:77px;
}

.time1 {
  width: 50%; /* Define a largura de cada coluna (100%/5) */
  box-sizing: border-box; /* Inclui a borda e o padding na largura */
  padding: 6px; /* Adiciona um pouco de espaço interno */
vertical-align: middle;
height:77px;
    text-align: left!important;
}


.time2 {
  width: 50%; /* Define a largura de cada coluna (100%/5) */
  box-sizing: border-box; /* Inclui a borda e o padding na largura */
  padding: 6px; /* Adiciona um pouco de espaço interno */
vertical-align: middle;
height:77px;
    text-align: right!important;
}


.escudo1 {
  width: 40%; /* Define a largura de cada coluna (100%/5) */
  box-sizing: border-box; /* Inclui a borda e o padding na largura */
  padding: 0px; /* Adiciona um pouco de espaço interno */
vertical-align: middle;
    text-align: right!important;
}

.escudo2 {
  width: 40%; /* Define a largura de cada coluna (100%/5) */
  box-sizing: border-box; /* Inclui a borda e o padding na largura */
  padding: 0px; /* Adiciona um pouco de espaço interno */
vertical-align: middle;
    text-align: left!important;
}

.placar {
  width: 20%; /* Define a largura de cada coluna (100%/5) */
  box-sizing: border-box; /* Inclui a borda e o padding na largura */
  padding: 10px 0 0 0; /* Adiciona um pouco de espaço interno */
vertical-align: middle;
height:77px;
    text-align: center!important;
}

table {
font-size: 10pt;
border-collapse: collapse;
margin: auto;
}

th, td{
padding: 1px;
text-align: center;
}

.estatistica {
    background-color: #008000!important;
  border: 0px solid #f0f0f0;
    color: #ffffff!important;
    font-size: 14pt;
    max-width: 540px;
    margin-bottom: 20px;
    margin-top: 6px;
padding: 1px 0 1px 0;
}

.part {
  border: 1px solid #f0f0f0;
    font-size: 9pt;
    margin-bottom: 10px;
    margin-top: 10px;
}

.classif {
  border: 1px solid #f0f0f0;
    font-size: 12pt;
    margin-bottom: 10px;
    margin-top: 10px;
}


.dat {
  border-bottom: 1px solid #f0f0f0;
  color: #555555!important;
  font-weight: bold;
}

            #gif-fundo {
		z-index: 1000;
                width: 100%;
                height: 100%;
                position: fixed;
                top: 0;
                left: 0;
            }

        .oculto {
            display: none;
	}

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  width:100%;
  height: 100%; /* Defina a altura desejada do contêiner */
}



.neon-text {
    font-size: 3rem;
    color: #fff;
    text-shadow: 0 0 5px #ff005e, 0 0 10px #ff005e, 0 0 20px #ff005e, 0 0 40px #ff005e, 0 0 80px #ff005e;
    animation: glow 1.5s infinite alternate;
}

.neon-text2 {
    font-size: 2rem;
    color: #fff;
    text-shadow: 0 0 5px #ff005e, 0 0 10px #ff005e, 0 0 20px #ff005e, 0 0 40px #ff005e, 0 0 80px #ff005e;
    animation: glow 1.5s infinite alternate;
}



@keyframes glow {
    0% {
        text-shadow: 0 0 5px #00ff11, 0 0 10px #00ff11, 0 0 20px #00ff11, 0 0 40px #00ff11, 0 0 80px #00ff11;
    }
    100% {
        text-shadow: 0 0 10px #0913db, 0 0 20px #0913db, 0 0 40px #0913db, 0 0 80px #0913db, 0 0 160px #0913db;
    }
}




/* TITLE */
.title h1 {
    font-weight: 800;
    font-size: 1.5rem;
    line-height: 1rem;;
}

.title h2 {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 2.5rem;;
}

h3 {
    font-size: 11pt;
    text-align: center!important;
}

h2 {
    font-size: 12pt;
    text-align: left!important;
}

/* LINKS*/
.links {
    margin-bottom: 1px;
}

/* BOTÃO */
.botao {
    /* Mudar cor da fonte do botão */
    color: #000000;
    /* Mudar cor de fundo do botão */
    background-color: #FFBC0A;
    /* Não alterar */
    max-width: 100%;
    min-height: 1.5rem;
    vertical-align: TOP;
    margin-top: 1.0rem;
    font-weight: 500;
    text-decoration: none;
    display: block;
    border-radius: 10px;
    border: none;
    padding: 0.1px 0.1px 0.1px 15px;
    font-size: 1.2rem;
    text-align: left!important;
font-weight: bold;
}

.btcopiar {
    /* Mudar cor da fonte do botão */
    color: #000000;
    /* Mudar cor de fundo do botão */
    background-color: #FFBC0A;
    /* Não alterar */
    width: 100%;
    min-height: 1.5rem;
    vertical-align: TOP;
    margin-top: 1.0rem;	
    font-weight: 500;
    text-decoration: none;
    display: block;
    border-radius: 10px;
    border: none;
    font-size: 1.2rem;
    text-align: left!important;
font-weight: bold;
}

.btcopiar :hover {
    /* Cor do texto e fundo - Quando tem link */
    color: #010080;
background-color: #F6ED6F;
}

.btcopiar :active {
    /* Cor do texto e fundo - Quando tem link */
    color: #ffffff;
background: #010080 no-repeat right url("img/copiada.png");
}

.botao:hover {
    /* Cor do texto e fundo - Quando tem link */
    color: #010080;
background-color: #F6ED6F;
}

/* SOCIAL */
.social {
    margin-bottom: 40px;
}
.social a {
    text-decoration: none;
    /* Mudar cor da fonte do ícone */
    color: #ffffff;
}

.social a:hover {
    /* Cor do ícone - Quando tem link */
    text-decoration: none;
    color: #e7323f;
}

.social ul li {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 5px;
}

/* FOOTER */
footer {
    font-size: 0.8rem;
    line-height: 1rem;
}

footer a {
    text-decoration: none;
    color: #010080;
}

footer a:hover {
    color: #b00072;
}