/* Meu site (editor do site dentro do painel) */
.site-aviso{font-size:13.5px; max-width:80ch; margin:-10px 0 20px;}
.site-capa{display:grid; grid-template-columns:minmax(220px, 38%) 1fr; gap:22px; align-items:center; padding:14px; margin-bottom:16px;}
.site-capa img{width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:10px;}
.site-capa h2{font-size:30px; margin:4px 0 8px;}
.site-capa .muted{font-size:14px; margin-bottom:14px;}
.site-blocos{display:grid; grid-template-columns:repeat(auto-fill, minmax(320px, 1fr)); gap:12px;}
.site-bloco{display:flex; justify-content:space-between; align-items:flex-start; gap:14px;}
.site-bloco h2{font-size:24px; margin-bottom:4px;}
.site-bloco p{color:var(--fg-2); font-size:13px; margin:0; line-height:1.5;}
.site-bloco .btn{flex:none;}
@media (max-width:700px){ .site-capa{grid-template-columns:1fr;} }

.site-fotos{display:grid; grid-template-columns:repeat(auto-fill, minmax(180px, 1fr)); gap:10px;}
.site-fotos figure{position:relative; background:var(--bg-2); border:1px solid var(--line); border-radius:12px; overflow:hidden; display:flex; flex-direction:column;}
.site-fotos img{width:100%; aspect-ratio:4/5; object-fit:cover; background:var(--bg-3);}
.site-fotos .pos{position:absolute; top:8px; left:8px; background:rgba(12,12,11,.75); color:var(--fg); font-size:11.5px; padding:2px 8px; border-radius:99px;}
.site-fotos figcaption{padding:8px 10px 4px; font-size:13px; line-height:1.35;}
.site-fotos figcaption small{display:block; color:var(--fg-3); font-size:11.5px; margin-top:2px;}
.acoes-foto{display:flex; gap:4px; padding:6px 8px 9px; margin-top:auto;}
.acoes-foto button{flex:1; background:var(--bg); border:1px solid var(--line); border-radius:8px; padding:5px 0; font-size:12.5px; color:var(--fg-2); cursor:pointer;}
.acoes-foto button:hover{border-color:rgba(242,239,233,.35); color:var(--fg);}
.acoes-foto button.rm:hover{border-color:rgba(240,163,163,.5); color:var(--erro);}
.acoes-foto button[data-ed]{flex:2.4;}