:root{--arena:#f5efe6;--verde:#7b8d5f;--rosa:#e9a4a4;--lila:#b9a4d8;--card:#fff;--footer:#e3dbd2;--texto:#333}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:var(--arena);color:var(--texto);text-align:center}
header{padding:8px 8px 0}
.logo{width:min(480px,90vw);height:auto;margin:6px auto 8px;display:block}
nav.primary,nav.secondary{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:6px 0}
a.btn{display:inline-block;padding:10px 18px;border-radius:10px;text-decoration:none;color:#fff;font-weight:700;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.btn.green{background:var(--verde)}.btn.pink{background:var(--rosa)}.btn.lilac{background:var(--lila)}
.blogs{max-width:1100px;margin:10px auto 16px;padding:0 12px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px}
.card{background:var(--card);border-radius:14px;padding:12px;box-shadow:0 4px 10px rgba(0,0,0,.08)}
.card h3{margin:.4rem 0 .3rem;font-size:1.05rem}.card p{margin:.2rem 0 .4rem;font-size:.92rem}
.card .thumb{width:100%;height:140px;object-fit:cover;border-radius:10px}
footer{background:var(--footer);padding:14px 10px;margin-top:16px}
.social{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:8px}
.social img{width:28px;height:28px}.legal a{color:var(--texto);text-decoration:none;margin:0 6px}
.main-wrap{max-width:1000px;margin:0 auto;padding:0 14px 18px}.hero{width:100%;max-height:320px;object-fit:cover;border-radius:14px;margin:8px auto 12px}
h1.title{margin:.2rem 0 .2rem}.lead{font-size:1.05rem;margin:.2rem 0 1rem}.btn.back{background:var(--rosa);color:#fff;margin-top:10px}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(200px,1fr))}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr}.logo{width:min(380px,88vw)}}