/* =============================================
   ANUÁRIO DA JUSTIÇA — ConJur Mídia Kit 2026
   style.css — folha de estilos separada
   ============================================= */

body{font-family:'Inter',sans-serif;}
.font-display{font-family:'Oswald',sans-serif;}
.eyebrow{font-family:'Oswald',sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:#d92121;}
.hover-red:hover{color:#d92121;}

/* ANIMAÇÕES */
body.js-ready [data-animate]{opacity:0;transform:translateY(28px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);}
body.js-ready [data-animate="left"]{transform:translateX(-36px);}
body.js-ready [data-animate="right"]{transform:translateX(36px);}
body.js-ready .hero-section [data-animate],body.js-ready [data-animate="none"]{opacity:1!important;transform:none!important;}
[data-animate].is-visible{opacity:1!important;transform:none!important;}

/* BAUHAUS EDGE */
.bauhaus-edge{background:repeating-linear-gradient(90deg,#f7b71d 0 8.33%,#d92121 8.33% 25%,#005f73 25% 41.66%,#000 41.66% 58.33%,#f7b71d 58.33% 75%,#d92121 75% 91.66%,#005f73 91.66% 100%);}

/* DOT PATTERN */
.bauhaus-dots-bg{background-color:#F0EFEA;background-image:radial-gradient(circle,rgba(217,33,33,.12) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(0,95,115,.08) 1.5px,transparent 1.5px);background-size:28px 28px,14px 14px;background-position:0 0,7px 7px;}

/* HERO */
.hero-section{background:#FAF3DF;color:#1a1a1a;position:relative;border-bottom:2px solid rgba(26,26,26,.08);}
.hero-frame{position:absolute;inset:-12px;background:linear-gradient(90deg,#f7b71d 0 25%,#d92121 25% 55%,#005f73 55% 80%,#000 80%);filter:blur(8px);opacity:.22;}
.hero-geo{position:absolute;inset:0;overflow:hidden;z-index:1;pointer-events:none;}
.hg1{position:absolute;top:-80px;right:-80px;width:320px;height:320px;border-radius:50%;border:48px solid rgba(247,183,29,.18);}
.hg2{position:absolute;bottom:-100px;right:120px;width:200px;height:200px;border-radius:50%;border:36px solid rgba(217,33,33,.12);}
.hg3{position:absolute;bottom:0;right:0;width:0;height:0;border-left:80px solid transparent;border-bottom:80px solid rgba(0,95,115,.22);}

/* HERO — GRID DE CAPAS (jogo da velha) */
.hero-covers{display:grid;grid-template-columns:repeat(3,1fr);width:100%;max-width:34rem;background:#fff;border:2px solid #1a1a1a;box-shadow:16px 16px 0 rgba(217,33,33,.35);padding:.5rem;}
.hero-covers a{display:flex;align-items:center;justify-content:center;padding:1rem .85rem;position:relative;cursor:pointer;}
.hero-covers a:nth-child(3n+1),.hero-covers a:nth-child(3n+2){border-right:2px solid #d92121;}
.hero-covers a:nth-child(-n+6){border-bottom:2px solid #d92121;}
.hero-covers a img{width:100%;max-width:118px;height:auto;display:block;box-shadow:0 5px 14px rgba(0,0,0,.22);transition:transform .32s cubic-bezier(.34,1.56,.64,1),box-shadow .32s;}
.hero-covers a:nth-child(1) img{transform:rotate(-5deg);}
.hero-covers a:nth-child(2) img{transform:rotate(3deg);}
.hero-covers a:nth-child(3) img{transform:rotate(-3deg);}
.hero-covers a:nth-child(4) img{transform:rotate(4deg);}
.hero-covers a:nth-child(5) img{transform:rotate(-4deg);}
.hero-covers a:nth-child(6) img{transform:rotate(5deg);}
.hero-covers a:nth-child(7) img{transform:rotate(-4deg);}
.hero-covers a:nth-child(8) img{transform:rotate(3deg);}
.hero-covers a:nth-child(9) img{transform:rotate(-5deg);}
.hero-covers a:hover{z-index:20;}
.hero-covers a:hover img{transform:rotate(0deg) scale(1.16);box-shadow:0 12px 28px rgba(0,0,0,.38);}
@media(max-width:640px){.hero-covers a{padding:.6rem .5rem;}}

/* DESTAQUE — traço amarelo percorrendo as arestas do card */
.ec-card.aj-highlight{overflow:visible!important;z-index:30;}
.aj-circle{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:60;overflow:visible;animation:ajFade .4s ease 3.7s forwards;}
.aj-circle rect{fill:none;stroke:#f7b71d;stroke-width:5;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:26 24;animation:ajTrace 1.5s linear infinite;}
@keyframes ajTrace{to{stroke-dashoffset:-100;}}
@keyframes ajFade{to{opacity:0;}}

/* CAPAS GRID */
.capas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;}
@media(min-width:640px){.capas-grid{grid-template-columns:repeat(3,1fr);gap:1rem;}}
@media(min-width:1024px){.capas-grid{grid-template-columns:repeat(5,1fr);gap:1.1rem;}}

.capa-card{display:block;text-decoration:none;color:inherit;border:2px solid #000;background:#fff;overflow:hidden;transition:transform .28s cubic-bezier(.25,.46,.45,.94),box-shadow .28s,border-color .28s;cursor:pointer;}
.capa-card:hover{transform:translateY(-7px);box-shadow:8px 8px 0 #d92121;border-color:#d92121;}
.capa-card-imgwrap{position:relative;overflow:hidden;background:#f7f6f0;aspect-ratio:2/3;}
.capa-card-img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .4s ease;}
.capa-card:hover .capa-card-img{transform:scale(1.06);}
.capa-card-overlay{position:absolute;inset:0;background:rgba(0,0,0,.58);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .28s;}
.capa-card:hover .capa-card-overlay{opacity:1;}
.capa-card-cta{color:#fff;font-weight:900;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;border:2px solid #fff;padding:.4rem .8rem;white-space:nowrap;}
.capa-card-badge{position:absolute;top:.4rem;left:.4rem;font-size:.57rem;font-weight:900;padding:.25rem .5rem;text-transform:uppercase;letter-spacing:.08em;border:1.5px solid #fff;box-shadow:2px 2px 0 rgba(0,0,0,.3);z-index:5;}
.capa-card-badge--live{background:#16a34a;color:#fff;}
.capa-card-badge--soon{background:#d92121;color:#fff;}
.capa-card-info{padding:.55rem .65rem;border-top:3px solid;}
.capa-card-title{display:block;font-family:'Oswald',sans-serif;font-size:.85rem;font-weight:700;text-transform:uppercase;line-height:1.15;color:#1a1a1a;}
.capa-card-cat{display:block;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#888;margin-top:.15rem;}

/* EDITION CARDS */
.filter-btn{padding:.55rem 1.4rem;font-family:'Oswald',sans-serif;font-weight:700;font-size:.95rem;letter-spacing:.05em;text-transform:uppercase;border:2px solid #000;cursor:pointer;background:#fff;color:#000;transition:background .18s,color .18s;}
.filter-btn.active,.filter-btn:hover{background:#000;color:#fff;}

.ec-card{background:#fff;border:2px solid #000;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .28s cubic-bezier(.25,.46,.45,.94),box-shadow .28s;}
.ec-card:hover{transform:translateY(-6px);box-shadow:10px 10px 0 #1a1a1a;}
.ec-card.is-hidden{display:none!important;}
.ec-color-bar{height:5px;flex-shrink:0;}
.ec-cover{position:relative;height:240px;background:#f7f6f0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:.75rem;}
.ec-cover-img{max-height:100%;max-width:100%;width:auto;height:100%;object-fit:contain;object-position:top center;transition:transform .4s ease;box-shadow:0 4px 12px rgba(0,0,0,.15);}
.ec-card:hover .ec-cover-img{transform:scale(1.04);}
.ec-badge{position:absolute;top:.5rem;right:.5rem;font-size:.6rem;font-weight:900;padding:.3rem .6rem;text-transform:uppercase;letter-spacing:.08em;border:2px solid #fff;box-shadow:3px 3px 0 rgba(0,0,0,.25);z-index:10;}
.ec-badge--live{background:#16a34a;color:#fff;}
.ec-badge--soon{background:#d92121;color:#fff;}
.ec-year{position:absolute;bottom:.5rem;left:.5rem;font-family:'Oswald',sans-serif;font-size:.68rem;font-weight:700;background:rgba(0,0,0,.55);color:#fff;padding:.2rem .45rem;letter-spacing:.06em;}
.ec-body{padding:1.1rem;flex:1;display:flex;flex-direction:column;border-top:4px solid #000;}
.ec-tag{font-size:.68rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;display:block;margin-bottom:.35rem;}
.ec-title{font-family:'Oswald',sans-serif;font-size:1.2rem;font-weight:700;text-transform:uppercase;line-height:1.2;margin-bottom:.5rem;color:#1a1a1a;}
.ec-desc{font-size:.88rem;color:#555;line-height:1.55;flex:1;margin-bottom:.7rem;}
.ec-audience{font-size:.75rem;background:#f0efea;border-left:3px solid;padding:.45rem .6rem;margin-bottom:.7rem;font-weight:600;color:#1a1a1a;line-height:1.45;display:flex;gap:.35rem;align-items:flex-start;}
.ec-audience svg{flex-shrink:0;margin-top:.1rem;}
.ec-dates{display:grid;grid-template-columns:1fr 1fr;gap:.2rem .5rem;font-size:.8rem;border-top:1px solid #e0ddd6;padding-top:.6rem;margin-top:auto;}
.ec-dates>div>span{font-size:.66rem;font-weight:700;text-transform:uppercase;color:#999;display:block;letter-spacing:.05em;}
.ec-dates-circ{grid-column:span 2;}
.ec-dates strong{color:#1a1a1a;}
.ec-cta{display:inline-block;margin-top:.75rem;font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#d92121;text-decoration:none;transition:opacity .18s;}
.ec-cta:hover{opacity:.7;text-decoration:underline;}

/* CARDS legados */
.card{background:#fff;border:2px solid #000;display:flex;flex-direction:column;position:relative;transition:transform .28s cubic-bezier(.25,.46,.45,.94),box-shadow .28s;}
.card:hover{transform:translateY(-6px);box-shadow:10px 10px 0 #1a1a1a;}
.card-cover{height:20rem;overflow:hidden;position:relative;}
.card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.card:hover .card-cover img{transform:scale(1.06);}
.card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.45),transparent 40%);opacity:0;transition:opacity .35s;display:flex;align-items:flex-end;padding:.6rem;}
.card:hover .card-overlay{opacity:1;}
.card-overlay span{color:#fff;font-weight:800;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;}

/* MIDIA KIT */
.mk-section{background:#1a1a1a;position:relative;overflow:hidden;}
.mk-section::before{content:'';position:absolute;top:-60px;left:-60px;width:320px;height:320px;border-radius:50%;border:60px solid rgba(247,183,29,.07);}
.mk-section::after{content:'';position:absolute;bottom:-80px;right:10%;width:280px;height:280px;border-radius:50%;border:50px solid rgba(217,33,33,.09);}
.mk-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-family:'Oswald',sans-serif;font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:3px solid currentColor;transition:all .22s;}
.mk-btn.dark{background:#000;color:#f7b71d;border-color:#f7b71d;}
.mk-btn.dark:hover{background:#f7b71d;color:#000;}
.mk-btn.light{background:#fff;color:#d92121;border-color:#d92121;}
.mk-btn.light:hover{background:#d92121;color:#fff;}

/* CRONOGRAMA */
.cron-tab-btn{padding:.65rem 1.5rem;font-family:'Oswald',sans-serif;font-weight:700;font-size:1rem;letter-spacing:.06em;text-transform:uppercase;border:2px solid #000;cursor:pointer;background:#fff;color:#000;transition:background .18s,color .18s;}
.cron-tab-btn.active{background:#000;color:#fff;}
.cron-panel{display:none;}
.cron-panel.active{display:block;}

/* GALERIA */
.masonry{column-count:2;column-gap:1rem;}
@media(min-width:768px){.masonry{column-count:3;}}
@media(min-width:1024px){.masonry{column-count:4;}}
.masonry-item{break-inside:avoid;margin-bottom:1rem;border:2px solid #000;background:#fff;position:relative;overflow:hidden;cursor:pointer;display:block;width:100%;}
.masonry-item img{width:100%;height:auto;display:block;transition:transform .3s;}
.masonry-item:hover img{transform:scale(1.04);}
.masonry-caption{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.55);color:#fff;font-weight:700;font-size:.72rem;padding:.4rem .5rem;transform:translateY(100%);transition:transform .28s;}
.masonry-item:hover .masonry-caption{transform:translateY(0);}

/* FORMATOS */
.formato-chip{min-width:280px;max-width:320px;flex:0 0 auto;border:2px solid rgba(255,255,255,.2);background:#111;cursor:pointer;overflow:hidden;transition:border-color .2s,transform .2s;}
.formato-chip:hover{border-color:#f7b71d;transform:translateY(-4px);}
.formato-chip img{width:100%;height:200px;object-fit:cover;display:block;transition:transform .3s;}
.formato-chip:hover img{transform:scale(1.05);}
.formato-chip figcaption{color:#fff;padding:.5rem .75rem;font-size:.9rem;font-weight:700;border-top:2px solid rgba(247,183,29,.3);}

/* WHATSAPP */
.big-wa{padding:1.1rem 1.6rem;background:#22c55e;color:#fff;font-weight:900;letter-spacing:.06em;border:3px solid #fff;text-transform:uppercase;box-shadow:12px 12px 0 #1a1a1a;font-size:clamp(1rem,2.4vw,1.4rem);transition:transform .2s,box-shadow .2s,background .2s;animation:pulseShadow 2s infinite;}
.big-wa:hover{transform:translateY(-3px);background:#16a34a;box-shadow:16px 16px 0 #1a1a1a;}
@keyframes pulseShadow{0%{box-shadow:12px 12px 0 #1a1a1a,0 0 0 0 rgba(34,197,94,.4);}70%{box-shadow:12px 12px 0 #1a1a1a,0 0 0 15px rgba(34,197,94,0);}100%{box-shadow:12px 12px 0 #1a1a1a,0 0 0 0 rgba(34,197,94,0);}}

/* CONTATO */
.contact-person{padding:1.25rem 1rem;border:2px solid #000;background:#fff;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s;}
.contact-person::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:#d92121;}
.contact-person:hover{transform:translateY(-4px);box-shadow:6px 6px 0 #1a1a1a;}
.corner-accent{position:absolute;inset:-8px;z-index:0;background:linear-gradient(135deg,#f7b71d 0 20%,transparent 20% 80%,#d92121 80%);opacity:.8;}