/* --- tl4-header-vars --- */
.tl4-site-header{
        --tl4-brand-font:Georgia;
        --tl4-nav-font:Georgia;
        --tl4-brand-size:24px;
        --tl4-nav-size:13px;
        --tl4-nav-offset:10px;
      }

/* --- c143486e --- */
/* HOME — DESKTOP */
.tl4-site-header .tl4-header-inner{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  column-gap:0;
}
.tl4-site-header .tl4-home-left{
  grid-column:1;
  display:flex;
  align-items:center;
  gap:12px;
  height:54px;
}
.tl4-site-header .tl4-brand{
  position:relative;
  display:flex;
  align-items:center;
  min-width:54px;
  height:54px;
}
.tl4-site-header .tl4-brand-name{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:2;
  color:#fff;
  font-family:var(--tl4-brand-font,"Cormorant Garamond",Georgia,serif);
  font-size:18px;
  font-weight:500;
  line-height:1;
  letter-spacing:.015em;
  text-transform:uppercase;
  white-space:nowrap;
  pointer-events:auto;
}
.tl4-site-header .tl4-brand img{
  width:54px;
  height:54px;
  object-fit:contain;
  flex:0 0 54px;
}

/* Ícone de menu: fica imediatamente ao lado da logo. */
.tl4-site-header .tl4-home-menu-toggle{
  width:28px;
  height:28px;
  padding:0;
  margin:0;
  border:0;
  background:transparent;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  cursor:pointer;
  flex:0 0 28px;
}
.tl4-site-header .tl4-home-menu-toggle span{
  display:block;
  width:25px;
  height:1px;
  background:currentColor;
  transition:transform .2s ease, opacity .2s ease;
}
.tl4-site-header .tl4-home-menu-toggle[aria-expanded="true"] span:nth-child(1){
  transform:translateY(6px) rotate(45deg);
}
.tl4-site-header .tl4-home-menu-toggle[aria-expanded="true"] span:nth-child(2){
  opacity:0;
}
.tl4-site-header .tl4-home-menu-toggle[aria-expanded="true"] span:nth-child(3){
  transform:translateY(-6px) rotate(-45deg);
}

/* A lista fica escondida e abre abaixo do botão MENU. */
.tl4-site-header .tl4-menu{
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  z-index:30;
  width:230px;
  margin:0;
  padding:0;
  display:none;
  background:transparent;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 14px 35px rgba(0,0,0,.28);
}
.tl4-site-header .tl4-menu.is-open{
  display:block;
}
.tl4-site-header .tl4-menu ul{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  gap:0;
  margin:0;
  padding:8px 0;
  list-style:none;
}
.tl4-site-header .tl4-menu li{
  display:block;
  margin:0;
  padding:0;
}
.tl4-site-header .tl4-menu a{
  display:block;
  padding:11px 18px;
  color:#fff;
  font-family:var(--tl4-nav-font,Georgia),serif;
  font-size:var(--tl4-nav-size,15px);
  font-weight:500;
  letter-spacing:.055em;
  text-transform:uppercase;
  text-decoration:none;
}
.tl4-site-header .tl4-menu a:hover,
.tl4-site-header .tl4-menu a:focus{
  background:rgba(255,255,255,.09);
}

.tl4-site-header .tl4-header-actions{
  justify-self:end;
  position:relative;
  display:flex;
  align-items:center;
  gap:0;
}
.tl4-site-header .tl4-social{
  position:relative;
  display:flex;
  align-items:center;
  gap:9px;
  padding-right:24px;
}
.tl4-site-header .tl4-social::after{
  content:"";
  position:absolute;
  top:50%;
  right:0;
  width:1px;
  height:24px;
  background:rgba(255,255,255,.68);
  transform:translateY(-50%);
}
.tl4-site-header .tl4-search-toggle{
  margin-left:15px;
}
.tl4-site-header .tl4-hero-copy{
  width:min(1180px,calc(100% - 56px));
  margin:auto auto 0;
  padding:0 0 78px;
  text-align:left;
  transform:translate(var(--tl4-hero-x,0px),var(--tl4-hero-y,0px));
}
.tl4-site-header .tl4-hero-copy h2{
  max-width:610px;
  margin:0;
  color:#fff;
  font-family:var(--tl4-brand-font,"Cormorant Garamond",Georgia,serif);
  font-size:clamp(48px,5.6vw,76px);
  font-weight:500;
  line-height:.99;
  letter-spacing:-.025em;
  white-space:normal;
  text-align:left;
}
.tl4-site-header .tl4-hero-subtitle{
  max-width:610px;
  margin-top:22px;
  color:rgba(255,255,255,.93);
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(20px,2.05vw,27px);
  font-weight:400;
  line-height:1.28;
  font-style:italic;
  text-align:left;
}
.tl4-mobile-hero-image{
  display:none;
}

