body,.share,.arte-content blockquote:before {
    background:var(--arte-background)!important;
    background-color:#f5f7f9 !important;
}

@media (max-width: 435px) {
    .header-estadao h1.header-current-page {
        background-color:#f5f7f9 !important;
    }
}


.card-container {
    max-width: 375px;
    margin: 36px auto;
    color: #5C889D;
    filter: drop-shadow(8px 8px 12px #5c889d10);
}

.card-container a{
    color: white !important;
    text-decoration: none !important;
    font-size: 10px;
    font-weight: 600;
  background: #5C889D;
  color: white; 
  padding: 3px 8px 3px 8px; 
  border-radius: 14px; 
  margin-left: 4px;
}

.card-top-aconteceu {
    background: #ffe2e2;
    padding: 28px;
    border-radius: 8px 8px 0px 0px;
}

.card-top-aconteceu-simples {
  background: #ffe2e2;
  padding: 28px;
  border-radius: 8px;
}

.card-bottom-aconteceu {
    background: #FFFFFF;
    padding: 28px;
    border-radius: 0px 0px 8px 8px;
}

.card-title {
    font-family: 'EstadoHeadlineBold';
    font-size: 20px;
  line-height: 1.3;
}

.card-date {
    text-transform: uppercase;
    font-size: 12px;
  margin-top: 4px;
}

.card-date-acontecer {
  text-transform: uppercase;
  font-size: 12px;
  padding: 10px 16px;
  background: #2f8e618f;
  margin-bottom: 12px;
  border-radius: 24px;
  width: fit-content;
  color: white;
}

.card-event-title {
    font-weight: 600;
}

.card-image {
    margin: 20px 0px;
    font-size: 8px;
  text-transform: uppercase;
}

.card-event-description {
    color: #8BA1AD;
    font-size: 14px;
}

.button-container a{
    text-decoration: none !important;
}

.button-container {
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    color: #808080;
}

.button-red {
    background: #FF6666;
    width: 148px;
    padding: 12px 20px;
    border-radius: 24px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: white !important;
    margin: 4px;
    text-align: center;
}

.button-green {
    background: #2BB673;
    width: 148px;
    padding: 12px 20px;
    border-radius: 48px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: white !important;
    margin: 4px;
    text-align: center;
}

.button-blue {
    background: #D8E3E8;
    width: fit-content;
    padding: 12px 20px;
    border-radius: 48px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: #5C889D !important;
    margin: 4px;
    text-align: center;
    margin: 4px auto;
}

.button-nav {
    display: flex;
    justify-content: center;
    margin: 4px 0px 16px 0px;
}

.card-top-acontecer {
    background: #d4ece1;
    padding: 28px;
    border-radius: 8px;
}

.card-bottom-acontecer {
    background: #FFFFFF;
    padding: 28px;
    border-radius: 0px 0px 8px 8px;
}

.card-description-acontecer {
    margin-top: 12px;
}



:root {
  --base:              #ffffff;
  --bg-blend:          unset;
  --blur:              0px;
  --fg-blend:          screen;
  --foreground:        #244c60;
  --opacity:           1;
  --spacing:           0px;
}
.img-wrapper {
  background-color:    var(--base);
  display:             flex;
  flex:                1 1 100%;
  height:              100%;
  overflow:            hidden;
  padding:             var(--spacing);
  position:            relative;
  margin-bottom: 6px;
}

.img-wrapper img {
  filter:              grayscale(100%) contrast(1) blur(var(--blur));
  flex:                1 0 100%;
  height:              100%;
  max-width:           100%;
  mix-blend-mode:      var(--bg-blend);
  object-fit:          cover;
  opacity:             var(--opacity);
  position:            relative;
  width:               100%;
}

.img-wrapper::before {
  background-color:    var(--foreground);
  bottom:              0;
  content:             '';
  height:              100%;
  left:                0;
  mix-blend-mode:      var(--fg-blend);
  position:            absolute;
  right:               0;
  top:                 0;
  width:               100%;
  z-index:             1;
}

.card {
  background-color: #d8e3e87a;
  border-radius: 6px;
  padding: 8px;
  display: flex;
  margin: 32px 0px;
  position: relative
}

.card-imagem {
  width: 60%;
  margin: auto 0
}

.card-texto {
  text-decoration: none !important;
  width: 40%;
  margin: auto 0;
  padding: 0 12px;
  line-height: 1.3;
}




.noticia.infograficos .row .footer {
    display: none;
}

/*FAZER AS TAGS FICAREM COM COLUNAGEM MENOR*/

.arte-column-s {
    max-width: 600px !important;
}

.tags,
.infografico__tags {
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/***********************************************/





.noticia .topo-full .box .linha-fina {
    display: inline-block;
    font: 18px/28px 'LatoBold',Georgia;
    margin: 10px auto 32px auto;
    max-width: 815px;
    width: 100%;
}





@media (max-width: 411px) {
.header-estadao h1.header-current-page {
    background-color: #f5f7f9 !important;
    display: none!important;
}

.label {
    position: relative;
    margin: 0 0 15px 0;
    top: 6px;
    text-align: center!important;
}

.noticia .topo-full .box .titulo-principal {
    font-size: 33px !important;
    line-height: 38px;
    margin-top: 20px;
    margin-bottom: 24px;
    text-align: center!important;
}

.noticia .topo-full .box .linha-fina {
    display: inline-block;
    font: 18px/28px 'LatoBold',Georgia;
    margin: 10px auto 32px auto;
    max-width: 815px;
    width: 100%;
    text-align: center!important;
}


}