/*
Theme Name: Zenngi Portal
Theme URI: https://zenngi.com/
Author: Edvan Castro
Description: Tema editorial responsivo para o portal Zenngi, com destaque para notícias, tecnologia, games e entretenimento. Compatível com Elementor.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: zenngi-portal
*/
:root{--zn-ink:#171923;--zn-muted:#6b7280;--zn-line:#e8eaf0;--zn-bg:#f5f6f8;--zn-accent:#ed2638;--zn-dark:#11131a;--zn-card:#fff;--zn-radius:13px;--zn-width:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--zn-bg);color:var(--zn-ink);font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--zn-accent)}img{max-width:100%;height:auto;display:block}button,input{font:inherit}.zn-wrap{width:min(var(--zn-width),calc(100% - 36px));margin-inline:auto}.zn-topbar{background:#0e1016;color:#c9cbd2;font-size:12px}.zn-topbar .zn-wrap{display:flex;justify-content:space-between;gap:15px;padding:8px 0}.zn-header{background:#fff;border-bottom:1px solid var(--zn-line)}.zn-header-main{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 0}.zn-brand{display:flex;align-items:center;gap:10px;font-size:30px;font-weight:900;letter-spacing:-1.5px;color:var(--zn-dark)}.zn-brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--zn-accent);color:#fff;font-size:22px;font-weight:900}.zn-brand:hover{color:var(--zn-dark)}.zn-tagline{font-size:11px;color:var(--zn-muted);font-weight:600;letter-spacing:.2px;margin-top:-5px}.zn-search{display:flex;max-width:300px;width:100%;border:1px solid var(--zn-line);border-radius:30px;overflow:hidden;background:#fafafa}.zn-search input{min-width:0;width:100%;border:0;background:transparent;padding:10px 15px;outline:0}.zn-search button{border:0;background:transparent;padding:0 14px;cursor:pointer}.zn-nav{border-top:1px solid var(--zn-line)}.zn-nav ul{display:flex;gap:0;align-items:center;list-style:none;margin:0;padding:0;overflow-x:auto}.zn-nav a{display:block;padding:14px 17px;font-size:13px;font-weight:800;white-space:nowrap;text-transform:uppercase;letter-spacing:.25px}.zn-nav a:hover,.zn-nav .current-menu-item>a{color:var(--zn-accent)}.zn-breaking{background:var(--zn-accent);color:#fff;font-size:12px;font-weight:800}.zn-breaking .zn-wrap{display:flex;gap:12px;align-items:center;padding:9px 0}.zn-breaking strong{background:#fff;color:var(--zn-accent);padding:3px 8px;border-radius:4px;font-size:10px;letter-spacing:.5px}.zn-main{padding:28px 0 50px}.zn-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 16px}.zn-section-head h2,.zn-section-head h3{font-size:19px;line-height:1.2;margin:0;font-weight:900;letter-spacing:-.4px}.zn-section-head h2:before,.zn-section-head h3:before{content:"";display:inline-block;width:5px;height:19px;background:var(--zn-accent);margin-right:10px;vertical-align:-3px;border-radius:3px}.zn-section-head a{font-size:12px;font-weight:800;color:var(--zn-muted)}.zn-feature-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;margin-bottom:30px}.zn-feature-main,.zn-feature-small,.zn-card{position:relative;overflow:hidden;background:var(--zn-card);border-radius:var(--zn-radius);box-shadow:0 3px 16px rgba(20,25,40,.045)}.zn-feature-main{min-height:390px}.zn-feature-main img{width:100%;height:390px;object-fit:cover}.zn-feature-small-grid{display:grid;grid-template-rows:1fr 1fr;gap:18px}.zn-feature-small{min-height:186px}.zn-feature-small img{width:100%;height:186px;object-fit:cover}.zn-image-placeholder{background:linear-gradient(135deg,#242938,#596174);height:100%;min-height:180px}.zn-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.82) 100%)}.zn-feature-copy{position:absolute;left:0;right:0;bottom:0;padding:24px;color:#fff}.zn-feature-copy h2{font-size:clamp(22px,3vw,34px);line-height:1.12;margin:9px 0 8px;font-weight:900;letter-spacing:-.7px}.zn-feature-small .zn-feature-copy{padding:16px}.zn-feature-small .zn-feature-copy h3{font-size:18px;line-height:1.2;margin:7px 0 0;font-weight:900}.zn-category{display:inline-block;background:var(--zn-accent);color:#fff!important;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}.zn-meta{font-size:11px;color:var(--zn-muted);font-weight:600}.zn-feature-copy .zn-meta{color:#d5d6dc}.zn-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.zn-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.zn-card{padding-bottom:15px}.zn-card-img{aspect-ratio:16/9;overflow:hidden;background:#e5e7eb}.zn-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.zn-card:hover .zn-card-img img{transform:scale(1.04)}.zn-card-body{padding:14px 15px 0}.zn-card h3{font-size:18px;line-height:1.28;margin:8px 0;font-weight:850;letter-spacing:-.25px}.zn-card .zn-meta{display:flex;gap:9px;flex-wrap:wrap}.zn-sidebar-box{background:#fff;border-radius:var(--zn-radius);padding:18px;margin-bottom:20px;box-shadow:0 3px 16px rgba(20,25,40,.04)}.zn-popular{list-style:none;padding:0;margin:0;counter-reset:popular}.zn-popular li{counter-increment:popular;display:grid;grid-template-columns:30px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--zn-line)}.zn-popular li:last-child{border:0;padding-bottom:0}.zn-popular li:before{content:counter(popular,decimal-leading-zero);font-size:17px;font-weight:900;color:var(--zn-accent)}.zn-popular a{font-size:13px;line-height:1.35;font-weight:800}.zn-ad{min-height:110px;border:1px dashed #cdd1da;border-radius:10px;display:grid;place-items:center;color:#9ca3af;font-size:11px;font-weight:700;letter-spacing:1px;margin:22px 0;background:rgba(255,255,255,.5)}.zn-load-more{display:inline-block;margin-top:22px;background:var(--zn-dark);color:#fff;padding:11px 19px;border-radius:6px;font-size:12px;font-weight:800}.zn-load-more:hover{background:var(--zn-accent);color:#fff}.zn-category-section{margin-top:34px}.zn-category-section .zn-post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.zn-single{background:#fff;border-radius:var(--zn-radius);padding:clamp(20px,4vw,42px);box-shadow:0 3px 16px rgba(20,25,40,.04)}.zn-breadcrumb{font-size:11px;color:var(--zn-muted);margin-bottom:15px}.zn-single h1{font-size:clamp(30px,5vw,48px);line-height:1.08;letter-spacing:-1.2px;margin:12px 0 14px;font-weight:950}.zn-single .zn-subtitle{font-size:18px;color:#626979;line-height:1.5}.zn-single-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--zn-muted);font-size:12px;margin:18px 0 24px}.zn-single-featured{width:100%;max-height:560px;object-fit:cover;border-radius:10px;margin-bottom:25px}.zn-entry-content{font-size:17px;line-height:1.85;color:#303442;max-width:780px;margin:auto}.zn-entry-content h2,.zn-entry-content h3{line-height:1.25;color:var(--zn-ink);margin-top:1.6em}.zn-entry-content a{color:var(--zn-accent);text-decoration:underline}.zn-entry-content img{border-radius:9px}.zn-tags{margin-top:28px}.zn-tags a{display:inline-block;background:#f0f1f4;padding:5px 10px;border-radius:20px;font-size:11px;margin:3px}.zn-pagination{display:flex;gap:7px;margin-top:25px}.zn-pagination .page-numbers{background:#fff;padding:8px 13px;border-radius:5px;font-weight:800;font-size:12px}.zn-pagination .current{background:var(--zn-accent);color:#fff}.zn-footer{background:#11131a;color:#c5c7d0;margin-top:25px}.zn-footer-main{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px;padding:45px 0}.zn-footer .zn-brand{color:#fff}.zn-footer p{font-size:13px;color:#a7aab5}.zn-footer h3{font-size:13px;color:#fff;text-transform:uppercase;letter-spacing:.6px}.zn-footer ul{list-style:none;padding:0;margin:0}.zn-footer li{margin:8px 0;font-size:13px}.zn-footer-bottom{border-top:1px solid #2a2d36;padding:15px 0;font-size:11px;color:#9ca0ad}.zn-footer-bottom .zn-wrap{display:flex;justify-content:space-between;gap:15px}.screen-reader-text{position:absolute;left:-9999px}.alignwide{max-width:1100px;margin-left:auto;margin-right:auto}.alignfull{width:100%;max-width:none}.elementor-page .zn-main{padding-top:0}.elementor-page .site-main{width:100%}.zn-menu-toggle{display:none}
@media(max-width:900px){.zn-content-grid{grid-template-columns:minmax(0,1fr) 270px}.zn-feature-grid{grid-template-columns:1.3fr 1fr}.zn-feature-main,.zn-feature-main img{min-height:340px;height:340px}.zn-feature-small,.zn-feature-small img{min-height:161px;height:161px}.zn-category-section .zn-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.zn-wrap{width:min(100% - 24px,var(--zn-width))}.zn-header-main{padding:15px 0;flex-wrap:wrap}.zn-brand{font-size:26px}.zn-search{max-width:none;order:3}.zn-nav ul{width:calc(100vw - 12px)}.zn-nav a{padding:12px 13px;font-size:11px}.zn-breaking .zn-wrap{font-size:11px}.zn-main{padding-top:18px}.zn-feature-grid{grid-template-columns:1fr}.zn-feature-main,.zn-feature-main img{height:300px;min-height:300px}.zn-feature-small-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:12px}.zn-feature-small,.zn-feature-small img{height:145px;min-height:145px}.zn-feature-small .zn-feature-copy{padding:10px}.zn-feature-small .zn-feature-copy h3{font-size:13px}.zn-feature-small .zn-meta{display:none}.zn-content-grid{grid-template-columns:1fr}.zn-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.zn-sidebar-box{margin:0;padding:14px}.zn-post-grid{gap:12px}.zn-card-body{padding:11px 11px 0}.zn-card h3{font-size:15px}.zn-category-section .zn-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zn-footer-main{grid-template-columns:1fr;gap:18px;padding:30px 0}.zn-footer-bottom .zn-wrap{display:block}.zn-single{padding:20px 15px}.zn-single h1{font-size:31px}.zn-entry-content{font-size:16px}}
