/* Gustavo Ricci · identidade "cinemateca" nas páginas internas.
   Carregado depois do CSS de cada página: troca as cores (papel, tinta, rosso),
   a letra (mono, como a home) e tira o que era de template (pílulas, cursor, grão, rótulos). */
:root{
  --paper:#ECEBE7; --ink:#161513; --ink-2:#5F5D58; --rosso:#B3261E;
  --mono:ui-monospace,"Fragment Mono",Menlo,Consolas,monospace;
  /* nomes antigos das variáveis, remapeados pro papel */
  --black:#ECEBE7; --off-white:#161513; --off-white-2:#2c2b28;
  --sand:#B3261E; --gold:#B3261E; --sand-soft:rgba(179,38,30,.08);
  --border:rgba(22,21,19,.12); --border-2:rgba(22,21,19,.24);
  --dim:rgba(22,21,19,.56); --surface:#E4E3DE; --surface-2:#DCDBD5;
  --radius:0px; --radius-sm:0px; --ok:#3f6e3f; --err:#B3261E;
}
html{background:var(--paper)}
body{background:var(--paper)!important;color:var(--ink)!important;cursor:auto!important;-webkit-font-smoothing:antialiased}
body, body *{font-family:var(--mono)!important;letter-spacing:normal!important;text-transform:none!important}
*{border-radius:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
h1,h2,h3,h4,h5,h1 strong,h2 strong,h3 strong{font-weight:400!important}
::selection{background:var(--rosso);color:#fff}
a,button,[onclick]{cursor:pointer!important}
input,textarea,select{cursor:text!important}
.grain,.cursor,.cursor-ring,.deco-ring{display:none!important}
input::placeholder,textarea::placeholder{color:rgba(22,21,19,.38)!important}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px var(--paper) inset!important;-webkit-text-fill-color:var(--ink)!important}

/* logo */
.gr-logo{display:inline-block;line-height:0}
.gr-logo img{display:block;height:auto}
.gr-logo:hover{opacity:.8}

/* botões principais: tinta sobre papel, quadrados, texto normal */
.btn-submit,.btn-watch,.gal-dl-btn,.photo-big-dl{background:var(--ink)!important;color:var(--paper)!important;border:0!important;font-weight:400!important}
.btn-submit:hover,.btn-watch:hover,.gal-dl-btn:hover,.photo-big-dl:hover{background:var(--rosso)!important;color:#fff!important;transform:none!important}
.btn-submit::before{display:none!important}

/* textos sobre imagem continuam claros */
.vid-overlay,.vid-overlay *,.gal-meta,.gal-meta *,.card-overlay,.card-overlay *{color:#f2f0ea!important}

/* sem linhas separando, sem itálico de convite */
h1,h2,h3,.form-title,.panel-tagline,.ep-title,.sb-couple-name,.video-name,.gal-name,.cer-card-name,.file-name,.home-hello,.ev-name,.opt-name{font-style:normal!important}
.form-eyebrow,.eyebrow,.ep-eyebrow,.steplabel,.sb-couple-label{display:none!important}

/* ---------- login ---------- */
.bg-glow,.panel-left-glow,.panel-center,.panel-features{display:none!important}
.page .panel-left{background:#0d0d0c url(media/login-super8.jpg) center/cover no-repeat!important;border:0!important}
.form-title{font-size:clamp(26px,2.6vw,32px)!important;line-height:1.2!important;margin-bottom:.6rem!important}
.form-subtitle,.form-note{color:var(--ink-2)!important}
.tabs{border:0!important}
.tab.active{color:var(--rosso)!important;border-color:var(--rosso)!important}
.back-link{border:0!important;background:none!important;color:var(--ink-2)!important;padding:0!important}
.back-link:hover{color:var(--rosso)!important}

/* ---------- pacotes ---------- */
.top{border:0!important}
.wrap h1,.wrap h2{font-size:clamp(26px,2.6vw,32px)!important;line-height:1.2!important}
.lead{color:var(--ink-2)!important}
.ev,.opt{border:0!important;background:var(--surface)!important}
.ev:hover,.opt:hover{background:var(--surface-2)!important}
.opt.on{background:var(--surface-2)!important;box-shadow:inset 3px 0 0 var(--rosso)!important}
.ev-arrow,.opt-tag{color:var(--rosso)!important}
.totalbar{background:var(--ink)!important;color:var(--paper)!important;border:0!important}
.totalbar *{color:var(--paper)!important}
.totalbar .wa,.totalbar button,.totalbar a{background:var(--paper)!important;color:var(--ink)!important;border:0!important}
.totalbar .wa:hover,.totalbar button:hover,.totalbar a:hover{background:var(--rosso)!important;color:#fff!important}

/* ---------- área do cliente ---------- */
.sidebar{background:var(--paper)!important;border:0!important}
.main-header,.sb-footer{border:0!important}
.sec-title::after{display:none!important}
.video-grid{background:none!important;gap:28px!important}
.video-card{background:none!important;border:0!important}
.sb-nav-item{border:0!important;background:none!important}
.sb-nav-item:hover{color:var(--ink)!important}
.sb-nav-item.active{color:var(--rosso)!important;background:none!important}
.sb-badge{background:none!important;color:var(--ink-2)!important}
.status-pill{border:0!important;background:none!important;padding:0!important}
.cer-card,.faq details,.file-item,.info-banner,.pending-notice,.gal-card{border:0!important}
.cer-card,.faq details,.info-banner,.pending-notice{background:var(--surface)!important}
.cer-card:hover{background:var(--surface-2)!important}
.file-list{background:none!important;gap:10px!important}
.file-item{background:var(--surface)!important}
.file-item:hover{background:var(--surface-2)!important}
.ep-title{font-size:clamp(26px,2.6vw,32px)!important}
/* telas por cima (player e foto) continuam escuras, com texto claro */
.player-modal,.photo-lightbox-wrap,.pw-modal{color:#f2f0ea}
.player-close,.photo-close{color:#f2f0ea!important}

/* ajustes finais */
.sec-label{border:0!important;padding-top:0!important}
.layout > div:only-child{grid-column:1 / -1}
.gr-logo-m{display:none!important}
@media (max-width:800px){ .gr-logo-m{display:inline-block!important;margin-bottom:2.4rem} }