/* Cineguia 2026 redesign — public site */
:root{
	--bg:#faf9f6;
	--ink:#1b1a18;
	--ink-soft:#4a4640;
	--ink-mut:#5f5a51;
	--ink-faint:#8a857c;
	--gold:#e0a53d;
	--gold-deep:#c98f1f;
	--line:rgba(0,0,0,.09);
	--line-strong:rgba(0,0,0,.14);
	--card:#fff;
	--tag-bg:#f0eee8;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.5 'Archivo',system-ui,sans-serif}
a{color:inherit;text-decoration:none}
a:hover{color:var(--gold-deep)}
img{max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:0 40px}

/* header */
.site-header{background:#fff;border-bottom:1px solid var(--line)}
.site-header .wrap{display:flex;align-items:center;gap:28px;padding-top:18px;padding-bottom:18px;flex-wrap:wrap}
.brand{display:flex;flex-direction:column;line-height:1}
.brand-name{font:700 24px 'Oswald',sans-serif;letter-spacing:.02em;color:var(--ink)}
.brand-sub{font:500 8.5px 'Archivo',sans-serif;letter-spacing:.42em;color:var(--gold-deep);margin-top:1px;margin-left:2px}
.site-nav{display:flex;gap:22px;font:500 13px 'Oswald',sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);overflow-x:auto}
.site-nav a{white-space:nowrap;padding-bottom:2px;border-bottom:2px solid transparent}
.site-nav a.active{color:var(--ink);border-bottom-color:var(--gold)}
.header-spacer{flex:1}
.header-actions{display:flex;align-items:center;gap:14px}
.link-entrar{font:600 13px 'Archivo',sans-serif;color:var(--ink-soft)}
.btn-gold{display:inline-block;font:600 12.5px 'Oswald',sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);background:var(--gold);padding:10px 18px;border-radius:6px;border:0;cursor:pointer}
.btn-gold:hover{background:var(--gold-deep);color:var(--ink)}