/* PÁGINAS E POSTS — header compacto */
.tl4-compact-header{
  background:#F7F1E8;
  color:#3D2E24;
  border-bottom:1px solid rgba(140,115,85,.28);
  box-shadow:0 4px 18px rgba(43,46,51,.045);
  position:fixed;
  top:0;
  left:0;
  right:0;
  width:100%;
  z-index:10000;
}
.tl4-compact-inner{
  width:min(1260px,calc(100% - 56px));
  min-height:102px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:26px;
}
.tl4-compact-brand{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
}
.tl4-compact-brand-logo{
  width:48px;height:48px;flex:0 0 48px;object-fit:contain;
}
.tl4-compact-brand-name{
  color:#3D2E24;
  font-family:var(--tl4-brand-font,"Cormorant Garamond",Georgia,serif);
  font-size:20px;line-height:1;letter-spacing:.01em;white-space:nowrap;
}
.tl4-compact-menu{justify-self:center}
.tl4-compact-menu ul{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0}
.tl4-compact-menu a{color:#3D2E24;font-family:var(--tl4-nav-font,Georgia),serif;font-size:var(--tl4-nav-size,15px);padding:6px 0}
.tl4-compact-actions{justify-self:end;display:flex;align-items:center;gap:10px}
.tl4-compact-support{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:0 14px;
  border:1px solid #3D2E24;
  background:#3D2E24;
  color:#F7F1E8 !important;
  font-family:var(--tl4-nav-font,Georgia),serif;
  font-size:13px;
  line-height:1;
  letter-spacing:.04em;
  text-decoration:none !important;
  white-space:nowrap;
  transition:opacity .2s ease;
}
.tl4-compact-support:hover{opacity:.86}
.tl4-compact-subscribe{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:0 14px;
  border:1px solid #3D2E24;
  background:#F7F1E8;
  color:#3D2E24 !important;
  font-family:var(--tl4-nav-font,Georgia),serif;
  font-size:13px;
  line-height:1;
  letter-spacing:.04em;
  text-decoration:none !important;
  white-space:nowrap;
  transition:background .2s ease,color .2s ease;
}
.tl4-compact-subscribe:hover{
  background:#3D2E24;
  color:#F7F1E8 !important;
}
.tl4-compact-social{display:flex;gap:6px}
.tl4-compact-social a,.tl4-compact-search{width:30px;height:30px;padding:0;border:0;background:transparent;color:#3D2E24;display:grid;place-items:center;cursor:pointer}
.tl4-compact-social svg,.tl4-compact-search svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.tl4-compact-login{
  width:32px;
  height:32px;
  margin-left:16px;
  padding:0;
  border:1px solid rgba(61,46,36,.55);
  border-radius:50%;
  background:#F7F1E8;
  color:#3D2E24;
  display:grid;
  place-items:center;
  text-decoration:none !important;
  cursor:pointer;
  box-sizing:border-box;
}
.tl4-compact-login svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
  display:block;
}

.tl4-compact-social img{width:18px;height:18px;object-fit:contain}
.tl4-compact-divider{width:1px;height:26px;background:rgba(140,115,85,.38)}
.tl4-compact-search-panel{display:none;position:absolute;top:100%;right:max(28px,calc((100% - 1260px)/2));width:min(400px,calc(100% - 40px));padding:14px;background:#F7F1E8;border:1px solid rgba(140,115,85,.25);box-shadow:0 16px 35px rgba(43,46,51,.10)}
.tl4-compact-search-panel.is-open{display:block}


/* =========================================================
   AJUSTE DO TEXTO DO HERO DESKTOP
   Somente posicionamento/tamanho do título e subtítulo.
   Não altera imagem nem header.
   ========================================================= */
.tl4-site-header{
  position:relative;
}

.tl4-desktop-only-hero-copy{
  position:absolute !important;
  left:7.5% !important;
  bottom:105px !important;
  width:min(650px,62vw) !important;
  margin:0 !important;
  padding:0 !important;
  z-index:4;
  transform:translate(var(--tl4-hero-x,0px),var(--tl4-hero-y,0px)) !important;
  text-align:left !important;
}

.tl4-desktop-only-hero-copy h2{
  width:100%;
  max-width:650px !important;
  margin:0 !important;
  font-size:clamp(48px,5.1vw,68px) !important;
  line-height:1.00 !important;
  letter-spacing:-.02em !important;
  white-space:normal !important;
  text-align:left !important;
}

.tl4-desktop-only-hero-copy .tl4-hero-subtitle{
  width:100%;
  max-width:620px !important;
  margin-top:18px !important;
  font-size:clamp(19px,2.05vw,25px) !important;
  line-height:1.25 !important;
  white-space:normal !important;
  text-align:left !important;
}

@media (min-width:761px) and (max-width:1100px){
  .tl4-desktop-only-hero-copy{
    left:7% !important;
    bottom:92px !important;
    width:min(610px,78vw) !important;
  }

  .tl4-desktop-only-hero-copy h2{
    max-width:610px !important;
    font-size:clamp(46px,6vw,62px) !important;
  }

  .tl4-desktop-only-hero-copy .tl4-hero-subtitle{
    max-width:590px !important;
    margin-top:15px !important;
    font-size:clamp(18px,2.35vw,23px) !important;
  }
}

/* MOBILE HOME: imagem inteira, sem crop */
@media(max-width:760px){
  /* HOME MOBILE — uma única linha */
  .tl4-site-header{
    min-height:0 !important;
    height:auto !important;
    background:#F7F1E8 !important;
    overflow:visible;
  }

  .tl4-site-header .tl4-header-inner{
    position:relative;
    z-index:5;
    width:100%;
    height:64px;
    min-height:64px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-areas:"left title actions";
    align-items:center;
    column-gap:8px;
    padding:10px 12px;
    background:#F7F1E8;
  }

  /* Esquerda: logo + apenas o ícone do menu */
  .tl4-site-header .tl4-home-left{
    grid-area:left;
    display:flex;
    align-items:center;
    gap:7px;
    height:40px;
  }

  .tl4-site-header .tl4-brand{
    position:relative;
    grid-area:auto;
    min-width:34px;
    width:34px;
    height:34px;
    padding:0;
    display:flex;
    align-items:center;
  }

  .tl4-site-header .tl4-brand::after{
    display:none;
  }

  .tl4-site-header .tl4-brand img{
    width:34px;
    height:34px;
    flex:0 0 34px;
    object-fit:contain;
  }

  .tl4-site-header .tl4-home-menu-toggle{
    width:24px;
    height:24px;
    padding:0;
    margin:0;
    flex:0 0 24px;
    color:#3D2E24;
  }

  .tl4-site-header .tl4-home-menu-toggle span{
    width:22px;
    height:1px;
  }

  /* Nome pequeno e centralizado na mesma linha */
  .tl4-site-header .tl4-brand-name{
    grid-area:title;
    position:static;
    left:auto;
    top:auto;
    transform:none;
    justify-self:center;
    align-self:center;
    color:#3D2E24;
    font-size:12px;
    line-height:1;
    font-weight:500;
    letter-spacing:.01em;
    white-space:nowrap;
    text-align:center;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:100%;
    z-index:2;
  }

  /* Redes sociais + busca à direita */
  .tl4-site-header .tl4-header-actions{
    grid-area:actions;
    justify-self:end;
    align-self:center;
    padding-left:0;
  }

  .tl4-site-header .tl4-header-actions::before{
    display:none;
  }

  .tl4-site-header .tl4-social{
    gap:4px;
    padding-right:9px;
  }

  .tl4-site-header .tl4-social::after{
    height:22px;
    background:rgba(140,115,85,.42);
  }

  .tl4-site-header .tl4-search-toggle{
    margin-left:6px;
    color:#3D2E24;
  }

  .tl4-site-header .tl4-social a{
    color:#3D2E24;
  }

  .tl4-site-header .tl4-social svg,
  .tl4-site-header .tl4-search-toggle svg{
    width:17px;
    height:17px;
  }

  /* Menu recolhido: só o ícone fica no header. */
  .tl4-site-header .tl4-menu{
    position:absolute;
    top:100%;
    left:12px;
    right:12px;
    width:auto;
    margin:0;
    padding:0;
    display:none;
    background:transparent;
    border:0;
    box-shadow:none;
    z-index:30;
  }

  .tl4-site-header .tl4-menu.is-open{
    display:block;
  }

  /* Todos os itens ficam dentro da lista aberta. */
  .tl4-site-header .tl4-menu ul{
    width:100%;
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    align-items:stretch;
    justify-content:flex-start;
    gap:0;
    margin:0;
    padding:7px 0;
    list-style:none;
    background:rgba(247,241,232,.96);
  }

  .tl4-site-header .tl4-menu li{
    display:block;
    margin:0;
    padding:0;
  }

  .tl4-site-header .tl4-menu a{
    display:block;
    color:#3D2E24;
    font-size:12px;
    line-height:1.2;
    letter-spacing:.04em;
    padding:9px 14px;
    text-align:left;
  }

  .tl4-desktop-only-hero-copy{display:none !important;}

  /* A imagem passa a ser uma imagem HTML:
     largura total + altura proporcional original. */
  .tl4-mobile-hero-image{
    display:block;
    position:relative;
    width:100%;
    line-height:0;
    overflow:hidden;
  }

  .tl4-mobile-hero-image img{
    display:block;
    width:100%;
    height:auto;
    max-width:none;
    margin:0;
  }

  /* Gradiente discreto apenas para dar leitura ao texto sobre a imagem. */
  .tl4-mobile-hero-image::after{
    content:"";
    position:absolute;
    inset:35% 0 0;
    background:linear-gradient(to bottom,rgba(20,15,12,0),rgba(20,15,12,.72));
    pointer-events:none;
  }

  .tl4-site-header .tl4-mobile-hero-copy{
    position:absolute;
    z-index:4;
    left:16px;
    right:16px;
    bottom:28px;
    width:auto;
    margin:0;
    padding:0;
    text-align:left;
    transform:translate(var(--tl4-hero-x,0px),var(--tl4-hero-y,0px));
  }

  .tl4-site-header .tl4-mobile-hero-copy h2{
    max-width:100%;
    color:#fff;
    font-size:clamp(42px,12.5vw,62px);
    line-height:1.0;
    letter-spacing:-.02em;
  }

  .tl4-site-header .tl4-mobile-hero-copy .tl4-hero-subtitle{
    max-width:100%;
    margin-top:15px;
    color:#fff;
    font-size:18px;
    line-height:1.25;
  }

  /* Não deixar o hero-copy ocupar espaço fora da imagem */
  .tl4-site-header > .tl4-search-panel{
    z-index:10;
  }

  /* Compact header de páginas/posts */
  .tl4-compact-inner{
    width:100%;
    grid-template-columns:1fr auto;
    grid-template-areas:"brand actions" "menu menu";
    padding:14px 16px 12px;
    min-height:0;
    row-gap:9px;
  }
  .tl4-compact-brand{grid-area:brand}
  .tl4-compact-menu{grid-area:menu;justify-self:stretch;width:100%}
  .tl4-compact-menu ul{width:100%;flex-wrap:wrap;justify-content:center;gap:8px 20px}
  .tl4-compact-actions{grid-area:actions}
  .tl4-compact-support{
    min-height:28px;
    padding:0 10px;
    font-size:11px;
  }
  .tl4-compact-subscribe{
    min-height:28px;
    padding:0 10px;
    font-size:11px;
  }
  .tl4-compact-login{
    width:28px;
    height:28px;
    margin-left:10px;
  }

  .tl4-compact-brand-logo{width:38px;height:38px;flex-basis:38px}
  .tl4-compact-brand-name{font-size:16px}
  .tl4-compact-menu a{font-size:12px}
}

/* OUTRAS PÁGINAS — desktop: mesma tipografia da marca usada na HOME.
   Escopo exclusivo para páginas internas; a HOME não é alterada. */
@media (min-width:761px){
  /* Header interno fixo: mantém o conteúdo abaixo da barra. */
  body:not(.home){padding-top:102px !important;}

  /* PÁGINAS INTERNAS — replica EXATA da tipografia da marca da HOME.
     Escopo exclusivo do header compacto; a HOME continua intocada. */
  body:not(.home) .tl4-compact-header .tl4-compact-brand-name{
    color:#3D2E24;
    font-family:"Bodoni Moda","Bodoni 72",Didot,"Times New Roman",serif !important;
    font-size:18px !important;
    font-weight:500 !important;
    line-height:.95 !important;
    letter-spacing:.015em !important;
    text-transform:uppercase !important;
    font-variant:normal !important;
    white-space:nowrap !important;
    display:inline-flex !important;
    align-items:baseline !important;
    gap:.12em !important;
  }

  body:not(.home) .tl4-compact-header .tl4-compact-brand-word{
    display:inline-block !important;
    white-space:nowrap !important;
  }

  /* Pequeno afastamento adicional somente entre TERAPIA e LITERÁRIA. */
  body:not(.home) .tl4-compact-header .tl4-compact-brand-word:nth-child(3){
    margin-left:.06em !important;
  }

  body:not(.home) .tl4-compact-header .tl4-compact-brand-initial{
    font-size:1.28em !important;
    font-weight:500 !important;
    line-height:.8 !important;
  }
}

@media(max-width:380px){
  .tl4-site-header .tl4-brand-name{font-size:15px}
  .tl4-site-header .tl4-menu ul{gap:7px 17px}
  .tl4-site-header .tl4-menu a{font-size:11px}
  .tl4-site-header .tl4-mobile-hero-copy{
    left:14px;right:14px;bottom:22px;
  }
  .tl4-site-header .tl4-mobile-hero-copy h2{font-size:40px}
  .tl4-site-header .tl4-hero-subtitle{font-size:17px}
}

/* AJUSTE FINAL — somente título e subtítulo do HERO MOBILE */
@media (max-width:760px){
  .tl4-site-header .tl4-mobile-hero-copy{
    left:16px !important;
    right:16px !important;
    bottom:5px !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    transform:translate(var(--tl4-hero-x,0px),var(--tl4-hero-y,0px)) !important;
    text-align:left !important;
  }

  .tl4-site-header .tl4-mobile-hero-copy h2{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    font-size:clamp(34px,9vw,46px) !important;
    line-height:1.03 !important;
    letter-spacing:-.015em !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    text-align:left !important;
  }

  .tl4-site-header .tl4-mobile-hero-copy .tl4-hero-subtitle{
    width:100% !important;
    max-width:100% !important;
    margin:12px 0 0 !important;
    font-size:clamp(15px,4.2vw,18px) !important;
    line-height:1.22 !important;
    white-space:normal !important;
    text-align:left !important;
  }
}

@media (max-width:390px){
  .tl4-site-header .tl4-mobile-hero-copy{
    left:14px !important;
    right:14px !important;
    bottom:5px !important;
  }
  .tl4-site-header .tl4-mobile-hero-copy h2{
    font-size:34px !important;
    line-height:1.02 !important;
  }
  .tl4-site-header .tl4-mobile-hero-copy .tl4-hero-subtitle{
    font-size:17px !important;
    margin-top:10px !important;
  }
}


/* Ajuste final — reduzir somente o título do hero no mobile */
@media (max-width:760px){
  .tl4-site-header .tl4-mobile-hero-copy h2{
    font-size:clamp(28px,7.2vw,37px) !important;
    line-height:1.04 !important;
  }
}

@media (max-width:390px){
  .tl4-site-header .tl4-mobile-hero-copy h2{
    font-size:29px !important;
    line-height:1.04 !important;
  }
}


/* Ajuste final solicitado — título mobile bem menor */
@media (max-width:760px){
  .tl4-site-header .tl4-mobile-hero-copy h2{
    font-size:24px !important;
    line-height:1.08 !important;
    letter-spacing:-.01em !important;
    max-width:92% !important;
  }

  .tl4-site-header .tl4-mobile-hero-copy{
    bottom:28px !important;
  }
}

@media (max-width:390px){
  .tl4-site-header .tl4-mobile-hero-copy h2{
    font-size:22px !important;
    line-height:1.08 !important;
  }
}


/* Ajuste solicitado — somente Home mobile:
   texto do hero na parte inferior + Instagram mais próximo do YouTube. */
@media (max-width:760px){

  /* Texto do hero: concentrado na parte inferior, sem cobrir o centro da imagem */
  .tl4-site-header .tl4-mobile-hero-copy{
    left:16px !important;
    right:16px !important;
    top:64% !important;
    bottom:auto !important;
    width:auto !important;
    max-width:none !important;
    text-align:left !important;
  }

  .tl4-site-header .tl4-mobile-hero-copy h2{
    max-width:92% !important;
    margin:0 !important;
    font-size:24px !important;
    line-height:1.08 !important;
  }

  .tl4-site-header .tl4-mobile-hero-copy .tl4-hero-subtitle{
    max-width:94% !important;
    margin:9px 0 0 !important;
    font-size:15px !important;
    line-height:1.2 !important;
  }

  /* Aproxima Instagram e YouTube */
  .tl4-site-header .tl4-social{
    gap:0 !important;
    padding-right:8px !important;
  }

  .tl4-site-header .tl4-social a{
    width:23px !important;
    height:26px !important;
    margin:0 !important;
  }

  .tl4-site-header .tl4-social a + a{
    margin-left:-1px !important;
  }
}

@media (max-width:390px){
  .tl4-site-header .tl4-mobile-hero-copy{
    bottom:21px !important;
  }

  .tl4-site-header .tl4-mobile-hero-copy h2{
    font-size:22px !important;
  }

  .tl4-site-header .tl4-mobile-hero-copy .tl4-hero-subtitle{
    font-size:14px !important;
  }
}


/* AJUSTE SOLICITADO — somente posição do texto do HERO MOBILE */
@media (max-width:760px){
  .tl4-site-header .tl4-mobile-hero-copy{
    bottom:8px !important;
  }
}

@media (max-width:390px){
  .tl4-site-header .tl4-mobile-hero-copy{
    bottom:7px !important;
  }
}


/* AJUSTE FINAL — posição e alinhamento do texto do HERO MOBILE */
@media (max-width:760px){
  .tl4-site-header .tl4-mobile-hero-copy{
    left:8px !important;
    right:8px !important;
    bottom:0 !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
  }

  .tl4-site-header .tl4-mobile-hero-copy h2,
  .tl4-site-header .tl4-mobile-hero-copy .tl4-hero-subtitle{
    margin-left:0 !important;
    margin-right:0 !important;
    text-align:left !important;
  }
}

@media (max-width:390px){
  .tl4-site-header .tl4-mobile-hero-copy{
    left:7px !important;
    right:7px !important;
    bottom:0 !important;
  }
}


/* CORREÇÃO — HERO MOBILE COM EXATAMENTE +30% DE ALTURA
   O cálculo é relativo à altura original da imagem (16:9),
   não à altura do viewport. */
@media (max-width:760px){
  .tl4-site-header .tl4-mobile-hero-image{
    height:73.125vw !important;
    min-height:0 !important;
    overflow:hidden !important;
  }

  .tl4-site-header .tl4-mobile-hero-image img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    margin:0 !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
}


/* FADE UP — HOME: header e hero */
.tl4-site-header .tl4-brand.fade-up{transition-delay:.05s;}
.tl4-site-header .tl4-menu.fade-up{transition-delay:.15s;}
.tl4-site-header .tl4-social.fade-up{transition-delay:.25s;}
.tl4-site-header .tl4-search-toggle.fade-up{transition-delay:.35s;}
.tl4-site-header .tl4-hero-copy h2.fade-up{transition-delay:.45s;}
.tl4-site-header .tl4-hero-subtitle.fade-up{transition-delay:.65s;}
.tl4-site-header .tl4-mobile-hero-copy h2.fade-up{transition-delay:.45s;}
.tl4-site-header .tl4-mobile-hero-copy .tl4-hero-subtitle.fade-up{transition-delay:.65s;}
\n/* HOME — navegação principal centralizada e ações à direita */\n.tl4-site-header .tl4-header-inner{\n  position:relative;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n}\n.tl4-site-header .tl4-home-left{\n  position:relative;\n  z-index:6;\n  flex:0 0 auto;\n}\n.tl4-site-header .tl4-brand-name{\n  display:none;\n}\n.tl4-site-header .tl4-menu{\n  position:absolute;\n  top:50%;\n  left:50%;\n  transform:translate(-50%,-50%);\n  z-index:5;\n  width:auto;\n  margin:0;\n  padding:0;\n  display:block;\n  background:transparent;\n  border:0;\n  box-shadow:none;\n}\n.tl4-site-header .tl4-menu ul{\n  flex-direction:row;\n  align-items:center;\n  justify-content:center;\n  gap:30px;\n  padding:0;\n  white-space:nowrap;\n}\n.tl4-site-header .tl4-menu a{\n  display:inline-block;\n  padding:6px 0;\n  color:#fff;\n  font-size:13px;\n  letter-spacing:.05em;\n  text-transform:uppercase;\n}\n.tl4-site-header .tl4-menu a:hover,\n.tl4-site-header .tl4-menu a:focus{\n  background:transparent;\n}\n.tl4-site-header .tl4-header-actions{\n  position:relative;\n  z-index:6;\n  margin-left:auto;\n  flex:0 0 auto;\n}\n.tl4-site-header .tl4-home-support-buttons{\n  display:flex;\n  align-items:center;\n  gap:7px;\n  margin-right:8px;\n}\n.tl4-site-header .tl4-home-support,\n.tl4-site-header .tl4-home-subscribe{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-height:31px;\n  padding:0 12px;\n  border:1px solid rgba(255,255,255,.75);\n  font-family:var(--tl4-nav-font,Georgia),serif;\n  font-size:11px;\n  line-height:1;\n  letter-spacing:.05em;\n  text-decoration:none !important;\n  white-space:nowrap;\n  box-sizing:border-box;\n}\n.tl4-site-header .tl4-home-support{\n  background:#3D2E24;\n  color:#F7F1E8 !important;\n}\n.tl4-site-header .tl4-home-subscribe{\n  background:#F7F1E8;\n  color:#3D2E24 !important;\n  border-color:#F7F1E8;\n}\n.tl4-site-header .tl4-home-login{\n  width:32px;\n  height:32px;\n  margin-left:16px;\n  border:1px solid rgba(255,255,255,.72);\n  border-radius:50%;\n  background:rgba(247,241,232,.96);\n  color:#3D2E24;\n  display:grid;\n  place-items:center;\n  text-decoration:none !important;\n  box-sizing:border-box;\n}\n.tl4-site-header .tl4-home-login svg{\n  width:18px;\n  height:18px;\n  fill:none;\n  stroke:currentColor;\n  stroke-width:1.55;\n  stroke-linecap:round;\n  stroke-linejoin:round;\n}\n@media(max-width:1100px){\n  .tl4-site-header .tl4-menu ul{gap:18px;}\n  .tl4-site-header .tl4-menu a{font-size:12px;}\n  .tl4-site-header .tl4-home-support,\n  .tl4-site-header .tl4-home-subscribe{padding:0 9px;font-size:10px;}\n}\n@media(max-width:760px){\n  .tl4-site-header .tl4-menu{\n    position:fixed;\n    top:0;\n    right:0;\n    bottom:0;\n    left:0;\n    width:100vw;\n    max-width:100vw;\n    height:100vh;\n    margin:0;\n    padding:96px 24px 32px;\n    box-sizing:border-box;\n    transform:none;\n    overflow-x:hidden;\n    overflow-y:auto;\n    z-index:99999;\n  }\n  .tl4-site-header .tl4-menu ul{gap:7px 14px;}\n  .tl4-site-header .tl4-menu a{font-size:10px;padding:4px 0;}\n  .tl4-site-header .tl4-home-support-buttons{gap:5px;margin-right:3px;}\n  .tl4-site-header .tl4-home-support,\n  .tl4-site-header .tl4-home-subscribe{min-height:27px;padding:0 8px;font-size:9px;}\n  .tl4-site-header .tl4-home-login{width:29px;height:29px;margin-left:10px;}\n}\n

/* --- tl4-home-header-spacing-final --- */
body.home .tl4-home-support-buttons{
  gap:14px !important;
}
body.home .tl4-home-social{
  gap:4px !important;
}

/* --- tl4-home-spacing-v2 --- */
/* HOME — ajustes específicos de espaçamento */
body.home .tl4-site-header .tl4-home-support-buttons{
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
}

/* Os dois ícones sociais ficam juntos */
body.home .tl4-site-header .tl4-home-social{
  display:flex !important;
  align-items:center !important;
  gap:2px !important;
  margin-left:0 !important;
}
body.home .tl4-site-header .tl4-home-social a{
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Caso a estrutura use o container social do header original */
body.home .tl4-site-header .tl4-social{
  display:flex !important;
  align-items:center !important;
  gap:2px !important;
}
body.home .tl4-site-header .tl4-social a{
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Evita que espaçamento individual antigo entre os ícones prevaleça */
body.home .tl4-site-header a[aria-label*="Instagram" i],
body.home .tl4-site-header a[aria-label*="YouTube" i]{
  margin-left:0 !important;
  margin-right:0 !important;
}
body.home .tl4-site-header a[aria-label*="Instagram" i] + a[aria-label*="YouTube" i]{
  margin-left:-2px !important;
}

/* --- tl4-home-spacing-final --- */
/* HOME: Instagram + YouTube realmente próximos */
body.home .tl4-site-header .tl4-social{
  display:flex !important;
  align-items:center !important;
  gap:0 !important;
}
body.home .tl4-site-header .tl4-social > *{
  margin-left:0 !important;
  margin-right:0 !important;
}
body.home .tl4-site-header .tl4-social > * + *{
  margin-left:-2px !important;
}

/* HOME: separação maior entre APOIE e ASSINE */
body.home .tl4-site-header .tl4-home-support-buttons{
  display:flex !important;
  align-items:center !important;
  column-gap:24px !important;
  gap:24px !important;
}

/* --- tl4-home-social-closer --- */
/* HOME: Instagram e YouTube ainda mais próximos */
body.home .tl4-site-header .tl4-social{
  gap:0 !important;
}
body.home .tl4-site-header .tl4-social > * + *{
  margin-left:-5px !important;
}

/* --- tl4-home-social-real-fix --- */
body.home .tl4-site-header .tl4-social{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;
  column-gap:0 !important;
  letter-spacing:0 !important;
}
body.home .tl4-site-header .tl4-social a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 !important;
}
body.home .tl4-site-header .tl4-social a + a{
  margin-left:-7px !important;
}
body.home .tl4-site-header .tl4-social svg{
  display:block !important;
  margin:0 !important;
}

/* --- tl4-home-spacing-final-user --- */
/* HOME — aproximar APOIE e ASSINE */
body.home .tl4-site-header .tl4-home-support-buttons{
  gap:14px !important;
  column-gap:14px !important;
}

/* HOME — aproximar Instagram e YouTube */
body.home .tl4-site-header .tl4-social{
  gap:0 !important;
  column-gap:0 !important;
}
body.home .tl4-site-header .tl4-social > a{
  margin:0 !important;
  padding:0 !important;
}
body.home .tl4-site-header .tl4-social > a + a{
  margin-left:-5px !important;
}

/* --- tl4-home-buttons-social-final --- */
/* HOME — APOIE escuro / ASSINE claro */
body.home .tl4-site-header .tl4-home-support-buttons{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  column-gap:14px !important;
  margin-right:14px !important;
}
body.home .tl4-site-header .tl4-home-support{
  background:#3D2E24 !important;
  color:#F7F1E8 !important;
  border:1px solid #3D2E24 !important;
}
body.home .tl4-site-header .tl4-home-subscribe{
  background:#F7F1E8 !important;
  color:#3D2E24 !important;
  border:1px solid #3D2E24 !important;
}

/* HOME — Instagram e YouTube ainda mais próximos */
body.home .tl4-site-header .tl4-social{
  display:flex !important;
  align-items:center !important;
  gap:0 !important;
  column-gap:0 !important;
}
body.home .tl4-site-header .tl4-social > a{
  margin:0 !important;
  padding:0 !important;
  display:inline-flex !important;
}
body.home .tl4-site-header .tl4-social > a + a{
  margin-left:-12px !important;
}

/* --- tl4-home-apoie-yellow-no-background --- */
/* HOME — remover fundos dos textos APOIE e ASSINE */
body.home .tl4-site-header .tl4-home-support,
body.home .tl4-site-header .tl4-home-subscribe{
  background:transparent !important;
  border-color:transparent !important;
}

/* Apenas APOIE em amarelo */
body.home .tl4-site-header .tl4-home-support{
  color:#C9A227 !important;
}
body.home .tl4-site-header .tl4-home-subscribe{
  color:inherit !important;
}

/* --- tl4-home-apoie-bold --- */
/* HOME — APOIE em amarelo e negrito */
body.home .tl4-site-header .tl4-home-support{
  font-weight:700 !important;
}

/* --- tl4-home-brand-bodoni --- */
/* HOME — tipografia do nome da marca inspirada na referência enviada */
/* Bodoni Moda: carregada por functions.php (um @import no meio do arquivo seria ignorado). */

body.home .tl4-site-header .tl4-brand-name{
  display:block !important;
  font-family:"Bodoni Moda","Bodoni 72",Didot,"Times New Roman",serif !important;
  font-weight:500 !important;
  letter-spacing:.015em !important;
  text-transform:uppercase !important;
  font-variant:normal !important;
  line-height:.95 !important;
}

/* Mantém a mesma tipografia no mobile, alterando apenas o tamanho já definido */
@media(max-width:760px){
  body.home .tl4-site-header .tl4-brand-name{
    display:block !important;
    font-family:"Bodoni Moda","Bodoni 72",Didot,"Times New Roman",serif !important;
    font-weight:500 !important;
  }
}

/* --- tl4-home-brand-initials-corrected-v2 --- */
body.home .tl4-site-header .tl4-brand-name{
  display:flex !important;
  align-items:baseline !important;
  gap:.28em !important;
  visibility:visible !important;
  opacity:1 !important;
  font-family:"Bodoni Moda","Bodoni 72",Didot,"Times New Roman",serif !important;
  font-weight:500 !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}
body.home .tl4-site-header .tl4-brand-word{
  display:inline-block !important;
  white-space:nowrap !important;
}
body.home .tl4-site-header .tl4-brand-initial{
  font-size:1.28em !important;
  font-weight:500 !important;
  line-height:.8 !important;
}

/* --- tl4-fade-up-complete-only --- */
/* Apenas completa os itens que estavam sem a classe fade-up.
   Usa exatamente a animação fade-up já existente no tema. */
.tl4-site-header .tl4-brand-word.fade-up{transition-delay:.10s;}
.tl4-site-header .tl4-menu > ul.fade-up{transition-delay:.20s;}
.tl4-site-header .tl4-home-support.fade-up{transition-delay:.30s;}
.tl4-site-header .tl4-home-subscribe.fade-up{transition-delay:.35s;}
.tl4-site-header .tl4-home-login.fade-up{transition-delay:.45s;}

body:not(.home) body:not(.home) .tl4-compact-brand-name.fade-up{transition-delay:.10s;}
body:not(.home) .tl4-compact-menu.fade-up{transition-delay:.20s;}
body:not(.home) .tl4-compact-support.fade-up{
  transition:opacity .75s ease,transform .75s ease !important;
  transition-delay:.30s;
}
body:not(.home) .tl4-compact-subscribe.fade-up{
  transition:opacity .75s ease,transform .75s ease !important;
  transition-delay:.35s;
}
body:not(.home) .tl4-compact-social.fade-up{transition-delay:.40s;}
body:not(.home) .tl4-compact-divider.fade-up{transition-delay:.45s;}
body:not(.home) .tl4-compact-search.fade-up{transition-delay:.50s;}
body:not(.home) .tl4-compact-login.fade-up{transition-delay:.55s;}
body:not(.home) .tl4-compact-mobile-menu-toggle.fade-up{transition-delay:.25s;}
body:not(.home) .tl4-compact-mobile-menu.fade-up{transition-delay:.30s;}

/* --- tl4-home-mobile-apoie-assine-menu-only --- */
/* HOME MOBILE — APOIE e ASSINE dentro do menu de três traços */
.tl4-site-header .tl4-home-mobile-support-item{
  display:none !important;
}
@media (max-width:760px){
  body.home .tl4-site-header .tl4-home-support-buttons{
    display:none !important;
  }
  body.home .tl4-site-header .tl4-home-mobile-support-item{
    display:block !important;
  }
  body.home .tl4-site-header .tl4-home-mobile-support-item a{
    display:block !important;
    width:100% !important;
    box-sizing:border-box !important;
    padding:11px 18px !important;
    color:#fff !important;
    background:transparent !important;
    border:0 !important;
    font-family:var(--tl4-nav-font,Georgia),serif !important;
    font-size:var(--tl4-nav-size,15px) !important;
    font-weight:500 !important;
    line-height:1.2 !important;
    letter-spacing:.055em !important;
    text-transform:uppercase !important;
    text-decoration:none !important;
    text-align:left !important;
  }
  body.home .tl4-site-header .tl4-home-mobile-support-item a:hover,
  body.home .tl4-site-header .tl4-home-mobile-support-item a:focus{
    background:rgba(255,255,255,.09) !important;
  }
}

/* --- tl4-home-mobile-brand-dark --- */
/* HOME MOBILE — título A TERAPIA LITERÁRIA em cor escura */
@media (max-width:760px){
  body.home .tl4-site-header .tl4-brand-name{
    color:#3D2E24 !important;
  }
  body.home .tl4-site-header .tl4-brand-name *{
    color:#3D2E24 !important;
  }
}

/* --- tl4-home-mobile-brand-visible-dark --- */
/* HOME MOBILE — manter A TERAPIA LITERÁRIA visível e em cor escura */
@media (max-width:760px){
  body.home .tl4-site-header .tl4-brand-name{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    color:#3D2E24 !important;
  }
  body.home .tl4-site-header .tl4-brand-name *{
    color:#3D2E24 !important;
  }
}

/* --- tl4-home-mobile-brand-words-visible --- */
/* HOME MOBILE — mostrar integralmente o nome da marca.
   As palavras internas tinham fade-up próprio e permaneciam ocultas. */
@media (max-width:760px){
  body.home .tl4-site-header .tl4-brand-name .tl4-brand-word{
    opacity:1 !important;
    transform:none !important;
    visibility:visible !important;
  }
}

/* --- tl4-home-mobile-hero-copy-bottom --- */
/* HOME MOBILE — título e subtítulo na parte inferior do hero */
@media (max-width:760px){
  body.home .tl4-site-header .tl4-mobile-hero-image{
    position:relative !important;
  }
  body.home .tl4-site-header .tl4-mobile-hero-copy{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:24px !important;
    top:auto !important;
    width:100% !important;
    box-sizing:border-box !important;
    padding:0 20px !important;
    margin:0 !important;
    z-index:5 !important;
  }
  body.home .tl4-site-header .tl4-mobile-hero-copy h2,
  body.home .tl4-site-header .tl4-mobile-hero-copy .tl4-hero-subtitle{
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

/* --- tl4-home-desktop-login-after-search --- */
/* HOME DESKTOP — botão redondo de login imediatamente após a lupa.
   A versão mobile permanece inalterada. */
@media (min-width:761px){
  body.home .tl4-site-header .tl4-search-toggle + .tl4-home-login{
    display:grid !important;
    place-items:center !important;
    flex:0 0 34px !important;
    width:34px !important;
    height:34px !important;
    margin-left:12px !important;
    padding:0 !important;
    border:1px solid rgba(255,255,255,.78) !important;
    border-radius:50% !important;
    background:#F7F1E8 !important;
    color:#3D2E24 !important;
    box-sizing:border-box !important;
    text-decoration:none !important;
  }
  body.home .tl4-site-header .tl4-search-toggle + .tl4-home-login svg{
    width:19px !important;
    height:19px !important;
    display:block !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.55 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }
}

/* --- tl4-home-mobile-hide-header-social --- */
/* HOME MOBILE — Instagram e YouTube não aparecem no header */
@media (max-width:760px){
  body.home .tl4-site-header .tl4-home-desktop-social{
    display:none !important;
  }
}

/* --- tl4-home-mobile-login-replace-search --- */
/* HOME MOBILE — pesquisa removida; login existente ocupa o lugar */
@media (max-width:760px){
  body.home .tl4-site-header .tl4-search-toggle{
    display:none !important;
  }

  body.home .tl4-site-header .tl4-home-login{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:30px !important;
    height:30px !important;
    margin-left:6px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background:transparent !important;
    color:#3D2E24 !important;
    text-decoration:none !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  body.home .tl4-site-header .tl4-home-login svg{
    width:24px !important;
    height:24px !important;
    display:block !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
  }
}

/* --- tl4-home-mobile-header-final-positioning --- */
/* HOME MOBILE — logo + título à esquerda; login + menu à direita */
@media (max-width:760px){
  body.home .tl4-site-header .tl4-header-inner{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    position:relative !important;
  }

  body.home .tl4-site-header .tl4-home-left{
    display:flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
    margin:0 !important;
  }

  body.home .tl4-site-header .tl4-brand-name{
    position:static !important;
    order:2 !important;
    margin-left:8px !important;
    margin-right:auto !important;
    transform:none !important;
    flex:0 1 auto !important;
  }

  body.home .tl4-site-header .tl4-header-actions{
    order:3 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    margin-left:auto !important;
    flex:0 0 auto !important;
  }

  body.home .tl4-site-header .tl4-home-login{
    order:1 !important;
    margin:0 !important;
  }

  body.home .tl4-site-header .tl4-home-menu-toggle{
    order:2 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
  }
}

/* --- tl4-home-mobile-header-final-correct --- */
/* HOME MOBILE — logo > título > login > menu */
@media (max-width:760px){
  body.home .tl4-site-header .tl4-header-inner{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }
  body.home .tl4-site-header .tl4-home-left{
    display:contents !important;
  }
  body.home .tl4-site-header .tl4-brand{
    order:1 !important;
    flex:0 0 auto !important;
    margin:0 !important;
  }
  body.home .tl4-site-header .tl4-brand-name{
    position:static !important;
    order:2 !important;
    flex:0 1 auto !important;
    margin:0 0 0 8px !important;
    transform:none !important;
    white-space:nowrap !important;
  }
  body.home .tl4-site-header .tl4-header-actions{
    order:3 !important;
    display:flex !important;
    align-items:center !important;
    margin-left:auto !important;
    flex:0 0 auto !important;
  }
  body.home .tl4-site-header .tl4-home-login{
    order:1 !important;
    margin:0 !important;
  }
  body.home .tl4-site-header .tl4-home-menu-toggle{
    order:4 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    margin-left:8px !important;
  }

  /* Manter título/subtítulo do hero realmente na base. */
  body.home .tl4-site-header .tl4-mobile-hero-copy{
    position:absolute !important;
    top:auto !important;
    bottom:5px !important;
    left:0 !important;
    right:0 !important;
    transform:none !important;
  }
}

/* --- tl4-home-mobile-hero-subtitle-restore --- */
@media (max-width:760px){
  body.home .tl4-site-header .tl4-mobile-hero-copy{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    position:absolute !important;
    top:auto !important;
    bottom:5px !important;
    left:0 !important;
    right:0 !important;
    transform:none !important;
    z-index:20 !important;
  }
  body.home .tl4-site-header .tl4-mobile-hero-copy h2{
    display:block !important;
    visibility:visible !important;
    margin-bottom:4px !important;
  }
  body.home .tl4-site-header .tl4-mobile-hero-copy .tl4-hero-subtitle{
    display:block !important;
    visibility:visible !important;
    font-style:normal !important;
    margin:0 !important;
  }
}

/* --- tl4-home-mobile-fullscreen-menu --- */
@media (max-width:760px){
  /* Painel inteiro: marrom muito escuro, sem qualquer área clara. */
  body.home .tl4-site-header .tl4-menu{
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    height:100dvh !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:105px 34px 40px !important;
    box-sizing:border-box !important;
    background:#2b1b14 !important;
    border:0 !important;
    box-shadow:none !important;
    transform:none !important;
    z-index:99999 !important;
    display:block !important;
    overflow-y:auto !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:opacity .25s ease,visibility .25s ease !important;
  }

  body.home .tl4-site-header .tl4-menu.is-open{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  body.home .tl4-site-header .tl4-menu ul{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:0 !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }

  body.home .tl4-site-header .tl4-menu li{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.home .tl4-site-header .tl4-menu li:nth-child(1){order:1 !important;}
  body.home .tl4-site-header .tl4-menu .tl4-home-menu-blog{order:2 !important;}
  body.home .tl4-site-header .tl4-menu .tl4-home-menu-autores{order:3 !important;}
  body.home .tl4-site-header .tl4-menu .tl4-home-menu-citacoes{order:4 !important;}
  body.home .tl4-site-header .tl4-menu .tl4-home-menu-sobre{order:5 !important;}
  body.home .tl4-site-header .tl4-menu .tl4-home-menu-apoie{order:6 !important;}
  body.home .tl4-site-header .tl4-menu .tl4-home-menu-assine{order:7 !important;}
  body.home .tl4-site-header .tl4-menu .tl4-home-menu-contato{order:8 !important;}

  body.home .tl4-site-header .tl4-menu a,
  body.home .tl4-site-header .tl4-menu .tl4-home-mobile-search-link{
    display:block !important;
    width:100% !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:13px 0 !important;
    color:#e8dfcf !important;
    background:transparent !important;
    border:0 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:clamp(28px,8.8vw,46px) !important;
    font-weight:500 !important;
    line-height:1.05 !important;
    letter-spacing:.01em !important;
    text-align:left !important;
    text-transform:none !important;
    text-decoration:none !important;
    cursor:pointer !important;
  }

  body.home .tl4-site-header .tl4-menu a:hover,
  body.home .tl4-site-header .tl4-menu a:focus,
  body.home .tl4-site-header .tl4-menu .tl4-home-mobile-search-link:hover,
  body.home .tl4-site-header .tl4-menu .tl4-home-mobile-search-link:focus{
    color:#e8dfcf !important;
    background:transparent !important;
    outline:none !important;
  }

  /* Header fechado: os três traços permanecem escuros. */
  body.home .tl4-site-header .tl4-home-menu-toggle{
    position:relative !important;
    z-index:100001 !important;
    width:34px !important;
    height:34px !important;
    margin-left:8px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
  }

  body.home .tl4-site-header .tl4-home-menu-toggle span{
    position:absolute !important;
    left:4px !important;
    width:26px !important;
    height:1.5px !important;
    background:#3d2e24 !important;
    transition:transform .25s ease,opacity .2s ease,background .2s ease !important;
  }
  body.home .tl4-site-header .tl4-home-menu-toggle span:nth-child(1){top:10px !important;}
  body.home .tl4-site-header .tl4-home-menu-toggle span:nth-child(2){top:16px !important;}
  body.home .tl4-site-header .tl4-home-menu-toggle span:nth-child(3){top:22px !important;}

  /* Menu aberto: o X fica bege sobre o marrom escuro. */
  body.home .tl4-site-header .tl4-home-menu-toggle[aria-expanded="true"] span{
    background:#e8dfcf !important;
  }
  body.home .tl4-site-header .tl4-home-menu-toggle[aria-expanded="true"] span:nth-child(1){
    top:16px !important;
    transform:rotate(45deg) !important;
  }
  body.home .tl4-site-header .tl4-home-menu-toggle[aria-expanded="true"] span:nth-child(2){
    opacity:0 !important;
  }
  body.home .tl4-site-header .tl4-home-menu-toggle[aria-expanded="true"] span:nth-child(3){
    top:16px !important;
    transform:rotate(-45deg) !important;
  }

  body.home.tl4-home-menu-open{
    overflow:hidden !important;
  }

  /* Impede o conteúdo/hero (inclusive citações) de aparecer por cima do menu. */
  body.home .tl4-site-header .tl4-mobile-hero-copy,
  body.home .tl4-site-header .tl4-mobile-hero-image{
    z-index:1 !important;
  }

  body.home .tl4-site-header .tl4-menu{
    isolation:isolate !important;
  }

  body.home .tl4-site-header .tl4-home-support-buttons{
    display:none !important;
  }
}

/* --- tl4-home-mobile-menu-transparent-list-final --- */
@media (max-width:760px){
  /* O painel inteiro e a lista devem ter exatamente o mesmo fundo. */
  body.home .tl4-site-header .tl4-menu,
  body.home .tl4-site-header .tl4-menu ul,
  body.home .tl4-site-header .tl4-menu li,
  body.home .tl4-site-header .tl4-menu li::before,
  body.home .tl4-site-header .tl4-menu li::after{
    background:#1d100b !important;
    background-color:#1d100b !important;
    border:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    border-top:0 !important;
    border-bottom:0 !important;
    box-shadow:none !important;
    outline:0 !important;
  }

  /* A lista é estruturalmente transparente: nenhuma caixa própria. */
  body.home .tl4-site-header .tl4-menu ul{
    background:transparent !important;
  }
  body.home .tl4-site-header .tl4-menu li{
    background:transparent !important;
  }

  /* Fundo real do menu, ainda mais escuro. */
  body.home .tl4-site-header .tl4-menu{
    background:#1d100b !important;
  }

  body.home .tl4-site-header .tl4-menu a,
  body.home .tl4-site-header .tl4-menu .tl4-home-mobile-search-link{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    color:#e8dfcf !important;
  }
}

/* --- tl4-home-mobile-menu-apoie-assine-style --- */
@media (max-width:760px){
  /* APOIE → inicial maiúscula, restante minúsculo, amarelo */
  body.home .tl4-site-header .tl4-menu .tl4-home-menu-apoie a{
    text-transform:none !important;
    color:#c9a227 !important;
    font-weight:500 !important;
  }

  /* ASSINE → inicial maiúscula, restante minúsculo, negrito */
  body.home .tl4-site-header .tl4-menu .tl4-home-menu-assine a{
    text-transform:none !important;
    color:#e8dfcf !important;
    font-weight:700 !important;
  }
}

/* --- tl4-home-mobile-menu-assine-underline --- */
@media (max-width:760px){
  body.home .tl4-site-header .tl4-menu .tl4-home-menu-assine a{
    text-decoration:underline !important;
    text-decoration-thickness:1px !important;
    text-underline-offset:4px !important;
  }
}

/* --- tl4-home-mobile-menu-social-icons --- */
@media (max-width:760px){
  /* Instagram e YouTube abaixo de Contato, lado a lado. */
  body.home .tl4-site-header .tl4-menu .tl4-home-mobile-menu-social{
    width:auto !important;
    margin:4px 0 12px !important;
    padding:0 !important;
    background:transparent !important;
    order:9 !important;
  }

  body.home .tl4-site-header .tl4-menu .tl4-home-mobile-social-icons{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:12px !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
  }

  body.home .tl4-site-header .tl4-menu .tl4-home-mobile-social-icons a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:30px !important;
    height:30px !important;
    padding:0 !important;
    margin:0 !important;
    color:#e8dfcf !important;
    background:transparent !important;
  }

  body.home .tl4-site-header .tl4-menu .tl4-home-mobile-social-icons svg,
  body.home .tl4-site-header .tl4-menu .tl4-home-mobile-social-icons img{
    display:block !important;
    width:22px !important;
    height:22px !important;
    object-fit:contain !important;
  }

  body.home .tl4-site-header .tl4-menu .tl4-home-mobile-social-icons svg{
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.7 !important;
  }
}
@media (min-width:761px){
  .tl4-home-mobile-menu-social{display:none !important;}
}

/* --- tl4-home-desktop-hero-scroll-cue --- */
@media (min-width:761px){
  .tl4-home-desktop-header{
    position:relative !important;
  }

  .tl4-home-desktop-header .tl4-home-hero-scroll-cue{
    position:absolute !important;
    left:50% !important;
    top:83% !important;
    bottom:auto !important;
    transform:translate(-50%,-50%) !important;
    z-index:999 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:46px !important;
    height:46px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    outline:0 !important;
    background:transparent !important;
    color:#F7F1E8 !important;
    opacity:1 !important;
    visibility:visible !important;
    cursor:default !important;
    pointer-events:none !important;
    appearance:none !important;
    overflow:visible !important;
  }


  .tl4-home-desktop-header .tl4-home-hero-scroll-cue::before{
    content:"deslize para baixo" !important;
    position:absolute;
    left:50%;
    bottom:calc(100% + 8px);
    transform:translateX(-50%);
    white-space:nowrap;
    padding:5px 9px;
    border-radius:3px;
    background:rgba(61,46,36,.88);
    color:#F7F1E8;
    font:400 11px/1.2 Arial,sans-serif;
    letter-spacing:.02em;
    opacity:0;
    visibility:hidden;
    transition:opacity .18s ease, visibility .18s ease;
    pointer-events:none !important;
    z-index:10001 !important;
    display:block !important;
  }

  .tl4-home-desktop-header .tl4-home-hero-scroll-cue:hover::before,
  .tl4-home-desktop-header .tl4-home-hero-scroll-cue:focus-visible::before{
    opacity:1;
    visibility:visible;
  }


  .tl4-home-desktop-header .tl4-home-hero-scroll-label{
    position:absolute !important;
    left:50% !important;
    bottom:calc(100% + 10px) !important;
    transform:translateX(-50%) !important;
    white-space:nowrap !important;
    padding:5px 9px !important;
    border-radius:3px !important;
    background:rgba(61,46,36,.92) !important;
    color:#F7F1E8 !important;
    font:400 11px/1.2 Arial,sans-serif !important;
    letter-spacing:.02em !important;
    opacity:0 !important;
    visibility:hidden !important;
    display:block !important;
    z-index:10002 !important;
    pointer-events:none !important;
    transition:opacity .18s ease, visibility .18s ease !important;
  }

  .tl4-home-desktop-header .tl4-home-hero-scroll-cue:hover .tl4-home-hero-scroll-label{
    opacity:1 !important;
    visibility:visible !important;
  }

  .tl4-home-desktop-header .tl4-home-hero-scroll-cue span{
    display:block !important;
    width:14px !important;
    height:14px !important;
    border-right:2px solid #F7F1E8 !important;
    border-bottom:2px solid #F7F1E8 !important;
    transform:rotate(45deg) !important;
    animation:tl4HeroArrow 1.15s ease-in-out infinite !important;
  }

  .tl4-home-desktop-header .tl4-home-hero-scroll-cue.is-hidden{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  @keyframes tl4HeroArrow{
    0%,100%{transform:translateY(-5px) rotate(45deg);opacity:.45}
    50%{transform:translateY(6px) rotate(45deg);opacity:1}
  }
}

@media (max-width:760px){
  .tl4-home-desktop-header .tl4-home-hero-scroll-cue{
    display:none !important;
  }
}

/* --- tl4-home-desktop-hero-scroll-cue-position --- */
@media (min-width:761px){
  body.home .tl4-site-header{
    position:relative;
  }
}

/* --- tl4-home-desktop-hero-scroll-label-fixed --- */
@media (min-width:761px){
  .tl4-home-desktop-header .tl4-home-hero-scroll-label-fixed{
    position:absolute !important;
    left:50% !important;
    top:calc(83% - 48px) !important;
    transform:translateX(-50%) !important;
    white-space:nowrap !important;
    display:block !important;
    padding:6px 10px !important;
    background:rgba(61,46,36,.94) !important;
    color:#F7F1E8 !important;
    border-radius:3px !important;
    font:400 12px/1.2 Arial,sans-serif !important;
    opacity:0 !important;
    visibility:hidden !important;
    z-index:100000 !important;
    pointer-events:none !important;
    transition:opacity .15s ease !important;
  }
  .tl4-home-desktop-header.is-cue-hovering .tl4-home-hero-scroll-label-fixed{
    opacity:1 !important;
    visibility:visible !important;
  }
}
@media (max-width:760px){
  .tl4-home-desktop-header .tl4-home-hero-scroll-label-fixed{
    display:none !important;
  }
}

/* --- tl4-home-desktop-header-vertical-align-final --- */
@media (min-width:761px){
  body.home .tl4-site-header .tl4-header-inner{
    align-items:center !important;
  }

  body.home .tl4-site-header .tl4-home-left,
  body.home .tl4-site-header .tl4-menu,
  body.home .tl4-site-header .tl4-header-actions{
    top:auto !important;
    bottom:auto !important;
    align-self:center !important;
  }

  body.home .tl4-site-header .tl4-home-left{
    height:54px !important;
    display:flex !important;
    align-items:center !important;
  }

  body.home .tl4-site-header .tl4-home-menu-toggle{
    align-self:center !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
  }

  body.home .tl4-site-header .tl4-menu{
    top:50% !important;
    bottom:auto !important;
    transform:translate(-50%,-50%) !important;
  }

  body.home .tl4-site-header .tl4-menu ul{
    align-items:center !important;
  }

  body.home .tl4-site-header .tl4-menu a{
    display:flex !important;
    align-items:center !important;
    height:32px !important;
    padding:0 !important;
    line-height:1 !important;
  }

  body.home .tl4-site-header .tl4-header-actions{
    display:flex !important;
    align-items:center !important;
    min-height:54px !important;
  }

  body.home .tl4-site-header .tl4-home-support-buttons,
  body.home .tl4-site-header .tl4-home-social{
    display:flex !important;
    align-items:center !important;
  }

  body.home .tl4-site-header .tl4-home-support,
  body.home .tl4-site-header .tl4-home-subscribe{
    align-self:center !important;
  }

  body.home .tl4-site-header .tl4-home-login{
    align-self:center !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
  }

  body.home .tl4-site-header .tl4-search-toggle{
    align-self:center !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
  }
}

/* --- tl4-home-desktop-menu-below-header --- */
@media (min-width:761px){
  body.home .tl4-site-header{
    position:relative !important;
  }
  body.home .tl4-site-header .tl4-menu{
    top:100% !important;
    bottom:auto !important;
    transform:translateX(-50%) !important;
    margin-top:0 !important;
    z-index:9999 !important;
  }
  body.home .tl4-site-header .tl4-menu ul{
    margin-top:0 !important;
  }
}

/* --- TL4_HOME_MOBILE_HERO_3_4 --- */
/* HOME MOBILE — imagem exclusiva em proporção 3:4. Desktop não é alterado. */
@media screen and (max-width:760px){
  body.home .tl4-site-header .tl4-mobile-hero-image{
    width:100% !important;
    height:auto !important;
    aspect-ratio:3 / 4 !important;
    min-height:0 !important;
    overflow:hidden !important;
  }
  body.home .tl4-site-header .tl4-mobile-hero-image img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
    object-position:center center !important;
    margin:0 !important;
  }
}

/* --- tl4-other-pages-mobile-hamburger-v2 --- */
@media screen and (max-width:760px){

  /* Tudo abaixo é exclusivo do header compacto das páginas internas. */
  body:not(.home) .tl4-compact-inner{
    grid-template-columns:1fr auto !important;
    grid-template-areas:
      "brand actions"
      "menu menu" !important;
    row-gap:0 !important;
    padding:10px 16px !important;
    min-height:0 !important;
  }

  body:not(.home) .tl4-compact-menu{
    position:relative !important;
    grid-area:menu !important;
    width:100% !important;
    height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    justify-self:stretch !important;
  }

  /* O botão de três linhas fica na extremidade direita da segunda linha. */
  body:not(.home) .tl4-compact-mobile-menu-toggle{
    display:flex !important;
    width:26px !important;
    height:26px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#3D2E24 !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    cursor:pointer !important;
  }

  body:not(.home) .tl4-compact-mobile-menu-toggle span{
    display:block !important;
    width:23px !important;
    height:1px !important;
    background:currentColor !important;
  }

  /* O menu horizontal original não fica visível no mobile.
     Sobre/LiteLab/Autores/Citações serão preservados em um menu vertical
     apenas quando o botão for aberto. */
  body:not(.home) .tl4-compact-menu > ul{
    display:none !important;
  }

  body:not(.home) .tl4-compact-mobile-menu{
    display:none;
    position:absolute !important;
    top:calc(100% + 2px) !important;
    right:0 !important;
    width:230px !important;
    margin:0 !important;
    padding:7px 0 !important;
    list-style:none !important;
    background:#F7F1E8 !important;
    border:1px solid rgba(140,115,85,.28) !important;
    box-shadow:0 14px 30px rgba(43,46,51,.10) !important;
    z-index:100 !important;
  }

  body:not(.home) .tl4-compact-mobile-menu.is-open{
    display:block !important;
  }

  body:not(.home) .tl4-compact-mobile-menu li{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
  }

  body:not(.home) .tl4-compact-mobile-menu a{
    display:block !important;
    padding:10px 15px !important;
    color:#3D2E24 !important;
    font-family:var(--tl4-nav-font,Georgia),serif !important;
    font-size:12px !important;
    line-height:1.2 !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
    text-decoration:none !important;
    text-align:left !important;
  }

  body:not(.home) .tl4-compact-mobile-menu a:hover,
  body:not(.home) .tl4-compact-mobile-menu a:focus{
    background:rgba(61,46,36,.07) !important;
  }

  /* APOIE e ASSINE não ficam mais na primeira linha. */
  body:not(.home) .tl4-compact-actions > .tl4-compact-support,
  body:not(.home) .tl4-compact-actions > .tl4-compact-subscribe{
    display:none !important;
  }
}

/* Desktop: o novo botão/menu não existe visualmente. */
@media screen and (min-width:761px){
  .tl4-compact-mobile-menu-toggle,
  .tl4-compact-mobile-menu{
    display:none !important;
  }
}

/* --- tl4-unified-mobile-header-internals --- */
/* ============================================================
   HEADER MOBILE UNIFICADO
   Páginas internas usam a MESMA estrutura do header mobile da Home.
   Nada aqui é aplicado acima de 760px.
   ============================================================ */
@media (max-width:760px){
  /* Header interno fixo: mantém o conteúdo abaixo da barra. */
  body:not(.home){padding-top:64px !important;}

  /* O header compacto interno deixa de existir no mobile. */
  body:not(.home) .tl4-compact-header{
    display:none !important;
  }

  .tl4-unified-mobile-header{
    display:block !important;
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    background:#F7F1E8 !important;
    overflow:visible !important;
    z-index:10000 !important;
  }

  .tl4-unified-mobile-header .tl4-header-inner{
    position:relative !important;
    z-index:5 !important;
    width:100% !important;
    height:64px !important;
    min-height:64px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding:10px 12px !important;
    box-sizing:border-box !important;
    background:#F7F1E8 !important;
    column-gap:0 !important;
  }

  .tl4-unified-mobile-header .tl4-home-left{
    display:contents !important;
  }

  .tl4-unified-mobile-header .tl4-brand{
    position:relative !important;
    order:1 !important;
    flex:0 0 auto !important;
    min-width:34px !important;
    width:34px !important;
    height:34px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
  }

  .tl4-unified-mobile-header .tl4-brand img{
    width:34px !important;
    height:34px !important;
    flex:0 0 34px !important;
    object-fit:contain !important;
  }

  .tl4-unified-mobile-header .tl4-brand-name{
    position:static !important;
    order:2 !important;
    flex:0 1 auto !important;
    margin:0 0 0 8px !important;
    transform:none !important;
    white-space:nowrap !important;
    display:flex !important;
    align-items:baseline !important;
    gap:.28em !important;
    visibility:visible !important;
    opacity:1 !important;
    color:#3D2E24 !important;
    font-family:"Bodoni Moda","Bodoni 72",Didot,"Times New Roman",serif !important;
    font-size:12px !important;
    font-weight:500 !important;
    line-height:.95 !important;
    letter-spacing:.015em !important;
    text-transform:uppercase !important;
    font-variant:normal !important;
  }

  .tl4-unified-mobile-header .tl4-brand-name *{
    color:#3D2E24 !important;
  }

  .tl4-unified-mobile-header .tl4-brand-word{
    display:inline-block !important;
    white-space:nowrap !important;
    opacity:1 !important;
    transform:none !important;
    visibility:visible !important;
  }

  .tl4-unified-mobile-header .tl4-brand-initial{
    font-size:1.28em !important;
    font-weight:500 !important;
    line-height:.8 !important;
  }

  .tl4-unified-mobile-header .tl4-header-actions{
    order:3 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    margin-left:auto !important;
    flex:0 0 auto !important;
    padding:0 !important;
  }

  .tl4-unified-mobile-header .tl4-home-support-buttons,
  .tl4-unified-mobile-header .tl4-home-desktop-social,
  .tl4-unified-mobile-header .tl4-search-toggle{
    display:none !important;
  }

  .tl4-unified-mobile-header .tl4-home-login{
    order:1 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:30px !important;
    height:30px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background:transparent !important;
    color:#3D2E24 !important;
    text-decoration:none !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  .tl4-unified-mobile-header .tl4-home-login svg{
    width:24px !important;
    height:24px !important;
    display:block !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
  }

  .tl4-unified-mobile-header .tl4-home-menu-toggle{
    order:2 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:34px !important;
    height:34px !important;
    flex:0 0 34px !important;
    margin-left:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#3D2E24 !important;
    position:relative !important;
    z-index:100001 !important;
  }

  .tl4-unified-mobile-header .tl4-home-menu-toggle span{
    position:absolute !important;
    left:4px !important;
    width:26px !important;
    height:1.5px !important;
    background:#3D2E24 !important;
    transition:transform .25s ease,opacity .2s ease,background .2s ease !important;
  }

  .tl4-unified-mobile-header .tl4-home-menu-toggle span:nth-child(1){top:10px !important;}
  .tl4-unified-mobile-header .tl4-home-menu-toggle span:nth-child(2){top:16px !important;}
  .tl4-unified-mobile-header .tl4-home-menu-toggle span:nth-child(3){top:22px !important;}

  .tl4-unified-mobile-header .tl4-home-menu-toggle[aria-expanded="true"] span{
    background:#e8dfcf !important;
  }
  .tl4-unified-mobile-header .tl4-home-menu-toggle[aria-expanded="true"] span:nth-child(1){top:16px !important;transform:rotate(45deg) !important;}
  .tl4-unified-mobile-header .tl4-home-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0 !important;}
  .tl4-unified-mobile-header .tl4-home-menu-toggle[aria-expanded="true"] span:nth-child(3){top:16px !important;transform:rotate(-45deg) !important;}

  /* Menu de tela inteira — mesmas medidas/cores do menu da Home. */
  .tl4-unified-mobile-header .tl4-menu{
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    height:100dvh !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:105px 34px 40px !important;
    box-sizing:border-box !important;
    background:#1d100b !important;
    border:0 !important;
    box-shadow:none !important;
    transform:none !important;
    z-index:99999 !important;
    display:block !important;
    overflow-y:auto !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:opacity .25s ease,visibility .25s ease !important;
    isolation:isolate !important;
  }

  .tl4-unified-mobile-header .tl4-menu.is-open{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  .tl4-unified-mobile-header .tl4-menu ul{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:0 !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
    background:transparent !important;
  }

  .tl4-unified-mobile-header .tl4-menu li{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
  }

  .tl4-unified-mobile-header .tl4-menu li:nth-child(1){order:1 !important;}
  .tl4-unified-mobile-header .tl4-menu .tl4-home-menu-blog{order:2 !important;}
  .tl4-unified-mobile-header .tl4-menu .tl4-home-menu-autores{order:3 !important;}
  .tl4-unified-mobile-header .tl4-menu .tl4-home-menu-citacoes{order:4 !important;}
  .tl4-unified-mobile-header .tl4-menu .tl4-home-menu-sobre{order:5 !important;}
  .tl4-unified-mobile-header .tl4-menu .tl4-home-menu-apoie{order:6 !important;}
  .tl4-unified-mobile-header .tl4-menu .tl4-home-menu-assine{order:7 !important;}
  .tl4-unified-mobile-header .tl4-menu .tl4-home-menu-contato{order:8 !important;}
  .tl4-unified-mobile-header .tl4-menu .tl4-home-mobile-menu-social{order:9 !important;}

  .tl4-unified-mobile-header .tl4-menu a,
  .tl4-unified-mobile-header .tl4-menu .tl4-home-mobile-search-link{
    display:block !important;
    width:100% !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:13px 0 !important;
    color:#e8dfcf !important;
    background:transparent !important;
    border:0 !important;
    font-family:"Bodoni Moda",Georgia,serif !important;
    font-size:clamp(28px,8.8vw,46px) !important;
    font-weight:500 !important;
    line-height:1.05 !important;
    letter-spacing:.01em !important;
    text-align:left !important;
    text-transform:none !important;
    text-decoration:none !important;
    cursor:pointer !important;
  }

  .tl4-unified-mobile-header .tl4-menu .tl4-home-menu-apoie a{
    color:#c9a227 !important;
    font-weight:500 !important;
  }

  .tl4-unified-mobile-header .tl4-menu .tl4-home-menu-assine a{
    color:#e8dfcf !important;
    font-weight:700 !important;
    text-decoration:underline !important;
    text-decoration-thickness:1px !important;
    text-underline-offset:4px !important;
  }

  .tl4-unified-mobile-header .tl4-menu .tl4-home-mobile-menu-social{
    width:auto !important;
    margin:4px 0 12px !important;
  }

  .tl4-unified-mobile-header .tl4-menu .tl4-home-mobile-social-icons{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:12px !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
  }

  .tl4-unified-mobile-header .tl4-menu .tl4-home-mobile-social-icons a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:30px !important;
    height:30px !important;
    padding:0 !important;
    margin:0 !important;
    color:#e8dfcf !important;
    background:transparent !important;
  }

  .tl4-unified-mobile-header .tl4-menu .tl4-home-mobile-social-icons svg,
  .tl4-unified-mobile-header .tl4-menu .tl4-home-mobile-social-icons img{
    display:block !important;
    width:22px !important;
    height:22px !important;
    object-fit:contain !important;
  }

  .tl4-unified-mobile-header .tl4-menu .tl4-home-mobile-social-icons svg{
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.7 !important;
  }

  .tl4-unified-mobile-header.is-menu-open{overflow:hidden !important;}
}

/* Em desktop o header mobile unificado NÃO EXISTE. O header compacto original
   continua sendo o único header das páginas internas. */
@media (min-width:761px){
  .tl4-unified-mobile-header{display:none !important;}
}

/* --- tl4-internal-mobile-header-position-final --- */
@media (max-width:760px){

  /* Mesma sequência visual da Home:
     LOGO → TÍTULO → LOGIN → MENU */
  .tl4-unified-mobile-header .tl4-header-inner{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    height:64px !important;
    min-height:64px !important;
    padding:10px 12px !important;
    box-sizing:border-box !important;
    column-gap:0 !important;
  }

  /* A antiga embalagem logo + menu deixa de criar um grupo.
     Seus elementos passam a participar diretamente da mesma linha. */
  .tl4-unified-mobile-header .tl4-home-left{
    display:contents !important;
  }

  /* 1 — logo */
  .tl4-unified-mobile-header .tl4-brand{
    order:1 !important;
    flex:0 0 34px !important;
    width:34px !important;
    min-width:34px !important;
    height:34px !important;
    margin:0 !important;
  }

  /* 2 — título imediatamente depois da logo */
  .tl4-unified-mobile-header .tl4-brand-name{
    order:2 !important;
    position:static !important;
    flex:0 1 auto !important;
    width:auto !important;
    max-width:none !important;
    margin:0 0 0 8px !important;
    transform:none !important;
    justify-self:auto !important;
    text-align:left !important;
    white-space:nowrap !important;
    overflow:visible !important;
  }

  /* 3 — login fica à direita, antes do menu */
  .tl4-unified-mobile-header .tl4-header-actions{
    order:3 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex:0 0 auto !important;
    width:auto !important;
    margin:0 0 0 auto !important;
    padding:0 !important;
  }

  .tl4-unified-mobile-header .tl4-header-actions > .tl4-home-support-buttons,
  .tl4-unified-mobile-header .tl4-header-actions > .tl4-social,
  .tl4-unified-mobile-header .tl4-header-actions > .tl4-search-toggle{
    display:none !important;
  }

  .tl4-unified-mobile-header .tl4-home-login{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:28px !important;
    height:28px !important;
    margin:0 !important;
    padding:0 !important;
    flex:0 0 28px !important;
  }

  /* 4 — menu de três traços depois do login */
  .tl4-unified-mobile-header .tl4-home-menu-toggle{
    order:4 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    flex:0 0 24px !important;
    width:24px !important;
    height:24px !important;
    margin:0 0 0 8px !important;
    padding:0 !important;
    color:#3D2E24 !important;
  }

  .tl4-unified-mobile-header .tl4-home-menu-toggle span{
    display:block !important;
    width:22px !important;
    height:1px !important;
    margin:0 !important;
    background:currentColor !important;
  }
}

/* Nenhuma regra deste ajuste existe no desktop. */

/* --- tl4-internal-mobile-header-align-title-final --- */
@media (max-width:760px){

  /* Somente mobile das páginas internas. Desktop permanece intocado. */

  /* Alinhamento vertical único para logo, título, login e menu. */
  .tl4-unified-mobile-header .tl4-header-inner{
    align-items:center !important;
  }

  .tl4-unified-mobile-header .tl4-brand{
    align-self:center !important;
  }

  /* Título maior, mantendo a mesma tipografia. */
  .tl4-unified-mobile-header .tl4-brand-name{
    align-self:center !important;
    font-size:16px !important;
    line-height:.95 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
  }

  .tl4-unified-mobile-header .tl4-brand-initial{
    font-size:1.28em !important;
    line-height:.8 !important;
  }

  /* Login e menu ficam no mesmo eixo vertical. */
  .tl4-unified-mobile-header .tl4-header-actions{
    align-items:center !important;
    height:34px !important;
  }

  .tl4-unified-mobile-header .tl4-home-login{
    align-self:center !important;
  }

  /* Hambúrguer centralizado e com espaçamento regular entre os três traços. */
  .tl4-unified-mobile-header .tl4-home-menu-toggle{
    align-self:center !important;
    position:relative !important;
    width:34px !important;
    height:34px !important;
    flex:0 0 34px !important;
    margin:0 0 0 8px !important;
    padding:0 !important;
  }

  .tl4-unified-mobile-header .tl4-home-menu-toggle span{
    position:absolute !important;
    left:4px !important;
    width:26px !important;
    height:1.5px !important;
    margin:0 !important;
    background:#3D2E24 !important;
  }

  .tl4-unified-mobile-header .tl4-home-menu-toggle span:nth-child(1){
    top:8px !important;
  }
  .tl4-unified-mobile-header .tl4-home-menu-toggle span:nth-child(2){
    top:16px !important;
  }
  .tl4-unified-mobile-header .tl4-home-menu-toggle span:nth-child(3){
    top:24px !important;
  }
}

/* --- tl4-home-mobile-title-match-internal-final --- */
@media (max-width:760px){

  /* SOMENTE o header mobile da Home. Desktop permanece intocado. */

  /* Título da Home no mesmo tamanho do título das páginas internas. */
  body.home .tl4-unified-mobile-header .tl4-brand-name{
    font-size:16px !important;
    line-height:.95 !important;
    margin-left:4px !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    align-self:center !important;
  }

  /* Aproximação da marca/título sem alterar o restante do header. */
  body.home .tl4-unified-mobile-header .tl4-brand{
    margin-right:0 !important;
  }

  body.home .tl4-unified-mobile-header .tl4-brand-name{
    padding-left:0 !important;
  }

  body.home .tl4-unified-mobile-header .tl4-brand-initial{
    font-size:1.28em !important;
    line-height:.8 !important;
  }
}

/* --- tl4-home-mobile-title-match-final-v2 --- */
@media (max-width:760px){

  /* HOME MOBILE ONLY — maior especificidade para vencer regras anteriores.
     Nenhuma regra para desktop. */

  body.home .tl4-site-header.tl4-unified-mobile-header .tl4-brand-name{
    font-size:16px !important;
    line-height:.95 !important;
    margin-left:4px !important;
    margin-right:auto !important;
    padding-left:0 !important;
    align-self:center !important;
    transform:none !important;
  }

  body.home .tl4-site-header.tl4-unified-mobile-header .tl4-brand{
    margin-right:0 !important;
  }

  body.home .tl4-site-header.tl4-unified-mobile-header .tl4-brand-initial{
    font-size:1.28em !important;
    line-height:.8 !important;
  }

  /* Mantém o conjunto logo + título visualmente unido. */
  body.home .tl4-site-header.tl4-unified-mobile-header .tl4-home-left{
    margin-right:0 !important;
  }
}

/* --- tl4-home-mobile-menu-clean --- */
@media(max-width:760px){
  body.home .tl4-site-header .tl4-menu,
  body.home .tl4-site-header .tl4-menu ul,
  body.home .tl4-site-header .tl4-menu li,
  body.home .tl4-site-header .tl4-menu a{
    box-sizing:border-box !important;
    transform:none !important;
  }
  body.home .tl4-site-header .tl4-menu ul{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }
  body.home .tl4-site-header .tl4-menu li{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }
  body.home .tl4-site-header .tl4-menu a{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:9px 12px !important;
    text-align:left !important;
    white-space:normal !important;
  }
}

/* --- tl4-home-mobile-menu-left-justified-final --- */
@media screen and (max-width:760px){
  /* Única alteração desta versão: todos os itens do menu mobile da HOME
     ficam realmente justificados à esquerda. */
  body.home .tl4-site-header .tl4-menu ul{
    align-items:flex-start !important;
    justify-content:flex-start !important;
    text-align:left !important;
  }

  body.home .tl4-site-header .tl4-menu li{
    align-self:flex-start !important;
    text-align:left !important;
  }

  body.home .tl4-site-header .tl4-menu li > a,
  body.home .tl4-site-header .tl4-menu .tl4-home-mobile-search-link{
    align-self:flex-start !important;
    justify-content:flex-start !important;
    text-align:left !important;
    text-indent:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

/* --- tl4-home-mobile-menu-hbo-style --- */
@media screen and (max-width:760px){

  /* Menu aberto no estilo do exemplo: sobreposição escura de tela inteira,
     conteúdo da página permanece visível por baixo. */
  body.home .tl4-site-header .tl4-menu{
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    height:100dvh !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:105px 39px 40px 39px !important;
    box-sizing:border-box !important;
    background:rgba(0,0,0,.78) !important;
    border:0 !important;
    box-shadow:none !important;
    transform:none !important;
    z-index:100000 !important;
    overflow:hidden !important;
  }

  /* A lista não é um painel: fica solta sobre a imagem, como no exemplo. */
  body.home .tl4-site-header .tl4-menu ul{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    width:auto !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    gap:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    text-align:left !important;
  }

  body.home .tl4-site-header .tl4-menu li{
    display:block !important;
    width:auto !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    text-align:left !important;
  }

  body.home .tl4-site-header .tl4-menu a,
  body.home .tl4-site-header .tl4-menu .tl4-home-mobile-search-link{
    display:block !important;
    width:auto !important;
    max-width:100% !important;
    margin:0 !important;
    padding:9px 0 !important;
    box-sizing:border-box !important;
    background:transparent !important;
    color:#f2f2f2 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:25px !important;
    font-weight:400 !important;
    line-height:1.05 !important;
    letter-spacing:0 !important;
    text-align:left !important;
    text-transform:none !important;
    white-space:nowrap !important;
    text-decoration:none !important;
  }

  /* Primeiro item começa aproximadamente na mesma altura do exemplo. */
  body.home .tl4-site-header .tl4-menu ul > li:first-child > a{
    padding-top:0 !important;
  }

  /* O botão que normalmente abre o menu vira o X no canto superior esquerdo
     quando o menu está aberto, como na referência. */
  body.home .tl4-site-header .tl4-home-menu-toggle[aria-expanded="true"]{
    position:fixed !important;
    left:39px !important;
    top:24px !important;
    right:auto !important;
    bottom:auto !important;
    width:27px !important;
    height:27px !important;
    margin:0 !important;
    padding:0 !important;
    z-index:100002 !important;
    color:#f2f2f2 !important;
    background:transparent !important;
  }

  body.home .tl4-site-header .tl4-home-menu-toggle[aria-expanded="true"] span{
    position:absolute !important;
    left:1px !important;
    top:13px !important;
    width:25px !important;
    height:2px !important;
    background:#f2f2f2 !important;
    transform-origin:center !important;
  }

  body.home .tl4-site-header .tl4-home-menu-toggle[aria-expanded="true"] span:nth-child(1){
    transform:rotate(45deg) !important;
  }

  body.home .tl4-site-header .tl4-home-menu-toggle[aria-expanded="true"] span:nth-child(2){
    opacity:0 !important;
  }

  body.home .tl4-site-header .tl4-home-menu-toggle[aria-expanded="true"] span:nth-child(3){
    transform:rotate(-45deg) !important;
  }

  /* Não deixar a marca/login do header sobrepor o menu aberto. */
  body.home .tl4-site-header .tl4-home-left,
  body.home .tl4-site-header .tl4-header-actions{
    position:relative !important;
    z-index:99990 !important;
  }
}

/* --- tl4-home-mobile-menu-hbo-definitive --- */
@media screen and (max-width:760px){

  /* ALVO EXATO: o menu que o botão da HOME realmente abre. */
  body.home .tl4-home-desktop-header #tl4-home-menu.is-open{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    inset:0 !important;
    width:100vw !important;
    max-width:100vw !important;
    min-width:0 !important;
    height:100dvh !important;
    max-height:100dvh !important;
    margin:0 !important;
    padding:105px 0 40px 39px !important;
    box-sizing:border-box !important;
    transform:none !important;
    background:rgba(0,0,0,.78) !important;
    border:0 !important;
    box-shadow:none !important;
    z-index:100000 !important;
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    overflow:hidden !important;
  }

  body.home .tl4-home-desktop-header #tl4-home-menu.is-open > ul{
    position:static !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    width:max-content !important;
    max-width:calc(100vw - 78px) !important;
    min-width:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    gap:0 !important;
    transform:none !important;
    box-sizing:border-box !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    list-style:none !important;
    text-align:left !important;
  }

  body.home .tl4-home-desktop-header #tl4-home-menu.is-open > ul > li{
    display:block !important;
    width:max-content !important;
    max-width:100% !important;
    min-width:0 !important;
    flex:0 0 auto !important;
    margin:0 !important;
    padding:0 !important;
    align-self:flex-start !important;
    transform:none !important;
    text-align:left !important;
    background:transparent !important;
    border:0 !important;
  }

  body.home .tl4-home-desktop-header #tl4-home-menu.is-open > ul > li > a,
  body.home .tl4-home-desktop-header #tl4-home-menu.is-open > ul > li > .tl4-home-mobile-search-link{
    display:block !important;
    width:max-content !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:9px 0 !important;
    box-sizing:border-box !important;
    color:#f2f2f2 !important;
    background:transparent !important;
    border:0 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:25px !important;
    font-weight:400 !important;
    line-height:1.05 !important;
    letter-spacing:0 !important;
    text-align:left !important;
    text-transform:none !important;
    white-space:nowrap !important;
    text-decoration:none !important;
    transform:none !important;
  }

  /* O X fica no mesmo ponto do exemplo. */
  body.home .tl4-home-desktop-header .tl4-home-menu-toggle[aria-expanded="true"]{
    position:fixed !important;
    top:24px !important;
    left:39px !important;
    right:auto !important;
    bottom:auto !important;
    width:27px !important;
    height:27px !important;
    margin:0 !important;
    padding:0 !important;
    z-index:100002 !important;
    background:transparent !important;
    border:0 !important;
    color:#f2f2f2 !important;
  }

  body.home .tl4-home-desktop-header .tl4-home-menu-toggle[aria-expanded="true"] span{
    position:absolute !important;
    left:1px !important;
    top:13px !important;
    width:25px !important;
    height:2px !important;
    margin:0 !important;
    background:#f2f2f2 !important;
    transform-origin:center !important;
  }

  body.home .tl4-home-desktop-header .tl4-home-menu-toggle[aria-expanded="true"] span:nth-child(1){
    transform:rotate(45deg) !important;
  }
  body.home .tl4-home-desktop-header .tl4-home-menu-toggle[aria-expanded="true"] span:nth-child(2){
    opacity:0 !important;
  }
  body.home .tl4-home-desktop-header .tl4-home-menu-toggle[aria-expanded="true"] span:nth-child(3){
    transform:rotate(-45deg) !important;
  }
}

/* --- TL4_HOMEPAGE_MENU_REFERENCE_FINAL --- */
@media screen and (max-width:760px){
  /* ESTA REGRA É A ÚLTIMA DO ARQUIVO E SOBRESCREVE AS REGRAS ANTIGAS. */
  html body.home .tl4-site-header .tl4-menu.is-open{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:100vw !important;
    height:100vh !important;
    max-width:none !important;
    max-height:none !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:110px 0 40px 39px !important;
    box-sizing:border-box !important;
    transform:none !important;
    background:rgba(0,0,0,.76) !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:hidden !important;
    z-index:2147483000 !important;
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }

  html body.home .tl4-site-header .tl4-menu.is-open > ul{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    width:max-content !important;
    max-width:calc(100vw - 78px) !important;
    min-width:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    gap:0 !important;
    transform:none !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    text-align:left !important;
  }

  html body.home .tl4-site-header .tl4-menu.is-open > ul > li{
    display:block !important;
    align-self:flex-start !important;
    width:max-content !important;
    max-width:calc(100vw - 78px) !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    background:transparent !important;
    border:0 !important;
    text-align:left !important;
  }

  html body.home .tl4-site-header .tl4-menu.is-open > ul > li > a,
  html body.home .tl4-site-header .tl4-menu.is-open > ul > li > .tl4-home-mobile-search-link{
    display:block !important;
    width:max-content !important;
    max-width:calc(100vw - 78px) !important;
    min-width:0 !important;
    margin:0 !important;
    padding:9px 0 !important;
    box-sizing:border-box !important;
    transform:none !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    text-align:left !important;
    text-indent:0 !important;
    white-space:nowrap !important;
    color:#f2f2f2 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:25px !important;
    font-weight:400 !important;
    line-height:1.05 !important;
    letter-spacing:0 !important;
  }

  /* X do menu: não deixá-lo preso ao posicionamento antigo do header. */
  html body.home .tl4-site-header .tl4-home-menu-toggle[aria-expanded="true"]{
    position:fixed !important;
    top:24px !important;
    left:39px !important;
    right:auto !important;
    bottom:auto !important;
    z-index:2147483001 !important;
    transform:none !important;
  }
}

/* --- tl4-home-menu-final-actual-element --- */
/*
 * HOME — MENU FINAL
 * Este é o único menu da Home: #tl4-home-menu.
 * Desktop e mobile usam o mesmo HTML, com conteúdos diferentes por breakpoint.
 */

/* =========================
   DESKTOP
   ========================= */
@media (min-width:761px){

  /* O menu desktop contém SOMENTE estes seis itens. */
  body.home #tl4-home-menu .tl4-home-mobile-search-item,
  body.home #tl4-home-menu .tl4-home-mobile-menu-social,
  body.home #tl4-home-menu .tl4-home-mobile-support-item{
    display:none !important;
  }

  body.home #tl4-home-menu > ul{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:0 !important;
  }

  body.home #tl4-home-menu > ul > .tl4-home-menu-sobre{order:1 !important;}
  body.home #tl4-home-menu > ul > .tl4-home-menu-blog{order:2 !important;}
  body.home #tl4-home-menu > ul > .tl4-home-menu-autores{order:3 !important;}
  body.home #tl4-home-menu > ul > .tl4-home-menu-listas{order:4 !important;}
  body.home #tl4-home-menu > ul > .tl4-home-menu-citacoes{order:5 !important;}
  body.home #tl4-home-menu > ul > .tl4-home-menu-contato{order:6 !important;}

  body.home #tl4-home-menu > ul > li > a{
    display:block !important;
    width:100% !important;
    box-sizing:border-box !important;
    text-align:left !important;
  }
}

/* =========================
   MOBILE
   ========================= */
@media (max-width:760px){

  /*
   * O botão da Home controla este elemento.
   * Quando aberto, o menu ocupa a tela inteira e fica sobre a imagem,
   * como na referência enviada.
   */
  body.home #tl4-home-menu{
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    height:100dvh !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:105px 39px 40px !important;
    box-sizing:border-box !important;
    background:rgba(0,0,0,.74) !important;
    border:0 !important;
    box-shadow:none !important;
    transform:none !important;
    z-index:2147483000 !important;
    overflow:hidden !important;
  }

  body.home #tl4-home-menu.is-open{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  body.home #tl4-home-menu:not(.is-open){
    display:none !important;
  }

  body.home #tl4-home-menu > ul{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    width:max-content !important;
    max-width:calc(100vw - 78px) !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    gap:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    list-style:none !important;
    text-align:left !important;
  }

  body.home #tl4-home-menu > ul > li{
    display:block !important;
    width:max-content !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    align-self:flex-start !important;
    background:transparent !important;
    border:0 !important;
    text-align:left !important;
  }

  /* PESQUISAR → SOBRE → LITELAB → AUTORES → LISTAS → CITAÇÕES → CONTATO → ícones */
  body.home #tl4-home-menu .tl4-home-mobile-search-item{order:1 !important; display:block !important;}
  body.home #tl4-home-menu .tl4-home-menu-sobre{order:2 !important;}
  body.home #tl4-home-menu .tl4-home-menu-blog{order:3 !important;}
  body.home #tl4-home-menu .tl4-home-menu-autores{order:4 !important;}
  body.home #tl4-home-menu .tl4-home-menu-listas{order:5 !important;}
  body.home #tl4-home-menu .tl4-home-menu-citacoes{order:6 !important;}
  body.home #tl4-home-menu .tl4-home-menu-contato{order:7 !important;}
  body.home #tl4-home-menu .tl4-home-mobile-menu-social{order:8 !important; display:block !important;}

  /* Apoie e Assine NÃO fazem parte da lista mobile solicitada. */
  body.home #tl4-home-menu .tl4-home-mobile-support-item{
    display:none !important;
  }

  body.home #tl4-home-menu > ul > li > a,
  body.home #tl4-home-menu .tl4-home-mobile-search-link{
    display:block !important;
    width:max-content !important;
    max-width:100% !important;
    margin:0 !important;
    padding:9px 0 !important;
    box-sizing:border-box !important;
    color:#f2f2f2 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:25px !important;
    font-weight:400 !important;
    line-height:1.05 !important;
    letter-spacing:0 !important;
    text-align:left !important;
    text-indent:0 !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
    text-decoration:none !important;
  }

  body.home #tl4-home-menu .tl4-home-mobile-menu-social{
    width:auto !important;
    margin:8px 0 0 !important;
    padding:0 !important;
  }

  body.home #tl4-home-menu .tl4-home-mobile-social-icons{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:12px !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
  }

  body.home #tl4-home-menu .tl4-home-mobile-social-icons a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:30px !important;
    height:30px !important;
    padding:0 !important;
    margin:0 !important;
  }

  body.home #tl4-home-menu .tl4-home-mobile-social-icons svg,
  body.home #tl4-home-menu .tl4-home-mobile-social-icons img{
    display:block !important;
    width:22px !important;
    height:22px !important;
    object-fit:contain !important;
  }

  /* X no canto superior esquerdo quando o menu estiver aberto. */
  body.home .tl4-home-menu-toggle[aria-expanded="true"]{
    position:fixed !important;
    top:24px !important;
    left:39px !important;
    right:auto !important;
    bottom:auto !important;
    width:27px !important;
    height:27px !important;
    margin:0 !important;
    padding:0 !important;
    z-index:2147483001 !important;
    color:#f2f2f2 !important;
    background:transparent !important;
    border:0 !important;
  }

  body.home .tl4-home-menu-toggle[aria-expanded="true"] span{
    position:absolute !important;
    left:1px !important;
    top:13px !important;
    width:25px !important;
    height:2px !important;
    margin:0 !important;
    background:#f2f2f2 !important;
    transform-origin:center !important;
  }

  body.home .tl4-home-menu-toggle[aria-expanded="true"] span:nth-child(1){
    transform:rotate(45deg) !important;
  }
  body.home .tl4-home-menu-toggle[aria-expanded="true"] span:nth-child(2){
    opacity:0 !important;
  }
  body.home .tl4-home-menu-toggle[aria-expanded="true"] span:nth-child(3){
    transform:rotate(-45deg) !important;
  }
}

