@font-face {
    font-family: "FreightText-BlackItalic";
    src: url("https://arte.estadao.com.br/public/pages/9p/83/ok/24/og/mj/freighttext-blackitalic-webfont.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Flama-Semibold";
    src: url("https://statics.estadao.com.br/s2016/portal/2018/font/flama/Flama-Semibold-webfont.eot");
    src: url("https://statics.estadao.com.br/s2016/portal/2018/font/flama/Flama-Semibold-webfont.eot?#iefix") format("embedded-opentype"),url("https://statics.estadao.com.br/s2016/portal/2018/font/flama/Flama-Semibold-webfont.woff2") format("woff2"),url("https://statics.estadao.com.br/s2016/portal/2018/font/flama/Flama-Semibold-webfont.woff") format("woff"),url("https://statics.estadao.com.br/s2016/portal/2018/font/flama/Flama-Semibold-webfont.ttf") format("truetype"),url("https://statics.estadao.com.br/s2016/portal/2018/font/flama/Flama-Semibold-webfont.svg#webfont") format("svg");
    font-style: normal;
    font-stretch: normal;
    font-display: swap
}

@font-face {
    font-family: "FlamaCondensed-Medium";
    src: url("https://arte.estadao.com.br/share/fonts/FlamaCondensed/FlamaCondensed-Medium.eot");
    src: url("https://arte.estadao.com.br/share/fonts/FlamaCondensed/FlamaCondensed-Medium.eot?#iefix") format("embedded-opentype"),url("https://arte.estadao.com.br/share/fonts/FlamaCondensed/FlamaCondensed-Medium.woff2") format("woff2"),url("https://arte.estadao.com.br/share/fonts/FlamaCondensed/FlamaCondensed-Medium.woff") format("woff"),url("https://arte.estadao.com.br/share/fonts/FlamaCondensed/FlamaCondensed-Medium.ttf") format("truetype");
    font-style: normal;
    font-stretch: normal;
    font-display: swap
}

@font-face {
    font-family: "EstadoFine-Extrabold";
    src: url("https://arte.estadao.com.br/share/fonts/EstadoFine/EstadoFine-Extrabold.eot");
    src: url("https://arte.estadao.com.br/share/fonts/EstadoFine/EstadoFine-Extrabold.eot?#iefix") format("embedded-opentype"),url("https://arte.estadao.com.br/share/fonts/EstadoFine/EstadoFine-Extrabold.woff2") format("woff2"),url("https://arte.estadao.com.br/share/fonts/EstadoFine/EstadoFine-Extrabold.woff") format("woff"),url("https://arte.estadao.com.br/share/fonts/EstadoFine/EstadoFine-Extrabold.ttf") format("truetype");
    font-style: normal;
    font-stretch: normal;
    font-display: swap
}

.titulo-sub {
font-family: 'Estado Headline', serif;
font-weight: normal;
font-style: normal;
font-size: 1.8rem !important;
color: #5d5d5d;
line-height: 1.1 !important;
text-transform: uppercase;
text-align: left !important;
max-width: 655px;
float: none;
margin-top: 0 !important;
}

.tituleta {
    color: #7f3f98;
    font: 700 24px/28px "Estado Headline",Georgia !important;
    text-decoration: none !important;
    margin-bottom: 20px;
}

.ingredientes {
/*    font-weight: 600;*/
    /*font: normal 16px/28px "Estado Headline",Georgia;*/
    background-color: #fff;
    padding: 20px;
    margin: 0 0 16px 0;
    border-radius: 8px;
}

body {
    margin: 0 auto;
    overflow-x: hidden;
    background-color: #ffeb8c;
}


body, .noticia .topo-full .box .full .share {
    background: #ffeb8c;
}


.custom-number {
    float: left;
    display: block;
    position: relative;
    font-family: "LatoBlack", arial, serif;
    font-weight: 400;
    border-radius: 130px;
    font-size: 0.8rem;
/*    line-height: 1.8rem;*/
    height: 1.8em;
    width: 1.8em;
    background: #7f3f98;
    color: white;
    text-align: center;
    margin: 0px 8px 0 0;
    -webkit-font-smoothing: antialiased;
}

.custom-chapeu {
    background-color: #7f3f98;
    color: white;
    padding: 12px 20px;
    position: relative;
/*    font-family: 'Flama Condensed';*/
    font-size: 0.8rem;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 30px;
    margin-right: 12px;
}

.bollet {
    color: #7f3f98 !important;
    font-size: 1.3rem !important;

}

.fiozin {
    text-align: left !important;
    background-color: #fff;
    border-radius: 15px;
    padding: 20px;
}

a.ancora {
    display: block;
    position: relative;
    top: -210px;
    visibility: hidden;
}

.sub-maior {
    color: #5D5D5D;
    text-align: center !important;
    font: 1.3em/1.2em 'EstadoHeadlinebold', 'serif' !important;
}

.legendinha {
    margin-top: 8px;
    line-height: 1.5;
    font-size: 12px;
    color: #777;
    font-weight: bold;
    margin-right: 8px;
}

.creditinho {
    font-size: 9.6px !important;
    text-transform: uppercase;
    letter-spacing: .025em;
}

.numero-total2 {
    color: #7f3f98;
    font-size: 48px;
    font-family: EstadoFine-Extrabold, Georgia;
    line-height: 1;
}

.numero-saude2 {
    color: #7f3f98;
    font-size: 32px;
    font-family: EstadoFine-Extrabold, Georgia;
    line-height: 1;
}


blockquote p {
    color: #7f3f98 !important;
    font: 24px/28px 'FreightText-BlackItalic',Georgia!important;
    margin: 8px 0 0!important;
}

.arte-content blockquote::before {
    background-color: #ffeb8c;
    color: #7f3f98;
    content: "“";
    display: inline-block;
    font-weight: bold;
    font-size: 96px;
    line-height: 1;
    margin-top: 0px;
    position: absolute;
    left: 50%;
    top: 0%;
    transform: translate(-50%, -50%);
    padding: 0px 0.333em;
}

.arte-content blockquote {
    position: relative;
    display: flex;
    flex-direction: column;
    font-family: 'EstadoHeadlineBold', 'Estado Headline', serif;
    font-weight: bold;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    margin: 48px auto;
    padding: 32px 16px 24px;
    text-align: center;
    box-sizing: border-box;
}

.expe {
    font-family: 'LatoBlack',Georgia !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    font-weight: 700;
    text-align: left !important!important;
    color: #7f3f98 !important;
    margin-top: 16px !important;
    display: inline-block !important;
    word-break: break-word !important;
}

.titulo_dep {
    font-family: 'Estado Headline', Georgia !important;
    font-size: 2rem;
    line-height: 2.2rem;
    color: #5D5D5D !important;
    text-transform: uppercase !important;
}

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

.tags,
.infografico__tags .cor-e {
  color: #7f3f98 !important;
}

.economia .brd-e {
  border-color: #7f3f98!important;
}

.economia .btn-e:hover {
  background-color: transparent !important;
}

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

/*BOTOES*/

h4 {
    font-family: 'LatoBlack',Georgia;
    font-size: .62em;
    text-transform: uppercase;
    font-weight: 700;
    color: #7f3f98;
    margin: 0 0 0 .13em;
    display: inline-block;
    word-break: break-word;
}

/*.arte-glossary__item > h3.pergunta {
    font-family: 'LatoBlack',Arial;
    font-size: 17px !important;
    text-transform: uppercase;
    color: #5D5D5D;
    margin: 32px 0 0 0 !important;
    word-break: break-word;
    -webkit-font-smoothing: antialiased;
    line-height: 1.2em !important;
}*/


.custom-button {
    background-color: #792359;
    color: #fff;
    padding: 6px 16px;
    font-family: 'Flama Condensed';
    font-size: 1.1rem;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    border-radius: 30px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    cursor: pointer;
    -webkit-appearance: none!important;
    border: none!important;
    /*margin-right: 2px;*/
}

.custom-button:hover {
	background-color: #FD3E81!important;
	cursor: pointer;
	transition: 0.3s;
}

.custom-button:active {
	top: 2px;
}

.custom-button:focus {
	outline: none;
}	

/*----------------------*/

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

/*Para o menu Navigation*/


.arte-content [data-contains="navigation"] nav[data-mode] ul li a {
    width: 120px;
}

.arte-content nav[data-mode] > div {
    position: relative;
    width: 100%;
    max-width: 100%;
/*    overflow-x: auto;
*/  padding-bottom: 21px;
    display: inline-flex;
}

.arte-content nav[data-mode] ul li a > div,
.arte-content nav[data-mode] ul li div > div {
padding-bottom: 6px;
display: block;
margin: 0 auto;
font-size: 12px;
font-weight: bold;
font-weight: 900;
font-family: LatoBlack;
text-transform: uppercase;
color: #7f3f98 ;
/*opacity: 1;
*/}

.arte-content nav[data-mode] {
    position: relative;
    overflow-x: scroll;
    display: flex;
    margin-top: 47px !important;
}

[data-arte-display="false"] {
  opacity: .5;
}

[data-arte-display="true"] {
  opacity: 1;
}

.arte-chapter-disabled {
    opacity: 1 !important;
}

h4 {
    color: #7f3f98 !important;
}

.noticia .topo-full .box .full {
    border-top: 1px solid #e5d28c !important;
}

.arte-content blockquote {
    border-top: 1px solid #e5d28c !important;
    border-bottom: 1px solid #e5d28c !important;
}

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



.swiper-container figure.uva-graphic[style] {
    margin: 0 auto !important;
    background: #ffeb8c;
}

.scrolly-step > div {
    width: 25%;
    max-width: 313px;
    background: #e0dbf9;
    margin: 0px 0px;
    padding: 16px;
    border-radius: 8px;
    line-height: 1.333;
}


@media (max-width: 414px) {
.scrolly-step > div {
    width: 100%;
    max-width: 313px;
    background: #e0dbf9;
    margin: 0px auto;
    padding: 16px;
    border-radius: 8px;
    line-height: 1.333;
}
}


.teste2 {
	color: #7f3f98 !important;
}

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

/* Filtro de cursos */

.arte-list-item a {
  text-decoration: none !important;
  color: black !important;
}

.arte-glossary__searchbar {
  border-bottom: 2px solid #482456 !important;
  padding-bottom: 5px;
}

.arte-glossary__search {
  background-image: url(https://www.w3schools.com/css/searchicon.png);
  background-position: 7px 17px;
  background-repeat: no-repeat;
  background-size: 16px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 22px;
  padding: 12px 0 12px 40px;
  color: none !important;
  border-style: none !important;
  border-radius: 10px;
}

.arte-glossary__search:focus {
  outline: 0 !important;
}

.arte-glossary__item {
    margin: 40px auto;
}

.arte-glossary__item > h3.pergunta {
    font-family:'LatoBlack',Arial;
    font-size: 17px !important;
    /*text-transform: uppercase;*/
    color:#5D5D5D; 
    margin:32px 0 0 0 !important; 
    word-break:break-word;
    -webkit-font-smoothing:antialiased; 
    line-height: 1.2em !important;
}

.perguntanum {
    float:left;
    display:block;
    position:relative;
    font-family:"LatoBlack",arial,serif;
    font-weight:400;border-radius:130px;
    font-size:1rem;line-height:2.4rem;
    height:2.4em;
    width:2.4em;
    background:#0099da;
    color:white;
    text-align:center;
    margin:-3px 9px 0 0;
    -webkit-font-smoothing:antialiased;
}

.perguntadat {
    font-family: 'LatoRegular',Georgia;
    text-transform: uppercase;
    font-size: 0.75rem !important;
}

.arte-glossary__filter {
  background-color: #7f3f98;
  color: #fff;
  padding: 12px 20px;
  /*font-family: 'Flama Condensed';*/
  font-size: 0.8rem;
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  border-radius: 30px;
  margin-right: 0;
  margin-bottom: 5px;
  cursor: pointer;
  -webkit-appearance: none !important;
  border: none !important;
  margin-right: 3px;
}

.arte-glossary__filter:focus {
  outline: none !important;
  -webkit-appearance: none !important;
}

.course-glossary__filter {
  background-color: #7f3f98;
  color: #fff;
  padding: 12px 20px;
  /*font-family: 'Flama Condensed';*/
  font-size: 0.8rem;
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  border-radius: 30px;
  margin-right: 0;
  margin-bottom: 5px;
  cursor: pointer;
  -webkit-appearance: none !important;
  border: none !important;
  margin-right: 3px;
}

.course-glossary__filter:focus {
  outline: none !important;
  -webkit-appearance: none !important;
}

.course-glossary__search {
  background-image: url(https://www.w3schools.com/css/searchicon.png);
  background-position: 7px 17px;
  background-repeat: no-repeat;
  background-size: 16px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 22px;
  padding: 12px 0 12px 40px;
  color: none !important;
  border-style: none !important;
  border-radius: 10px;
}

.course-glossary__search:focus {
  outline: 0 !important;
}
.course-glossary__searchbar {
  border-bottom: 2px solid #482456 !important;
  padding-bottom: 5px;
}

.course-glossary__item {
    margin: 40px auto;
}

.course-glossary__item > h3.pergunta {
    font-family:'LatoBlack',Arial;
    font-size: 17px !important;
    /*text-transform: uppercase;*/
    color:#5D5D5D; 
    margin:32px 0 0 0 !important; 
    word-break:break-word;
    -webkit-font-smoothing:antialiased; 
    line-height: 1.2em !important;
}

.course-list-item a {
  text-decoration: none !important;
  color: black !important;
}

.selected {
  background-color: #482456 !important;
}

input[type='button'] {
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
}





@media (max-width: 414px) {

    .header-estadao h1.header-current-page {
    background: #ffeb8c!important;
}

.noticia .topo-full .box .label {
    width: 100%;
    text-align: center !important;
}

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

.noticia .topo-full .box .linha-fina {
    font-size: 16px !important;
    line-height: 1.5 !important;
    margin-top: 32px !important;
    text-align: center !important;
}

.economia .htopo-style {
    margin: -55px 0 0 0;
}

.header-estadao .header-current-page a {
    display: inline;
    text-align: center!important;
    color: #896066 !important;
}

.arte-content nav[data-mode]{
overflow-x: auto !important;
} 
}


.header-estadao .header-current-page a {
    display: inline;
    color: #896066 !important;
}