@font-face{font-family:Manrope;src:url(manrope.woff2) format("woff2");font-weight:200 900;font-display:swap}
*{box-sizing:border-box}
:root{font-family:Manrope,Arial,sans-serif;color:#083d4d;background:#f7f8f4}
body{margin:0}.bound{width:min(1250px,92%);margin-inline:auto}header{background:#fff;border-bottom:1px solid #d7e3df}
.bar{display:flex;align-items:center;justify-content:space-between;padding-block:10px}.bar a,.bar img{display:block}.bar img{object-fit:contain;height:58px;width:80px}.bar span,.date{font-weight:730}.bar span{font-size:.92rem;color:#3e615e}
.intro{display:flex;justify-content:space-between;align-items:end;gap:2rem;padding:clamp(32px,5vw,68px) 0 32px}.date{color:#17654f;margin:0 0 12px;font-size:.96rem}.date span{padding:0 .38em}
h1{font-size:clamp(2.3rem,5.3vw,5rem);margin:0;line-height:1.04;letter-spacing:-.068em;font-weight:470}h1 strong{font-weight:850}.teacher{margin:.8rem 0 0;color:#456169;font-size:1.05rem}.actions{display:grid;justify-items:end;gap:5px}.actions small{color:#53696c}.all,.get,button{font:inherit;font-weight:730;cursor:pointer}.all,.get{display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none}.all{background:#106e56;color:#fff;border-radius:7px;padding:14px 20px;white-space:nowrap}.all:hover{background:#07553f}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px;margin-bottom:55px}.gallery article{min-width:0;border:1px solid #d9e2dd;border-radius:9px;overflow:hidden;background:white}.preview,.preview img{display:block;width:100%}.preview{position:relative;color:#063e50}.preview img{height:auto;aspect-ratio:4/5}.expand{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#fff;box-shadow:0 1px 8px #052f4830;opacity:0}.preview:hover .expand,.preview:focus-visible .expand{opacity:1}.info{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 13px 13px 16px;min-height:69px}
h2{font-size:1.06rem;letter-spacing:-.03em;margin:0}.get,button{color:#0c5244;background:#f1f6f1;border:1px solid #c7d7cd;border-radius:6px;padding:8px 12px;min-height:42px}.get:hover,button:hover{background:#dfede0}a:focus-visible,button:focus-visible{outline:3px solid #149773;outline-offset:-3px}
footer{border-top:1px solid #cad8cf;padding:20px 0 30px;display:flex;align-items:center;justify-content:space-between;font-weight:720}footer span{font-weight:500;font-size:.89rem;color:#52696c}
dialog{border:0;border-radius:10px;color:#073d4b;padding:0;max-width:94vw;max-height:96dvh;background:#f7f8f4;box-shadow:0 16px 80px #00151266}dialog::backdrop{background:#02232ee0}.dialogbar,.controls{display:flex;align-items:center;gap:9px;padding:8px 12px}.dialogbar{justify-content:space-between}.dialogbar button{font-size:25px;line-height:1}.dialogbar h2{padding-right:15px}.controls .get{margin-left:auto}#ampliada{display:block;margin:auto;height:auto;max-height:calc(94dvh - 124px);max-width:92vw;object-fit:contain}.controls button{min-width:44px}
@media(max-width:900px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{align-items:start;flex-wrap:wrap}.actions{justify-items:start}.info{padding:10px}.intro{gap:18px}.teacher{font-size:1rem}}
@media(max-width:570px){.bound{width:91%}.gallery{grid-template-columns:1fr;gap:18px}.intro{padding-block:25px}.bar img{height:48px}.bar span,.date{font-size:.83rem}.actions{display:flex;align-items:center;gap:11px}.all{padding:12px 14px}.actions small{font-size:.74rem}.gallery{margin-bottom:32px}.teacher{margin:.6rem 0 0}.expand{opacity:1}.info{padding:10px 13px}.dialogbar h2{font-size:.96rem}footer{align-items:start;flex-wrap:wrap;gap:.45rem}}