/*
Theme Name: Tron Horn
Theme URI: https://tronhorn.com
Author: Universo Tron Horn
Description: Tema oficial do Universo Tron Horn, criado para livros, personagens, mapa e notícias.
Version: 0.2.0
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: tron-horn
*/

:root{--ink:#07100e;--panel:#101b18;--green:#143c2e;--gold:#d8b76a;--cyan:#65d9e6;--paper:#eee7d4;--muted:#b9c2bd;--line:rgba(216,183,106,.25);--shadow:0 18px 50px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f4f0e7;font:18px/1.65 Georgia,"Times New Roman",serif}body.admin-bar .site-header{top:32px}a{color:var(--cyan);text-decoration:none}a:hover{color:#fff}img{max-width:100%;height:auto}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(7,16,14,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav-wrap{min-height:74px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:700;letter-spacing:.08em}.brand-mark{width:35px;height:35px;object-fit:contain}.brand-text small{display:block;color:var(--gold);font:11px/1.2 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}.menu-toggle{display:none;margin-left:auto;background:transparent;color:#fff;border:1px solid var(--line);padding:8px 12px}.primary-nav{margin-left:auto}.primary-nav ul{display:flex;align-items:center;gap:20px;margin:0;padding:0;list-style:none}.primary-nav a{color:#ece9df;font:600 14px/1.2 Arial,sans-serif}.primary-nav a:hover{color:var(--gold)}.hero{min-height:720px;display:grid;align-items:center;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(5,12,10,.96) 0%,rgba(5,12,10,.75) 52%,rgba(5,12,10,.3) 100%),url(assets/images/hero.jpg) center/cover}.hero:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,var(--ink))}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .65fr;gap:64px;align-items:center;padding:84px 0 120px}.eyebrow{color:var(--gold);font:700 13px/1.3 Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase}.hero h1,.page-hero h1{font-size:clamp(48px,7vw,92px);line-height:.94;margin:16px 0 22px;text-wrap:balance}.hero h1 span{display:block;color:var(--gold);font-size:.58em;margin-top:10px}.hero-copy{max-width:680px;color:#d8ded9;font-size:21px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 22px;border:1px solid var(--gold);background:var(--gold);color:#101612;font:700 14px Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}.button:hover{background:#f1d68e;color:#07100e}.button.secondary{background:transparent;color:#fff}.button.secondary:hover{background:rgba(216,183,106,.13);color:#fff}.book-cover{width:min(380px,100%);margin:auto;filter:drop-shadow(0 30px 35px rgba(0,0,0,.6));transform:rotate(2deg)}.section{padding:96px 0}.section.alt{background:#0b1512}.section-head{max-width:760px;margin-bottom:42px}.section h2{font-size:clamp(36px,5vw,58px);line-height:1.05;margin:10px 0 16px}.lead{font-size:21px;color:#c9d0cc}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:54px;align-items:center}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{position:relative;overflow:hidden;min-height:390px;border:1px solid var(--line);background:linear-gradient(180deg,#15231e,#0b1411);box-shadow:var(--shadow)}.card img{width:100%;height:310px;object-fit:contain;object-position:center bottom;transition:.35s}.card:hover img{transform:scale(1.04)}.card-body{padding:20px}.card h3{margin:0;color:#fff;font-size:24px}.card p{margin:7px 0 0;color:var(--muted);font-size:15px}.map-frame{border:1px solid var(--line);padding:10px;background:#0d1814;box-shadow:var(--shadow)}.map-frame img{display:block;width:100%}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.news-card{padding:28px;border-top:2px solid var(--gold);background:var(--panel)}.news-card h3{font-size:25px;line-height:1.2}.meta{font:12px Arial,sans-serif;color:var(--gold);text-transform:uppercase;letter-spacing:.1em}.author-photo{width:310px;aspect-ratio:1;border-radius:50%;object-fit:cover;border:2px solid var(--gold);box-shadow:var(--shadow)}.cta{padding:70px 0;text-align:center;background:linear-gradient(135deg,#153f30,#0a1713);border-block:1px solid var(--line)}.cta h2{margin:0 0 14px}.site-footer{padding:54px 0 30px;border-top:1px solid var(--line);color:var(--muted);font-size:15px}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:30px}.socials{display:flex;gap:18px}.page-hero{padding:105px 0 55px;background:linear-gradient(rgba(7,16,14,.75),var(--ink)),url(assets/images/hero.jpg) center/cover}.page-hero h1{font-size:clamp(44px,6vw,72px)}.content{padding:60px 0 100px}.content article{max-width:860px}.content h2{font-size:38px}.character-grid{grid-template-columns:repeat(3,1fr)}.character-grid .card{min-height:460px}.character-grid .card img{height:365px}.purchase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.purchase-card{padding:34px;border:1px solid var(--line);background:var(--panel)}.notice{padding:18px 22px;border-left:3px solid var(--gold);background:rgba(216,183,106,.08)}.post-list article{padding:28px 0;border-bottom:1px solid var(--line)}.pagination{margin-top:36px}.privacy-note{font-size:14px;color:var(--muted)}
@media(max-width:960px){body.admin-bar .site-header{top:46px}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;top:74px;left:0;right:0;background:#07100e;padding:20px}.primary-nav.open{display:block}.primary-nav ul{align-items:flex-start;flex-direction:column}.hero-grid,.grid-2{grid-template-columns:1fr}.hero-grid{padding-top:62px;text-align:center}.hero-copy{margin:auto}.actions{justify-content:center}.book-cover{width:280px}.cards{grid-template-columns:repeat(2,1fr)}.news-grid{grid-template-columns:1fr}.author-photo{margin:auto}}
@media(max-width:620px){body{font-size:16px}.container{width:min(100% - 26px,1180px)}.section{padding:70px 0}.hero{min-height:auto}.hero h1{font-size:48px}.cards,.character-grid,.purchase-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.card{min-height:350px}}