/* ad slots — card-style: white margin + 1px gray border, like the user cards */
.apoio-frame{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:11px;padding:10px;display:flex}
.apoio-frame:hover{border-color:var(--gold)}
.apoio-frame .apoio-inner{flex:1;min-width:0;display:flex;align-items:center;justify-content:center}
.apoio-frame img{max-width:100%;height:auto;display:block}
.apoio-center .apoio-frame img{max-height:146px}
.apoio-lead{padding:16px 22px;background:#fff;border-bottom:1px solid rgba(0,0,0,.06);display:flex;justify-content:center}
.apoio-lead.bottom{background:var(--bg);border-bottom:0;padding:20px 22px}
.apoio-lead .apoio-frame{max-width:100%;border-radius:6px}
.apoio-center{display:block;margin:0 0 9px}
.apoio-center .apoio-frame{width:100%;border-radius:9px}
.rail{width:300px;flex:none;display:flex;flex-direction:column;gap:14px}
.rail a{display:block}
.rail .apoio-frame{width:300px;max-width:100%;border-radius:9px}

/* hero */
.hero{padding:56px 0 44px;background:linear-gradient(180deg,#fff,var(--bg))}
.kicker{font:500 12px 'Oswald',sans-serif;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:16px}
.hero h1{font:600 56px/.98 'Oswald',sans-serif;text-transform:uppercase;margin:0 0 18px}
.hero p{font:400 16px/1.55 'Archivo',sans-serif;color:var(--ink-mut);max-width:500px;margin:0 0 28px}
.searchbar{display:flex;gap:10px;max-width:900px;background:#fff;border:1px solid var(--line-strong);border-radius:11px;padding:9px;box-shadow:0 12px 34px rgba(0,0,0,.06)}
.searchbar select{border:0;background:#fff;font:600 14px 'Archivo',sans-serif;color:#3d3b37;padding:0 12px;border-right:1px solid rgba(0,0,0,.1);max-width:220px;outline:0}
.searchbar input{flex:1;border:0;font:400 15.5px 'Archivo',sans-serif;color:var(--ink);padding-left:8px;outline:0;min-width:0}
.searchbar input::placeholder{color:#a39d92}
.searchbar .btn-gold{padding:15px 32px;border-radius:8px;font-size:13.5px}
.hero-stats{display:flex;gap:34px;margin-top:24px;font:400 13px 'Archivo',sans-serif;color:var(--ink-faint);flex-wrap:wrap}
.hero-stats b{color:var(--ink);font-weight:700}

/* category pills */
.pills-block{padding:8px 0 30px}
.section-kicker{font:600 12px 'Oswald',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:16px}
.pills{display:flex;flex-wrap:wrap;gap:9px}
.pill{font:500 13px 'Archivo',sans-serif;color:var(--ink);background:#fff;border:1px solid var(--line-strong);padding:9px 16px;border-radius:24px}
.pill b{color:#a39d92;font-weight:500}
.pill:hover{border-color:var(--gold)}
.pill.more{color:var(--gold-deep);background:rgba(224,165,61,.14);border-color:rgba(224,165,61,.5);cursor:pointer}
.cat-tree{display:none;margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:22px 24px;columns:3;column-gap:36px}
.cat-tree.open{display:block}
.cat-tree section{break-inside:avoid;margin-bottom:16px}
.cat-tree h3{font:600 13px 'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px;color:var(--ink)}
.cat-tree a{display:block;font:400 13px/1.9 'Archivo',sans-serif;color:var(--ink-mut)}
.cat-tree a:hover{color:var(--gold-deep)}

/* two-column body */
.home-body{display:flex;gap:34px;padding-top:6px;padding-bottom:44px;align-items:flex-start}
.home-main{flex:1;min-width:0}
.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}
.section-head h2{font:600 24px 'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.01em;margin:0}
.section-head a{font:600 12.5px 'Archivo',sans-serif;color:var(--gold-deep)}
.pro-list{display:flex;flex-direction:column;gap:9px}
.pro-card{display:flex;align-items:center;gap:16px;padding:15px 17px;background:var(--card);border:1px solid rgba(0,0,0,.1);border-radius:11px}
.pro-card:hover{border-color:var(--gold)}
.avatar{width:52px;height:52px;border-radius:8px;background:#eceae4;flex:none;display:flex;align-items:center;justify-content:center;font:600 18px 'Oswald',sans-serif;color:var(--ink-faint)}
.pro-info{flex:1;min-width:0}
.pro-name{font:600 17px 'Oswald',sans-serif;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pro-meta{font:400 12.5px 'Archivo',sans-serif;color:var(--ink-mut)}
.pro-tags{display:flex;gap:6px}
.tag{font:600 10px 'Archivo',sans-serif;color:var(--ink-mut);background:var(--tag-bg);padding:5px 9px;border-radius:20px;white-space:nowrap}
.pro-link{font:700 12px 'Archivo',sans-serif;color:var(--gold-deep);white-space:nowrap}

/* register strip */
.register-strip{background:var(--gold)}
.register-strip .wrap{display:flex;align-items:center;gap:24px;padding-top:30px;padding-bottom:30px}
.register-strip h2{font:600 26px 'Oswald',sans-serif;text-transform:uppercase;color:var(--ink);margin:0;flex:1}
.register-strip h2 small{display:block;font:400 13.5px 'Archivo',sans-serif;color:#3d2f14;margin-top:6px;text-transform:none;letter-spacing:0}
.btn-dark{display:inline-block;font:600 13px 'Oswald',sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--gold);background:var(--ink);padding:14px 28px;border-radius:8px;white-space:nowrap}
.btn-dark:hover{color:#fff}

/* footer */
.site-footer{background:#1b1a18;color:#b8b2a8}
.site-footer .wrap{display:flex;gap:60px;padding-top:40px;padding-bottom:34px;flex-wrap:wrap}
.foot-brand{max-width:280px}
.foot-logo{font:700 22px 'Oswald',sans-serif;color:#fff}
.foot-logo span{color:var(--gold)}
.foot-brand p{font:400 12.5px/1.6 'Archivo',sans-serif;margin:12px 0 0}
.foot-cols{display:flex;gap:56px;font:400 13px/2 'Archivo',sans-serif;flex-wrap:wrap}
.foot-cols h4{color:#fff;font:700 13px 'Archivo',sans-serif;margin:0 0 6px}
.foot-cols a{display:block;color:#b8b2a8}
.foot-cols a:hover{color:var(--gold)}
.foot-social{margin-top:16px;display:flex;gap:10px}
.foot-social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,.1)}
.foot-social a:hover{background:var(--gold)}
.foot-social img{display:block}
.copyright{border-top:1px solid rgba(255,255,255,.12);font:400 11.5px 'Archivo',sans-serif;color:#6d685e;text-align:center;padding:16px 0}
.copyright a{color:#8a857c}

/* responsive */
@media(max-width:1000px){
	.wrap{padding-left:22px;padding-right:22px}
	.hero h1{font-size:42px}
	.home-body{flex-direction:column;align-items:stretch}
	.rail{width:100%;flex-direction:row;flex-wrap:wrap;justify-content:center}
	.cat-tree{columns:2}
}
@media(max-width:640px){
	.site-header .wrap{gap:14px}
	.hero{padding:36px 0 30px}
	.hero h1{font-size:32px}
	.searchbar{flex-wrap:wrap}
	.searchbar select{width:100%;max-width:100%;border-right:0;padding:8px}
	.searchbar input{flex:none;width:100%;padding:8px}
	.register-strip .wrap{flex-direction:column;align-items:flex-start}
	.cat-tree{columns:1}
	.pro-tags{display:none}
}

/* inner pages — shell */
.page-body{display:flex;gap:34px;padding-top:28px;padding-bottom:44px;align-items:flex-start}
.page-main{flex:1;min-width:0}
@media(max-width:1000px){.page-body{flex-direction:column;align-items:stretch}}

/* inner pages — legacy include markup, restyled */
.page-main #subContent{display:block}
.page-main #contentBox,.page-main .box{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:11px;padding:26px 28px;margin:0 0 14px}
.page-main h2{font:600 26px 'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.01em;margin:0 0 18px;color:var(--ink)}
.page-main h3,.page-main .title{font:600 17px 'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.04em;margin:22px 0 10px;color:var(--ink)}
.page-main h4{font:700 13.5px 'Archivo',sans-serif;margin:14px 0 2px;color:var(--ink)}
.page-main p{font:400 14.5px/1.6 'Archivo',sans-serif;color:var(--ink-mut)}
.page-main a{color:var(--gold-deep)}
.page-main a:hover{color:var(--ink)}
.page-main .data{display:block;font:400 12px 'Archivo',sans-serif;color:var(--ink-faint);margin:4px 0 10px}
.page-main table{width:100%;border-collapse:collapse}
.page-main table td,.page-main table th{padding:11px 8px;border-bottom:1px solid var(--line);font:400 14px 'Archivo',sans-serif}
.page-main table tr:hover td{background:var(--bg)}

/* forms */
.page-main .line{margin:0 0 14px}
.page-main label{display:block;font:600 12.5px 'Archivo',sans-serif;color:var(--ink-soft);margin:0 0 5px}
.page-main input[type=text],.page-main input[type=password],.page-main select,.page-main textarea{width:100%;max-width:440px;border:1px solid var(--line-strong);border-radius:8px;padding:10px 12px;font:400 14px 'Archivo',sans-serif;color:var(--ink);background:#fff;outline:0}
.page-main input:focus,.page-main select:focus,.page-main textarea:focus{border-color:var(--gold)}
.page-main select[multiple]{height:230px}
.page-main input[type=file]{font:400 13px 'Archivo',sans-serif}
.page-main .checkbox_wrapper{font:400 13.5px 'Archivo',sans-serif;color:var(--ink-mut)}
.page-main .checkbox_wrapper input{width:auto;margin-right:6px}
.page-main .btn,.page-main button[type=submit]{display:inline-block;font:600 12.5px 'Oswald',sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);background:var(--gold);padding:12px 26px;border-radius:8px;border:0;cursor:pointer}
.page-main .btn:hover,.page-main button[type=submit]:hover{background:var(--gold-deep);color:var(--ink)}
.page-main .captcha img{border:1px solid var(--line-strong);border-radius:8px;margin:4px 0}

/* flash messages */
.page-main .erro{display:block;background:#fdecea;color:#a4271b;border:1px solid #f2c6c0;padding:11px 14px;border-radius:8px;margin:0 0 16px;font:400 13.5px 'Archivo',sans-serif}
.page-main .sucesso{display:block;background:#edf7ed;color:#20602b;border:1px solid #c6e4c8;padding:11px 14px;border-radius:8px;margin:0 0 16px;font:400 13.5px 'Archivo',sans-serif}
.page-main .warning{display:block;background:#fdf6e3;color:#8a6116;border:1px solid #efdcae;padding:11px 14px;border-radius:8px;margin:0 0 16px;font:400 13.5px 'Archivo',sans-serif}
.pro-count{font:400 13px 'Archivo',sans-serif;color:var(--ink-faint)}
.page-main .pro-card,.page-main .pro-card:hover{color:var(--ink)}

/* mobile nav dropdown */
.nav-toggle-box{display:none}
.nav-toggle{display:none;font-size:20px;line-height:1;color:var(--ink);border:1px solid var(--line-strong);border-radius:8px;padding:7px 11px;cursor:pointer}
@media(max-width:900px){
	.nav-toggle{display:block}
	.site-nav{display:none;order:10;flex-basis:100%;flex-direction:column;gap:0;border-top:1px solid var(--line);margin-top:8px}
	.site-nav a{padding:12px 2px;border-bottom:1px solid var(--line);font-size:14px}
	.site-nav a.active{color:var(--gold-deep);border-bottom:1px solid var(--line)}
	.nav-toggle-box:checked ~ .site-nav{display:flex}
}