*{box-sizing:border-box}body{margin:0;background:#f7f5f1;color:#171717;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}.topbar{height:72px;background:#111;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:sticky;top:0;z-index:5}.brand{font:500 22px Georgia,serif;letter-spacing:3px}.brand span{font-size:10px;letter-spacing:2px;margin-left:5px;opacity:.7}.topbar nav{display:flex;gap:20px;font-size:13px}.topbar nav a:hover{opacity:.7}.hero{text-align:center;padding:85px 20px 70px;background:#111;color:#fff}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold;color:#92734b;margin:0 0 10px}.hero .eyebrow{color:#c7a77a}.hero h1,.article-page h1,.admin h1{font:500 45px Georgia,serif;margin:0 0 14px}.hero>p:not(.eyebrow){max-width:620px;margin:0 auto 24px;line-height:1.6;color:#ccc}.contact-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}.contact,.primary,.secondary,.danger{border:0;border-radius:999px;padding:12px 18px;font-weight:bold;cursor:pointer;font-size:13px}.contact{background:#fff;color:#111}.whatsapp{background:#8a6a3d;color:#fff}.section{max-width:1100px;margin:auto;padding:55px 20px}.section-head,.admin-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section h2,.panel h2{font:500 32px Georgia,serif;margin:0}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.category{background:#fff;border:1px solid #e6e0d7;padding:20px;border-radius:12px;display:flex;justify-content:space-between;gap:10px;flex-direction:column}.category span{font-size:12px;color:#777}.article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px}.card{background:#fff;border:1px solid #e5e1da;border-radius:14px;overflow:hidden;box-shadow:0 6px 24px #00000008}.card img{width:100%;height:330px;object-fit:cover;display:block}.card-body{padding:20px}.pill{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#8a6a3d;font-weight:bold}.card h3{font:500 25px Georgia,serif;margin:8px 0}.card p,.muted{color:#666;line-height:1.6}.read{font-weight:bold;font-size:13px}.section select{padding:10px 14px;border:1px solid #ddd;border-radius:8px;background:#fff}.article-page{max-width:850px;margin:auto;padding:60px 20px 80px}.back{font-size:13px}.article-page h1{font-size:48px;margin-top:20px}.date{color:#777;font-size:13px}.article-image{width:100%;max-height:650px;object-fit:cover;border-radius:16px;margin:25px 0}.article-content{font-size:18px;line-height:1.8}.lead{font-size:21px;font-weight:500}.admin{max-width:900px;margin:auto;padding:55px 20px 80px}.panel{background:#fff;border:1px solid #e4dfd7;border-radius:15px;padding:25px;margin-bottom:25px;box-shadow:0 5px 20px #00000008}.admin form{display:grid;gap:15px}.admin label{display:grid;gap:7px;font-size:13px;font-weight:bold}.admin input,.admin textarea,.admin select{font:inherit;padding:12px;border:1px solid #d9d4cc;border-radius:8px;background:#fff}.primary{background:#111;color:#fff}.secondary{background:#eee9e1;color:#222}.danger{background:#f2dddd;color:#8b2222}.form-actions,.admin-actions{display:flex;gap:10px;flex-wrap:wrap}.hidden{display:none!important}.msg{font-size:13px}.error{color:#a22}.ok{color:#28713b}.admin-list{display:grid;gap:10px}.admin-item{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:14px;border-top:1px solid #eee;padding:12px 0}.admin-item img{width:70px;height:70px;object-fit:cover;border-radius:8px}.admin-item small{display:block;color:#777;margin-top:4px}footer{padding:30px 20px;text-align:center;border-top:1px solid #ddd;color:#777;font-size:12px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}@media(max-width:600px){.topbar{height:auto;padding:16px 18px;gap:12px;align-items:flex-start}.topbar nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}.hero h1,.article-page h1,.admin h1{font-size:35px}.section-head{align-items:flex-start;flex-direction:column}.article-page{padding-top:35px}.article-content{font-size:16px}.card img{height:290px}}