/* --- TL4_HOME_DESKTOP_MENU_REFERENCE_ONLY --- */
@media screen and (min-width:761px){

  /* =========================================
     HOME DESKTOP — MENU ABERTO
     Modelo: menu vertical sobre a imagem,
     sem caixa/painel separado.
     ========================================= */

  body.home #tl4-home-menu.is-open{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;

    width:100vw !important;
    height:100vh !important;
    max-width:none !important;
    max-height:none !important;

    margin:0 !important;
    padding:112px 39px 40px 39px !important;
    box-sizing:border-box !important;

    background:rgba(0,0,0,.78) !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;

    transform:none !important;
    overflow:hidden !important;

    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;

    z-index:2147483000 !important;
  }

  /* Lista vertical, começando exatamente na margem esquerda. */
  body.home #tl4-home-menu.is-open > ul{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;

    width:max-content !important;
    min-width:0 !important;
    max-width:calc(100vw - 78px) !important;

    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    gap:0 !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;

    list-style:none !important;
    text-align:left !important;
  }

  /* Somente os seis itens pedidos no desktop. */
  body.home #tl4-home-menu.is-open > ul > .tl4-home-menu-sobre{
    order:1 !important;
    display:block !important;
  }
  body.home #tl4-home-menu.is-open > ul > .tl4-home-menu-blog{
    order:2 !important;
    display:block !important;
  }
  body.home #tl4-home-menu.is-open > ul > .tl4-home-menu-autores{
    order:3 !important;
    display:block !important;
  }
  body.home #tl4-home-menu.is-open > ul > .tl4-home-menu-listas{
    order:4 !important;
    display:block !important;
  }
  body.home #tl4-home-menu.is-open > ul > .tl4-home-menu-citacoes{
    order:5 !important;
    display:block !important;
  }
  body.home #tl4-home-menu.is-open > ul > .tl4-home-menu-contato{
    order:6 !important;
    display:block !important;
  }

  /* Elementos que pertencem apenas ao mobile ficam fora da lista desktop. */
  body.home #tl4-home-menu.is-open > ul > .tl4-home-mobile-search-item,
  body.home #tl4-home-menu.is-open > ul > .tl4-home-mobile-menu-social,
  body.home #tl4-home-menu.is-open > ul > .tl4-home-mobile-support-item{
    display:none !important;
  }

  body.home #tl4-home-menu.is-open > ul > li{
    width:max-content !important;
    min-width:0 !important;
    max-width:100% !important;

    margin:0 !important;
    padding:0 !important;

    align-self:flex-start !important;
    text-align:left !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  body.home #tl4-home-menu.is-open > ul > li > a{
    display:block !important;

    width:max-content !important;
    min-width:0 !important;
    max-width:100% !important;

    margin:0 !important;
    padding:10px 0 !important;

    box-sizing:border-box !important;

    color:#f2f2f2 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;

    font-family:Georgia,"Times New Roman",serif !important;
    font-size:25px !important;
    font-weight:400 !important;
    line-height:1.05 !important;
    letter-spacing:0 !important;

    text-align:left !important;
    text-indent:0 !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
    text-decoration:none !important;
  }

  body.home #tl4-home-menu.is-open > ul > li > a:hover,
  body.home #tl4-home-menu.is-open > ul > li > a:focus{
    color:#f2f2f2 !important;
    background:transparent !important;
    outline:none !important;
  }

  /*
   * X no canto superior esquerdo, como na referência.
   * O botão permanece acima da camada do menu.
   */
  body.home .tl4-home-menu-toggle[aria-expanded="true"]{
    position:fixed !important;

    top:27px !important;
    left:39px !important;
    right:auto !important;
    bottom:auto !important;

    width:27px !important;
    height:27px !important;

    margin:0 !important;
    padding:0 !important;

    z-index:2147483001 !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;

    transform:none !important;
  }

  body.home .tl4-home-menu-toggle[aria-expanded="true"] span{
    position:absolute !important;

    left:1px !important;
    top:13px !important;

    width:25px !important;
    height:2px !important;

    margin:0 !important;
    padding:0 !important;

    background:#f2f2f2 !important;

    transform-origin:center !important;
  }

  body.home .tl4-home-menu-toggle[aria-expanded="true"] span:nth-child(1){
    transform:rotate(45deg) !important;
  }

  body.home .tl4-home-menu-toggle[aria-expanded="true"] span:nth-child(2){
    opacity:0 !important;
  }

  body.home .tl4-home-menu-toggle[aria-expanded="true"] span:nth-child(3){
    transform:rotate(-45deg) !important;
  }
}

