*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top left,#fff0f6 0,#fff7fb 34%,#f8fbff 100%);color:#2d2030}
a{text-decoration:none}
.topo-comunidade{background:linear-gradient(135deg,#4a1238,#b31567 58%,#f7b7d2);color:#fff;padding:28px 20px;text-align:center;box-shadow:0 4px 18px rgba(0,0,0,.18)}
.topo-comunidade h1{margin:0;font-size:30px}
.topo-comunidade p{margin:10px auto 0;max-width:760px;font-size:17px;opacity:.95}
.menu-comunidade{background:#fff;padding:12px;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,.08);position:sticky;top:0;z-index:10}
.menu-comunidade a{display:inline-block;margin:5px;padding:11px 15px;border-radius:999px;background:#fff0f7;color:#8a124f;font-weight:bold;font-size:14px}
.menu-comunidade a:hover{background:#f7b7d2;color:#3a0826}
.container{max-width:1120px;margin:28px auto;padding:0 18px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.card{background:#fff;border-radius:20px;padding:22px;box-shadow:0 8px 24px rgba(0,0,0,.10);border:1px solid #f3d3e3}
.card h2,.card h3{margin-top:0;color:#9d1459}
.card.destaque{background:linear-gradient(135deg,#fff0f7,#ffffff);border:1px solid #f0a8c8}
.alerta{background:#fff0f7;border-left:6px solid #d9287b;padding:18px;border-radius:14px;margin-bottom:18px}
.perigo{background:#ffe7e7;border-left:6px solid #c40000}
.sucesso{background:#e8ffe8;border-left:6px solid #0a8f08}
.btn{display:inline-block;border:none;cursor:pointer;padding:13px 18px;border-radius:12px;font-weight:bold;background:#9d1459;color:#fff;margin:5px 4px 5px 0}
.btn:hover{filter:brightness(.95)}
.btn-amarelo{background:#f7b7d2;color:#3a0826}.btn-verde{background:#216b57;color:#fff}.btn-laranja{background:#d98200;color:#fff}.btn-vermelho{background:#c40000;color:#fff}.btn-roxo{background:#6d1b7b;color:#fff}
.form-box{max-width:480px;margin:35px auto}
input,textarea,select{width:100%;padding:14px;border-radius:12px;border:1px solid #ccd8ea;margin:8px 0 14px;font-size:16px}
textarea{min-height:130px;resize:vertical}
input[type="file"]{background:#fff7fb;border:2px dashed #e7a7c6}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.10)}
th{background:#9d1459;color:#fff;padding:12px}
td{padding:12px;border-bottom:1px solid #e5e5e5;text-align:center}
.postagem{background:#fff;border-radius:18px;padding:20px;margin-bottom:18px;box-shadow:0 6px 18px rgba(0,0,0,.09)}
.postagem h3{margin:0 0 8px;color:#9d1459}
.postagem-img{max-width:100%;width:360px;max-height:360px;object-fit:cover;border-radius:16px;border:1px solid #f1c9dc;margin-top:12px;display:block}
.anexo-box{background:#eef4ff;border:1px solid #f1c9dc;border-radius:14px;padding:14px;margin-top:12px}
.anexo-box a{font-weight:bold;color:#9d1459}
small{color:#667}
.rodape{margin-top:40px;background:#4a1238;color:#fff;text-align:center;padding:24px}
.hero{background:linear-gradient(135deg,#4a1238,#b31567 55%,#f7b7d2);color:white;padding:55px 20px;text-align:center}
.hero h1{font-size:38px;margin:0 0 15px}
.hero p{max-width:860px;margin:0 auto 25px;font-size:19px;line-height:1.6}
.faixa-alerta{background:#f7b7d2;color:#3a0826;text-align:center;padding:14px;font-weight:bold}
@media(max-width:700px){.topo-comunidade h1,.hero h1{font-size:24px}table{font-size:13px}th,td{padding:8px}.postagem-img{width:100%}}

.card,.postagem{backdrop-filter:saturate(1.1)}
.hero h1::before{content:"💄 ";}.hero h1::after{content:" ✨";}
