html{
    font-family: 'Gothan';
}
body{ background-color: white;;}
.borda_1 { border-radius: 20px; overflow: hidden;}
.borda_30 { border-radius: 31px; overflow: hidden; }
.media{ align-items: stretch ;}
.media.ret figure img { height:  110px; }

.play_youtube { position:relative;}
.play_youtube::after { position:absolute; left: 50%; top: 50%; transform:translate(-50% , -50%); content: " "; display: block;
    background-image: url(../imgs/youtube-vermelho.svg); 
    background-position: center; background-size: contain; background-repeat: no-repeat; z-index: 2; width: 85px; height: 54px;}

.play_youtube.maior::after { width: 110px; height: 90; } 
.conteudo, 
.conteudo * { color: #4D4D4D; font-size: 18px  } 
.conteudo p { font-size: 20px; margin-bottom: 20px;}

.cover_image img { object-fit: cover ;}

.img_banner_post { aspect-ratio: calc( 1300 / 335 ) ; object-fit: cover ;}

.titulo_medio { font-size: 22px; font-weight: 500 ; color: #4D4D4D;}

.conteudo .texto_medio, 
.texto_medio { font-size: 16px; }

.texto_cinza{ color: #4D4D4D; }

p, .subtitle { color: #140E64 }
.level-item { padding: 10px}

.navbar-menu { max-width: 1100px;margin: auto;}
.site-header {
  position: relative;
}

.ornamento{ position:relative}

.ornamento::before { 
    position:absolute;
    left: 0; display: block; content: " "; background-image: url(../imgs/home/ornamento.svg); 
    width: 600px ; height: 600px; background-size: cover; left: -300px; top: 50px; 
}
.ornamento.n2::before { left: auto; right: -550px; }
.ornamento.n3::before { left: -300px; right: auto;  top: 0px }
.ornamento.n4::before { left: -330px; right: auto;  top: -80px }
.ornamento.n5::before { left: auto; right: -360px;  top: 100px }

@media(max-width: 1000px){
    .ornamento::before { display: none ;}
}
.is-220 { width: 220px; height: 220px }
.navbar-link, .navbar-item { font-weight: bold ; color: #140E64; font-size: 20px; ;}

.main-nav {
  position: relative;
  z-index: 10;
}

.navbar-item.has-mega {
  position: static;
}

/* Mega menu */
.mega-menu {   display: none;   position: absolute; left: 0; top: 100%; width: 100vw; 
    background: #fff; padding: 60px 0; box-shadow: 0 10px 30px rgba(0,0,0,.1);
    color: #140E64;
}

.btn_ouca { border-radius: 10px; overflow: hidden;}

.navbar.is-white { background-color: #F6F6F6;}

.corrigir_img_nav {     max-height: 100%!important; border-radius: 50px; }

.text_topo { font-size: 16px; font-weight: 400;}

.social_banner { border-radius: 10px; font-weight: bold; color:white!important; padding: 8px 16px!important ;}

.button.verde, [type='submit'] { background-color: #73D12B; color:white; border-radius: 10px; font-size: 20px; }
.section-title {
  font-weight: 700;
  font-size: 30px;
  text-transform: uppercase;
  color: #2d0b73;
}
.section-title.maior{ font-size: 50px; line-height: 55px;;}

.explore_img { 
    width: 462px;
    height: 250px;
    max-height: unset !important;
    overflow: hidden;
    border-radius: 40px;
    object-fit: cover;
}

@media(max-width: 1000px){
    .section-title.maior{ font-size: 22px;  line-height: 35px;}
    .section-title{ font-size: 22px; }
    
}
/* cards */
.card {
  position: relative;
  border-radius: 50px;
  overflow: hidden;
}

.card-overlay {
  position: absolute;
  inset: 0;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: linear-gradient(
    to top,
    rgba(0,0,0,.7),
    rgba(0,0,0,.15)
  );
}


.card-overlay_after {
    position: relative;
}

.card-overlay_after::after  {
display: block; z-index: 2; width: 100%; height: 100%; content: '' ; border-radius: inherit;

  position: absolute;
  inset: 0;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  /* background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.733),
    rgba(0, 0, 0, 0.068)
  ); */
  top: 0px;left: 0px; right: 0px; bottom: 0px; 

  background:#3333;
}
.card-overlay_after h1,
.card-overlay_after h2,
.card-overlay_after h3,
.card-overlay_after h4,
.card-overlay_after h5,
.card-overlay_after p { z-index: 3 ; position: relative;;}

.card-overlay_after span { z-index: 3; }
/* .card-destaque { height: 100%;} */
.card-destaque .image {
  /* height: 100%; */
}

.font_medium { font-weight: 500;}

.align_justify { 
    display: flex;
    align-items: center;
    justify-content: center;
}


.card-destaque-post { display: flex; background-color: white; align-items: stretch; border-radius: 30px; border: 1px solid #140E6447;}
.card-destaque-post .image img, 
.card-destaque-post .image{ height: 100% ;}

.card-destaque-post.v2 { border:none; box-shadow: none; color: #4D4D4D }
.card-destaque-post.v2 p { color: #4d4d44; }
.card-destaque-post.v2 img{ border-radius: 30px; overflow: hidden;}

.btn_vazado { background-color: transparent ; color: #707070; border: 1px solid #707070 ;
    border-radius: 10px ;}

.box_patrocinador { padding: 20px; }
.box_patrocinador p { color: #000; }

.card-destaque-post.v2 .title{ color: #000000; }
 
.box_cinza { background-color: #140E641A;
    border-radius: 30px;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 38px;
    margin-left: 30px; 
}

.title.is-6 { font-size:  1.1rem }
.box_patrocinador .title{  color: #000}

.input, .select select, .textarea, 
input, textarea, select { background-color: white; ;}

.input::placeholder,
input::placeholder { color: #333!important; }


.select::placeholder,
select::placeholder { color: #333!important; }

.textarea::placeholder,
textarea::placeholder { color: #333!important; }

.card_v2 {
  border-radius: 37px;
  padding: 10px;
  overflow: hidden;
  background-color: white;;
}
.card_v2 img{ border-radius: 30px; overflow: hidden;}

.padding_card_v2 { padding: 30px 0 30px 0 }

.editoria_lista_title { font-size: 30px; }

.editoria .subtitle{ color: #4D4D4D!important ; font-size: 20px !important; margin-top: 10px;
   margin-bottom: 0px; 
}

.editoria_banner .menor .image.is-4by3 {
    height: 230px; width: 100%;
}

.editoria_banner > .container > .columns > .column { padding: 5px;}

.centralizar_simples {
    display: flex;
    align-items: center;
    padding-right: 40px;
}

.editoria_card {
  border: 2px solid #8e41c1;   height: 100%;

}

.editoria_side_card {
  border: 2px solid #ff7a00;
}

.card-image { height: 100% ;}
.card-lateral .image {
  height: 100%;
}

.card img {
  object-fit: cover;
}

.tag{ width: fit-content; font-weight: bold; }

.badge.badge_white { background-color: #fff ; color: #140E64!important; font-weight: 300 ;
            left: auto; right: 20px; width: fit-content;;}


.badge_saude { background-color: #140E64!important; border: none !important;  color: #fff!important; } 
.badge_carreira { background-color: #FE7211!important; border: none !important; color: #fff!important;  }
.estilo_vida { background-color: #0060E9!important; border: none !important; color: #fff!important;  }
.badge_financas { background-color: #140E64;  }
.badge_autoconhecimento { background-color: #8E41C1!important; border: none !important; color: #fff!important;  }
.badge_relacionamento { background-color: #73D12B!important; border: none !important; color: #fff!important;  }


.badge.interno { position: static ; margin-right: 15px ; display: inline-block; }
.badge.selected { border: 1px solid #140E64; background-color: transparent; color: #140E64 ;}

.margin_title h3 { margin-top: -50px !important; z-index: 10; position:relative; color:white; ; }

.titulo_bottom h3 ,
.titulo_bottom h4 {     position: absolute; bottom: 20px; }
.tema-card .image {
  position: relative; border-radius: 16px;  overflow: hidden;
}

.tema-card h3, .tema-card  h4 , .tema-card p { padding-left: 20px; padding-right: 20px; color: #4D4D4D;}

.tema-card h3, .tema-card h4, .tema-card p { color: #3b007f; }

.tema-card img {
  object-fit: cover;
}

.badge { position: absolute; bottom: 24px; left: 24px; padding: 4px 10px; font-size: 11px; font-weight: 600; color: #fff; border-radius: 999px;
}

.convidados { 
 background-color: #F6F6F6;
}
.video-thumb { position: relative; width: 100%; max-width: 800px; margin: 40px auto; cursor: pointer;
}

.video-thumb img.bg {
    width: 100%;
    display: block;
    border-radius: 35px;
}

.video-thumb img.play {
  position: absolute;    top: 50%;    left: 50%; 
  transform: translate(-50%, -50%);    width: 80px;    height: 80px;    pointer-events: none;
}

.font_normal { font-weight: 400;}
.temas_title { font-size: 23px; }

 .reposicionar {
    bottom: 0;
    position: absolute;
    padding: 20px;
  width: 100%;
}

.title:not(:last-child) { margin-bottom: 5px;}

/* cores reaproveitam Bulma */
.badge.is-success { background: #48c78e; }
.badge.is-warning { background: #ffb70f; }
.badge.is-link    { background: #3e8ed0; }
.badge.is-info    { background: #3298dc; }
.badge.is-primary { background: #485fc7; }



.inscrever_se{ width: 400px; }

.form-section { max-width: 900px; margin: 60px auto; text-align: center; padding: 0 20px;
}

.form-section h2 {   color: #3b148a;  font-size: 28px;  margin-bottom: 8px; }

.form-section p {
color: #3b148a;
margin-bottom: 40px;
}

form {
display: flex;
flex-direction: column;
gap: 20px;
}
.form-row { margin-bottom: 20px; }
.form-row  > p{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}

input,
textarea {  width: 100%;  padding: 18px;  border-radius: 14px;  border: none;  
            background: #ededed;  font-size: 14px;  outline: none;
}

textarea {
resize: none;
height: 180px;
}

button {  background: #32e100; color: #fff; border: none; border-radius: 10px;
          padding: 14px 40px; font-size: 15px; font-weight: bold; cursor: pointer;
}

form button:hover{ background: #32e100;}

button:hover {
background: transparent;
}



/* Fade suave no modal */
.modal {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.modal.is-active {
  opacity: 1;
  pointer-events: auto;
}

.modal-background {
  background-color: rgba(10, 10, 10, 0.6);
}

.sombra_hover:hover { box-shadow: -10px 10px 10px #00000029; border-radius: 25px ; background-color: ;}

.btn_home_colunista { cursor: pointer ; }
.btn_home_colunista:not(.ativo) .colunista_detalhes { display: none ;}


.box_slide {  width: fit-content ; padding: 10px;}

.control input { height: 60px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
.control button { height: 60px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.control button:hover{ background-color: #00c853;}

.fechar_close {     position: absolute; top: 15px; right: 15px; }

.delete { padding: 20px!important; }

.modal.transp header { background-color: transparent;}
.modal.transp section { background-color: transparent;}
.modal.transp footer { background-color: transparent;}
.delete::before{ width: 15px;}
.delete::after{ height: 15px;}
/* Mobile */
@media (max-width: 768px) {
.form-row > p {
grid-template-columns: 1fr;
}

.inscrever_se { width: 250px; }

}

.borda_stories { border: 2px solid #9f00c4; padding: 10px; border-radius: 30px; ;}

.webstories_img_maior ,
.webstories_img { object-fit: cover ;}
/* Hover desktop */
@media screen and (min-width: 720px) {

  .pl_0_desk{ padding-left: 0px;}
  .webstories_img_maior { height: 500px ;}
  .webstories_img{ height: 260px ;}


    .hamb{ display: none;}

  .card-overlay.maior{ 
        padding: 60px;
    }
  .navbar-item.has-mega:hover .mega-menu {
    display: block;
  }
  .navbar-end { margin-left: 20px;}
  .navbar-end { padding-left: 20px;}
}

.navbar-item .titulo_nav { font-size:  30px; margin-bottom: 40px ;}


@media(max-width: 1000px){
  .main-nav { min-height: auto!important;}
  .navbar-item .titulo_nav { font-size: 20px; line-height: 25px;}

}
/* Estilo links mega */
.mega-menu p {
    color: #140E64; 
}
.mega-menu h2, .mega-menu h3, .mega-menu h4 { color: #140E64; }



.mega-menu a {
  color: #140E64;  display: block;  padding: .25rem 0;  margin-bottom: 16px;
}

.mega-menu a:hover {
  color: #140E64;
}

/* Linha colorida */
.rainbow-line {
  height: 4px;
  background: linear-gradient(
    to right,
    #ff004c,
    #ffcc00,
    #00c853,
    #2979ff
  );
}




.footer-50tao {
  background: #140E64;
  color: #fff;
  padding: 80px 20px;
}

.footer-50tao a {
  color: #fff;
  font-size: 16px;
}

.socials a {
  margin-right: 16px;
  font-size: 20px;
}

.logo-footer .title {
  color: #fff;
  margin: 0;
}


.footer-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-menu li {
  margin-bottom: 8px;
  font-weight: bold;
}

.footer-menu a:hover {
  text-decoration: underline;
}

.copyright {
  font-size: 14px;
  opacity: 0.7;
}


/* beneficios */
.assinatura {
  background: #FE7211;
}

.mockup-phone {
    z-index: 2;
    position: relative;
 
}

.beneficios {
  margin-bottom: 30px;
}

.icon-circle { width: 64px; height: 64px; background: #7a00cc; color: #fff; border-radius: 50%;
               margin: 0 auto 10px; display: flex; align-items: center; justify-content: center; font-size: 26px; }

.beneficio-title { font-weight: bold; color: #fff; font-size: 14px; }

.beneficio-text { color: #fff; font-size: 13px; }

.box-assinatura { background: transparent; border: 2px solid #7a00cc; border-radius: 20px; 
                  padding: 40px 30px; color: #fff; }

.box-assinatura .title { color: #fff; }

.ver_mais_btn, 
.button.verde { background: #32e100; color: #fff; font-weight: bold; border: none; padding: 14px 40px; }

.ver_mais_btn:hover,
.button.verde:hover {
  background: #2ac400;
  color: #fff;
}

.ver_mais_btn{ border-radius: 6px; margin: auto;     display: block;
   width: -webkit-fit-content; /* Chrome antigo, Safari antigo */
    width: -moz-fit-content;    /* Firefox antigo */
    width: fit-content;         /* Padrão atual */
}

.video_frame { padding: 10px; border-radius: 20px;}
.video_frame.linha { border: 1px solid #9f00c4}

.video_frame iframe {  padding: 0px; border-radius: 20px; width: 100%; display:block; }

.newsletter-bar { 
  position: fixed; bottom: 0; left: 0; width: 100%; background:  #140E64;
   padding: 25px 0; z-index: 999;
}

.newsletter-bar .input {
  border-radius: 10px ;
  height: 40px;
}

.newsletter-bar .button { 
  border-radius:  10px ; height: 40px; font-weight: bold; background-color: #73D12B; color:white;
  font-size: 12px; 
}

/* Mobile */
@media (max-width: 768px) {

}

@media(min-width: 1000px){
    .box-assinatura{
        width: 903px;
        transform: translateX(-143px);
    }
    .mockup-phone {
        margin-bottom: 30px;
        transform: translateX(50px)
    }
    .beneficios {     margin-top: -100px;  }

    .p-0-desk { padding: 0px; padding-right: 10px; }
}
/* beneficios */



/* Mobile */
@media (max-width: 768px) {

    .box_cinza { margin-left: 0; margin-top: 10px;}

    .media.media_post { display:  flex; flex-direction: row ;}
    .card-destaque-post { flex-direction: column;}

    .card-destaque-post .button { width: 100%; }

    .titulo_medio, 
    .editoria_lista_title, 
    .title.is-3 { font-size: 18px; }

    .navbar-end { padding-left: 20px ;}
 
    .px_0_mob { padding-left: 0px!important; padding-right: 0px!important;}
    .py_0_mob { padding-top: 0px!important; padding-bottom: 0px!important;}
    .my_0_mob { margin-top: 0px ; margin-bottom: 0px ;}
    .mob_mb_1 { margin-bottom: 0px!important;}

    .beneficios {
        flex-wrap: wrap;
    }

    .padding_card_v2 { padding: 0px  }

    .media{ flex-direction: column;}

    .editoria_side_card .menor {padding-bottom: 0px;}

    .mockup-phone { margin: 10px; }
    .box-assinatura { padding: 20px; margin: 10px;} 
    
    
  .home-bloco { padding-top: 0px!important;}

  .container{ padding-left: 25px; padding-right: 25px;}
  .card-destaque .image img,
  .card-destaque { height: 400px;}



  .socials,
  .footer-menu {
    text-align: center;
  }

  .footer .has-text-left { text-align: center!important;}
  .socials {
    margin-bottom: 20px;
  }

  .footer-menu {
    margin-top: 20px;
  }



  .menu-toggle {
    display: inline-flex;
  }

  .navbar-menu {
    display: none;
    flex-direction: column; 
    width: 100%;
    left: 0;
    top: 100%;
    box-shadow: 0 10px 30px rgba(0,0,0,.1);
  }

  .navbar-menu.is-active {
    display: block;
  }

  .navbar-start {
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 20px;
  }

  .navbar-item {
    width: 100%; padding-left: 0px; padding-right: 0px;
  }

  .navbar-item a { padding: 0px;}

  /* Mega menu no mobile vira bloco normal */
  .mega-menu {
    position: relative;
    width: 100%;
    box-shadow: none;
    display: none;
    padding: 20px 0;
  }

  .navbar-item.has-mega.is-open .mega-menu {
    display: block;
  }

  .explore_img {
    display: none;
  }

  .linha_colorida { display: none;}

  .level { 
    display: flex;
    flex-direction: row;
  }
}
@media(min-width:1000px){
    .footer-menu { padding-left: 250px;}
}