@font-face {
  font-family: 'Perfetto-Regular';
  src: url('../font/Perfetto-Regular.eot?#iefix') format('embedded-opentype'),  url('../font/Perfetto-Regular.otf')  format('opentype'),
       url('../font/Perfetto-Regular.woff') format('woff'), url('../font/Perfetto-Regular.ttf')  format('truetype'), url('../font/Perfetto-Regular.svg#Perfetto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.title{
    color: #3E7BAD;
    text-align: center;
    font-weight: 800;
}
.subtitle{
  text-align: center;
  padding-bottom: 1em;
  color:#7c7c7c;
}
.title-envio{
    color: #3E7BAD;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    padding: 0.5em 0;
}
.card{
    position: relative;
}
.imagem {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.card:hover .imagem{
  opacity: 0.3;
}

.card:hover .middle {
  opacity: 1;
  background-color: black;
}
@media screen and (max-width: 545px) {
  .card-box01 {
    background-color: #5b3c82;
    width: 100%;
    min-height: 500px;
    padding: 1em;
  }
  .card-box02{
    background-color: #66af45;
    width: 100%;
    min-height: 500px;
    padding: 1em;
  }
  .card-box03{
      background-color: #f15a24;
      width: 100%;
      min-height: 500px;
      padding: 1em;
  }
  .card-box04{
      background-color: #3e7bad;
      width: 100%;
      min-height: 500px;
      padding: 1em;
  }
}
@media screen and (min-width: 546px) {
 .card-box01{
    background-color: #5b3c82;
    width: 100%;
    min-height: 500px;
    padding: 5em;
  }
  .card-box02{
    background-color: #66af45;
    width: 100%;
    min-height: 500px;
    padding: 5em;
  }
  .card-box03{
      background-color: #f15a24;
      width: 100%;
      min-height: 500px;
      padding: 5em;
  }
  .card-box04{
      background-color: #3e7bad;
      width: 100%;
      min-height: 500px;
      padding: 5em;
  }
}




.day-card01{
    font-family: 'Perfetto-Regular';
    color: #5b3c82;
    font-size: 66px;
    line-height: 1;
}
.day-card02{
    font-family: 'Perfetto-Regular';
    color: #66af45;
    font-size: 66px;
    line-height: 1;
}
.day-card03{
    font-family: 'Perfetto-Regular';
    color: #f15a24;
    font-size: 66px;
    line-height: 1;
}
.day-card04{
    font-family: 'Perfetto-Regular';
    color: #3e7bad;
    font-size: 66px;
    line-height: 1;
}

.link-bloco{
  display:flex;justify-content: center;
  flex-wrap: wrap;
}
.link-bloco > div >button{
  width: 100%;
}
.alinhar-centro{
  display:flex;justify-content: center;
  
}
.whatsapp-share-button {
  display: inline-block;            
  width: 100%;
  height: auto;
  margin: 5px;
 /* background-size: 100% 100%;  ou 'contain' */
  /*background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI2MHB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA2MCA2MCIgd2lkdGg9IjYwcHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0ic29pY2FsIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgaWQ9InNvY2lhbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk3My4wMDAwMDAsIC01MzguMDAwMDAwKSI+PGcgaWQ9InNsaWNlcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTczLjAwMDAwMCwgMTM4LjAwMDAwMCkiLz48ZyBmaWxsPSIjNTdCQTYzIiBpZD0ic3F1YXJlLWZsYXQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE3My4wMDAwMDAsIDEzOC4wMDAwMDApIj48cGF0aCBkPSJNODAyLjk5NTkzNyw0MDAgTDg1Ny4wMDQwNjMsNDAwIEM4NTguNjU4NjczLDQwMCA4NjAsNDAxLjMzNzMxIDg2MCw0MDIuOTk1OTM3IEw4NjAsNDU3LjAwNDA2MyBDODYwLDQ1OC42NTg2NzMgODU4LjY2MjY5LDQ2MCA4NTcuMDA0MDYzLDQ2MCBMODAyLjk5NTkzNyw0NjAgQzgwMS4zNDEzMjcsNDYwIDgwMCw0NTguNjYyNjkgODAwLDQ1Ny4wMDQwNjMgTDgwMCw0MDIuOTk1OTM3IEM4MDAsNDAxLjM0MTMyNyA4MDEuMzM3MzEsNDAwIDgwMi45OTU5MzcsNDAwIFoiIGlkPSJzcXVhcmUtNDkiLz48L2c+PGcgZmlsbD0iI0ZGRkZGRiIgaWQ9Imljb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4Mi4wMDAwMDAsIDE1MC4wMDAwMDApIj48cGF0aCBkPSJNODIxLjA3MTI2Miw0MzQuMjIxMDQ2IEM4MTguMjEwODMxLDQzNC4yMjEwNDYgODE1LjUyMzU2OSw0MzMuNDg5OTY5IDgxMy4xODU2LDQzMi4yMDY4OTIgTDgwNC4xNTM4NDYsNDM1LjA3NjkyMyBMODA3LjA5ODA5Miw0MjYuMzkxODc3IEM4MDUuNjEzMDQ2LDQyMy45NTIzNjkgODA0Ljc1NzUzOCw0MjEuMDkxNTY5IDgwNC43NTc1MzgsNDE4LjAzMzYgQzgwNC43NTc1MzgsNDA5LjA5MzQxNSA4MTIuMDYxMjkyLDQwMS44NDYxNTQgODIxLjA3MTYzMSw0MDEuODQ2MTU0IEM4MzAuMDgwODYyLDQwMS44NDYxNTQgODM3LjM4NDYxNSw0MDkuMDkzNDE1IDgzNy4zODQ2MTUsNDE4LjAzMzYgQzgzNy4zODQ2MTUsNDI2Ljk3Mzc4NSA4MzAuMDgxMjMxLDQzNC4yMjEwNDYgODIxLjA3MTI2Miw0MzQuMjIxMDQ2IFogTTgyMS4wNzEyNjIsNDA0LjQyNDEyMyBDODEzLjUwNzkzOCw0MDQuNDI0MTIzIDgwNy4zNTU4MTUsNDEwLjUyOTM1NCA4MDcuMzU1ODE1LDQxOC4wMzM2IEM4MDcuMzU1ODE1LDQyMS4wMTE0NDYgODA4LjMyNjUyMyw0MjMuNzY5MjMxIDgwOS45NjgxMjMsNDI2LjAxMzA0NiBMODA4LjI1NDg5Miw0MzEuMDY3MDc3IEw4MTMuNTI1MjkyLDQyOS4zOTE4NzcgQzgxNS42OTEyLDQzMC44MTM3ODUgODE4LjI4NTQxNSw0MzEuNjQzMDc3IDgyMS4wNzEyNjIsNDMxLjY0MzA3NyBDODI4LjYzMzQ3Nyw0MzEuNjQzMDc3IDgzNC43ODY3MDgsNDI1LjUzODIxNSA4MzQuNzg2NzA4LDQxOC4wMzM5NjkgQzgzNC43ODY3MDgsNDEwLjUyOTcyMyA4MjguNjMzNDc3LDQwNC40MjQxMjMgODIxLjA3MTI2Miw0MDQuNDI0MTIzIEw4MjEuMDcxMjYyLDQwNC40MjQxMjMgWiBNODI5LjMwODgsNDIxLjc2MTcyMyBDODI5LjIwODM2OSw0MjEuNTk2Njc3IDgyOC45NDE3ODUsNDIxLjQ5Njk4NSA4MjguNTQyNjQ2LDQyMS4yOTg3MDggQzgyOC4xNDI0LDQyMS4xMDA0MzEgODI2LjE3NTg3Nyw0MjAuMTQwMDYyIDgyNS44MDk5NjksNDIwLjAwODI0NiBDODI1LjQ0Mjk1NCw0MTkuODc2MDYyIDgyNS4xNzYsNDE5LjgwOTIzMSA4MjQuOTA5Nzg1LDQyMC4yMDY1MjMgQzgyNC42NDM1NjksNDIwLjYwMzgxNSA4MjMuODc3MDQ2LDQyMS40OTY5ODUgODIzLjY0MzMyMyw0MjEuNzYxNzIzIEM4MjMuNDA5OTY5LDQyMi4wMjY4MzEgODIzLjE3Njk4NSw0MjIuMDYwMDYyIDgyMi43NzcxMDgsNDIxLjg2MTQxNSBDODIyLjM3NzYsNDIxLjY2MzEzOCA4MjEuMDg4OTg1LDQyMS4yNDQwNjIgODE5LjU2MTEwOCw0MTkuODkyMzA4IEM4MTguMzcyNTU0LDQxOC44NDA3MzggODE3LjU2OTg0Niw0MTcuNTQyNTIzIDgxNy4zMzY4NjIsNDE3LjE0NDg2MiBDODE3LjEwMzUwOCw0MTYuNzQ3OTM4IDgxNy4zMTIxMjMsNDE2LjUzMzQxNSA4MTcuNTEyMjQ2LDQxNi4zMzU4NzcgQzgxNy42OTIwNjIsNDE2LjE1NzkwOCA4MTcuOTEyMTIzLDQxNS44NzI0OTIgODE4LjExMjI0Niw0MTUuNjQwOTg1IEM4MTguMzEyMzY5LDQxNS40MDkxMDggODE4LjM3ODgzMSw0MTUuMjQ0MDYyIDgxOC41MTE3NTQsNDE0Ljk3ODk1NCBDODE4LjY0NTQxNSw0MTQuNzE0MjE1IDgxOC41Nzg1ODUsNDE0LjQ4MjcwOCA4MTguNDc4NTIzLDQxNC4yODM2OTIgQzgxOC4zNzg0NjIsNDE0LjA4NTQxNSA4MTcuNTc4MzM4LDQxMi4xMzI5MjMgODE3LjI0NTI5Miw0MTEuMzM4MzM4IEM4MTYuOTEyMjQ2LDQxMC41NDQ0OTIgODE2LjU3OTU2OSw0MTAuNjc2Njc3IDgxNi4zNDU4NDYsNDEwLjY3NjY3NyBDODE2LjExMjQ5Miw0MTAuNjc2Njc3IDgxNS44NDU5MDgsNDEwLjY0MzQ0NiA4MTUuNTc5MzIzLDQxMC42NDM0NDYgQzgxNS4zMTI3MzgsNDEwLjY0MzQ0NiA4MTQuODc5MjYyLDQxMC43NDI3NjkgODE0LjUxMjYxNSw0MTEuMTM5NjkyIEM4MTQuMTQ2MzM4LDQxMS41MzY5ODUgODEzLjExMzYsNDEyLjQ5Njk4NSA4MTMuMTEzNiw0MTQuNDQ5MTA4IEM4MTMuMTEzNiw0MTYuNDAxNiA4MTQuNTQ1ODQ2LDQxOC4yODggODE0Ljc0NjMzOCw0MTguNTUyMzY5IEM4MTQuOTQ2MDkyLDQxOC44MTY3MzggODE3LjUxMTg3Nyw0MjIuOTUzNiA4MjEuNTc2NzM4LDQyNC41NDI0IEM4MjUuNjQzMDc3LDQyNi4xMzA4MzEgODI1LjY0MzA3Nyw0MjUuNjAwOTg1IDgyNi4zNzYzNjksNDI1LjUzNDg5MiBDODI3LjEwODU1NCw0MjUuNDY4OCA4MjguNzQxMjkyLDQyNC41NzUyNjIgODI5LjA3NTQ0Niw0MjMuNjQ4ODYyIEM4MjkuNDA4MTIzLDQyMi43MjE3MjMgODI5LjQwODEyMyw0MjEuOTI3MTM4IDgyOS4zMDg4LDQyMS43NjE3MjMgTDgyOS4zMDg4LDQyMS43NjE3MjMgWiIgaWQ9IndoYXRzYXBwIi8+PC9nPjwvZz48L2c+PC9zdmc+");*/
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

/*mudança de cores index*/
.text-card01 {
  background-color: #5b3c82;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}
.text-card02 {
  background-color: #66af45;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}
.text-card03 {
  background-color: #f15a24;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}
.text-card04 {
  background-color: #3e7bad;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}
/*fim*/
.dashed {
    border-style: dashed;
    border-color: white;
    padding: 5px;
}
.card-text{
    background-color: white;
    padding: 2em;
}
.page{
    padding: 3em 0 5em 0
}
.btn-form{
    background-color: #7c7c7c;
    display:inline-block;
    font-weight:400;
    color:#fff;
    text-align:center;
    vertical-align:middle;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    border:1px solid transparent;
    padding:3px 2em 3px 2em;
    font-size:13px;
    line-height:1.5;
    border-radius:.25rem;
    float: right;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.btn-form:hover{
    background-color: #666;
    color:#fff;
}
.btn-primary {
    color: #fff;
    background-color: #3E7BAD !important;
    border-color: #3E7BAD !important;
}
.btn-primary:hover{
    background-color: #356994 !important;
    color:#fff;
}
.btn-voltar {
    color: #fff !important;
    background-color: #3E7BAD !important;
    border-color: #3E7BAD !important;
    padding: 3px 2em 3px 2em !important;
    margin-top: 1em;
}
.btn-voltar:hover{
    background-color: #356994 !important;
    color:#fff;
}
.date{
    font-weight: 600;
    padding: 2em 0 0 0;
}

.img-user{margin-top: -1em;}
.icon-user{float: right;margin-top: -3.5em;}
.icon-talk{float: left; margin-top: 0.5em;}
.logo-erasto{float: right; margin-top: 0.5em;}
.table td, .table th{width: 100}