/* Blog da Corrida 8, tela "Diário" (aprovada em 29/10): céu do site no topo fundindo no bege, uma coluna cronológica, moldura fina de ouro, botão e abas na placa rosa. Só peças renderizadas do site; nenhum ornamento desenhado em CSS. Protótipo de origem: propostas/blog-palacio/publicar.html */
@font-face{font-family:"Trajan Pro 3";font-weight:400 700;font-display:swap;src:url(../fontes/TrajanPro3SemiBold-v5.woff2) format("woff2")}
@font-face{font-family:"Almendra Display";font-weight:400;font-display:swap;src:url(../fontes/AlmendraDisplay-400.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(../fontes/CormorantGaramond-500.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:500;font-display:swap;src:url(../fontes/CormorantGaramond-500i.woff2) format("woff2")}
@font-face{font-family:"Pinyon Script";font-weight:400;font-display:swap;src:url(../fontes/PinyonScript-400.woff2) format("woff2")}
:root{--vinho:#4a0f1f;--vinho-2:#7a1f3d;--tinta:#3b1424;--mudo:#7a5262;--fio:rgba(176,122,38,.5);--bege:#f6e9d7;
  --titulo:"Almendra Display",Georgia,serif;--rotulo:"Trajan Pro 3",Cinzel,Georgia,serif;--serif:"Cormorant Garamond",Georgia,serif;--script:"Pinyon Script","Snell Roundhand",cursive;
  --ease:cubic-bezier(.22,.68,.16,1);color-scheme:light}
*{box-sizing:border-box}
html{background:var(--bege)}
body{margin:0;min-height:100svh;overflow-x:clip;background:var(--bege);color:var(--tinta);font:500 16.2px/1.5 var(--serif);-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
:focus-visible{outline:1.8px solid var(--vinho-2);outline-offset:2.7px}
img{display:block;max-width:100%}
.pular{position:fixed;left:10.8px;top:-90px;z-index:2147483000;padding:9px 14.4px;background:#120a07;color:#f4dca0;border:1px solid #c8963e;border-radius:7.2px;font:600 11.7px/1 var(--rotulo);text-decoration:none}
.pular:focus{top:10.8px}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.d-wrap{max-width:1026px;margin:0 auto;padding-left:max(14.4px,env(safe-area-inset-left,0px));padding-right:max(14.4px,env(safe-area-inset-right,0px))}
.diario{position:relative;isolation:isolate;padding-top:calc(env(safe-area-inset-top,0px) + 97.2px)}
.diario::before{content:"";position:absolute;inset:0;z-index:-1}


@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