/* --- TL4_INTERNAL_MOBILE_MENU_SAME_AS_HOME --- */
@media screen and (max-width:760px){

  /*
   * PÁGINAS INTERNAS — menu mobile idêntico ao menu mobile da Home.
   * Somente mobile. Nenhuma regra abaixo afeta desktop.
   */
  .tl4-unified-mobile-header .tl4-menu.is-open{
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    height:100dvh !important;
    max-width:none !important;
    max-height:none !important;
    min-width:0 !important;
    min-height:0 !important;

    margin:0 !important;
    padding:110px 0 40px 39px !important;
    box-sizing:border-box !important;

    background:rgba(0,0,0,.76) !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;

    transform:none !important;
    overflow:hidden !important;

    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;

    z-index:2147483000 !important;
  }

  .tl4-unified-mobile-header .tl4-menu.is-open > ul{
    position:static !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;

    width:max-content !important;
    max-width:calc(100vw - 78px) !important;
    min-width:0 !important;

    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    gap:0 !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    list-style:none !important;
    text-align:left !important;
    transform:none !important;
  }

  .tl4-unified-mobile-header .tl4-menu.is-open > ul > li{
    display:block !important;
    width:max-content !important;
    max-width:100% !important;
    min-width:0 !important;

    margin:0 !important;
    padding:0 !important;

    align-self:flex-start !important;
    text-align:left !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    transform:none !important;
  }

  /* Mesma ordem da Home. */
  .tl4-unified-mobile-header .tl4-menu.is-open .tl4-home-mobile-search-item{
    order:1 !important;
    display:block !important;
  }

  .tl4-unified-mobile-header .tl4-menu.is-open .tl4-home-menu-sobre{
    order:2 !important;
  }

  .tl4-unified-mobile-header .tl4-menu.is-open .tl4-home-menu-blog{
    order:3 !important;
  }

  .tl4-unified-mobile-header .tl4-menu.is-open .tl4-home-menu-autores{
    order:4 !important;
  }

  .tl4-unified-mobile-header .tl4-menu.is-open .tl4-home-menu-listas{
    order:5 !important;
    display:block !important;
  }

  .tl4-unified-mobile-header .tl4-menu.is-open .tl4-home-menu-citacoes{
    order:6 !important;
  }

  .tl4-unified-mobile-header .tl4-menu.is-open .tl4-home-menu-contato{
    order:7 !important;
  }

  .tl4-unified-mobile-header .tl4-menu.is-open .tl4-home-mobile-menu-social{
    order:8 !important;
    display:block !important;
  }

  /* APOIE e ASSINE aparecem depois de CONTATO. */
  .tl4-unified-mobile-header .tl4-menu.is-open .tl4-home-mobile-support-item{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    width:max-content !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
    order:8 !important;
  }

  .tl4-unified-mobile-header .tl4-menu.is-open .tl4-home-mobile-support-item > *{
    display:block !important;
    width:max-content !important;
    margin:0 !important;
    padding:9px 0 !important;
    text-align:left !important;
  }

  .tl4-unified-mobile-header .tl4-menu.is-open .tl4-home-mobile-menu-social{
    order:9 !important;
  }

  /* Mesma tipografia, tamanho, espaçamento e alinhamento da Home. */
  .tl4-unified-mobile-header .tl4-menu.is-open > ul > li > a,
  .tl4-unified-mobile-header .tl4-menu.is-open .tl4-home-mobile-search-link{
    display:block !important;
    width:max-content !important;
    max-width:100% !important;
    min-width:0 !important;

    margin:0 !important;
    padding:9px 0 !important;
    box-sizing:border-box !important;

    color:#f2f2f2 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;

    font-family:Georgia,"Times New Roman",serif !important;
    font-size:25px !important;
    font-weight:400 !important;
    line-height:1.05 !important;
    letter-spacing:0 !important;

    text-align:left !important;
    text-indent:0 !important;
    text-transform:none !important;
    white-space:nowrap !important;
    text-decoration:none !important;
    transform:none !important;
  }

  /* Ícones Instagram + YouTube, como na Home. */
  .tl4-unified-mobile-header .tl4-menu.is-open .tl4-home-mobile-menu-social{
    width:auto !important;
    margin:8px 0 0 !important;
    padding:0 !important;
  }

  .tl4-unified-mobile-header .tl4-menu.is-open .tl4-home-mobile-social-icons{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:12px !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
  }

  .tl4-unified-mobile-header .tl4-menu.is-open .tl4-home-mobile-social-icons a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:30px !important;
    height:30px !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
  }

  .tl4-unified-mobile-header .tl4-menu.is-open .tl4-home-mobile-social-icons svg,
  .tl4-unified-mobile-header .tl4-menu.is-open .tl4-home-mobile-social-icons img{
    display:block !important;
    width:22px !important;
    height:22px !important;
    object-fit:contain !important;
  }

  /* X no mesmo ponto da Home. */
  .tl4-unified-mobile-header .tl4-home-menu-toggle[aria-expanded="true"]{
    position:fixed !important;
    top:24px !important;
    left:39px !important;
    right:auto !important;
    bottom:auto !important;

    width:27px !important;
    height:27px !important;
    margin:0 !important;
    padding:0 !important;

    z-index:2147483001 !important;
    color:#f2f2f2 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .tl4-unified-mobile-header .tl4-home-menu-toggle[aria-expanded="true"] span{
    position:absolute !important;
    left:1px !important;
    top:13px !important;
    width:25px !important;
    height:2px !important;
    margin:0 !important;
    background:#f2f2f2 !important;
    transform-origin:center !important;
  }

  .tl4-unified-mobile-header .tl4-home-menu-toggle[aria-expanded="true"] span:nth-child(1){
    transform:rotate(45deg) !important;
  }

  .tl4-unified-mobile-header .tl4-home-menu-toggle[aria-expanded="true"] span:nth-child(2){
    opacity:0 !important;
  }

  .tl4-unified-mobile-header .tl4-home-menu-toggle[aria-expanded="true"] span:nth-child(3){
    transform:rotate(-45deg) !important;
  }
}

