/* Scoped to Fundação Bradesco; Harvard and the room retain their own styling. */
#section-shell .certificates[data-institution=fundacao-bradesco]{background:#172019;--fb-paper:#f7efde}
#section-shell [data-institution=fundacao-bradesco] .cert-back{background:linear-gradient(90deg,#0b100ee6,transparent);border:0}
#section-shell .fb-campus{position:fixed;inset:var(--header-height) 0 0;width:100%;height:calc(100% - var(--header-height));object-fit:cover;object-position:65% center;z-index:-2}
#section-shell [data-institution=fundacao-bradesco]:before{content:'';position:fixed;inset:var(--header-height) 0 0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#07100ce0 0%,#07100c9c 36%,#07100c15 60%,transparent 75%)}
#section-shell .fb-content{width:49%;max-width:790px;padding:clamp(20px,3vh,42px) clamp(24px,4vw,64px) 50px;color:var(--fb-paper);text-shadow:0 2px 16px #0008}
#section-shell .fb-content h2{font:clamp(34px,3.5vw,54px)/1.1 GuigoHand,cursive;margin:0 0 24px}
#section-shell .fb-empty{margin:9vh 0 0;max-width:390px;font:27px/1.4 GuigoHand,cursive}
#section-shell .fb-empty>span{font-size:42px;color:#efcf91}
#section-shell .fb-note{font:17px/1.4 GuigoHand,cursive;color:#e2ddcb;margin:8px 0}
#section-shell .fb-carousel{outline-offset:6px;touch-action:pan-y pinch-zoom}
#section-shell .fb-carousel:focus-visible{outline:2px solid #efd58a}
#section-shell .fb-stage{display:grid;perspective:1100px;isolation:isolate;overflow:clip;overflow-clip-margin:22px}
#section-shell .fb-sheet{grid-area:1/1;min-width:0;transform-origin:50% 45%;backface-visibility:hidden}
#section-shell .fb-document{display:block;width:100%;padding:0;filter:drop-shadow(0 12px 12px #0006)}
#section-shell .fb-document img{display:block;width:100%;height:clamp(220px,34vh,430px);object-fit:contain;object-position:center}
#section-shell .fb-caption{padding:16px 0 0}
#section-shell .fb-caption h3{font:clamp(24px,2.2vw,32px)/1.15 GuigoHand,cursive;margin:4px 0 12px;overflow-wrap:anywhere}
#section-shell .fb-caption p{font:16px/1.5 Georgia,serif;margin:8px 0;overflow-wrap:anywhere}
#section-shell .fb-caption .fb-note{font:17px/1.4 GuigoHand,cursive}
#section-shell .fb-caption .fb-status{font:18px GuigoHand,cursive;color:#f0d49b}
#section-shell .fb-verification{display:inline-block;font:21px GuigoHand,cursive;padding:10px 0;min-height:44px;color:var(--fb-paper);text-underline-offset:5px}
#section-shell button.fb-verification:disabled{opacity:.7;cursor:default}
#section-shell .fb-pending,#section-shell .fb-pdf{display:block;width:100%;padding:35px 12px;border-block:1px solid #eadbbd55;margin:15px 0;font:25px GuigoHand,cursive;text-align:center}
#section-shell .fb-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;font:23px GuigoHand,cursive;border-top:1px solid #eddfb74d;padding-top:8px}
#section-shell .fb-controls button{min-width:56px;min-height:52px;font-size:32px}
#section-shell .fb-controls button:disabled{opacity:.3;cursor:default}
#section-shell .fb-controls button[aria-disabled=true]:not(:disabled){opacity:.6}
#section-shell .fb-in,#section-shell .fb-out{animation-duration:620ms;animation-timing-function:cubic-bezier(.22,.7,.22,1);animation-fill-mode:both;will-change:transform,opacity}
#section-shell [data-direction=next] .fb-out{animation-name:fb-out-left}
#section-shell [data-direction=next] .fb-in{animation-name:fb-in-right}
#section-shell [data-direction=prev] .fb-out{animation-name:fb-out-right}
#section-shell [data-direction=prev] .fb-in{animation-name:fb-in-left}
@keyframes fb-out-left{to{opacity:0;transform:translate3d(-75%,0,-150px) rotateY(19deg) scale(.92)}}
@keyframes fb-in-right{from{opacity:0;transform:translate3d(75%,0,-150px) rotateY(-19deg) scale(.92)}to{opacity:1;transform:none}}
@keyframes fb-out-right{to{opacity:0;transform:translate3d(75%,0,-150px) rotateY(-19deg) scale(.92)}}
@keyframes fb-in-left{from{opacity:0;transform:translate3d(-75%,0,-150px) rotateY(19deg) scale(.92)}to{opacity:1;transform:none}}
#section-shell .fb-zoom{position:fixed;inset:0;z-index:10;overflow:auto;overscroll-behavior:contain;background:#0b0e0bfc;padding:20px;color:#f7efde}
#section-shell .fb-zoom-tools{display:flex;align-items:center;gap:8px 24px;flex-wrap:wrap;padding-bottom:20px}
#section-shell .fb-zoom-tools button,#section-shell .fb-zoom-tools a{font:21px GuigoHand,cursive;min-height:48px;padding:10px 0;color:inherit}
#section-shell .fb-zoom-tools p{flex-basis:100%;font:17px GuigoHand,cursive;margin:0}
#section-shell .fb-zoom-document img{display:block;width:min(100%,1400px);height:auto;margin:auto;max-width:none}

#section-shell .fb-zoom iframe{display:block;width:100%;height:75vh;border:0;background:#fff}
#section-shell .fb-zoom-document p{font:18px GuigoHand,cursive}
@media(max-width:700px){
 #section-shell .fb-campus{position:relative;inset:auto;z-index:0;height:auto;aspect-ratio:1.414;object-fit:cover;object-position:70% center}
 #section-shell [data-institution=fundacao-bradesco]:before{display:none}
 #section-shell [data-institution=fundacao-bradesco] .cert-back{background:#101810}
 #section-shell .fb-content{width:100%;max-width:none;padding:28px 22px 48px;background:linear-gradient(#152016,#101710);text-shadow:none}
 #section-shell .fb-content h2{font-size:38px;margin-bottom:25px}
 #section-shell .fb-empty{margin:24px 0;font-size:25px}
 #section-shell .fb-document img{height:auto;max-height:55vh;object-fit:contain}
 #section-shell .fb-stage{overflow-clip-margin:0}
 #section-shell .fb-caption h3{font-size:28px}
 #section-shell .fb-zoom{padding:14px}
}
@media(prefers-reduced-motion:reduce){#section-shell .fb-in,#section-shell .fb-out{animation:none!important}}