/* Drakantos — identidade aprovada em 13/09/2026. */ html body{--sans:'Rajdhani',Arial,sans-serif;--display:'Cinzel',Georgia,serif;--serif:'Cinzel',Georgia,serif;--text:#e2edf5;--muted:#99adc0;--gold:#dec389;--jade:#83cfff;--line:#29425b;background:#040d19;color:#e2edf5;font:18px var(--sans)} body h1,body h2,body h3,body h4{font-family:var(--display);font-weight:500;letter-spacing:.01em;text-transform:none}body p{line-height:1.65}body button,body input,body select,body textarea{font-family:var(--sans)}body button:focus-visible,body a:focus-visible,body input:focus-visible{outline:2px solid #83cfff;outline-offset:3px} body .prototype-ribbon{height:auto;min-height:28px;padding:6px;background:#08111e;border-bottom:1px solid #283951;color:#a6bbcd;font-size:11px;letter-spacing:.15em} html body:not(:has(.admin-view.active)) .topbar{height:auto;min-height:88px;padding:15px max(22px,calc((100% - 1400px)/2));gap:22px;background:#061322f5;border-color:#29425b;box-shadow:none;flex-wrap:wrap} html body:not(:has(.admin-view.active)) .brand img{width:155px;height:auto;max-height:62px;object-fit:contain;filter:none} html body .main-nav{flex:1;flex-wrap:wrap;gap:3px;justify-content:center} html body:not(:has(.admin-view.active)) .main-nav .nav-link{min-width:0;padding:12px 9px;color:#a8bed0;font-size:14px;font-weight:600;letter-spacing:0;border:0;background:transparent;clip-path:none} html body:not(:has(.admin-view.active)) .main-nav .nav-link.active,html body:not(:has(.admin-view.active)) .main-nav .nav-link:hover{color:#dec389;box-shadow:inset 0 -1px #dec389;background:transparent} html body:not(:has(.admin-view.active)) .main-nav .market-highlight{color:#dec389;border:1px solid #756342;background:#182436;clip-path:none} html body .language-switch{clip-path:none;background:#0c2034;border:1px solid #29425b}html body:not(:has(.admin-view.active)) .server-pill .server-copy b{color:#dbe9f4}html body:not(:has(.admin-view.active)) .server-pill .server-copy small{color:#9bb4c9} html body #portal .hero{min-height:820px;background:linear-gradient(90deg,#031426f5 2%,#041626a8 38%,#04203b15 78%),linear-gradient(0deg,#040d19 0%,transparent 42%,#04111f88),url('assets/hero-celestial-v3.png') 64% center/cover;border:0} html body #portal .hero-shade{background:radial-gradient(ellipse at 70% 50%,transparent 30%,#04101a66 95%)} html body #portal .hero-copy{position:relative;top:auto;left:auto;right:auto;transform:none;width:auto;max-width:1240px;margin:auto;padding:75px 25px 160px;text-align:left} html body #portal .hero-center-logo{width:350px;max-width:80%;height:auto;margin:0 0 25px;filter:drop-shadow(0 8px 20px #000)} html body #portal .hero-title-accessible{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:normal!important;margin:18px 0 22px!important;font:500 clamp(36px,4.4vw,65px)/1.15 var(--display)!important;text-shadow:none;max-width:650px;letter-spacing:-.03em} html body #portal .hero-title-accessible em{font-style:normal;color:#dec389}html body #portal .hero-copy .eyebrow{color:#83cfff;letter-spacing:.26em;font-size:12px}html body #portal .hero-copy .lead{max-width:440px;margin:0;color:#b6c9d7;font-size:19px;text-shadow:none}html body #portal .hero-copy .actions{justify-content:flex-start;gap:16px;margin-top:30px} html body .btn{clip-path:none;border-radius:0;min-height:52px;min-width:180px;padding:14px 25px;border:1px solid #837251;box-shadow:none;filter:none;font-size:16px;letter-spacing:.03em;text-transform:none}html body .btn:after{display:none}html body .btn.primary{background:linear-gradient(#ecd7a4,#bc995a);border-color:#f9e8c5;color:#1f211f;box-shadow:inset 0 0 0 3px #684c3333,0 5px 30px #c7a35f22}html body .btn.secondary{background:#071a2bc9;color:#eadbbd}html body .btn small{font-size:10px} html body #portal .hero-panel{left:50%;right:auto;bottom:20px;transform:translateX(-50%);width:min(1100px,calc(100% - 40px));background:#081c2ce8;border:1px solid #56604f;clip-path:none;box-shadow:none}html body #portal .hero-panel b{color:#83cfff} html body .content-shell,html body .portal-page .page-content{max-width:1240px}html body .home-intro-grid,html body .front-rankings,html body .home-media-grid{gap:25px;margin-top:45px}html body .realm-story{background:linear-gradient(90deg,#061322e8,#06132288),url('assets/drakantos-citadel-v2.png') center/cover;padding:35px} html body main>.view:not(#portal):not(.admin-view){background:linear-gradient(#091c30,#040d19 750px)}html body .portal-page .page-hero,html body .page-hero{min-height:330px;padding:65px max(25px,calc((100% - 1190px)/2));background:linear-gradient(90deg,#031426f5,#04162688),linear-gradient(0deg,#091c30,transparent),url('assets/drakantos-citadel-v2.png') center/cover} html body .portal-page .page-hero h1,html body .page-hero h1{font-size:clamp(32px,4vw,52px);line-height:1.2;letter-spacing:0;text-shadow:none}html body .portal-page .page-hero:after{display:none}html body .portal-page .page-content{margin:0 auto;padding-top:30px}html body .page-symbol{display:none} html body :is(.feature-card,.world-card,.ranking-card,.account-card,.filters,.wiki-grid article,.wiki-welcome,.wiki-detail-panel,.news-detail-panel,.news-detail-sections article,.home-news,.front-rankings>article,.visual-shortcuts button,.front-market,.support-form-box,.account-gateway,.account-features article,.premium-card,.soul-overview,.soul-source-grid article,.soul-total-panel){clip-path:none!important;border-radius:3px!important;border-color:#294761!important;background-color:#0a1c30!important;background-image:linear-gradient(135deg,#102b45,#091c30)!important;box-shadow:none!important} html body :is(.wiki-grid article,.wiki-welcome,.feature-card,.world-card){padding:26px!important}html body :is(.section-title h2,.card-head h2,.realm-story h2,.wiki-grid h2){font-size:25px!important;line-height:1.35}html body :is(.section-title span,.eyebrow,.panel-kicker,.realm-story>span){color:#83cfff}html body :is(.portal-table,.legacy-data-table){font-family:var(--sans);font-size:15px}html body :is(.portal-table th,.legacy-data-table th){background:#0e263e;color:#91b7d1;font-size:12px;padding:14px 18px}html body :is(.portal-table td,.legacy-data-table td){padding:14px 18px;border-color:#20374d;color:#bccdde}html body :is(.portal-table-wrap,.legacy-table-wrap){background:#0a1c30;border:1px solid #294761;border-radius:3px} html body :is(.account-auth,.account-intro,.support-form-box){background:#0a1c30}html body :is(.account-panel input,.account-login input,.support-form-box input,.support-form-box textarea,.filters input,.filters select){background:#061426;color:#e2edf5;border-color:#345068;font-size:16px}html body .site-footer{background:#040d19;border-top:1px solid #29425b}html body .footer-glow{display:none} html body #admin{--old-bg:#061222;--old-panel:#102b45;--old-line:#294761;--old-blue:#83cfff;--old-text:#e2edf5;--old-dim:#99adc0;--old-warn:#dec389;font-family:var(--sans);background:#061222} html body #admin .legacy-admin-shell{background:radial-gradient(ellipse at 50% -30%,#194c72,transparent 65%),#061222} html body #admin .legacy-admin-header{background:#050e1bf5;border-bottom:1px solid #615b45}html body #admin .legacy-header-inner{max-width:1240px;padding:22px 25px}html body #admin .legacy-brand{color:#83cfff;font-size:19px;text-shadow:none}html body #admin .legacy-anav-link{font-size:15px;color:#a8bed0;background:transparent;border-radius:0}html body #admin .legacy-anav-link.is-active{background:transparent;color:#dec389;box-shadow:inset 0 -1px #dec389}html body #admin .legacy-anav-drop{background:#0a1c30;border-color:#294761;border-radius:3px} html body #admin .legacy-admin-section{padding:50px 25px 90px}html body #admin .legacy-section-inner{max-width:1150px}html body #admin .legacy-section-head{text-align:left;margin-bottom:30px}html body #admin .legacy-section-head h1{font-size:34px;font-weight:500}html body #admin .legacy-section-head p{font-size:16px;color:#99adc0}html body #admin .legacy-section-tag{color:#83cfff;font-size:12px}html body #admin .legacy-card-grid{gap:18px}html body #admin .legacy-card{position:relative;background:linear-gradient(135deg,#102b45,#091c30);border:1px solid #294761;border-radius:0;padding:23px;box-shadow:none}html body #admin .legacy-card:before{content:'';position:absolute;top:-1px;left:22px;width:35px;height:2px;background:#dec389}html body #admin .legacy-card:hover{transform:none}html body #admin .legacy-card-icon{display:none}html body #admin .legacy-stat-value{font-size:30px;color:#dcdfce;font-weight:500}html body #admin .legacy-card h3{font-family:var(--sans);font-size:16px;color:#a0b7ca}html body #admin .legacy-ranking-head h2{font-size:22px} html body #admin .admin-workspace{background:#061222;backdrop-filter:none;padding:0;border:0;overflow:auto}html body #admin .admin-workspace.open{display:block}html body #admin .admin-workspace-panel{width:min(1200px,calc(100% - 40px));margin:25px auto;max-height:none;overflow:visible;border:1px solid #294761;background:#0a1c30;box-shadow:none;border-radius:3px}html body #admin .admin-workspace-head{background:#0a1c30;border-color:#294761;padding:22px 25px}html body #admin .admin-workspace-head:after{display:none}html body #admin .admin-workspace-head h2{font:500 24px var(--display)}html body #admin .admin-workspace-head span{color:#83cfff;font-size:12px}html body #admin .admin-workspace-close{width:auto;min-width:44px;padding:8px 15px;border-color:#756342;color:#dec389;background:#102334}html body #admin .admin-workspace-body{padding:25px} /* Módulos do admin são telas internas, não modais. */ html body #admin.module-page .legacy-admin-shell{min-height:0!important;height:auto!important;overflow:visible!important;background:transparent!important}html body #admin.module-page .legacy-admin-section{display:none!important}html body #admin .admin-workspace{position:static!important;inset:auto!important;z-index:auto!important;display:none!important;min-height:calc(100vh - 90px)!important;background:#061222!important}html body #admin .admin-workspace.open{display:block!important}html body #admin .admin-workspace-panel{width:min(1240px,calc(100% - 40px))!important;margin:0 auto!important;max-height:none!important;min-height:calc(100vh - 90px)!important;border-width:0 1px!important;border-radius:0!important;box-shadow:none!important}html body #admin .admin-workspace-head{position:sticky!important;top:0!important;z-index:5!important}html body #admin .admin-workspace-close{min-width:auto!important;font-weight:700!important} html body #admin :is(.player-profile-hero,.player-list-pane,.player-list button,.player-info-grid article,.admin-data-grid article,.account-admin-card,.account-admin header,.module-detail-grid article,.record-inspector,.economy-distribution,.dossier-head,.account-admin-balances){background:#0d243b;border-color:#294761;clip-path:none;border-radius:2px;box-shadow:none}html body #admin :is(.player-tabs,.management-tabs,.dossier-tabs){background:#091c30;border-color:#294761;flex-wrap:wrap}html body #admin :is(.player-tabs button,.management-tabs button,.dossier-tabs button){font-size:15px;color:#a8bed0;padding:12px 16px}html body #admin :is(.player-tabs button.active,.management-tabs button.active){color:#dec389;border-color:#dec389;background:#142c41}html body #admin .player-info-grid{gap:14px}html body #admin .player-info-grid article{padding:18px;min-height:92px}html body #admin .player-info-grid span{font-size:12px}html body #admin .player-info-grid b{font-size:17px;font-weight:600;color:#e2edf5}html body #admin input,html body #admin select{background:#061426;border-color:#345068;color:#e2edf5;font-size:16px}html body #admin .player-avatar{background:#183c59;color:#a6dbef;border:1px solid #315779;box-shadow:none}html body #admin .admin-demo-note{background:#101f30;color:#9fb5c8;border-color:#344858;font-size:14px}html body #admin .admin-tool-row{gap:12px;flex-wrap:wrap}html body #admin :is(.admin-tool-row button,.account-admin-buttons button,.account-admin header button,.player-actions-row button){padding:10px 16px;font-size:15px;background:#102b45;border:1px solid #526047;color:#dec389}html body #admin button:disabled{opacity:.45;cursor:not-allowed} @media(max-width:1000px){html body .topbar{justify-content:center}html body #portal .hero-copy{padding-top:55px}html body #admin .legacy-card-grid{grid-template-columns:1fr 1fr}html body #admin .legacy-header-inner{justify-content:flex-start}html body #admin .legacy-anav{justify-content:flex-start;flex-wrap:wrap;overflow:visible}html body .server-status-wrap{margin-left:0}} @media(max-width:650px){html body #portal .hero{min-height:970px}html body #portal .hero-copy{padding:50px 24px 250px}html body #portal .hero-center-logo{width:280px}html body #portal .hero-copy .lead{font-size:18px}html body #portal .hero-panel{bottom:22px}html body .main-nav{width:100%;overflow:visible;flex-wrap:wrap}html body:not(:has(.admin-view.active)) .main-nav .nav-link{flex:0 1 auto;font-size:13px;padding:10px 9px}html body .home-intro-grid,html body .front-rankings,html body .home-media-grid{grid-template-columns:1fr}html body #admin .legacy-admin-section{padding:30px 16px}html body #admin .legacy-section-head h1{font-size:26px}html body #admin .legacy-stat-value{font-size:23px}html body #admin .legacy-card{padding:17px}html body #admin .admin-workspace-panel{width:calc(100% - 20px);margin:10px auto}html body #admin .admin-workspace-body{padding:14px}html body #admin .player-explorer{grid-template-columns:1fr}html body #admin .player-list{max-height:210px}html body #admin .player-info-grid{grid-template-columns:1fr 1fr}html body #admin .admin-data-grid{grid-template-columns:1fr 1fr}} /* Ajustes de leitura e encaixe: mantém o portal no desenho fantasy sem sacrificar a navegação. */ html body #portal .hero-title-accessible{color:#f4f1e7!important;text-shadow:0 3px 18px rgba(0,0,0,.52)!important} html body #portal .hero-title-accessible em{color:#ead298!important} html body:not(:has(.admin-view.active)) .brand img,html body #portal .hero-center-logo,html body .footer-brand img{filter:none!important;box-shadow:none!important} html body #portal .hero-center-logo{filter:none!important} html body .site-footer{overflow:visible!important;padding:0!important} html body .footer-inner{max-width:1240px!important;margin:0 auto!important;padding:52px 26px 38px!important;align-items:start!important} html body .footer-brand{overflow:visible!important} html body .footer-brand img{display:block!important;position:static!important;width:205px!important;height:auto!important;max-height:none!important;margin:0 0 18px!important;object-fit:contain!important;object-position:left center!important} html body .footer-brand p{margin:0!important} html body .footer-bottom{position:static!important} @media(min-width:1001px){html body:not(:has(.admin-view.active)) .topbar{flex-wrap:nowrap!important;gap:10px!important;padding-left:max(16px,calc((100% - 1460px)/2))!important;padding-right:max(16px,calc((100% - 1460px)/2))!important}html body:not(:has(.admin-view.active)) .brand img{width:135px!important;max-height:58px!important}html body:not(:has(.admin-view.active)) .main-nav{flex-wrap:nowrap!important;gap:0!important;justify-content:center!important;overflow:visible!important}html body:not(:has(.admin-view.active)) .main-nav .nav-link{flex:0 0 auto!important;padding:12px 7px!important;font-size:12px!important;white-space:nowrap!important}html body:not(:has(.admin-view.active)) .server-status-wrap{flex:0 0 auto!important}html body:not(:has(.admin-view.active)) .server-pill{transform:scale(.9);transform-origin:right center}} @media(max-width:1000px) and (min-width:651px){html body:not(:has(.admin-view.active)) .topbar{gap:12px!important}html body:not(:has(.admin-view.active)) .main-nav{order:3;flex-basis:100%;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important}html body:not(:has(.admin-view.active)) .main-nav .nav-link{white-space:nowrap!important}} /* Direção de arte: narrativa contínua, como uma página de jogo e não um painel de cartões. */ html body #portal>.reference-home{position:relative;background:#060a0b!important;padding-top:0!important;padding-bottom:100px!important;overflow:hidden} html body .fantasy-world-feature{position:relative;display:grid;grid-template-columns:minmax(310px,.78fr) minmax(480px,1.22fr);min-height:465px;max-width:1360px;margin:0 auto 68px;border-bottom:1px solid rgba(211,179,92,.24);isolation:isolate} html body .fantasy-world-feature:before{content:"";position:absolute;z-index:-2;inset:0 -20vw;background:radial-gradient(ellipse at 70% 48%,rgba(11,83,94,.18),transparent 47%),linear-gradient(180deg,#071011,#090a09 83%,#060809)} html body .fantasy-world-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:62px 0 62px 42px;background:linear-gradient(90deg,#070b0c 10%,#070b0cf2 67%,transparent)} html body .fantasy-world-copy span{color:#e0bc61;font-size:11px;font-weight:800;letter-spacing:.2em} html body .fantasy-world-copy h2{max-width:510px;margin:11px 0 17px;color:#f0dfb0;font:600 clamp(34px,3.3vw,51px)/1.08 var(--display)!important;letter-spacing:-.035em} html body .fantasy-world-copy p{max-width:435px;margin:0;color:#c9c0aa;font-size:18px;line-height:1.7} html body .fantasy-world-copy button{align-self:flex-start;margin-top:28px;padding:0;border:0;background:transparent;color:#edc75d;font-weight:800;font-size:16px;cursor:pointer}.fantasy-world-copy button b{padding-left:7px;font-size:21px} html body .fantasy-world-art{position:relative;min-height:465px;background:linear-gradient(90deg,#070b0c 0%,transparent 28%),linear-gradient(0deg,#060a0a,transparent 30%),url('assets/world-citadel-fantasy-v1.png') 68% center/cover no-repeat} html body .fantasy-world-art:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,#060a0a)} html body .fantasy-world-art i{position:absolute;inset:16% 7% 26% 22%;border:1px solid rgba(223,187,89,.24);border-left:0;border-bottom:0} html body .home-intro-grid{position:relative;max-width:1170px;margin:0 auto 56px!important;gap:0!important;border:1px solid rgba(206,174,79,.22);background:#0b1110!important} html body .realm-story{min-height:310px!important;padding:44px!important;background-image:linear-gradient(90deg,rgba(7,10,10,.87),rgba(7,10,10,.42)),url('assets/world-citadel-fantasy-v1.png')!important;background-position:60% center!important;border:0!important;box-shadow:none!important} html body .home-news{padding:35px 38px!important;background:linear-gradient(145deg,#101b1d,#09100f)!important;border:0!important;border-left:1px solid rgba(206,174,79,.18)!important;box-shadow:none!important} html body .front-rankings{max-width:1170px;margin:0 auto 56px!important;gap:30px!important}.front-rankings>article{position:relative;padding:26px 24px!important;background:linear-gradient(180deg,#101516,#090c0d)!important;border:1px solid rgba(206,174,79,.2)!important;box-shadow:0 25px 55px #0008!important}.front-rankings>article:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#d7b967,transparent);opacity:.65} html body .home-media-grid{max-width:1170px;margin:0 auto 56px!important;grid-template-columns:1.35fr .65fr!important}.video-showcase{padding:28px!important;background:linear-gradient(145deg,#101516,#090c0d)!important;border-color:rgba(206,174,79,.2)!important}.video-showcase .video-frame{border:1px solid rgba(221,184,83,.38);box-shadow:0 14px 45px #000a} html body .portal-video-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}html body .portal-video-list button{min-height:48px;padding:8px 12px;text-align:left;border:1px solid rgba(206,174,79,.2);background:#070b0c;color:#cfc4a6;font:600 13px/1.25 var(--sans);cursor:pointer}html body .portal-video-list button:hover{border-color:#d7b967;color:#f1d78e} html body .visual-shortcuts button{background:linear-gradient(120deg,#111715,#090b0b)!important;border-color:rgba(206,174,79,.28)!important}.visual-shortcuts button:after{background-image:url('assets/world-citadel-fantasy-v1.png')!important} html body .front-market{max-width:1170px;margin:0 auto!important;padding:30px!important;background:linear-gradient(145deg,#101516,#090c0d)!important;border-color:rgba(206,174,79,.24)!important}.market-empty{display:flex;align-items:center;gap:18px;margin-top:20px;padding:27px;border:1px solid rgba(206,174,79,.18);background:#070b0c}.market-empty>i{color:#e0bc61;font-size:29px}.market-empty div{display:grid;gap:4px;flex:1}.market-empty b{color:#eee0b8;font-size:17px}.market-empty p{margin:0;color:#9ca39a}.market-empty button{padding:10px 15px!important;border:1px solid rgba(224,188,97,.54)!important;color:#ebc55d!important} @media(max-width:850px){html body .fantasy-world-feature{grid-template-columns:1fr;min-height:0;margin-bottom:40px}.fantasy-world-copy{padding:52px 28px 20px;background:#070b0c}.fantasy-world-art{min-height:290px;background-position:70% center}.home-intro-grid{margin-inline:0!important}.front-rankings{gap:16px!important}.home-media-grid{grid-template-columns:1fr!important}.market-empty{align-items:flex-start;flex-wrap:wrap}} /* ------------------------------------------------------------------ Correcao de layout - 30/09/2026 Cards da direita (DOACOES / COMECAR A JOGAR / ESTATISTICAS) ficavam espremidos numa faixa estreita em certas larguras de janela. Causa: numa grade CSS, uma faixa "1.35fr" tem minimo implicito de min-content - ou seja, ela NAO encolhe abaixo do tamanho do conteudo. O bloco do video tem min-height 260px com aspect-ratio 16/7, o que da a ele uma largura minima de ~594px, mais o titulo em fonte grande. Quando esse minimo passa da parte que cabe, a faixa do video rouba espaco e a coluna dos atalhos encolhe. minmax(0,...) libera a faixa do video a encolher de verdade, e o minmax(300px,...) garante largura util aos cards em qualquer tela. ------------------------------------------------------------------ */ html body .home-media-grid { grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr) !important; align-items: start; } /* O iframe e absoluto dentro de .video-frame; sem position:relative no pai ele se ancora no bloco de cima e o quadro fica torto. */ html body .video-showcase .video-frame { position: relative; width: 100%; } /* Os cards sao flex (icone + texto). Sem min-width:0 no texto, uma palavra longa impede o botao de encolher e estoura a coluna. */ html body .visual-shortcuts button { min-width: 0; } html body .visual-shortcuts span { min-width: 0; } html body .visual-shortcuts b, html body .visual-shortcuts small { overflow-wrap: anywhere; } /* Abaixo de 900px a folha original ja empilha os 3 lado a lado; mantido, so garantindo que nao fiquem estreitos demais pro icone + texto. */ @media (max-width: 900px) and (min-width: 621px) { html body .visual-shortcuts { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important; } } /* ------------------------------------------------------------------ Destaque do video - 30/09/2026 (segunda passada) Os cards ficaram certos, mas o video sobrou pequeno: o titulo usava tamanho de cabecalho de pagina e quebrava em 4 linhas, ocupando mais altura que o proprio video. ------------------------------------------------------------------ */ /* 1. O titulo e legenda do video, nao cabecalho de secao. */ html body .video-showcase h2 { font-size: clamp(1.05rem, 1.5vw, 1.35rem) !important; line-height: 1.3; font-weight: 600; text-wrap: balance; } /* 2. 16/9 em vez de 16/7: o quadro cresce em altura e o video ganha peso. Sem min-height fixo, que era o que travava a faixa da grade. */ html body .video-showcase .video-frame { aspect-ratio: 16 / 9; min-height: 0; } /* 3. Mais espaco pro video: os cards descem o piso e a proporcao muda. Acima de 1150px continua lado a lado, com o video bem maior. */ @media (min-width: 1151px) { html body .home-media-grid { grid-template-columns: minmax(0, 1fr) 300px !important; } } /* Abaixo de 1150px o video passa a ocupar a largura toda e os tres atalhos vao pra baixo, lado a lado. E onde o video ganha mais. */ @media (max-width: 1150px) { html body .home-media-grid { grid-template-columns: minmax(0, 1fr) !important; } html body .visual-shortcuts { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important; } html body .visual-shortcuts button { padding: 18px !important; } } /* O bloco do video e o principal da secao: respira mais que os vizinhos. */ html body .video-showcase { padding: 26px !important; } html body .video-showcase .video-frame { margin-top: 14px !important; } /* ------------------------------------------------------------------ Noticias reais - 30/09/2026 O portal trazia noticias escritas a mao, de agosto, com