:root {
  --melocoton: #f7c294;
  --crema-claro: #f3e1cf;
  --crema-suave: #f8f3ee;
  --cobre: #a7684d;
  --terracota: #8a5c46;
  --terracota-oscura: #744734;
  --texto: #5a4a3e;
  --texto-fuerte: #3a2e25;
  --azul-firma: #101977;
  --sombra: 0 10px 30px rgba(116,71,52,.14);
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: 'Poppins', sans-serif; color: var(--texto); background: var(--crema-suave); line-height: 1.7; }
a { color: var(--azul-firma); text-decoration: none; }
a:hover { text-decoration: underline; }
.container { max-width: 980px; margin: 0 auto; padding: 0 24px; }
.nav { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.94); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(167,104,77,.12); }
.nav-inner { display: flex; align-items: center; justify-content: space-between; padding: 14px 22px; max-width: 1200px; margin: 0 auto; }
.nav-brand { display: flex; align-items: center; gap: 12px; color: var(--terracota-oscura); font-weight: 700; font-size: 15px; }
.nav-brand img { width: 36px; height: 36px; object-fit: contain; }
.nav-brand small { display: block; font-weight: 400; font-size: 12px; color: var(--cobre); }
.nav-back { font-size: 13px; font-weight: 600; color: var(--terracota-oscura); }

.post-full {
  background: white; border-radius: 22px; padding: 50px;
  box-shadow: var(--sombra); border: 1px solid rgba(167,104,77,.10);
  max-width: 760px; margin: 0 auto;
}
.post-full .badge { display: inline-block; background: var(--crema-claro); color: var(--terracota-oscura); padding: 5px 13px; border-radius: 999px; font-weight: 700; font-size: 11.5px; letter-spacing: .04em; text-transform: uppercase; margin-bottom: 14px; }
.post-full h1 { font-family: 'Playfair Display', serif; color: var(--terracota-oscura); font-size: clamp(28px,3.6vw,40px); line-height: 1.15; margin-bottom: 14px; }
.post-full .meta { color: var(--cobre); font-size: 13px; margin-bottom: 28px; padding-bottom: 18px; border-bottom: 1px solid rgba(167,104,77,.12); }
.post-full p { margin-bottom: 16px; font-size: 16.5px; }
.post-full ul, .post-full ol { margin-bottom: 16px; }
.post-full h2 { font-family: 'Playfair Display', serif; color: var(--terracota-oscura); font-size: 24px; margin: 28px 0 12px; }
.post-full blockquote { border-left: 5px solid var(--melocoton); padding: 14px 22px; background: var(--crema-suave); border-radius: 0 12px 12px 0; margin: 22px 0; font-style: italic; color: var(--texto-fuerte); }
.post-nav { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 36px; padding-top: 24px; border-top: 1px solid rgba(167,104,77,.12); }
.post-nav a { background: var(--crema-claro); color: var(--terracota-oscura); padding: 10px 20px; border-radius: 999px; font-weight: 600; font-size: 14px; }
.post-nav a:hover { background: var(--melocoton); text-decoration: none; }

footer { background: var(--terracota-oscura); color: rgba(255,255,255,.85); padding: 36px 0; text-align: center; font-size: 13.5px; margin-top: 50px; }
footer a { color: var(--melocoton); }

@media (max-width: 600px) {
  .post-full { padding: 30px 24px; }
}