/* jornal_frente.css — primeira página do Jornal (manchete, destaques, breves, colunas). 30/10/2026 */
.jornal.jf{max-width:1240px}
.jf-mast{text-align:center;margin:14px 0 10px;border-bottom:4px double #3a3326;padding-bottom:10px}
.jf-line{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#b9b2a5;border-top:1px solid #3a3326;border-bottom:1px solid #3a3326;padding:6px 2px}
.jf-line .jf-n{color:var(--gold,#E3B04B)}
.jornal.jf .jf-mast h1{font-size:clamp(46px,13vw,104px);line-height:1;margin:12px 0 2px;letter-spacing:.02em}
.jf-lema{font-family:Cinzel,serif;font-size:clamp(13px,3.4vw,17px);color:#cfc6b5;margin:4px 0 0;font-style:italic}
.jornal.jf>.jn-intro{text-align:center;margin:10px auto 12px;font-size:15px;color:#a9a39a}
.jornal.jf .jn-tabs{justify-content:center;border-bottom:1px solid #2a2a2a;padding-bottom:12px;margin-bottom:18px;scroll-margin-top:84px}
.jf-body{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.jf-h{grid-column:1/-1;font-family:Cinzel,serif;color:var(--gold,#E3B04B);font-size:20px;margin:8px 0 0;padding:8px 0 4px;border-top:3px double #3a3326;border-bottom:1px solid #2a2a2a;text-transform:uppercase;letter-spacing:.06em}
.jf-tag{display:inline-block;background:#b3202a;color:#fff;font-weight:700;padding:2px 7px;border-radius:3px;margin-right:6px;letter-spacing:.08em}
/* manchete */
.jf:not(.jf-filtro) .jf-lead{border:0;border-radius:0;background:transparent;border-bottom:1px solid #2a2a2a;padding-bottom:16px}
.jf:not(.jf-filtro) .jf-lead:hover{transform:none}
.jf:not(.jf-filtro) .jf-lead .im{aspect-ratio:16/9;border-radius:10px}
.jf:not(.jf-filtro) .jf-lead .tx{padding:12px 0 0}
.jf:not(.jf-filtro) .jf-lead h2{font-size:clamp(26px,6.4vw,44px);line-height:1.12}
.jf:not(.jf-filtro) .jf-lead p{font-size:clamp(16px,2.2vw,19px);line-height:1.55;color:#d6d0c6}
.jf:not(.jf-filtro) .jf-lead:hover h2{color:var(--gold,#E3B04B)}
/* destaques */
.jf-dest{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:16px}
.jf:not(.jf-filtro) .jf-d{flex-direction:row;border-radius:10px}
.jf:not(.jf-filtro) .jf-d .im{flex:0 0 112px;width:112px;aspect-ratio:1/1}
.jf:not(.jf-filtro) .jf-d .tx{padding:10px 12px}
.jf:not(.jf-filtro) .jf-d h2{font-size:17px}
.jf:not(.jf-filtro) .jf-d p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px}
/* lateral */
.jf-side{display:flex;flex-direction:column;gap:18px}
.jf-box{background:#101010;border:1px solid #242424;border-top:3px solid var(--gold,#E3B04B);border-radius:8px;padding:12px 14px}
.jf-kick{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#e05a4f;font-weight:700}
.jf-box .jn-sec{margin:2px 0 6px;font-size:20px;border:0;padding:0}
.jf-box .jn-intro{font-size:13px;color:#9c968d;margin:0 0 10px}
.jf-box .jn-dia{gap:0}
.jf-box .jn-dia a{background:transparent;border:0;border-bottom:1px solid #222;border-radius:0;padding:9px 0;font-size:14.5px}
.jf-box .jn-dia li:last-child a{border-bottom:0}
.jf-box .jn-dia a:hover{color:var(--gold,#E3B04B)}
.jf-h3{font-family:Cinzel,serif;font-size:16px;color:#eee;margin:0 0 8px}
.jf-secs ul{list-style:none;margin:0;padding:0}
.jf-secs li{display:flex;justify-content:space-between;border-bottom:1px dotted #333;padding:7px 0;font-size:14.5px}
.jf-secs li:last-child{border-bottom:0}
.jf-secs a{color:#e6e6e6;text-decoration:none}.jf-secs a:hover{color:var(--gold,#E3B04B)}
.jf-secs span{color:var(--gold,#E3B04B);font-variant-numeric:tabular-nums}
/* também nesta edição */
.jf-hoje{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.jf:not(.jf-filtro) .jf-s{flex-direction:row;border-radius:10px}
.jf:not(.jf-filtro) .jf-s .im{flex:0 0 92px;width:92px;aspect-ratio:1/1}
.jf:not(.jf-filtro) .jf-s .tx{padding:9px 12px;gap:4px}
.jf:not(.jf-filtro) .jf-s h2{font-size:15.5px}
.jf:not(.jf-filtro) .jf-s p{display:none}
/* edições anteriores: colunas de jornal, só títulos */
.jf-arq{grid-column:1/-1;columns:1;column-gap:26px;column-rule:1px solid #262626}
.jf:not(.jf-filtro) .jf-x{display:block;break-inside:avoid;background:transparent;border:0;border-bottom:1px solid #232323;border-radius:0;margin:0 0 4px}
.jf:not(.jf-filtro) .jf-x:hover{transform:none}
.jf:not(.jf-filtro) .jf-x .im{display:none}
.jf:not(.jf-filtro) .jf-x .tx{padding:9px 0}
.jf:not(.jf-filtro) .jf-x h2{font-size:16px}
.jf:not(.jf-filtro) .jf-x:hover h2{color:var(--gold,#E3B04B)}
.jf:not(.jf-filtro) .jf-x p{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* filtro por secção: volta à grelha simples */
.jf.jf-filtro .jf-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.jf.jf-filtro .jf-a,.jf.jf-filtro .jf-dest,.jf.jf-filtro .jf-hoje,.jf.jf-filtro .jf-arq{display:contents}
.jf.jf-filtro .jf-side,.jf.jf-filtro .jf-h,.jf.jf-filtro .jf-tag{display:none}
@media(min-width:640px){
 .jf-dest{grid-template-columns:repeat(3,minmax(0,1fr))}
 .jf:not(.jf-filtro) .jf-d{flex-direction:column}
 .jf:not(.jf-filtro) .jf-d .im{flex:0 0 auto;width:auto;aspect-ratio:16/10}
 .jf-hoje{grid-template-columns:repeat(2,minmax(0,1fr))}
 .jf-arq{columns:2}
}
@media(min-width:960px){
 .jf-body{grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:26px}
 .jf-a{grid-column:1}.jf-side{grid-column:2;border-left:1px solid #262626;padding-left:22px}
 .jf-hoje{grid-template-columns:repeat(3,minmax(0,1fr))}
 .jf-arq{columns:3}
}
@media(min-width:1180px){.jf-arq{columns:4}}
@media(max-width:639px){
 .jornal.jf .jn-tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:10px}
 .jornal.jf .jn-tabs::-webkit-scrollbar{display:none}
 .jornal.jf .jn-tabs button{flex:0 0 auto}
 .jornal.jf>.jn-intro{font-size:13.5px;margin:8px 0 10px}
 .jf-line{justify-content:center}
}
/* === Pele tradicional (washi + sumi-e + hanko) — 30/10/2026 bjskin. Só visual; composição igual. === */
.jornal.jf{--ink:#1c1915;--ink2:#3b342b;--ink3:#5e5547;--shu:#b3202a;--paper:#efe6d3;
 position:relative;color:var(--ink);padding:18px clamp(14px,3vw,34px) 28px;margin-top:10px;border-radius:4px;
 background-color:var(--paper);
 background-image:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .9' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .27 0 0 0 -1.6 1.05'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)' opacity='.22'/%3E%3C/svg%3E"),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 .4 0 0 0 0 .33 0 0 0 0 .22 0 0 0 -1.2 .75'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='.28'/%3E%3C/svg%3E"),
  radial-gradient(ellipse at 50% 0%,rgba(255,252,242,.7),rgba(255,252,242,0) 60%),
  radial-gradient(ellipse at 50% 120%,rgba(120,95,60,.22),rgba(120,95,60,0) 70%);
 box-shadow:0 0 0 1px #c9bb9c inset,0 0 40px rgba(110,85,50,.25) inset,0 6px 24px rgba(0,0,0,.45)}
/* cabeçalho */
.jornal.jf .jf-mast{position:relative;border-bottom:0;padding-bottom:26px;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 24' preserveAspectRatio='none'%3E%3Cpath d='M4 14C80 8 160 7 260 9S470 13 560 10 780 6 880 9C930 10 970 12 997 15C975 17 930 19 860 18S640 15 540 17 330 20 230 18 70 18 4 14Z' fill='%231c1915' opacity='.92'/%3E%3Cpath d='M120 17C300 15 520 19 760 15' stroke='%231c1915' stroke-width='1' fill='none' opacity='.35'/%3E%3C/svg%3E") center bottom/96% 14px no-repeat}
.jornal.jf .jf-line{color:var(--ink3);border-color:#b8a886}
.jornal.jf .jf-line .jf-n{color:var(--shu)}
.jornal.jf .jf-mast h1{color:var(--ink);text-shadow:0 0 1px rgba(28,25,21,.4);letter-spacing:.03em}
.jornal.jf .jf-mast::after{content:"武";position:absolute;right:clamp(4px,6vw,90px);top:clamp(44px,9vw,62px);
 width:clamp(38px,9vw,64px);height:clamp(38px,9vw,64px);display:flex;align-items:center;justify-content:center;
 font:700 clamp(24px,6vw,42px)/1 "Noto Serif CJK JP","Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;color:#f4e9d8;
 background:var(--shu);border-radius:6px;transform:rotate(-6deg);opacity:.9;
 box-shadow:0 0 0 2px var(--paper) inset,0 0 0 3.5px var(--shu) inset;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='m'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2' seed='5'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.2 2.25'/%3E%3C/filter%3E%3Crect width='80' height='80' filter='url(%23m)'/%3E%3C/svg%3E") center/cover;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='m'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2' seed='5'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.2 2.25'/%3E%3C/filter%3E%3Crect width='80' height='80' filter='url(%23m)'/%3E%3C/svg%3E") center/cover;pointer-events:none}
.jornal.jf .jf-lema{color:var(--ink2)}
.jornal.jf>.jn-intro{color:var(--ink3)}
/* separadores a pincel */
.jornal.jf .jf-h{color:var(--ink);border:0;padding:8px 0 14px;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 14' preserveAspectRatio='none'%3E%3Cpath d='M2 8C60 4 140 3 230 5S420 8 500 6C540 5 575 6 598 8C580 10 540 11 470 10S300 9 200 11 50 11 2 8Z' fill='%231c1915' opacity='.85'/%3E%3C/svg%3E") left bottom/100% 9px no-repeat}
.jornal.jf .jf-h::before{content:"";display:inline-block;width:.55em;height:.55em;background:var(--shu);border-radius:50%;margin-right:.5em;vertical-align:.08em;opacity:.9}
.jornal.jf .jf-tag{background:var(--shu)}
/* separadores */
.jornal.jf .jn-tabs{border-bottom-color:#c4b493}
.jornal.jf .jn-tabs button{background:rgba(255,250,238,.6);border-color:#b8a886;color:var(--ink)}
.jornal.jf .jn-tabs button.on{background:var(--ink);color:#f4ead6;border-color:var(--ink)}
/* cartões */
.jornal.jf .jn-card{background:rgba(255,251,240,.55);border:1px solid #c7b897;color:var(--ink)}
.jornal.jf .jn-card:hover{border-color:var(--ink2)}
.jornal.jf .jn-card h2{color:var(--ink)}
.jornal.jf .jn-card p{color:var(--ink2)}
.jornal.jf .jn-card .tm{color:var(--shu)}
.jornal.jf .jn-card .dt{color:var(--ink3)}
.jornal.jf .jn-card .im{background-color:#d9ccb0}
.jornal.jf .jn-card .im img{filter:sepia(.12) saturate(.92)}
.jornal.jf .jn-card .im.sem{background:radial-gradient(circle at 50% 45%,#e7d9bd,#cdbd9a 75%)}
.jf:not(.jf-filtro) .jf-lead{background:transparent;border:0;border-bottom:1px solid #bfae8b}
.jf:not(.jf-filtro) .jf-lead p{color:var(--ink2)}
.jf:not(.jf-filtro) .jf-lead:hover h2,.jornal.jf .jf-x:hover h2,.jornal.jf .jf-box .jn-dia a:hover,.jornal.jf .jf-secs a:hover{color:var(--shu)}
.jf:not(.jf-filtro) .jf-x{background:transparent;border:0;border-bottom:1px solid #cdbf9f}
.jornal.jf .jf-arq{column-rule-color:#c4b493}
/* lateral */
.jornal.jf .jf-box{background:rgba(255,251,240,.5);border:1px solid #c7b897;border-top:3px solid var(--ink)}
.jornal.jf .jf-kick{color:var(--shu)}
.jornal.jf .jf-box .jn-sec{color:var(--ink)}
.jornal.jf .jf-box .jn-intro{color:var(--ink3)}
.jornal.jf .jf-box .jn-dia a{color:var(--ink);border-bottom-color:#cdbf9f}
.jornal.jf .jn-dia time{color:var(--ink3)}
.jornal.jf .jf-h3{color:var(--ink)}
.jornal.jf .jf-secs li{border-bottom-color:#bfae8b}
.jornal.jf .jf-secs a{color:var(--ink)}
.jornal.jf .jf-secs span{color:var(--shu)}
.jornal.jf .jn-more{color:var(--shu)}
.jornal.jf .jn-sec{color:var(--ink);border-bottom-color:#c4b493}
.jornal.jf a:focus-visible{outline:2px solid var(--shu);outline-offset:2px}
@media(min-width:960px){.jornal.jf .jf-side{border-left-color:#c4b493}}
@media(max-width:639px){.jornal.jf{padding:14px 12px 22px;margin-left:-4px;margin-right:-4px}.jornal.jf .jf-mast::after{top:62px;bottom:auto;right:4px;width:36px;height:36px;font-size:22px}}