:root{--bg:#020d18;--panel:#061b2d;--panel2:#0a2941;--line:#124c70;--blue:#1697ff;--cyan:#53c8ff;--text:#f5fbff;--muted:#9bb7c9;--green:#41db91;--red:#ff4f62;--gold:#ffc85c;--shadow:0 18px 50px #0009}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:"Rajdhani","Segoe UI",sans-serif;background:radial-gradient(circle at 80% -10%,#124a73 0,transparent 30%),linear-gradient(180deg,#031321,#010810);min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(#38b8ff12 1px,transparent 1px),linear-gradient(90deg,#38b8ff12 1px,transparent 1px);background-size:38px 38px}.shell{width:min(1180px,100%);margin:auto;position:relative}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:12px 18px;background:#031421eb;border-bottom:1px solid #1b5b7c;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;font-family:"Orbitron",sans-serif;font-weight:900;letter-spacing:2px}.brand img{width:45px;height:45px;border-radius:50%;object-fit:cover;border:1px solid #4bc0ff}.brand small{display:block;color:var(--cyan);font:600 10px Rajdhani;letter-spacing:3px}.top-actions{margin-left:auto;display:flex;gap:8px}.icon-btn,.btn{border:1px solid #2474a0;color:white;background:linear-gradient(180deg,#0a3654,#071e31);border-radius:12px;padding:10px 14px;font:700 14px Rajdhani;cursor:pointer;text-decoration:none;transition:.2s}.icon-btn:hover,.btn:hover{transform:translateY(-2px);border-color:#6dd0ff}.btn.primary{background:linear-gradient(135deg,#087fee,#1cacff);border:0;box-shadow:0 8px 26px #008cff55}.hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:440px;padding:44px 22px;overflow:hidden}.hero-copy{z-index:2}.eyebrow{color:var(--cyan);font-weight:700;letter-spacing:3px;text-transform:uppercase}.hero h1{font-family:Orbitron,sans-serif;font-size:clamp(38px,7vw,82px);line-height:.95;margin:14px 0;text-shadow:0 0 30px #28a9ff55}.hero h1 span{display:block;color:transparent;-webkit-text-stroke:1px #9bdcff;font-size:.55em}.hero p{font-size:20px;color:#c3d9e7;max-width:620px}.hero-art{position:relative;height:390px}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:50% 24%;border-radius:40% 40% 18px 18px;filter:saturate(.9) contrast(1.08);mask-image:linear-gradient(#000 70%,transparent);-webkit-mask-image:linear-gradient(#000 70%,transparent)}.pulse{display:inline-flex;align-items:center;gap:8px;color:#bfead5;font-size:13px}.pulse:before{content:"";width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 0 6px #41db9122;animation:pulse 1.6s infinite}@keyframes pulse{50%{box-shadow:0 0 0 12px transparent}}.section{padding:26px 22px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:16px}.section h2{font:800 clamp(24px,4vw,36px) Orbitron;margin:0}.section-sub{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{position:relative;overflow:hidden;background:linear-gradient(145deg,#08243aee,#041522ee);border:1px solid #124c70;border-radius:18px;padding:18px;box-shadow:0 12px 30px #0005}.card:after{content:"";position:absolute;width:100px;height:100px;right:-30px;top:-40px;background:#1fa8ff18;border-radius:50%;filter:blur(5px)}.card .emoji{font-size:30px;filter:drop-shadow(0 4px 8px #000)}.card h3{margin:10px 0 5px;font-size:19px}.card p{color:var(--muted);margin:0;line-height:1.45}.card a{position:absolute;inset:0}.feature{min-height:170px}.metric{font:800 30px Orbitron;color:var(--cyan)}.weather{background:linear-gradient(135deg,#0c58a1,#148fd8);border-color:#5bc8ff}.weather .metric{color:white}.news-list,.match-list{display:grid;gap:10px}.row{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid #104567;background:#061b2d;border-radius:14px}.row-icon{font-size:26px;width:48px;height:48px;display:grid;place-items:center;background:#0d3451;border-radius:12px}.row-main{flex:1}.row-main b{display:block}.row-main small{color:var(--muted)}.live{color:white;background:var(--red);padding:4px 8px;border-radius:7px;font-weight:800}.tabs{display:flex;gap:8px;overflow:auto;margin:12px 0}.tab{white-space:nowrap;padding:8px 14px;border:1px solid #174d6c;border-radius:100px;color:#b9d2e1;background:#061827}.tab.active{background:#1598ff;color:white}.footer{border-top:1px solid #12415d;margin-top:40px;padding:30px 22px;color:#8daaba;display:flex;justify-content:space-between}.page-hero{padding:50px 22px 20px}.page-hero h1{font:800 clamp(32px,6vw,58px) Orbitron;margin:8px 0}.control{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#061b2d;border:1px solid #124c70;border-radius:14px;margin:10px 0}.switch{width:48px;height:27px;background:#16425b;border-radius:20px;position:relative;cursor:pointer}.switch:after{content:"";position:absolute;width:21px;height:21px;top:3px;left:3px;background:white;border-radius:50%;transition:.2s}.switch.on{background:#168cff}.switch.on:after{left:24px}.status-box{padding:16px;border-left:3px solid var(--green);background:#0a2d2c;border-radius:10px;color:#c8f5df}.splash{position:fixed;inset:0;z-index:100;background:#020b13;display:grid;place-items:center;transition:opacity .6s,visibility .6s}.splash.hide{opacity:0;visibility:hidden}.splash-inner{text-align:center;width:min(520px,90%)}.splash img{width:min(340px,80vw);aspect-ratio:1/1.2;object-fit:cover;object-position:50% 20%;border-radius:30px;mask-image:linear-gradient(#000 78%,transparent);animation:eagle 1.5s ease-out}.splash h1{font:900 clamp(36px,10vw,68px) Orbitron;margin:-30px 0 0;position:relative;text-shadow:0 4px 20px #000}.loader{height:6px;border-radius:8px;background:#123047;overflow:hidden;margin:22px auto;width:75%}.loader:after{content:"";display:block;width:45%;height:100%;background:#21a8ff;animation:load 2.2s infinite}@keyframes load{from{transform:translateX(-100%)}to{transform:translateX(250%)}}@keyframes eagle{from{opacity:0;transform:scale(.7) translateY(40px)}to{opacity:1;transform:none}}@media(max-width:820px){.hero{grid-template-columns:1fr;min-height:unset;padding-top:32px}.hero-art{height:290px;order:-1}.grid{grid-template-columns:repeat(2,1fr)}.brand-name{font-size:14px}.hero p{font-size:17px}}@media(max-width:480px){.grid{grid-template-columns:1fr 1fr;gap:9px}.card{padding:14px}.card p{font-size:13px}.topbar{padding:9px 12px}.section{padding:22px 13px}.hero{padding:24px 13px}.footer{display:block}.top-actions .label{display:none}}
/* V404: a arte do gavião sempre aparece inteira, sem corte. */
.hero-art{display:grid!important;place-items:center!important;padding:8px!important;background:radial-gradient(circle at 50% 42%,#1d83bd33,transparent 68%)!important;border-radius:24px!important}
.hero-art img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:24px!important;-webkit-mask-image:none!important;mask-image:none!important;filter:drop-shadow(0 18px 32px #000a)!important}
.splash img{width:min(340px,80vw)!important;height:min(460px,58vh)!important;object-fit:contain!important;object-position:center!important;-webkit-mask-image:none!important;mask-image:none!important;filter:drop-shadow(0 18px 34px #000b)!important}
.shell{--app-theme:#1697ff;--app-theme2:#075c9d}.shell .page-hero{border-bottom:1px solid var(--app-theme);background:linear-gradient(110deg,transparent,color-mix(in srgb,var(--app-theme) 18%,transparent));border-radius:0 0 24px 24px}.shell .page-hero h1{text-shadow:0 0 28px color-mix(in srgb,var(--app-theme) 45%,transparent)}body[data-app-theme="weather"] .shell{--app-theme:#55d9ff;--app-theme2:#087bb5}body[data-app-theme="alerts"] .shell{--app-theme:#bd7cff;--app-theme2:#6e27a7}body[data-app-theme="security"] .shell{--app-theme:#ff5964;--app-theme2:#951d2b}body[data-app-theme="menu"] .shell{--app-theme:#4de6c1;--app-theme2:#087a6d}body[data-app-theme] .control{border-color:color-mix(in srgb,var(--app-theme) 55%,#124c70)}body[data-app-theme] .switch.on,body[data-app-theme] .btn.primary{background:linear-gradient(135deg,var(--app-theme2),var(--app-theme))!important}

.web-only-install[hidden]{display:none!important}.apk-install-notice{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px;background:rgba(1,10,18,.82);backdrop-filter:blur(8px)}.apk-install-box{position:relative;width:min(560px,100%);padding:28px;border:1px solid rgba(80,180,255,.28);border-radius:24px;background:#071d2c;color:#eef8ff;box-shadow:0 24px 80px rgba(0,0,0,.48)}.apk-install-box h2{margin:.4rem 0 .7rem;font-family:Orbitron,sans-serif}.apk-install-icon{font-size:2.5rem}.apk-install-warning{margin:18px 0;padding:16px;border-radius:16px;background:rgba(255,180,45,.12);border:1px solid rgba(255,190,60,.45);line-height:1.55}.apk-install-source{opacity:.82;font-size:.95rem}.apk-install-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.apk-install-close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:#fff;font-size:2rem;cursor:pointer}@media(max-width:620px){.apk-install-box{padding:22px 18px}.apk-install-actions .btn{width:100%;text-align:center;justify-content:center}}

html.giruzin-native-app .web-only-install,html.giruzin-native-app [data-web-install],html.giruzin-native-app a[href*="baixar-app"],html.giruzin-native-app a[href$=".apk"]{display:none!important}

/* =========================================================
   V616 — GIRUZIN 033 · NOVA EXPERIÊNCIA VISUAL 2026
   Redesign exclusivamente visual. Notificações permanecem intactas.
   ========================================================= */
:root{
  --surface:#061827;--surface-strong:#08263c;--surface-soft:#0b304b;
  --stroke:rgba(83,200,255,.18);--stroke-strong:rgba(83,200,255,.38);
  --glow:0 24px 70px rgba(0,0,0,.34);--radius-xl:28px;--radius-lg:22px;
}
body{background:
  radial-gradient(circle at 12% 4%,rgba(22,151,255,.17),transparent 26%),
  radial-gradient(circle at 90% 18%,rgba(83,200,255,.10),transparent 24%),
  linear-gradient(180deg,#031421 0%,#020d18 45%,#010811 100%);letter-spacing:.01em}
body:before{opacity:.08;background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
.shell{width:min(1240px,100%);padding:0 14px}
.topbar{top:10px;margin:10px 0 0;border:1px solid var(--stroke);border-radius:20px;padding:11px 14px;background:rgba(3,20,33,.78);box-shadow:0 16px 45px rgba(0,0,0,.22);backdrop-filter:blur(22px) saturate(135%)}
.brand img{width:48px;height:48px;box-shadow:0 0 0 4px rgba(22,151,255,.08),0 8px 22px rgba(0,0,0,.3)}
.brand-name{font-size:15px}.icon-btn,.btn{border-color:var(--stroke-strong);background:linear-gradient(180deg,rgba(13,58,88,.92),rgba(5,27,44,.92));box-shadow:inset 0 1px rgba(255,255,255,.05);border-radius:14px}
.icon-btn:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,128,255,.15)}
.hero{min-height:520px;margin-top:18px;padding:54px 34px;border:1px solid var(--stroke);border-radius:32px;background:linear-gradient(135deg,rgba(8,38,60,.82),rgba(3,20,33,.55));box-shadow:var(--glow);position:relative}
.hero:before{content:"GIRUZIN 033";position:absolute;right:2%;bottom:-2%;font:900 clamp(64px,12vw,150px) Orbitron;color:rgba(83,200,255,.025);white-space:nowrap;pointer-events:none}
.hero-copy{max-width:700px}.hero h1{font-size:clamp(42px,7vw,84px);letter-spacing:-.035em}.hero h1 span{-webkit-text-stroke:1px rgba(155,220,255,.8)}
.hero p{line-height:1.55}.hero-art{height:430px!important;background:radial-gradient(circle at 50% 45%,rgba(22,151,255,.20),transparent 62%)!important}
.section{padding:38px 18px}.section-head{margin-bottom:22px}.section-head h2{letter-spacing:-.03em}.section-sub{padding:7px 11px;border:1px solid var(--stroke);border-radius:999px;background:rgba(8,38,60,.5)}
.grid{grid-template-columns:repeat(12,1fr);gap:16px}.card{grid-column:span 3;min-height:172px;border:1px solid var(--stroke);border-radius:var(--radius-lg);padding:21px;background:linear-gradient(145deg,rgba(10,41,65,.88),rgba(4,21,34,.94));box-shadow:0 15px 36px rgba(0,0,0,.22);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.card:hover{transform:translateY(-5px);border-color:rgba(83,200,255,.55);box-shadow:0 22px 48px rgba(0,0,0,.32),0 0 34px rgba(22,151,255,.08)}
.card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.045),transparent 35%);pointer-events:none}.card:after{width:140px;height:140px;background:rgba(31,168,255,.10)}
.card .emoji{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(83,200,255,.08);border:1px solid rgba(83,200,255,.12);font-size:26px}.card h3{font-size:21px;margin-top:15px}.card p{font-size:15px}.feature{min-height:190px}.feature:nth-child(-n+4){grid-column:span 6}.weather{background:linear-gradient(135deg,rgba(10,95,168,.96),rgba(15,126,190,.88));border-color:rgba(112,213,255,.5)}
.news-list{gap:12px}.row{padding:16px 18px;border-color:var(--stroke);border-radius:18px;background:linear-gradient(135deg,rgba(8,38,60,.85),rgba(4,21,34,.9));box-shadow:0 10px 30px rgba(0,0,0,.16)}
.row-icon{border:1px solid var(--stroke);background:rgba(13,52,81,.78)}
.footer{margin:30px 0 16px;border:1px solid var(--stroke);border-radius:20px;background:rgba(6,27,45,.65);padding:24px}
.page-hero{margin-top:18px!important;padding:54px 30px 28px!important;border:1px solid var(--stroke)!important;border-radius:28px!important;background:linear-gradient(135deg,rgba(8,38,60,.82),rgba(3,20,33,.62))!important;box-shadow:var(--glow)}
.control,.status-box{border-radius:18px}.tabs{padding:5px}.tab{border-color:var(--stroke);background:rgba(6,24,39,.78)}

/* Setembro Amarelo — visível somente durante setembro. */
.card.september-yellow{grid-column:1/-1;min-height:220px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:28px 30px;color:#fff9cf;background:linear-gradient(120deg,#111 0%,#191600 42%,#2c2500 100%);border:1px solid rgba(255,214,10,.62);box-shadow:0 18px 55px rgba(0,0,0,.34),0 0 45px rgba(255,214,10,.09)}
.card.september-yellow:hover{border-color:#ffd60a;box-shadow:0 24px 60px rgba(0,0,0,.38),0 0 55px rgba(255,214,10,.14)}
.card.september-yellow:before{background:linear-gradient(105deg,rgba(255,214,10,.14),transparent 38%)}
.card.september-yellow:after{width:240px;height:240px;right:-60px;top:-80px;background:rgba(255,214,10,.11)}
.september-symbol{width:82px;height:82px;display:grid;place-items:center;border-radius:24px;background:#ffd60a;color:#111;font-size:42px;box-shadow:0 10px 34px rgba(255,214,10,.22)}
.september-copy{position:relative;z-index:2}.september-kicker{display:inline-block;color:#111;background:#ffd60a;padding:5px 10px;border-radius:999px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.september-yellow h3{font:900 clamp(24px,4vw,38px) Orbitron;margin:10px 0 7px;color:#ffd60a}.september-yellow p{color:#fff7c2;font-size:18px;max-width:780px}.september-day{position:relative;z-index:2;min-width:116px;text-align:center;padding:15px;border:1px solid rgba(255,214,10,.35);border-radius:18px;background:rgba(0,0,0,.28)}.september-day strong{display:block;font:900 31px Orbitron;color:#ffd60a}.september-day small{color:#fff2a3;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:900px){.card{grid-column:span 6}.feature:nth-child(-n+4){grid-column:span 6}.hero{grid-template-columns:1fr;padding:34px 24px}.hero-art{height:320px!important;order:-1}.card.september-yellow{grid-template-columns:auto 1fr}.september-day{grid-column:1/-1;text-align:left;display:flex;align-items:center;gap:10px}.september-day strong{font-size:22px}}
@media(max-width:560px){.shell{padding:0 8px}.topbar{top:6px;margin-top:6px;border-radius:16px}.hero{border-radius:24px;padding:28px 18px}.hero-art{height:250px!important}.section{padding:30px 6px}.grid{gap:10px}.card,.feature:nth-child(-n+4){grid-column:span 12;min-height:150px}.card.september-yellow{grid-template-columns:1fr;gap:15px;padding:22px}.september-symbol{width:62px;height:62px;font-size:34px}.september-yellow p{font-size:16px}.footer{margin-inline:0}}


/* V1273 — campanhas sazonais: Outubro Rosa e Novembro Azul. */
.card.october-pink,.card.november-blue{grid-column:1/-1;min-height:220px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:28px 30px;color:#fff;overflow:hidden}
.card.october-pink{background:linear-gradient(120deg,#3d0928 0%,#761447 46%,#b82d70 100%);border:1px solid rgba(255,130,190,.72);box-shadow:0 18px 55px rgba(0,0,0,.34),0 0 45px rgba(255,76,153,.12)}
.card.october-pink:before{background:linear-gradient(105deg,rgba(255,190,220,.18),transparent 40%)}
.card.october-pink:after{width:260px;height:260px;right:-60px;top:-90px;background:rgba(255,154,205,.16)}
.card.november-blue{background:linear-gradient(120deg,#041b38 0%,#073d73 46%,#0869b5 100%);border:1px solid rgba(80,181,255,.72);box-shadow:0 18px 55px rgba(0,0,0,.34),0 0 45px rgba(30,144,255,.12)}
.card.november-blue:before{background:linear-gradient(105deg,rgba(120,202,255,.17),transparent 40%)}
.card.november-blue:after{width:260px;height:260px;right:-60px;top:-90px;background:rgba(62,170,255,.15)}
.seasonal-symbol{position:relative;z-index:2;width:82px;height:82px;display:grid;place-items:center;border-radius:24px;font-size:42px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);box-shadow:0 10px 34px rgba(0,0,0,.18)}
.seasonal-copy{position:relative;z-index:2}.seasonal-kicker{display:inline-block;padding:5px 10px;border-radius:999px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:12px;background:rgba(255,255,255,.92);color:#13233a}.october-pink h3,.november-blue h3{font:900 clamp(24px,4vw,38px) Orbitron;margin:10px 0 7px;color:#fff}.october-pink p,.november-blue p{color:rgba(255,255,255,.92);font-size:18px;max-width:780px}.seasonal-day{position:relative;z-index:2;min-width:116px;text-align:center;padding:15px;border:1px solid rgba(255,255,255,.3);border-radius:18px;background:rgba(0,0,0,.18)}.seasonal-day strong{display:block;font:900 31px Orbitron;color:#fff}.seasonal-day small{color:rgba(255,255,255,.84);font-weight:700;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:900px){.card.october-pink,.card.november-blue{grid-template-columns:auto 1fr}.seasonal-day{grid-column:1/-1;text-align:left;display:flex;align-items:center;gap:10px}.seasonal-day strong{font-size:22px}}
@media(max-width:560px){.card.october-pink,.card.november-blue{grid-template-columns:1fr;gap:15px;padding:22px}.seasonal-symbol{width:62px;height:62px;font-size:34px}.october-pink p,.november-blue p{font-size:16px}}


/* GIRUZIN: responsividade uniforme dos cards de destaque. */
@media(max-width:900px){.card.october-pink,.card.november-blue,.card.instagram,.card.instagram-card,.card.giro033,.card.giro-033,.card.social-card,.card.futebol-card,.card.football-card{grid-column:1/-1;min-height:180px;grid-template-columns:auto minmax(0,1fr);gap:16px;padding:22px;align-items:center;width:100%;box-sizing:border-box}}
@media(max-width:600px){.card.october-pink,.card.november-blue,.card.instagram,.card.instagram-card,.card.giro033,.card.giro-033,.card.social-card,.card.futebol-card,.card.football-card{grid-template-columns:minmax(0,1fr);min-height:unset;padding:18px;border-radius:20px;gap:12px}.card.october-pink h2,.card.november-blue h2,.card.instagram h2,.card.instagram-card h2,.card.giro033 h2,.card.giro-033 h2,.card.social-card h2,.card.futebol-card h2,.card.football-card h2{font-size:clamp(1.15rem,5vw,1.6rem);line-height:1.15;overflow-wrap:anywhere}.card.october-pink p,.card.november-blue p,.card.instagram p,.card.instagram-card p,.card.giro033 p,.card.giro-033 p,.card.social-card p,.card.futebol-card p,.card.football-card p{overflow-wrap:anywhere}.card.october-pink img,.card.november-blue img,.card.instagram img,.card.instagram-card img,.card.giro033 img,.card.giro-033 img,.card.social-card img,.card.futebol-card img,.card.football-card img{max-width:100%;height:auto}}