/* --- TL4_HOME_MOBILE_HERO_SUBTITLE_FINAL --- */
/* HOME MOBILE — correção final do subtítulo do hero.
   Não altera desktop nem páginas internas. */
@media screen and (max-width:760px){
  body.home .tl4-site-header .tl4-mobile-hero-image{
    position:relative !important;
  }

  body.home .tl4-site-header .tl4-mobile-hero-copy{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:42px !important;
    top:auto !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    box-sizing:border-box !important;
    padding:0 20px !important;
    margin:0 !important;
    z-index:30 !important;
    display:block !important;
    overflow:visible !important;
    visibility:visible !important;
    opacity:1 !important;
    transform:none !important;
  }

  body.home .tl4-site-header .tl4-mobile-hero-copy h2{
    display:block !important;
    visibility:visible !important;
    width:100% !important;
    margin:0 !important;
  }

  body.home .tl4-site-header .tl4-mobile-hero-copy .tl4-hero-subtitle{
    display:block !important;
    visibility:visible !important;

    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    max-height:none !important;

    margin:8px 0 0 !important;
    padding:0 !important;

    color:#fff !important;
    font-family:"Cormorant Garamond",Georgia,serif !important;
    font-size:15px !important;
    font-weight:400 !important;
    font-style:normal !important;
    line-height:1.2 !important;
    text-align:left !important;
    white-space:normal !important;
    overflow:visible !important;
  }
}

