/* G-SMART | Portal Berita - public editorial visual system */
:root{--ink:#143a39;--dark:#043e38;--deep:#032c2d;--green:#05765f;--mint:#12a982;--gold:#f59e0b;--soft:#f4f8f6;--line:#dce8e4;--gray:#687d79;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.topline{font-size:11px;letter-spacing:1.4px;font-weight:750;background:var(--deep);color:#d0e6e0;padding:9px 0}.topline .container{display:flex;justify-content:space-between}.masthead{background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;backdrop-filter:blur(20px)}.masthead-inner{height:78px;display:flex;gap:25px;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;flex-shrink:0}.brand img{width:49px;height:49px;object-fit:contain}.brand strong{font-size:24px;font-weight:950;letter-spacing:-1.2px;color:#075347;display:block;line-height:1.1}.brand small{color:#6c8a83;font-size:10px;letter-spacing:.5px;font-weight:700}.links{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:750}.links a:hover,.links .active{color:#008774}.nav-actions{display:flex;gap:12px;align-items:center}.pill{background:#0a765f;color:#fff;border:1px solid #0a765f;padding:11px 18px;border-radius:9px;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s,background .2s}.pill:hover{background:#065344;transform:translateY(-1px)}.pill.ghost{background:transparent;color:var(--dark);border-color:var(--line)}.pill.ghost:hover{background:#eaf4ef}.hamburger{display:none;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 13px;font-size:20px}.demo{display:flex;align-items:center;gap:9px;background:#fff8e6;color:#7d5b13;border:1px solid #f5dfa9;border-radius:10px;padding:12px 16px;font-size:12px;line-height:1.4}.demo b{font-weight:850}.section-kicker{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:850;color:#168b70}.section-header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:23px}.section-header h2{font-size:clamp(28px,3.5vw,42px);margin:6px 0 0;line-height:1.15;letter-spacing:-1.3px;color:#073d38}.section-header p{color:var(--gray);max-width:430px;margin:0;font-size:14px}.hero{background:#043b35;color:#fff;position:relative;overflow:hidden;min-height:550px}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#043d37 0%,#04473d 35%,rgba(0,56,49,.76) 60%,rgba(1,53,45,.15) 100%),url('assets/hero-granada.jpg') right center/auto 100% no-repeat}.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 70%,rgba(1,26,26,.6))}.hero-inner{position:relative;z-index:1;padding:89px 0 85px}.hero-text{max-width:750px}.hero .section-kicker{color:#a4f0d7}.hero h1{font-size:clamp(46px,6.3vw,84px);line-height:1.02;letter-spacing:-4px;margin:20px 0;font-weight:900}.hero h1 em{font-style:normal;color:#ffd27f}.hero p{font-size:17px;max-width:530px;color:#def0e8}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.hero .pill.ghost{color:#fff;border-color:#85b6aa}.hero .pill.ghost:hover{background:#ffffff22}.hero-meta{display:flex;gap:18px;align-items:center;color:#bfe2d6;margin-top:62px;font-size:12px}.tiny-dot{height:5px;width:5px;border-radius:50%;background:#f4ad2b}.editorial-strip{background:#073f3b;color:#fff}.editorial-strip .container{display:flex;gap:18px;align-items:center;padding:18px 0;font-size:13px}.strip-label{white-space:nowrap;color:#f8bd56;font-size:11px;letter-spacing:1px;font-weight:900}.strip-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip-title:hover{text-decoration:underline}.strip-next{color:#b7e0d6}.main-section{padding:78px 0}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0}.filter-btn{border:1px solid #d9e7e2;color:#47675f;background:#fff;padding:10px 15px;border-radius:24px;font-size:13px;font-weight:760}.filter-btn.active,.filter-btn:hover{background:#0a6657;border-color:#0a6657;color:white}.search-row{display:flex;gap:12px;align-items:center;margin-top:18px}.search-row input{height:47px;width:min(400px,100%);border:1px solid var(--line);border-radius:10px;padding:0 17px;background:#f9fcfb}.search-row span{font-size:12px;color:#768b84}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin-top:25px}.news-card{border:1px solid #e1e9e5;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 9px 26px #09342d09;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.news-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #083e3020}.card-thumb{aspect-ratio:16/10;overflow:hidden;background:#e7efed;display:block;position:relative}.card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.news-card:hover .card-thumb img{transform:scale(1.035)}.tag{display:inline-block;border-radius:100px;padding:5px 10px;font-size:10px;letter-spacing:.6px;font-weight:850;background:#e5f5ef;color:#087761}.thumb-tag{position:absolute;left:14px;bottom:14px;background:#fff}.card-body{padding:20px 21px 24px;flex:1;display:flex;flex-direction:column}.card-date{font-size:11px;font-weight:700;color:#7a8f89}.card-body h3{font-size:19px;line-height:1.32;margin:12px 0 10px;letter-spacing:-.5px}.card-body h3 a:hover{color:#078269}.card-body p{font-size:13px;color:var(--gray);margin:0 0 18px;line-height:1.7}.card-read{color:#087b67;font-weight:850;font-size:12px;margin-top:auto}.empty{padding:55px 28px;text-align:center;border:1px dashed #bcd5cc;border-radius:16px;background:#f6faf8;color:#52766c;margin-top:18px}.outline-banner{background:linear-gradient(115deg,#065448,#073b38);color:#fff;padding:48px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;position:relative}.outline-banner::after{content:"2027 / 2028";position:absolute;right:20%;bottom:-35px;font-size:116px;font-weight:950;opacity:.08;white-space:nowrap}.outline-banner>div{position:relative;z-index:1}.outline-banner h2{font-size:clamp(26px,3vw,39px);line-height:1.1;max-width:600px;margin:11px 0}.outline-banner p{color:#d4ebe2;max-width:560px;font-size:14px}.outline-banner .pill{background:#f5a828;border-color:#f5a828;color:#243c34;z-index:1;white-space:nowrap}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:31px 0 0}.feature{padding:24px;border-radius:14px;border:1px solid var(--line);background:#fff}.feature span{font-size:27px}.feature h3{margin:10px 0 8px;font-size:16px}.feature p{margin:0;font-size:13px;color:var(--gray)}.site-footer{background:#032e2d;color:#d3e8e2;padding:55px 0 24px;margin-top:75px}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.foot-grid .brand strong{color:white}.foot-grid p{font-size:13px;color:#a8cec5;max-width:360px}.foot-col{display:flex;flex-direction:column;gap:10px;font-size:13px}.foot-col strong{font-size:13px;color:#fff;margin-bottom:10px}.foot-col a:hover{text-decoration:underline}.foot-bottom{border-top:1px solid #ffffff27;font-size:11px;color:#b2c9c3;margin-top:35px;padding-top:22px;display:flex;justify-content:space-between;gap:10px}.article-shell{max-width:900px;margin:0 auto}.breadcrumbs{font-size:12px;color:#63827b;margin:38px 0}.breadcrumbs a{color:#0d8670}.story-header h1{font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:-1.9px;margin:20px 0}.story-lead{font-size:18px;color:#55716d;max-width:750px;line-height:1.65}.story-meta{display:flex;align-items:center;gap:15px;font-size:12px;color:#698680;padding:22px 0;border-top:1px solid var(--line)}.story-cover{border-radius:18px;overflow:hidden;aspect-ratio:16/8.5;background:#e8f0ec}.story-cover img{width:100%;height:100%;object-fit:cover}.story-content{max-width:770px;margin:37px auto 65px;color:#24413d;font-size:16px;line-height:1.9}.story-content p{margin:0 0 22px}.story-links{border-top:1px solid var(--line);padding-top:25px;display:flex;gap:12px;flex-wrap:wrap}.warn{background:#fff7dd;border:1px solid #f6dd9d;color:#795d22;border-radius:12px;padding:16px;font-size:13px}.mobile-card{background:#eff8f2;border-radius:18px;padding:35px}.mobile-card h1{font-size:clamp(30px,5vw,51px);letter-spacing:-1.5px;line-height:1.12}.mobile-card .device{height:215px;width:140px;border:8px solid #143e35;border-radius:26px;background:#fff;box-shadow:0 12px 40px #14403433;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.mobile-card .device img{width:65px}.mobile-grid{display:grid;grid-template-columns:1.5fr .5fr;gap:30px;align-items:center}.skip{position:absolute;top:-80px;left:10px;z-index:900;background:#ffc857;padding:11px}.skip:focus{top:8px}
@media(max-width:950px){.links{gap:13px}.nav-actions{gap:7px}.news-grid{grid-template-columns:repeat(2,1fr)}.hero::before{background:linear-gradient(90deg,#043d37 0%,#06483f 54%,rgba(2,53,44,.43) 100%),url('assets/hero-granada.jpg') center/cover no-repeat}}@media(max-width:680px){.container{width:calc(100% - 36px)}.topline{font-size:9px}.topline .container span:last-child{display:none}.masthead-inner{height:72px}.brand img{width:40px;height:40px}.brand strong{font-size:21px}.links{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:20px 24px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);box-shadow:0 10px 20px #00332218}.links.open{display:flex}.hamburger{display:block}.nav-actions .pill{display:none}.hero{min-height:500px}.hero-inner{padding:80px 0 65px}.hero h1{letter-spacing:-2px}.hero p{font-size:15px}.hero-meta{margin-top:42px}.section-header{display:block}.section-header p{margin-top:15px}.main-section{padding:56px 0}.news-grid{grid-template-columns:1fr}.outline-banner{display:block;padding:31px 25px}.outline-banner .pill{margin-top:16px}.feature-row{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr}.foot-grid>div:first-child{grid-column:1 / -1}.foot-bottom{display:block}.article-shell .story-header h1{letter-spacing:-1.2px}.mobile-grid{grid-template-columns:1fr}.mobile-card .device{display:none}}
/* Extended editorial navigation: dropdown on smaller desktop / tablets */
@media(max-width:1160px){.links{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:20px 25px;flex-direction:column;align-items:stretch;gap:14px;border-bottom:1px solid var(--line);box-shadow:0 11px 25px #00332218}.links.open{display:flex}.hamburger{display:block}}
@media(min-width:1161px){.masthead-inner{gap:14px}.links{gap:16px;font-size:11.5px}.nav-actions .pill{white-space:nowrap}}
@media(max-width:680px){.links{top:72px}}