/**
 * Theme Name: CineVibe
 * Description: Tema completo de catalogo de filmes com cadastro e download para assinantes WooCommerce.
 * Version: 1.0.0
 * Requires at least: 6.4
 * Requires PHP: 7.4
 * Text Domain: cinevibe
 */
:root{--red:#ef3340;--black:#050506;--muted:#aaa}*{box-sizing:border-box}body{margin:0;background:var(--black);color:#fff;font-family:Arial,sans-serif}a{color:inherit}.top{position:absolute;z-index:4;width:100%;padding:27px 7%;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:900;font-size:24px;text-decoration:none;letter-spacing:-1px}.brand b{color:var(--red)}nav a{margin-left:24px;text-decoration:none;font-size:14px}.hero{min-height:620px;display:flex;align-items:end;padding:110px 8% 70px;position:relative;background:linear-gradient(90deg,#050506 3%,#050506c9 33%,transparent 78%),linear-gradient(0deg,#050506,transparent 55%),url('assets/hero-mystery.png') center/cover}.hero div{max-width:520px}.hero p{line-height:1.6;color:#ddd}.tag{font-size:11px;font-weight:bold;letter-spacing:1px}.hero h1{font-size:clamp(43px,6vw,73px);line-height:.9;margin:16px 0}.hero h1 span{color:var(--red)}.button{display:inline-block;border:0;border-radius:7px;padding:13px 18px;background:var(--red);color:#fff;text-decoration:none;font-weight:bold;cursor:pointer}.catalog{padding:35px 7% 60px}.catalog h2{font-size:26px}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.movie{background:none;border:0;color:#fff;text-align:left;padding:0;cursor:pointer}.movie img,.placeholder{width:100%;aspect-ratio:2/2.85;object-fit:cover;border-radius:9px;background:#222}.movie h3{margin:9px 0 4px;font-size:14px}.movie small{color:#aaa}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:9;display:grid;place-items:center;padding:20px;background:#000c}.dialog{position:relative;display:grid;grid-template-columns:240px 1fr;max-width:760px;background:#161619;border-radius:14px;overflow:hidden}.dialog img,.dialog .placeholder{width:240px;height:350px;object-fit:cover}.dialog section{padding:34px}.dialog h2{margin-top:0;font-size:31px}.dialog p{color:#c8c8cc;line-height:1.6}.close{position:absolute;right:10px;top:8px;border:0;border-radius:50%;font-size:22px;width:34px;height:34px;cursor:pointer}.secondary{background:#29292d;margin-left:8px}.notice{font-size:12px;color:#aaa}@media(max-width:750px){.grid{display:flex;overflow:auto}.movie{min-width:130px}.dialog{grid-template-columns:105px 1fr}.dialog img,.dialog .placeholder{width:105px;height:340px}.dialog section{padding:28px 18px}.top nav{display:none}}