@media screen and (max-width:390px){
  body.home .tl4-site-header .tl4-mobile-hero-copy{
    bottom:42px !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }

  body.home .tl4-site-header .tl4-mobile-hero-copy .tl4-hero-subtitle{
    font-size:14px !important;
    margin-top:7px !important;
  }
}

/* --- TL4_HOME_MOBILE_SINGLE_EFFECT --- */
@media screen and (max-width:760px){
  body.home .tl4-site-header .tl4-mobile-single-effect{
    opacity:0 !important;
    transform:translateY(18px) !important;
  }

  body.home .tl4-site-header .tl4-mobile-single-effect.is-visible{
    opacity:1 !important;
    transform:translateY(0) !important;
    transition:
      opacity .8s ease-out,
      transform .8s ease-out !important;
  }
}

/* --- TL4_HOME_MOBILE_BRAND-CLOSER-TO-LOGO --- */
@media screen and (max-width:760px){
  body.home .tl4-site-header .tl4-brand-name{
    margin-left:-5px !important;
  }
}

/* --- TL4_HOME_MOBILE_BRAND-NAME-SIZE --- */
@media screen and (max-width:760px){
  body.home .tl4-site-header .tl4-brand-name{
    font-size:1.04em !important;
  }
}

/* --- TL4_HOME_MOBILE_LOGIN_MENU_GAP_ACTUAL --- */
@media screen and (max-width:760px){

  /* HOME MOBILE: login e menu de três traços são elementos irmãos.
     Reduzimos diretamente o espaço do menu em relação ao login. */
  body.home .tl4-site-header .tl4-home-menu-toggle{
    margin-left:-2px !important;
  }

  /* Mantém o login sem margem extra que possa reabrir o espaço. */
  body.home .tl4-site-header .tl4-home-login{
    margin-right:0 !important;
  }
}

