/* Galeria de materiais reais: perspectiva, pausa e leitura ampliada. */
.hero:has(.course-gallery){grid-template-columns:1fr 1.12fr;gap:40px}
.course-gallery{min-width:0;position:relative;align-self:center;color:#1a1a28}
.gallery-topline{display:flex;justify-content:space-between;gap:12px;font-size:9px;font-weight:600;letter-spacing:.13em;color:#827563;border-bottom:1px solid #ded8ce;padding-bottom:16px;margin-inline:12px}
.gallery-scene{height:490px;position:relative;isolation:isolate;overflow:hidden;perspective:1000px;background:radial-gradient(ellipse at 50% 64%,#e9e1d34d,transparent 64%);border-radius:24px;touch-action:pan-y}
.gallery-scene::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#fcfcfc,transparent 7%,transparent 93%,#fcfcfc);z-index:50}
.gallery-card{position:absolute;left:50%;top:50%;width:340px;border:1px solid #c9b798;border-radius:15px;padding:0;background:#fff;color:#1a1a28;overflow:hidden;text-align:left;box-shadow:0 14px 30px #1a1a2818;transform:translate3d(calc(-50% + var(--gx,0px)),calc(-50% + var(--gy,0px)),0) rotateY(var(--gr,0deg)) scale(var(--gs,1));opacity:var(--go,1);z-index:var(--gz,1);will-change:transform;cursor:zoom-in;backface-visibility:hidden}
.gallery-scene{user-select:none;-webkit-user-select:none}
.gallery-card:not([style]){visibility:hidden}.gallery-card:first-child:not([style]){visibility:visible}
.gallery-card:focus-visible{outline:3px solid #927345;outline-offset:4px}
.gallery-image{display:flex;align-items:center;justify-content:center;height:255px;background:#111116;overflow:hidden}
.gallery-card img{width:100%;height:100%;object-fit:contain}
.gallery-card-label{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;font-size:12px;font-weight:600;line-height:1.4}
.gallery-card-label>span{font-size:20px;color:#927345}
.gallery-inspect{position:absolute;inset:28px 13px;z-index:60;pointer-events:none;display:flex;flex-direction:column;justify-content:center;gap:12px;opacity:0;visibility:hidden;transform:scale(.94);transition:opacity .18s,transform .18s;background:#fcfcfcf5;border:1px solid #c3a780;border-radius:16px;padding:12px;box-shadow:0 16px 36px #1a1a281a}
.course-gallery[data-inspecting] .gallery-inspect{opacity:1;visibility:visible;transform:scale(1)}
.gallery-inspect img{width:100%;height:calc(100% - 40px);object-fit:contain;border-radius:8px;background:#f2efea}
.gallery-inspect[data-document] img{object-fit:cover;object-position:top}
.gallery-inspect>span{font-size:12px;font-weight:600;text-align:center}
.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 12px;padding-top:17px;border-top:1px solid #ded8ce}
.gallery-toolbar p{font-size:12px;line-height:1.65;color:#5f5d65}.gallery-toolbar p .gallery-hint-desktop{color:#5f5d65;font-size:12px}
.gallery-toolbar>div{display:flex;gap:6px;flex-shrink:0}
.gallery-toolbar button{width:44px;height:44px;border:1px solid #d9cdbb;border-radius:50%;background:transparent;color:#796343;font-size:18px;display:grid;place-items:center;padding:0}
.gallery-toolbar button:hover,.gallery-toolbar button[aria-pressed=true]{background:#eee5d7;border-color:#a1835b}
.gallery-counter{font-size:10px;line-height:1.5;color:#827563;margin:14px 12px 0;letter-spacing:.02em}
.gallery-reader{width:min(1320px,calc(100vw - 48px));max-width:none;max-height:94dvh;padding:0;border-radius:16px;border:1px solid #c3a780;background:#fcfcfc;color:#1a1a28;overflow:hidden;box-shadow:0 30px 90px #0004}
.gallery-reader::backdrop{background:#11111bd9;backdrop-filter:blur(8px)}
.gallery-reader header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid #ded8ce}
.gallery-reader header p{font-size:9px;font-weight:600;letter-spacing:.13em;color:#827563;margin:0 0 6px}
.gallery-reader h2{font-size:27px;line-height:1.15;margin:0}
.gallery-reader-close{width:44px;height:44px;flex:none;border:1px solid #ded8ce;border-radius:50%;font-size:27px;color:#1a1a28;background:none;padding:0}
.gallery-reader-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 24px;font-size:12px;line-height:1.5;color:#5f5d65}
.gallery-reader-tools button{font-size:12px;line-height:1.5;flex:none;border:1px solid #d9cdbb;border-radius:6px;padding:7px 12px;background:#eee5d7;color:#735a37}
.gallery-reader-viewport{overflow:auto;max-height:calc(94dvh - 220px);min-height:120px;background:#e9e5de;padding:16px;overscroll-behavior:contain}
.gallery-reader-viewport img{width:100%;max-width:1200px;height:auto;margin-inline:auto;display:block}
.gallery-reader-viewport.is-zoomed img{width:auto;max-width:none;min-width:100%;margin:0}
.gallery-reader footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 24px;border-top:1px solid #ded8ce;font-size:12px}
.gallery-reader footer button{min-height:40px;padding:7px 14px;border:1px solid #ded8ce;border-radius:7px;background:none;color:#1a1a28;font-size:12px}
@media(max-width:1100px){.hero:has(.course-gallery){gap:24px}.gallery-scene{height:440px}.gallery-card{width:295px}.gallery-image{height:225px}.gallery-toolbar{flex-wrap:wrap;gap:12px}.gallery-topline{font-size:8px}.gallery-toolbar p{font-size:11px}}
@media(max-width:800px){.hero:has(.course-gallery){grid-template-columns:1fr;gap:36px}.course-gallery{width:100%;max-width:650px;margin-inline:auto}.gallery-scene{height:430px}.gallery-toolbar{flex-wrap:nowrap}.gallery-card{width:340px}.gallery-image{height:255px}}
@media(max-width:600px){.gallery-topline{margin-inline:0;font-size:8px;padding-bottom:13px}.gallery-scene{height:360px;margin-inline:-12px}.gallery-card{width:270px}.gallery-image{height:215px}.gallery-inspect{inset:15px 12px}.gallery-toolbar{margin-inline:0}.gallery-toolbar p{font-size:11px}.gallery-toolbar .gallery-hint-desktop{display:none}.gallery-toolbar button{width:44px;height:44px}.gallery-toolbar>div{gap:4px}.gallery-counter{margin-left:0}.gallery-reader{width:calc(100vw - 20px);max-height:96dvh;border-radius:12px}.gallery-reader header{padding:14px}.gallery-reader h2{font-size:24px}.gallery-reader-tools{padding:10px 14px;flex-wrap:wrap;gap:9px}.gallery-reader-viewport{max-height:calc(96dvh - 246px);padding:8px}.gallery-reader footer{padding:10px 14px}.gallery-reader footer button{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.gallery-inspect{transition:none}.gallery-card{will-change:auto}}
@media(forced-colors:active){.gallery-card,.gallery-inspect,.gallery-reader{border:1px solid CanvasText}.gallery-scene::after{display:none}}