@font-face{font-family:DM;src:url(../assets/font.ttf)}*{box-sizing:border-box}body{margin:0;font-family:DM,Arial,sans-serif;background:#f3f5f7;color:#173d67}header{margin:0 auto;max-width:1600px;padding:24px 4%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce3e8;gap:20px}header img{width:185px}header span{font-size:10px;letter-spacing:2px}header b{color:#43a142;margin-left:12px}button,a{font:inherit;font-size:12px;padding:11px 17px;border-radius:7px;border:1px solid #cbd7e1;background:white;color:#1f4c85;cursor:pointer;text-decoration:none}button:hover,a:hover,button[aria-pressed=true]{background:#1f4c85;color:white}button:focus-visible,a:focus-visible{outline:3px solid #e9b013;outline-offset:3px}main{max-width:1600px;padding:30px 4%;margin:auto}.heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:2px;color:#59809f;font-weight:700;margin:0 0 9px}h1{font-size:clamp(26px,3.1vw,44px);letter-spacing:-1.6px;margin:0}.heading>p{font-size:12px;text-align:right;line-height:1.8;color:#738598;margin:0}.heading b{font-weight:400;color:#1f4c85}.stage{position:relative;background:white;border:1px solid #e0e7ec;border-radius:14px;overflow:hidden;min-height:220px;display:flex;align-items:center;justify-content:center}.stage>img{width:100%;height:min(60vh,720px);object-fit:contain;display:block}.stage>button{position:absolute;top:50%;transform:translateY(-50%);font-size:32px;padding:0;width:42px;height:52px;background:#ffffffdb;box-shadow:0 2px 10px #12345612}#prev{left:18px}#next{right:18px}#counter{position:absolute;bottom:16px;right:20px;font-size:11px;background:#f1f4f7d9;padding:7px 12px;border-radius:20px}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:20px 0}.toolbar h2{font-size:16px;margin:0 0 5px}.toolbar p{font-size:11px;color:#7890a3;margin:0}.actions{display:flex;gap:8px}#thumbs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}#thumbs button{padding:0;overflow:hidden;border-radius:8px;text-align:left;background:#fff}#thumbs img{width:100%;height:85px;object-fit:contain;display:block}#thumbs span{display:block;font-size:10px;padding:8px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#thumbs button.selected{border:2px solid #1f4c85}#thumbs button.selected span{background:#1f4c85;color:white}.note{font-size:11px;line-height:1.7;color:#7a8d9d;margin:25px 0 0;max-width:900px}footer{max-width:1600px;margin:auto;border-top:1px solid #dce3e8;padding:20px 4%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#7d91a3}.stage:fullscreen{border-radius:0;background:white}.stage:fullscreen>img{width:100%;height:100vh}@media(max-width:760px){header{padding:20px 4%}header img{width:140px}header span{display:none}.heading{display:block}.heading>p{text-align:left;margin-top:12px}main{padding-top:24px}.stage>img{height:330px}.stage>button{width:32px;height:42px}#prev{left:5px}#next{right:5px}.toolbar{align-items:start}.actions{flex-direction:column}.actions a,.actions button{font-size:10px;padding:10px}#thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}#thumbs img{height:70px}footer span:last-child{display:none}}@media print{header button,.actions,#thumbs,.stage button,footer{display:none}.stage>img{height:auto}.stage{border:none}body{background:white}}
.header-actions{display:flex;gap:10px;align-items:center}.whatsapp{background:#237c3b;color:white;border-color:#237c3b}@media(max-width:760px){.header-actions .whatsapp{font-size:9px;padding:9px}.header-actions #fullscreen{font-size:9px;padding:9px}header img{width:115px}}