@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');
:root{--ink:#20231f;--muted:#73766e;--paper:#f5f4ef;--white:#fffefa;--lime:#d8eb54;--line:#dedfd7;--coral:#e9795d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}.topbar{height:78px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 5vw;background:rgba(245,244,239,.96);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:-.04em}.brand-centered{justify-self:center}.brand-logo{width:32px;height:32px;object-fit:cover;background:var(--lime);padding:5px}.brand-dot{color:var(--coral)}.nav-side{display:flex;gap:24px;align-items:center;font-size:12px;color:var(--muted)}.nav-right{justify-content:flex-end}.nav-login{color:var(--ink);font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:3px}.page-shell{max-width:1280px;margin:auto;padding:0 5vw}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6vw,84px);line-height:.96;letter-spacing:-.07em;margin:22px 0 25px;font-weight:500}h1 em,h2 em{font-family:Fraunces;font-weight:500;letter-spacing:-.06em}p{color:var(--muted);line-height:1.65;font-size:14px}.hero{min-height:535px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;border-bottom:1px solid var(--line)}.hero-copy>p{font-size:16px;max-width:520px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border-radius:0;padding:14px 17px;font-size:13px;font-weight:700;min-width:164px}.button span{font-size:19px;font-weight:400}.primary{background:var(--lime);color:var(--ink)}.dark{background:var(--ink);color:var(--white)}.text-link{font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:5px}.hero-art{height:370px;position:relative;max-width:430px;margin-left:auto;width:100%;background:#cad6b0}.art-card{position:absolute;inset:0;background-size:cover;background-position:center}.art-back{background-image:url('https://images.unsplash.com/photo-1481627834876-b7833e8f5570?auto=format&fit=crop&w=700&q=80');transform:rotate(6deg);top:-12px;left:25px;opacity:.65}.art-main{background-image:linear-gradient(135deg,rgba(24,36,24,.2),rgba(24,36,24,.6)),url('https://images.unsplash.com/photo-1456324504439-367cee3b3c32?auto=format&fit=crop&w=700&q=80');color:#fff;padding:25px;display:flex;flex-direction:column;justify-content:space-between}.art-main span{font-size:10px;letter-spacing:.18em;line-height:1.6}.art-main strong{font-family:Fraunces;font-size:110px;line-height:.7;align-self:flex-end;font-weight:500}.art-note{position:absolute;right:-28px;bottom:-30px;background:var(--coral);padding:18px 22px;font-family:Fraunces;font-size:17px;line-height:1.05;transform:rotate(-4deg)}.section-head{display:flex;justify-content:space-between;align-items:end;padding:75px 0 28px;gap:20px}.section-head h2,.dashboard-head h1{font-size:38px;letter-spacing:-.06em;font-weight:500;margin:14px 0 0}.section-meta{font-size:11px;color:var(--muted);white-space:nowrap}.search-form{display:flex;gap:8px;margin-left:auto}.search-form input{width:190px;border:1px solid var(--line);background:var(--white);padding:10px 12px;font-size:12px;outline:0}.search-form button{background:var(--ink);color:var(--white);padding:10px 14px;font-size:12px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gallery-card{background:var(--white);min-width:0}.gallery-image{height:215px;background-size:cover;background-position:center;background-color:#d9ddd0;position:relative}.tag,.file-count{position:absolute;top:14px;font-size:10px;padding:7px 10px;background:rgba(255,254,250,.9)}.tag{left:14px}.file-count{right:14px}.gallery-content{padding:21px}.gallery-content h3{font-family:Fraunces;font-size:25px;font-weight:500;letter-spacing:-.04em;margin-bottom:9px}.gallery-content p{font-size:12px;line-height:1.55;min-height:38px}.card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px;margin-top:18px;font-size:11px;color:var(--muted)}.card-foot strong{color:var(--ink)}.like-button{background:none;font-size:12px}.comment-form{display:flex;border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.comment-form input{border:0;background:transparent;outline:0;font-size:11px;min-width:0;flex:1}.comment-form button{background:none;font-size:11px;font-weight:700}.ad-strip{margin:90px 0 70px;padding:38px 42px;background:var(--ink);color:var(--white);display:flex;align-items:center;justify-content:space-between;gap:35px}.ad-strip p{color:#a7aaa0}.ad-strip h2{font-size:34px;letter-spacing:-.06em;margin:14px 0 8px}.ad-box{background:var(--lime);color:var(--ink);padding:20px 22px;min-width:310px;display:grid;gap:8px;position:relative}.ad-box span,.ad-box small{font-size:10px}.ad-box strong{font-family:Fraunces;font-size:21px;font-weight:500}.ad-box b{position:absolute;right:20px;bottom:15px;font-size:22px}footer{border-top:1px solid var(--line);padding:25px 5vw;display:flex;justify-content:center;align-items:center;gap:14px;font-size:11px;color:var(--muted);position:relative}footer strong{color:var(--ink);font-size:14px}.footer-logo{width:24px;height:24px;background:var(--lime);padding:4px}.auth-layout{min-height:calc(100vh - 150px);display:grid;grid-template-columns:1fr 390px;gap:10vw;align-items:center;max-width:980px;margin:auto}.auth-intro h1{font-size:67px}.auth-form{background:var(--white);padding:38px}.auth-form h2,.create-panel h2{font-family:Fraunces;font-weight:500;font-size:30px}.auth-form label,.create-panel label{font-size:11px;color:var(--muted);display:grid;gap:7px;margin:19px 0}.auth-form input,.create-panel input,.create-panel select,.create-panel textarea,.upload-section select,.upload-section input[type=file]{border:1px solid var(--line);background:var(--paper);padding:12px;outline:0;font-size:13px;width:100%}.auth-form .button{margin-top:13px;width:100%}.form-note{font-size:11px;text-align:center;margin:22px 0 0}.form-note a{font-weight:700;text-decoration:underline}.flash{padding:13px 18px;font-size:12px;margin-top:20px;background:var(--lime)}.flash.error{background:#f6c7b9}.dashboard-head{display:flex;justify-content:space-between;align-items:end;padding:65px 0 48px;border-bottom:1px solid var(--line)}.dashboard-head h1{font-size:58px}.dashboard-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;padding:55px 0}.dashboard-grid h2,.upload-section h2,.admin-columns h2{font-family:Fraunces;font-size:28px;font-weight:500}.count{font-family:'DM Sans';font-size:12px;color:var(--muted)}.mini-list{border-top:1px solid var(--line)}.mini-item{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.mini-cover{width:65px;height:52px;background-size:cover;background-position:center;background-color:#dbe0d4}.mini-item>div:nth-child(2){flex:1;display:grid;gap:7px}.mini-item strong{font-family:Fraunces;font-weight:500}.mini-item span{font-size:11px;color:var(--muted)}.icon-button{background:none;font-size:20px;color:var(--muted)}.create-panel{background:var(--white);padding:28px 30px}.create-panel h2{margin:12px 0 25px}.create-panel textarea{resize:vertical}.create-panel hr{border:0;border-top:1px solid var(--line);margin:28px 0}.upload-section{border-top:1px solid var(--line);padding:42px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.upload-section h2{margin:12px 0 6px}.upload-section p{font-size:12px}.upload-section form{display:grid;grid-template-columns:1fr 1.5fr auto;gap:10px;align-items:center}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin:0 0 55px}.stats div{background:var(--paper);padding:25px}.stats strong{display:block;font-family:Fraunces;font-size:42px;font-weight:500}.stats span{font-size:11px;color:var(--muted)}.admin-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;padding-bottom:70px}.table-list{border-top:1px solid var(--line)}.table-list>div{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.table-list>div>span:nth-child(2){display:grid;gap:5px;flex:1}.table-list small,.table-list em{font-size:10px;color:var(--muted);font-style:normal}.avatar{background:var(--coral);width:30px;height:30px;display:grid;place-items:center;font-size:11px}
@media(max-width:760px){.topbar{grid-template-columns:auto auto;height:64px}.brand-centered{grid-column:1/-1;grid-row:1;justify-self:center}.nav-side{gap:10px;font-size:10px}.nav-side:first-child{grid-column:1;grid-row:1}.nav-right{grid-column:2;grid-row:1}.nav-side a:first-child{display:none}.page-shell{padding:0 22px}.hero{display:block;padding:65px 0 100px}.hero h1{font-size:53px}.hero-art{margin:70px 20px 0 0;height:280px}.art-note{right:-20px}.gallery-grid{grid-template-columns:1fr}.section-head{padding-top:55px;display:block}.search-form{margin:20px 0}.section-head h2{font-size:30px}.ad-strip{display:block;padding:30px 24px;margin-top:65px}.ad-box{min-width:0;margin-top:25px}.auth-layout{display:block;min-height:auto;padding:70px 0}.auth-intro h1{font-size:50px}.auth-form{margin-top:45px;padding:25px}.dashboard-head{display:block;padding:55px 0 35px}.dashboard-head h1{font-size:44px}.dashboard-head .button{margin-top:25px}.dashboard-grid,.admin-columns{grid-template-columns:1fr;gap:45px;padding:40px 0}.upload-section{grid-template-columns:1fr;gap:20px}.upload-section form{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}footer{flex-wrap:wrap;padding:22px}footer small{width:100%;text-align:center;margin-top:5px}}
.brand-centered{font-size:0;width:42px;height:42px;background:url('imagens/logo.svg') center/contain no-repeat}.brand-centered .brand-logo{display:none}footer strong{font-size:0;width:28px;height:28px;background:url('imagens/logo.svg') center/contain no-repeat;display:inline-block}.footer-logo{display:none}
.art-note{font-size:0;width:120px;height:80px;padding:12px;background:var(--coral) url('imagens/logo.svg') center/contain no-repeat}
.art-main span{display:none}
.art-main strong{display:none}
