a { text-decoration:none!important; }

#menu2 nav #interna{width: 100%;
    position: relative;
    display: block;
    float: left;
    text-align: center;
    background: linear-gradient(294deg, rgb(86 11 155 / 91%) 9.06%, rgb(66 11 137) 94.84%);
    backdrop-filter: blur(6px);
    border-bottom: 2px solid #611ea1;box-shadow: 8px 8px 28px 0px rgba(120, 38, 242, 0.20);
border-bottom: 4px solid var(--Purple-050, #A080C0);

    padding: 15px 10px;
    border-radius: 8px;}

section.materiais-download.py-5 {
    width: 100%;
    position: relative;
    display: block;
    float: left;
}
    #menu2 nav.navbar.navbar-expand-md.fixed-top {    height: 95px;
    background: #fff;
    backdrop-filter: blur(6px);
    border-bottom: none;
    padding: 20px;}

/* ======== Destaque Blog ======== */
.destaque-blog {
    width: 100%;
    position: relative;
    display: block;
    margin-top: 124px;
   font-family: Ubuntu;
    float: left;
}


section.blog-title-section.ultimos {
    background: none;
}

/* ---------------- Destaque Blog ---------------- */
.destaque-blog {font-family: Ubuntu;}

/* Card grande */
.destaque-blog .card-destaque {
    min-height: 430px;
    border-radius: 24px;
    box-shadow: 0 14px 40px rgba(17, 24, 39, .12);
    overflow: hidden;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.destaque-blog .card-destaque img{
  width: 110%; height: 100%;
  object-fit: cover;
  object-position: left center;      /* mantém o rosto à direita */
}

/* Overlay com “vignette” forte e topo iluminado */
.destaque-blog .overlay{
  padding: 2.25rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background:
    linear-gradient(180deg, rgba(12,14,19,0) 0%,
                           rgba(12,14,19,.25) 38%,
                           rgba(12,14,19,.55) 70%,
                           rgba(12,14,19,.80) 100%),      /* escurece a base */
    radial-gradient(120% 160% at 50% 0%,
                    rgba(255,255,255,.45) 0%,
                    rgba(255,255,255,0) 40%);            /* brilho no topo */
}

/* Tipografia do título e texto */
.destaque-blog .overlay h2{
  color: var(--base-white, #FFF);

/* Heading-Semibold/heading-32 */
font-family: Ubuntu;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.64px;                    /* quebra como no layout */
}
.destaque-blog .overlay p{
  color: var(--Purple-010, #ECE6F2);

/* Body-Regular/body-16 */
font-family: Ubuntu;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 155%; /* 24.8px */
}

/* Botão “glass” com chip roxo e borda branca */
.destaque-blog .btn-ghost-light{
  --border: rgba(255,255,255,.68);
  background: none;
  color:#fff;
  border:1px solid var(--border);
  border-radius: 6px;
  padding:.7rem 1.4rem;
  line-height: 1;
  backdrop-filter: saturate(140%) blur(2px);
  -webkit-backdrop-filter: saturate(140%) blur(2px);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.2),
    0 6px 18px rgba(0,0,0,.12);
  transition: .18s ease;
   display: inline-flex;            /* apenas tamanho do conteúdo */
  align-items: center;
  justify-content: center;
  width: auto;                     /* remove largura forçada */
  max-width: fit-content;          /* impede stretch */

}
.destaque-blog .btn-ghost-light:hover{
  background: rgba(255,255,255,.12);
  border-color:#fff;
  transform: translateY(-1px);
}
.destaque-blog .btn-ghost-light .chip{
  width: 28px; height: 28px;
  border-radius: 8px;
  background: none;               /* roxo do layout */
  display: inline-flex; align-items: center; justify-content: center;
  box-shadow: 0 6px 14px rgba(108,43,217,.35);
}

/* ---------------- Lateral “Mais vistos” ---------------- */
.destaque-blog .icon-box{
  width: 40px; height: 40px; border-radius: 50%;
 display:flex; align-items:center; justify-content:center;
  
}
.destaque-blog .icon-box figure {
    margin: 0;
  
    border-radius: 40px;
}

.destaque-blog .mais-vistos h5 {
    margin: 0;
    font-weight: 500;
    color: #667085;
    font-family: Ubuntu;
    font-size: 28px;
    font-style: normal;
}
.destaque-blog .text-highlight{ color:#420080; }

/* Itens */
.destaque-blog .item-artigo{
  text-decoration:none;
  gap:.5rem; padding: 8px;
  padding-block: 1rem !important;
  border-bottom: 1px solid rgba(23,23,23,.08) !important; border-radius: 0px;
  transition: background .18s ease;
}
.destaque-blog .item-artigo:last-child{ border-bottom: none !important; }
.destaque-blog .item-artigo h6{
    color: #420080;
font-family: Ubuntu;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 25px; /* 156.25% */
letter-spacing: -0.28px;
}
.destaque-blog .item-artigo p{ color: var(--Gray-100, #667085);

/* Body-Regular/body-14 */
font-family: Ubuntu;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 140%; /* 19.6px */ }
.destaque-blog .item-artigo .arrow{
  color:#6c2bd9; font-weight:700; font-size:1.1rem; display:flex; align-items:center;
}
.destaque-blog .item-artigo:hover{ background: rgba(108,43,217,.045); }
.destaque-blog .item-artigo:hover h6{ color:#420080; }

/* ---------------- Responsivo ---------------- */
@media (max-width: 1199.98px){
  .destaque-blog .card-destaque{ min-height: 420px; }
}
@media (max-width: 991.98px){
  .destaque-blog .card-destaque{ min-height: 260px; background-size: 140% !important;}
  .destaque-blog .overlay{ padding: 1.5rem; }
}
@media (max-width: 575.98px){
  .destaque-blog .overlay h2{ font-size: 18px!important; margin-bottom: 0 !important;}
  .destaque-blog .overlay p{ font-size: .95rem; }
  .destaque-blog .btn-ghost-light{ padding:.6rem 1.1rem; }
}


/* ---- seção ---- */
.secao-busca-categorias { background: #fff; }

/* ---- pills de categoria ---- */
.pill-categoria{
  display:inline-block;
  padding:8px;
  border:1px solid #E6E1F2;          /* lilás bem claro */
  border-radius:6px;

  text-decoration:none;
    color: var(--Gray-050, #AAAFBA);
    font-family: Ubuntu;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.28px;
  background:#fff;
  box-shadow: 0 2px 0 rgba(0,0,0,.02);
  transition: .18s ease;
}
.pill-categoria:hover{
  border-color:#CDBCF3;
  color:#4B16B8;
  background: #F8F6FF;
  transform: translateY(-1px);
}

/* ---- título com ícone ---- */
.titulo-busca h5{ color: var(--Purple-100, #420080);
    font-family: Ubuntu;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;}
.titulo-busca .texto-destaque{ color: var(--Green-100, #00C716);

/* Body-medium/body-16 */
font-family: Ubuntu;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 110%; } /* verde do mock */
.icon-busca{
  width:40px;height:40px;border-radius:10px;
  background:#F0EAFE;                  /* roxo clarinho */
  display:inline-flex;align-items:center;justify-content:center;
  box-shadow: 0 8px 22px rgba(108,43,217,.18) inset, 0 2px 0 rgba(0,0,0,.02);
}


.wrap-categorias.d-flex.flex-wrap.gap-3 {
    margin-top: 56px;    gap: 8px !important;
}

/* ---- form de busca ---- */
.form-busca{
  position:relative;
}
.campo-busca {
    width: 100%;
    padding: 1.05rem 3rem 1.05rem 1.25rem;
    border: 1px solid #EBEEF4;
    border-radius: 6px;
    background: #fff;
    color: #2a2140;
    outline: none;
    transition: .18s ease;
    box-shadow: 0 6px 18px rgba(17, 24, 39, .04);
}
.campo-busca::placeholder{ color:#B6BECC; }
.campo-busca:focus{
  border-color:#CDBCF3;
  box-shadow: 0 0 0 4px rgba(107, 70, 193, .12);
}

/* botão dentro do input */
.btn-enviar{
  position:absolute; right:.6rem; top:50%; transform:translateY(-50%);
  width:40px;height:40px;border-radius:10px;
  border:none;background:#4B16B8;color:#fff;
  display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer; transition:.18s ease;
}
.btn-enviar:hover{ filter:brightness(1.05); transform:translateY(-50%) scale(1.03); }

/* ---- responsivo ---- */
@media (max-width: 991.98px){
  .wrap-categorias{ gap:.75rem; }
  .pill-categoria{ padding:.85rem 1.2rem; }
}
@media (max-width: 575.98px){


  .pill-categoria{ padding:6px; border-radius:8px; }
  .titulo-busca h5{ font-size:1rem; }
}


.blog-title-section {
    width: 100%;
    padding: 24px 0 48px 0;
    margin: 24px 0 0 0;
    position: relative;
    display: block;
    float: left;
    border-bottom: 1px solid #ECE6F2;
    background: url(../images/divider-blog.png) no-repeat;
    background-position: top;
}


.blog-title-section figure { float:left; display:block; position:relative; margin-right:16px }

.blog-title-section figure svg {margin-right: 8px;}
.blog-title-section h1 {    font-family: Ubuntu;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;    line-height: 24px;    color: #420080;
    letter-spacing: -0.64px;}

    .blog-title-section h1 b {color: #667085;
/* Heading-light/Heading-32 */
font-family: Ubuntu;
font-size: 28px;
font-style: normal;
font-weight: 300;
line-height: 45px;
letter-spacing: -0.64px;}


section.blog-title-section.ultimos h2 {
    color: var(--Gray-100, #667085);
    font-family: Ubuntu;
    font-size: 28px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: -0.64px;
    float: left;
    display: block;
    position: relative;
    width: 80%;
}

section.blog-title-section.ultimos h2 b {
    color: var(--Purple-100, #420080);
    font-family: Ubuntu;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    float: left;
    line-height: normal;
    letter-spacing: -0.64px;
}


p#apoio {
    color: #667085;
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 155%;
    margin-left: 8px !important;
    position: relative;
    display: block;
}       


      p#apoio b  {color: #420080; font-weight: 400;}

.card-post {
    border-right: 1px solid #ECE6F2;
    position: relative;
    display: flex
;
    float: left;
    width: 100%;
    padding: 24px;
    transition: 0.3s;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
}

.card-post:hover {
    box-shadow: 0px 24px 28px 0px #ECE6F2;
    border-bottom: 1px solid #760de0;
}

.card-post:hover h1 {color: #420080; }

.card-post span { background:#ECE6F2; border-radius:4px;color: #420080; padding: 4px 8px; transition: 0.3s;
/* Body-medium/body-12 */
font-family: Ubuntu;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 16.8px */ }

.card-post h1 {color: #420080; width: 100%;
transition: 0.3s;
/* Heading-Semibold/Heading-20 */
font-family: Ubuntu;
font-size: 18px; text-align: left; float: left; display: block;
font-style: normal; margin: 0;
font-weight: 500; padding-right: 10px;
line-height: 26px; /* 130% */
letter-spacing: -0.4px;}


.card-post h2 {color: #420080; width: 100%;
transition: 0.3s;
/* Heading-Semibold/Heading-20 */
font-family: Ubuntu;
font-size: 18px; text-align: left; float: left; display: block;
font-style: normal; margin: 0;
font-weight: 500; padding-right: 10px;
line-height: 26px; /* 130% */
letter-spacing: -0.4px;}


.card-post p {
    color: #667085;
    font-family: Ubuntu;
    font-size: 16px;
    text-align: left;
    float: left;
    display: block;
    font-style: normal;
    font-weight: 300;
    padding-right: 80px;
    line-height: 26px;
    letter-spacing: 0px;
}

.card-post svg {
    margin-left: 0px; transition: 0.3s; float: left;
}



.card-post:hover svg {margin-left: 10px;}
.card-post figure { transition:0.3s; width:100%; height: 210px; border-radius: 8px; position:relative; float:left; overflow:hidden; }
.card-post figure img{ transition:0.3s; width:100%; position:relative; float:left; }
.card-post:hover figure img {width: 105%; }

.card-post:hover span {background: #420080; color: #fff;}
.divider { width:100%; position:relative; display:block;float:left; background:#ECE6F2; height:1px; margin-bottom:0; }


.blogpost .col-sm-4 {padding: 0;}


/* Fonte global da seção */
.secao-ebooks { font-family: 'Ubuntu', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }

/* container roxo externo com cantos grandes */
.secao-ebooks .wrap-roxo {
    background: #420080;
    border-radius: 36px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .22) inset, 0 10px 30px rgba(0, 0, 0, .08);
    padding: 16px;
    width: 100%;
    position: relative;
    display: block;
    float: left;    margin-top: 64px;
}

/* card interno */
.secao-ebooks .card-ebook{
             /* roxo do card */
  border-radius: 28px;
  color: #EAE6F7;
  position: relative;
 
}

/* versão com “stroke/brilho” */
.secao-ebooks .card-ebook-outline{
     background: #a080c07d;
  outline-offset: -16px;
}

/* bloco da imagem */
.secao-ebooks .media-ebook{
  height: 230px;                       /* ajuste de altura */
  background: #efe9f6;                 /* tom claro/“papel” */
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 2px 0 rgba(0,0,0,.04) inset;
}
.secao-ebooks .media-ebook img{
  object-fit: cover;
  width: 100%; height: 100%;
  border-radius: 22px;
}

/* títulos e textos */
.secao-ebooks .titulo-ebook{
color: var(--Accent-green-100, #00F71D);
    font-family: Ubuntu;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.4px;
    margin: 0; margin-bottom: 0!important;
    display: block;
    float: left;
    padding: 0;
    width: 100%;
}
.secao-ebooks .desc-ebook{
    color: var(--base-white, #FFF);
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: -0.28px;
}

/* botão verde com chip */
.secao-ebooks .btn-ebook{
  background: #23c55e;                 /* verde */
  color: #fff;
  border-radius: 6px;
  padding: .85rem 1.2rem;
  border: none;
  box-shadow: 0 10px 22px rgba(35,197,94,.28);
  transition: .18s ease;
}
.secao-ebooks .btn-ebook .chip-icon{
  width: 28px; height: 28px; border-radius: 8px;

}
.secao-ebooks .btn-ebook:hover{
  filter: brightness(1.06);
  transform: translateY(-1px);
}





/* --------- Cabeçalho --------- */
.materiais-download .mdw-icon{
  width: 56px; height: 56px; 
}
.materiais-download .text-primary-600{ color:#6C2BD9; }
.materiais-download .btn-ver-todos {
    padding: 12px 16px;
    background: #fff;
    color: var(--Gray-100, #667085);

/* Body-Regular/body-14 */
font-family: Ubuntu;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 19.6px */
    transition: .18s ease;
    border-radius: 8px;
    border: 1px solid var(--Purple-010, #ECE6F2);
}
.materiais-download .btn-ver-todos .arrow{ font-weight:700; }
.materiais-download .btn-ver-todos:hover{
  background:#f7f3ff;
  border-color:#e8dfff;
}



/*banner spotify 0-----*/


.banner-spotify {
    width: 100%;
    position: relative;
    display: flex
;
    margin: 0px 0 50px 0 ;
    padding: 80px 50px 50px 50px;
    float: left;
    background: url(../images/bg-spotify.jpg) no-repeat;
    background-size: cover;
    border-radius: 32px;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

 .banner-spotify h2 {color: #FFF;
text-align: center;

/* Heading-Semibold/Heading-40 */
font-family: Ubuntu;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: -0.8px;}
.banner-spotify p {color: var(--Gray-050, #fff);
text-align: center;

/* Heading-light/Heading-20 */
font-family: Ubuntu;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 160% */}



.mdw-card {
    border-radius: 8px;
    border: 1px solid var(--Purple-010, #ECE6F2);
    background: var(--base-white, #FFF);
    padding: 8px;
    transition: 0.3s;
}

a.btn.btn-baixar.d-inline-flex.align-items-center.gap-2 {
    border-radius: 8px;
    border: 1px solid var(--Green-050, #80E38A);
    padding: 8px 16px;
    color: var(--Gray-100, #667085);
    font-family: Ubuntu;
    font-size: 14px; background: #fff;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    transition: 0.3s;
}

/* --------- Cards --------- */
.materiais-download .mdw-card{
  background:#fff;
  border:1px solid #e9edf4;
  border-radius: 14px;
  overflow: hidden;
  transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease;
}
.materiais-download .mdw-card:hover{
  box-shadow: 0 10px 26px rgba(17,24,39,.08);
  border-color:#00c716;
  transform: translateY(-2px);
}

/* imagem do card */
.materiais-download .mdw-media{
  height: 180px;
  padding: 18px 18px 0;
}
.materiais-download .mdw-media img{
  width:100%; height:100%; object-fit:cover;
  border-radius: 10px;
}

.materiais-download h2 {
    color: var(--Gray-100, #667085);
    font-family: Ubuntu;
    font-size: 28px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: -0.64px;
    float: left;
    display: block;
    position: relative;
    width: 80%;
}

 .materiais-download h2 b {color: var(--Purple-100, #420080);

/* Heading-Semibold/heading-32 */
font-family: Ubuntu;
font-size: 28px;
font-style: normal;
font-weight: 500;float: left;
line-height: normal;
letter-spacing: -0.64px;}

/* textos */
.materiais-download h6{ color: var(--Base-black, #1E1F20);
font-family: Ubuntu;
font-size: 16px;
font-style: normal;
font-weight: 500; margin: 0;
line-height: 22px; /* 137.5% */
letter-spacing: -0.28px; }
.materiais-download .mdw-desc{ color: #667085;
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: -0.28px; }

/* botão baixar */
.materiais-download .btn-baixar{
  padding:.55rem 1rem;
  border-radius: 10px;
  border:1.5px solid #d7f7e4;
  background:#f2fff8;
  color:#10b560;
  font-weight:600;
  line-height:1;
  transition:.18s ease;
}
.materiais-download .btn-baixar .arrow{ color:#10b560; font-weight:700; }
.materiais-download .btn-baixar:hover{
  background:#eafff4!important;
  border-color:#bff1d7;
}

/* --------- Responsivo --------- */
@media (max-width: 991.98px){
  .materiais-download .mdw-media{ height: 170px; }
}
@media (max-width: 575.98px){
  .materiais-download .mdw-media{ height: 160px; }

}



/*videos ---------*/
/* Base da seção (Ubuntu) */
.secao-videos {
    font-family: 'Ubuntu';
    width: 100%;
    position: relative;
    display: block;
    float: left;
    padding: 80px 50px;
}

.linha {
    border-bottom: 1px solid #ECE6F2;
    padding-bottom: 28px;
}

/* ---------- Cabeçalho ---------- */
.secao-videos .ico-titulo{
  width: 56px; height: 56px; border-radius: 14px;
  background: linear-gradient(180deg,#F1EAFF 0%, #E7DFFF 100%);
  box-shadow: 0 10px 24px rgba(108,43,217,.28) inset, 0 2px 0 rgba(0,0,0,.02);
}
.secao-videos .pre-title{
  color:#787190; font-weight:700; font-size: 1.6rem; letter-spacing:.2px;
}
.secao-videos .titulo{
  margin: 0; font-size: 3rem; font-weight: 700; line-height: 1;
  color:#5b21b6; /* roxo forte da palavra “vídeos” */
}

/* Pill YouTube à direita */
.secao-videos .pill-youtube{
padding: .85rem 1rem;
    background: #fff;
    color: #3b2f5e;
    transition: .18s ease;
    border-radius: 8px;
    border: 1px solid var(--Purple-010, #ECE6F2);
}
.secao-videos .pill-youtube .yt {
    color: #5b21b6;
    color: var(--Purple-100, #420080);
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.28px;
}
.secao-videos .pill-youtube .yt-mark{
  width:54px;height:54px;border-radius:111px;background:#EBFDF6; overflow: hidden;
}
.secao-videos .pill-youtube .yt-mark img { width:100%; }

.secao-videos .pill-youtube .yt-dot{
  width:40px;height:40px;border-radius:8px;background:#42008029;
}
.secao-videos .pill-youtube:hover{
  background:#F6F2FF; border-color:#E7DEFF;
}


.secao-videos h2 {
    color: var(--Gray-100, #667085);
    font-family: Ubuntu;
    font-size: 28px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: -0.64px;
    float: left;
    display: block;
    position: relative;
    width: 80%;
}

 .secao-videos h2 b {color: var(--Purple-100, #420080);

/* Heading-Semibold/heading-32 */
font-family: Ubuntu;
font-size: 28px;
font-style: normal;
font-weight: 500;float: left;
line-height: normal;
letter-spacing: -0.64px;}


span.txt {
    color: var(--Gray-100, #667085);
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: -0.28px;
}

/* ---------- Cards ---------- */
.secao-videos .video-card{ color:#1f1f1f; }

/* miniatura 16:9 com cantos bem arredondados */
.secao-videos .thumb{ border-radius: 16px; overflow:hidden; }
.secao-videos .img-cover{ width:100%; height:100%; object-fit:cover; }

/* título do card */
.secao-videos .titulo-card{
color: var(--Base-black, #1E1F20);
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.28px;
}

/* botão “Assistir vídeo” */
.secao-videos .btn-assistir {
    padding: .55rem 1rem;
    background: #fff;
    border-radius: 6px;
    border: 1px solid var(--Green-050, #80E38A);
    transition: 0.3s;
    color: var(--Purple-100, #420080);
    font-family: Ubuntu;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}
.secao-videos .btn-assistir .play-ico{
  width:28px;height:28px;border-radius:8px;background:#fff;
}
.secao-videos .btn-assistir:hover{
  background:#fff; border-color:#420080; transform: translateY(-1px);
}





/*- CSS ARTIGO --------------------*/

.artigo-conteudo { width:100%; position:relative; display:block; float:left;padding:148px 0 0 0;  }
.artigo-conteudo span {border-radius: 8px;color: var(--Purple-100, #420080);

/* Body-Regular/body-12 */
font-family: Ubuntu;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 16.8px */
border-left: 1px solid var(--Purple-100, #420080);
background: rgba(236, 230, 242, 0.50); padding: 8px}
.artigo-conteudo figure { width:100%; position:relative; display:block; float:left; margin:24px 0 }
.artigo-conteudo figure img { width:100% }
.artigo-conteudo h1 {color: var(--Purple-100, #420080);

/* Heading-Semibold/heading-32 */
font-family: Ubuntu; width: 100%; position: relative ; display: block; float: left;
font-size: 28px;
font-style: normal; margin: 24px 0;
font-weight: 500;
line-height: normal;
letter-spacing: -0.64px;}
.artigo-conteudo p {color: var(--Gray-100, #667085);

/* Heading-light/Heading-16 */
font-family: Ubuntu;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 30px;
letter-spacing: -0.28px;}


.artigo-conteudo li {color: var(--Gray-100, #667085);

/* Heading-light/Heading-16 */
font-family: Ubuntu;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 30px;
letter-spacing: -0.28px;}
.artigo-conteudo h2 {color: var(--Purple-100, #420080);
font-family: Ubuntu;
font-size: 24px;
font-style: normal; margin: 24px 0;
font-weight: 500;
line-height: 35px; /* 145.833% */
letter-spacing: -0.48px;}
.artigo-conteudo h3 {color: var(--Purple-100, #420080);

/* Heading-Semibold/Heading-20 */
font-family: Ubuntu;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 26px; /* 130% */margin: 24px 0;
letter-spacing: -0.4px;}
.artigo-conteudo h4 {color: var(--Base-black, #420080);
font-family: Ubuntu;
font-size: 18px;
font-style: normal;margin: 24px 0;
font-weight: 500;
line-height: 28px;}
.artigo-conteudo h5 {color: var(--Base-black, #420080);

/* body-bold/body-16 */
font-family: Ubuntu;
font-size: 18px;
font-style: normal;
font-weight: 700;margin: 24px 0;
line-height: 140%;}
.artigo-conteudo h6 {color: var(--Green-100, #420080);
font-family: Ubuntu;
font-size: 18px;
font-style: normal;margin: 24px 0;
font-weight: 700;
line-height: 140%; /* 22.4px */}



.card-autor {
    border-radius: 16px;
    border: 1px solid var(--Purple-050, #A080C0);
    background: rgba(235, 238, 244, 0.20);
    width: 100%;
    position: relative;
    display: flex
;
    float: left;
    padding: 24px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center; margin-top: 64px;
    justify-content: center;
    align-items: center; margin-bottom: 64px;
}

.card-autor figure {width: 103px;
height: 103px;border-radius: 111px;
border: 2px solid var(--Purple-100, #420080);margin: 0; padding: 0;
background: #D9D9D9; overflow: hidden;
flex-shrink: 0;}

.card-autor figure img { width:100%; }

.card-autor h5 {color: var(--Purple-100, #420080); margin: 0; padding: 0;

/* Heading-Semibold/Heading-16 */
font-family: Ubuntu;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 30px; /* 187.5% */
letter-spacing: -0.28px;}
.card-autor p {color: var(--Gray-100, #667085);

/* body-light/body-14 */
font-family: Ubuntu;
font-size: 16px;margin: 0; padding: 0;
font-style: normal;
font-weight: 300;
line-height: 169%; /* 23.66px */}


.logos-section {    padding: 96px 0 0 0;}

/***---------------------- MEDIA QUERYS 0------------------0------------------0------------------0------------------0------------------
 * 0------------------0------------------0------------------0------------------0------------------0------------------
 * 
 * 0------------------0------------------0------------------0------------------0------------------0-----------------*/


@media (min-width: 1920px) {

}



@media (max-width: 1370px) {
  /* estilo para XL e maior */


      .blog-title-section {
        padding: 00px 50px 10px 50px !important;
        margin: 24px 0 0 0;
    }

    section.blog-title-section.ultimos {
    background: none;
    padding: 50px 50px 10px 50px !important;
}


  h2, h2 b {
        font-size: 28px !important;
    }


  .destaque-blog {    padding: 0 50px;}

  .blog-title-section {    margin: 0;}

   .contatos {    gap: 4% !important;}
  .contatos p {    margin: 0 16px;}
  .sitemap ul li {    margin-right: 50px;}

  section.secao-ebooks.py-5 {
    width: 100%;
    position: relative;
    display: block;
    float: left;
    padding: 0 50px !important;
}

  section.materiais-download.py-5 {
    width: 100%;
    position: relative;
    display: block;
    float: left;
    padding: 50px !important;
}

section.secao-videos.py-5 {
    width: 100%;
    position: relative;
    display: block;
    float: left;
    padding: 50px !important;
}




}




@media (max-width: 768px) {
  /* estilo para MD e maior */

.blog-title-section { padding:0 !important }

.blog-title-section h1 {        font-size: 28px !important;
        padding-top: 8px;
        line-height: 9px !important;
        width: 100%;
        float: left;}

            .blog-title-section h1 b {
        font-size: 28px !important;    line-height: 55px;
    }

    .card-post h1 {    padding-right: 00px;}



}




@media (max-width: 575.98px) {


        .destaque-blog {
        padding: 0;    margin-top: 80px;
    }

  .mais-vistos.mb-4.d-flex.align-items-center.gap-2 {
         margin-top: 32px;
        margin-bottom: 0 !important;
} 

.blog-title-section h1 {    font-size: 24px;}
.blog-title-section h1 b {    font-size: 22px;}

.wrap-categorias.d-flex.flex-wrap.gap-3 {
    gap: 8px !important;
    width: 100%;
    text-align: center;
    display: flex
;
    justify-content: center;
    margin: 0 0 24px 0;
}


section.blog-title-section.ultimos h2 ,section.blog-title-section.ultimos h2  b{font-size: 22px;        margin-bottom: 16px;}


.secao-ebooks .wrap-roxo{    padding: 0 !important;  }

.secao-ebooks .card-ebook {    padding: 16px!important; margin-bottom: 24px;}


.materiais-download h2, .materiais-download h2 b{font-size: 22px;     width: 100%;       margin-bottom: 0;} 

  .materiais-download .d-flex.align-items-center.justify-content-between.mb-4.mb-lg-5 { margin-bottom:28px; }

  .materiais-download .mdw-card { margin:16px 0; }


     .materiais-download .d-flex {
    display: flex !important
;
    flex-wrap: wrap;
} 

        p#apoio {
        margin-top: 0;
        padding: 0;
        margin-left: 0 !important;
    }

    section.secao-ebooks.py-5 { padding:0!important; }

    section.materiais-download.py-5 { padding:50px 0!important; }

    section.secao-videos.py-5 { padding:50px 0!important; }



  .materiais-download .btn-ver-todos{        margin-top: 16px;}

    section.materiais-download.py-5 {
    padding-bottom: 0!Important;
    margin-bottom: 0;
}

.secao-videos { margin:0; }

.secao-videos h2, .secao-videos h2 b { font-size:22px; }
.secao-videos h2 { width:100%; }

.secao-videos .pill-youtube { margin-top:24px; }

.secao-videos h2 b {    float: initial;}

.secao-videos .video-card { margin:16px 0; }
}