/* --- TL4_INTERNAL_MOBILE_HEADER_UNIFIED_ANIMATION --- */
@media screen and (max-width:760px){

  /* Páginas internas: todos os elementos do header usam o mesmo efeito. */
  .tl4-unified-mobile-header .tl4-internal-mobile-animation{
    opacity:0 !important;
    transform:translateY(18px) !important;
  }

  .tl4-unified-mobile-header .tl4-internal-mobile-animation.is-visible{
    opacity:1 !important;
    transform:translateY(0) !important;
    transition:opacity .8s ease-out, transform .8s ease-out !important;
  }

  /* O nome da marca participa como um único elemento. */
  .tl4-unified-mobile-header .tl4-brand-name{
    will-change:opacity,transform;
  }
}

/* --- TL4_BLOG_MOBILE_MENU_URL_FIX --- */
@media screen and (max-width:760px){
  /* LiteLab: não dependemos da classe do <body>; usamos a página real. */
  body:not(.home) .tl4-compact-header .tl4-compact-mobile-menu-toggle{
    pointer-events:auto !important;
    cursor:pointer !important;
    z-index:10002 !important;
  }

  body:not(.home) .tl4-compact-header .tl4-compact-mobile-menu.blog-force-open{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    z-index:10001 !important;
  }
}

