/* CINEDOC · usa base.css */
.cd{background:var(--sala)}
.cd-abertura{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px 48px;align-items:end;max-width:1440px;margin:0 auto;padding:36px var(--lateral) 28px}
.cd-marca{font-family:var(--sans);font-weight:700;font-size:clamp(56px,8.4vw,128px);line-height:.86;letter-spacing:-.04em;color:var(--acento-claro);margin-top:10px}
.cd-marca span{display:block;font-family:var(--serif);font-weight:400;font-style:italic;font-size:clamp(26px,2.8vw,40px);letter-spacing:0;color:var(--luz-texto);margin-top:12px}

/* Régua das edições: uma coluna por ano, cartazes de papel */
.cd-edicoes{border-top:1px solid var(--fio);border-bottom:1px solid var(--fio);background:var(--mesa)}
.cd-regua{display:grid;grid-template-columns:repeat(10,minmax(118px,1fr));gap:0;max-width:1440px;margin:0 auto;padding:0 var(--lateral);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--fio-forte) transparent}
.cd-ano{padding:16px 10px 18px;border-left:1px solid var(--fio)}
.cd-ano:last-child{border-right:1px solid var(--fio)}
.cd-ano h3{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1;color:var(--luz-texto)}
.cd-ano ul{display:grid;gap:10px;margin-top:12px}
.cd-obra{display:flex;flex-direction:column;width:100%;text-align:left;padding:5px 5px 8px;background:var(--papel);color:var(--tinta);border-radius:2px;box-shadow:0 4px 12px rgba(0,0,0,.4);transform:rotate(var(--giro,0deg));transition:transform .2s var(--entrada),box-shadow .2s}
.cd-obra img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#000}
.cd-obra strong{font-family:var(--serif);font-weight:400;font-size:14.5px;line-height:1.15;margin-top:6px}
.cd-obra small{font-size:10.5px;color:var(--tinta-2);margin-top:2px}
.cd-obra:hover,.cd-obra:focus-visible{transform:translateY(-4px) rotate(0);box-shadow:0 12px 24px rgba(0,0,0,.5)}
.cd-obra[aria-current=true]{transform:translateY(-6px) rotate(0);outline:2px solid var(--acento);outline-offset:3px}

/* A sala: duas telas lado a lado, como duas páginas */
.cd-sala{max-width:1440px;margin:0 auto;padding:40px var(--lateral) 64px;isolation:isolate;position:relative}
.cd-sala::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 55% 60% at 50% 40%,rgba(240,87,75,.10),transparent 70%);pointer-events:none}
.cd-telas{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(24px,3vw,48px);align-items:start}
.cd-lado .sobretitulo{margin-bottom:12px}
.cd-lado h3{font-family:var(--serif);font-weight:400;font-size:clamp(28px,2.6vw,40px);line-height:1.05;margin-top:16px;text-wrap:balance}
.cd-lado .meta{font-size:13.5px;color:var(--luz-3);margin-top:8px}
.cd-lado p.r{font-size:15.5px;line-height:1.6;color:var(--luz-2);margin-top:10px;max-width:62ch}
.cd-lado .acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.cd-voz + .cd-voz{margin-top:28px;padding-top:22px;border-top:1px solid var(--fio)}
.cd-voz h3{font-size:24px}
.cd-semvoz{padding:22px;border:1px dashed var(--fio-forte);border-radius:3px;color:var(--luz-2);font-size:15px}
.cd-passos{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:34px}
#cd-folio{font-size:13px;color:var(--luz-2);font-variant-numeric:tabular-nums;min-width:70px;text-align:center}

.cd-mostra{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;max-width:1440px;margin:0 auto;padding:70px var(--lateral);border-top:1px solid var(--fio)}
.cd-mostra h2,.cd-tempo h2{font-family:var(--serif);font-weight:400;font-size:clamp(32px,3.4vw,52px);line-height:1.02;margin-top:10px;text-wrap:balance}
.cd-mostra-texto p:not(.sobretitulo),.cd-tempo p{font-size:15.5px;line-height:1.65;color:var(--luz-2);margin-top:14px;max-width:62ch}
.cd-tempo{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,64px);max-width:1440px;margin:0 auto;padding:70px var(--lateral) 84px;border-top:1px solid var(--fio);background:var(--mesa);max-width:none}
.cd-anos{font-family:var(--sans);font-weight:700;font-size:clamp(56px,7vw,110px);line-height:.9;letter-spacing:-.04em;color:var(--acento-claro)}
.cd-anos span{display:block;font-family:var(--serif);font-weight:400;font-size:.5em;color:var(--luz-3);letter-spacing:0;margin:6px 0}
.cd-tempo a{color:var(--luz-texto)}
.cd-detalhes{margin-top:20px;border-top:1px solid var(--fio);padding-top:12px}
.cd-detalhes summary{cursor:pointer;font-size:14px;color:var(--luz-2);padding:6px 0}
.cd-detalhes p{font-size:14px!important}

@media (max-width:1060px){
  .cd-abertura{grid-template-columns:minmax(0,1fr)}
  .cd-telas{grid-template-columns:minmax(0,1fr)}
  .cd-mostra,.cd-tempo{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .cd-regua{grid-template-columns:repeat(10,132px)}
  .cd-passos{gap:10px}
}