/* Taverna dos RPGeiros - página Dicas: base do design (o restante está inline no dicas.template.html). */
body.taverna-dicas{margin:0;background:#f6f1e7;color:#1d2422;-webkit-font-smoothing:antialiased}
#tv-dicas *{box-sizing:border-box}
#tv-dicas a{color:#137a6c;text-decoration:none}
#tv-dicas a:hover{color:#0d5a50}
#tv-dicas input::placeholder{color:#8b8579}
#tv-dicas img{max-width:none}

/* Decoração da trilha (linha pontilhada e o X do mapa): desenhada com posições fixas para a tela de 1440px */
@media (max-width:1399px){#tv-dicas .tv-trilha>svg,#tv-dicas .tv-trilha>div[aria-hidden]{display:none!important}}
body.taverna-dicas{overflow-x:hidden}

/* Lateral: só o "Mais lidos" fica fixo ao rolar; a "Dica rápida" rola com a página (passa por baixo dele). */
@media (min-width:1001px){
 #tv-dicas aside{position:static!important;align-self:stretch!important}
 #tv-dicas aside>div:first-child{position:relative;z-index:1}
 #tv-dicas aside>div:nth-child(2){position:sticky!important;top:calc(20px + var(--wp-admin--admin-bar--height, 0px));z-index:2}
}

/* "Dica rápida" alinhada (o design girava o card em -0.6deg) */
#tv-dicas aside>div:first-child{transform:none!important}

/* Topo (hero) com as mesmas medidas da página inicial */
#tv-dicas header>div:first-child img{width:72%!important;object-position:75% 82%!important;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 28%)!important;mask-image:linear-gradient(to right,transparent 0%,#000 28%)!important}
#tv-dicas header h1 span:first-child{font-size:66px!important;line-height:1!important}
#tv-dicas header h1 span:last-child{font-size:80px!important;line-height:.95!important}
#tv-dicas header h1~p:nth-of-type(1){font-size:19px!important;line-height:normal!important}
@media (max-width:700px){
 #tv-dicas header>div:first-child img{width:100%!important;opacity:.45}
 #tv-dicas header h1 span:first-child{font-size:48px!important}
 #tv-dicas header h1 span:last-child{font-size:58px!important}
}