@font-face{font-family:GuigoHand;src:url('./fonts/PatrickHand-Regular.ttf') format('truetype');font-display:swap}
/* Isolado: nenhuma regra altera quarto, projeção ou outras áreas do OS. */
:is(#os,#section-shell) .app-panel.has-certificates{padding:0;text-align:left;overflow:hidden}
:is(#os,#section-shell) .has-certificates>.section-art,:is(#os,#section-shell) .has-certificates>h2,:is(#os,#section-shell) .has-certificates>p,:is(#os,#section-shell) .has-certificates>small{display:none}
:is(#os,#section-shell) .has-certificates>.close-app{z-index:2;top:0;left:auto;right:10px;font:18px GuigoHand,cursive;padding:4px 8px;min-height:42px;background:#090a0de6}
:is(#os,#section-shell) .certificates{height:100%;overflow:auto;overscroll-behavior:contain;padding:30px 24px 18px;background:#08090c;font:18px GuigoHand,cursive;position:relative;scrollbar-width:thin;scrollbar-color:#777 #141414}
:is(#os,#section-shell) .certificates h2{font:37px/1.1 GuigoHand,cursive;margin:0 0 10px;letter-spacing:0;outline:none}
:is(#os,#section-shell) .cert-tabs{display:flex;gap:22px;margin:0 0 6px}
:is(#os,#section-shell) .cert-tabs button{font:18px GuigoHand,cursive;min-height:40px;padding:3px 0;color:#b3afa7;position:relative}
:is(#os,#section-shell) .cert-tabs [aria-selected=true]{color:#fff}
:is(#os,#section-shell) .cert-tabs [aria-selected=true]:after{content:'';position:absolute;bottom:5px;left:0;right:0;border-bottom:1px solid;transform:rotate(-1.5deg)}
:is(#os,#section-shell) .cert-row{display:flex;align-items:center;gap:9px;width:100%;min-height:47px;text-align:left;font:25px/1.15 GuigoHand,cursive;padding:4px 0;transition:transform .3s}
:is(#os,#section-shell) .cert-row:hover{transform:translateX(3px)}
:is(#os,#section-shell) .cert-row svg{width:35px;height:35px;flex:none}
:is(#os,#section-shell) .cert-row small{font:15px GuigoHand,cursive;letter-spacing:0;margin:2px 0;color:#c4c0b9}
:is(#os,#section-shell) .cert-arrow{margin-left:auto;font-size:20px;opacity:0;transition:opacity .3s}
:is(#os,#section-shell) .cert-row:hover .cert-arrow,:is(#os,#section-shell) .cert-row:focus-visible .cert-arrow{opacity:1}
:is(#os,#section-shell) .certificates button:focus-visible,:is(#os,#section-shell) .certificates a:focus-visible{outline:2px solid #efd58a;outline-offset:-2px}
:is(#os,#section-shell) .certificates[data-page=institution]{padding:0}
:is(#os,#section-shell) .cert-back{position:absolute;top:0;left:10px;z-index:2;font:18px GuigoHand,cursive;min-height:42px;padding:4px 8px;background:#090a0de6}
:is(#os,#section-shell) .cert-campus{display:block;width:100%;height:205px;margin-top:42px;object-fit:cover;object-position:50% 0%;background:#303c44}
:is(#os,#section-shell) .cert-detail{position:relative;padding:16px 24px 24px;background:#0b0c10;min-height:200px}
:is(#os,#section-shell) .cert-detail h2{font-size:28px}
:is(#os,#section-shell) .cert-detail h3{font:24px/1.2 GuigoHand,cursive;margin:5px 0 12px}
:is(#os,#section-shell) .cert-detail p{font:16px/1.45 Georgia,serif;color:#d4d1ca;margin:7px 0;overflow-wrap:anywhere}
:is(#os,#section-shell) .cert-detail .cert-status{font:17px GuigoHand,cursive;color:#e4ca88}
:is(#os,#section-shell) .cert-detail .cert-caption{font:14px/1.35 GuigoHand,cursive;color:#b6b0a6;letter-spacing:0;margin:4px 0 12px}
:is(#os,#section-shell) .cert-pending{border-block:1px solid #bbb7a63b;padding:25px 10px;margin:18px 0;font:21px GuigoHand,cursive;text-align:center;color:#ece5d5}
:is(#os,#section-shell) .cert-pending span{display:block;font-size:27px}
:is(#os,#section-shell) .cert-request{display:inline-block;min-height:44px;padding:10px 0;font:19px GuigoHand,cursive;color:#e8dfcb;text-underline-offset:5px}
:is(#os,#section-shell) .cert-request:disabled{opacity:.6}
:is(#os,#section-shell) .cert-neutral{height:105px;background:#15171a;overflow:hidden}
:is(#os,#section-shell) .cert-neutral svg{width:100%;height:150px;fill:none;stroke:#b7ac8c;stroke-width:1;opacity:.35}
:is(#os,#section-shell) .cert-empty{padding-block:20px}
:is(#os,#section-shell) .cert-carousel-controls{display:flex;align-items:center;justify-content:space-between;margin:15px 0}
:is(#os,#section-shell) .cert-carousel-controls button{font:27px GuigoHand;min-width:50px;min-height:48px}
:is(#os,#section-shell) .cert-carousel-controls button:disabled{opacity:.25}
:is(#os,#section-shell) .cert-sheet{animation:cert-enter .3s ease;outline-offset:3px}
:is(#os,#section-shell) .cert-document{display:block;width:100%;padding:0;margin-top:20px}
:is(#os,#section-shell) .cert-document img{width:100%;height:auto;display:block}
:is(#os,#section-shell) .cert-zoom{position:absolute;inset:0;z-index:4;overflow:auto;background:#0b0c10;padding:12px}
:is(#os,#section-shell) .cert-zoom button,:is(#os,#section-shell) .cert-zoom a{font:18px GuigoHand,cursive;display:block;min-height:44px;padding:8px;color:#eee}
:is(#os,#section-shell) .cert-zoom img{display:block;width:100%;height:auto}
@keyframes cert-enter{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
@media(max-width:650px){:is(#os,#section-shell) .certificates{padding:43px 20px 24px}:is(#os,#section-shell) .certificates h2{font-size:39px}:is(#os,#section-shell) .cert-tabs button{font-size:23px;min-height:58px}:is(#os,#section-shell) .cert-row{font-size:29px;min-height:64px}:is(#os,#section-shell) .cert-row small{font-size:20px}:is(#os,#section-shell) .cert-row svg{width:39px;height:39px}:is(#os,#section-shell) .cert-back,:is(#os,#section-shell) .has-certificates>.close-app{font-size:24px;min-height:62px}:is(#os,#section-shell) .cert-detail p{font-size:21px}:is(#os,#section-shell) .cert-detail h3{font-size:29px}:is(#os,#section-shell) .cert-detail .cert-caption{font-size:20px}:is(#os,#section-shell) .cert-detail .cert-status{font-size:23px}:is(#os,#section-shell) .cert-pending,:is(#os,#section-shell) .cert-request{font-size:26px}:is(#os,#section-shell) .cert-request,:is(#os,#section-shell) .cert-carousel-controls button{min-height:65px}:is(#os,#section-shell) .cert-zoom button,:is(#os,#section-shell) .cert-zoom a{font-size:24px;min-height:62px}}
@media(prefers-reduced-motion:reduce){:is(#os,#section-shell) .certificates *,:is(#os,#section-shell) .certificates *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:650px){:is(#os,#section-shell) .cert-campus{margin-top:62px}:is(#os,#section-shell) .cert-tabs button,:is(#os,#section-shell) .cert-row,:is(#os,#section-shell) .cert-back,:is(#os,#section-shell) .has-certificates>.close-app,:is(#os,#section-shell) .cert-request,:is(#os,#section-shell) .cert-carousel-controls button{min-height:72px}:is(#os,#section-shell) .cert-campus{margin-top:72px}}
/* Faixa de navegação fora da área rolável: não encobre documentos. */
:is(#os,#section-shell) .certificates[data-page=institution]{margin-top:42px;height:calc(100% - 42px)}
:is(#os,#section-shell) .cert-back{position:fixed}
:is(#os,#section-shell) .cert-campus{margin-top:0}
@media(max-width:650px){:is(#os,#section-shell) .certificates[data-page=institution]{margin-top:72px;height:calc(100% - 72px)}:is(#os,#section-shell) .cert-campus{margin-top:0}}

#section-shell .cert-zoom{position:fixed;inset:0;z-index:40;overscroll-behavior:contain}

/* Local certificate controls. Keep the existing viewer below its active header. */
#section-shell.certificate-local-shell .cert-zoom,#section-shell.certificate-local-shell .fb-zoom{top:calc(var(--tools-inset,0px) + var(--header-height));z-index:4}
.certificate-language{position:relative;margin-left:auto;flex-shrink:0;font:26px GuigoHand,cursive;color:inherit;z-index:6}
#section-shell .certificate-language button{font:inherit;color:inherit;background:none;border:0;min-height:44px;padding:6px 8px}
.certificate-language-menu{position:absolute;right:0;top:100%;display:flex;gap:8px;max-width:calc(100vw - 24px);background:#08090c;padding:10px;border:1px solid #eee9dd38;white-space:nowrap}
.certificate-language-menu button[aria-pressed=true]{text-decoration:underline;text-underline-offset:5px}
@media(max-width:650px){#section-shell.certificate-local-shell .section-header{padding-inline:12px;gap:8px}#section-shell.certificate-local-shell .section-wordmark{font-size:22px}#section-shell.certificate-local-shell .section-detail-return,#section-shell.certificate-local-shell .system-return{font-size:18px}.certificate-language{font-size:22px}.verify-nav>.certificate-language{width:auto}}