/* --- TL4_MOBILE_SEARCH_ITEM_FINAL --- */
@media screen and (max-width:760px){
  .tl4-home-mobile-search-item{
    display:block !important;
  }
  .tl4-home-mobile-search-link{
    display:block !important;
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    color:inherit !important;
    font:inherit !important;
    text-align:left !important;
    text-transform:uppercase !important;
    cursor:pointer !important;
  }
}

/* --- TL4_INTERNAL_MOBILE_SEARCH_POSITION_FINAL --- */
@media screen and (max-width:760px){

  /* Páginas internas mobile: o campo deve nascer imediatamente abaixo
     do header compacto, e não em relação ao botão/lupa ou ao viewport. */
  body:not(.home) .tl4-compact-header{
    position:relative !important;
  }

  body:not(.home) .tl4-compact-header #tl4-compact-search-panel{
    position:absolute !important;
    top:100% !important;
    left:16px !important;
    right:16px !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    box-sizing:border-box !important;
    z-index:10020 !important;
  }

  body:not(.home) .tl4-compact-header #tl4-compact-search-panel.is-open{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  body:not(.home) .tl4-compact-header #tl4-compact-search-panel form{
    width:100% !important;
    margin:0 !important;
  }

  body:not(.home) .tl4-compact-header #tl4-compact-search-panel input[type="search"],
  body:not(.home) .tl4-compact-header #tl4-compact-search-panel input[name="s"]{
    width:100% !important;
    box-sizing:border-box !important;
  }
}

/* --- TL4_SEARCH_REDIRECT_FINAL --- */
.tl4-search-toggle,
.tl4-compact-search{
  text-decoration:none !important;
  cursor:pointer !important;
}
.tl4-search-panel,
.tl4-compact-search-panel{
  display:none !important;
}

/* --- TL4_HOME_MOBILE_GEORGIA_ONLY --- */
@media (max-width:760px){
  body.home #tl4-home-menu a,
  body.home #tl4-home-menu button,
  body.home #tl4-home-menu .tl4-home-mobile-search-link{
    font-family:Georgia,"Times New Roman",serif !important;
  }
}

/* --- TL4-HOME-MOBILE-GEORGIA-FINAL --- */
@media (max-width:760px){
  html body.home #tl4-home-menu.is-open > ul > li > a,
  html body.home #tl4-home-menu.is-open > ul > li > .tl4-home-mobile-search-link,
  html body.home .tl4-site-header .tl4-menu.is-open > ul > li > a,
  html body.home .tl4-site-header .tl4-menu.is-open > ul > li > .tl4-home-mobile-search-link{
    font-family:Georgia,"Times New Roman",serif !important;
  }
}

/* --- TL4_HOME_MOBILE_FONT_ONLY_FINAL --- */
@media screen and (max-width:760px){
  html body.home #tl4-home-menu.is-open > ul > li > a,
  html body.home #tl4-home-menu.is-open > ul > li > .tl4-home-mobile-search-link,
  html body.home .tl4-site-header #tl4-home-menu.is-open > ul > li > a,
  html body.home .tl4-site-header #tl4-home-menu.is-open > ul > li > .tl4-home-mobile-search-link{
    font-family:Georgia,"Times New Roman",serif !important;
  }
}

/* --- TL4_HOME_MOBILE_HERO_TEXT_SIZE_FINAL --- */
@media screen and (max-width:760px){
  html body.home .tl4-site-header .tl4-mobile-hero-copy h2{
    font-size:34px !important;
    line-height:1.06 !important;
    letter-spacing:-.01em !important;
  }

  html body.home .tl4-site-header .tl4-mobile-hero-copy .tl4-hero-subtitle{
    font-size:18px !important;
    line-height:1.22 !important;
  }
}

@media screen and (max-width:390px){
  html body.home .tl4-site-header .tl4-mobile-hero-copy h2{
    font-size:32px !important;
  }

  html body.home .tl4-site-header .tl4-mobile-hero-copy .tl4-hero-subtitle{
    font-size:17px !important;
  }
}

/* --- tl4-footer-style --- */
.tl4-site-footer{background:#21150f;color:#f2e8d9;width:100%;margin:0;padding:0;font-family:Georgia,"Times New Roman",serif}
.tl4-footer-wrap{width:min(1400px,calc(100% - 80px));margin:0 auto}
.tl4-footer-main{display:grid;grid-template-columns:1.55fr 1fr 1.15fr 1fr;min-height:360px;padding:72px 0 62px}
.tl4-footer-brand-col{
  padding-right:70px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
}
.tl4-footer-brand-link{color:inherit;text-decoration:none;display:inline-block;max-width:100%}
.tl4-footer-brand-link:hover{color:inherit;opacity:.8}
.tl4-footer-brand-link:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.tl4-footer-brand{
  font-family:"Bodoni Moda",Didot,"Bodoni MT",Georgia,serif;
  text-transform:uppercase;
  font-weight:500;
  max-width:560px;
  color:inherit;
}
.tl4-brand-line{
  display:block;
  white-space:nowrap;
  letter-spacing:.015em;
}
.tl4-brand-top{
  font-size:clamp(43px,4.25vw,72px);
  line-height:.86;
  text-align:center;
}
.tl4-brand-bottom{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  margin-top:4px;
  font-size:clamp(28px,2.65vw,45px);
  line-height:.92;
}
.tl4-brand-initial{
  font-size:128%;
  line-height:.72;
  display:inline-block;
  vertical-align:-.045em;
}
.tl4-brand-rule{
  width:41px;
  height:1px;
  background:currentColor;
  opacity:.72;
  flex:0 0 auto;
}
.tl4-footer-social{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:30px;
  margin-top:42px;
  font-size:18px;
}
.tl4-footer-social a{display:inline-flex;align-items:center;gap:9px}
.tl4-social-icon{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.tl4-social-icon .tl4-social-fill{fill:currentColor;stroke:none}
.tl4-footer-social a,.tl4-footer-col a,.tl4-footer-legal a{color:inherit;text-decoration:none;transition:opacity .2s ease}
.tl4-footer-social a:hover,.tl4-footer-col a:hover,.tl4-footer-legal a:hover{opacity:.65}
.tl4-footer-col{border-left:1px solid rgba(242,232,217,.32);padding-left:50px;padding-right:30px}
.tl4-footer-col h3{margin:0 0 28px;font-family:"Bodoni Moda",Didot,"Bodoni MT",Georgia,serif;font-size:17px;line-height:1.1;font-weight:500;letter-spacing:.20em;text-transform:uppercase}
.tl4-footer-col h3:after{content:"";display:block;width:100px;height:1px;background:rgba(242,232,217,.75);margin-top:13px}
.tl4-footer-col ul{list-style:none;margin:0;padding:0}
.tl4-footer-col li{margin:0 0 11px;font-size:19px;line-height:1.25}
.tl4-footer-highlight{color:#d9ad55!important}
.tl4-footer-bottom{border-top:1px solid rgba(242,232,217,.78);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 0 30px;font-size:15px}
.tl4-footer-copy{white-space:nowrap;text-align:left}
.tl4-footer-legal{display:flex;align-items:center;gap:18px;white-space:nowrap}
.tl4-footer-legal span{opacity:.65}
@media(max-width:900px){.tl4-footer-wrap{width:min(100% - 40px,680px)}.tl4-footer-main{grid-template-columns:1fr 1fr;row-gap:50px;padding:52px 0 45px}.tl4-footer-brand-col{grid-column:1/-1;padding-right:0;align-items:center;text-align:center}.tl4-footer-col{padding-left:30px;padding-right:10px}.tl4-footer-col:nth-child(2){border-left:0;padding-left:0}.tl4-footer-bottom{align-items:flex-start;flex-direction:column;gap:15px}.tl4-footer-copy,.tl4-footer-legal{white-space:normal;flex-wrap:wrap}}
@media(max-width:560px){.tl4-footer-wrap{width:calc(100% - 36px)}.tl4-footer-main{display:block;padding:42px 0 28px}.tl4-footer-brand{font-size:39px}.tl4-footer-social{margin-top:27px;margin-bottom:42px;font-size:16px}.tl4-footer-col,.tl4-footer-col:nth-child(2){border-left:0;border-top:1px solid rgba(242,232,217,.28);padding:27px 0 0;margin-top:27px}.tl4-footer-col h3{font-size:15px;margin-bottom:22px}.tl4-footer-col li{font-size:17px;margin-bottom:9px}.tl4-footer-bottom{padding:22px 0 25px;font-size:13px}.tl4-footer-legal{display:none !important;gap:10px}}

/* --- tl4-footer-desktop-remove-readers-legal --- */
/* Desktop: remove apenas os links legais da coluna "Para leitores".
   No mobile, a estrutura original permanece exatamente como estava. */
@media(min-width:561px){
  .tl4-footer-readers-links{
    display:block !important;
  }
  .tl4-footer-readers-links .tl4-footer-legal-side{
    display:none !important;
  }
}

/* --- tl4-footer-mobile-litelab-compact --- */
@media(max-width:560px){
  .tl4-site-footer .tl4-footer-main{
    display:flex !important;
    flex-direction:column !important;
  }

  .tl4-site-footer .tl4-footer-col{
    width:100% !important;
    box-sizing:border-box !important;
  }

  /* Explore */
  .tl4-site-footer .tl4-footer-col:nth-child(2){
    order:1 !important;
  }

  /* LiteLab */
  .tl4-site-footer .tl4-footer-col:nth-child(3){
    order:2 !important;
    border-top:1px solid rgba(242,232,217,.28) !important;
    border-left:0 !important;
    padding:27px 0 0 !important;
    margin-top:27px !important;
  }

  /* Para leitores permanece depois do LiteLab. */
  .tl4-site-footer .tl4-footer-col:nth-child(4){
    order:3 !important;
  }
}

/* --- tl4-footer-mobile-two-columns-final --- */
@media(max-width:560px){
  /* No mobile: Explore e LiteLab passam a ocupar duas colunas.
     A marca continua em largura total e Para leitores fica abaixo. */
  .tl4-site-footer .tl4-footer-main{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    column-gap:28px !important;
    row-gap:0 !important;
    align-items:start !important;
  }

  .tl4-site-footer .tl4-footer-brand-col{
    grid-column:1 / -1 !important;
  }

  .tl4-site-footer .tl4-footer-col{
    width:auto !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    border-left:0 !important;
    border-top:0 !important;
    padding:0 !important;
    margin:0 !important;
  }

  /* Explore — coluna esquerda */
  .tl4-site-footer .tl4-footer-col:nth-child(2){
    grid-column:1 !important;
    grid-row:2 !important;
    order:initial !important;
  }

  /* LiteLab — coluna direita */
  .tl4-site-footer .tl4-footer-col:nth-child(3){
    grid-column:2 !important;
    grid-row:2 !important;
    order:initial !important;
  }

  /* Para leitores — abaixo das duas colunas */
  .tl4-site-footer .tl4-footer-col:nth-child(4){
    grid-column:1 / -1 !important;
    grid-row:3 !important;
    order:initial !important;
    border-top:1px solid rgba(242,232,217,.28) !important;
    padding-top:24px !important;
    margin-top:28px !important;
  }

  /* Tipografia ligeiramente menor para que as duas colunas
     permaneçam confortáveis em telas estreitas. */
  .tl4-site-footer .tl4-footer-col h3{
    font-size:13px !important;
    letter-spacing:.16em !important;
    margin-bottom:18px !important;
  }

  .tl4-site-footer .tl4-footer-col h3:after{
    width:72px !important;
    margin-top:10px !important;
  }

  .tl4-site-footer .tl4-footer-col li{
    font-size:15px !important;
    line-height:1.2 !important;
    margin-bottom:8px !important;
  }
}

/* --- tl4-footer-mobile-litelab-align-final --- */
@media(max-width:560px){
  .tl4-site-footer .tl4-footer-col:nth-child(3){
    border-top:0 !important;
    margin-top:0 !important;
    padding-top:0 !important;
    align-self:start !important;
  }

  .tl4-site-footer .tl4-footer-col:nth-child(2),
  .tl4-site-footer .tl4-footer-col:nth-child(3){
    align-self:start !important;
  }
}

/* --- tl4-footer-readers-legal-final --- */
.tl4-footer-readers-links{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  column-gap:28px;
  align-items:start;
}
.tl4-footer-readers-links ul{
  min-width:0;
}
.tl4-footer-legal-side{
  border-left:1px solid rgba(242,232,217,.28);
  padding-left:28px !important;
}
@media(max-width:560px){
  .tl4-footer-readers-links{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    column-gap:22px;
  }
  .tl4-footer-legal-side{
    padding-left:22px !important;
  }
}

/* --- tl4-footer-copy-final-alignment --- */
/* Direitos autorais: à esquerda no desktop e em uma única linha no mobile. */
.tl4-footer-copy{
  text-align:left !important;
  white-space:nowrap !important;
}
@media(max-width:560px){
  .tl4-site-footer .tl4-footer-copy{
    width:100% !important;
    text-align:left !important;
    white-space:nowrap !important;
    font-size:12px !important;
    line-height:1.2 !important;
  }
}

/* --- tl4-footer-legal-font-slightly-smaller --- */
.tl4-footer-legal-side li a{
  font-size:14px !important;
}
@media(max-width:560px){
  .tl4-footer-legal-side li a{
    font-size:14px !important;
  }
}
