/* 0.2.40 single post reading layout */
.yh-single{--gold:#7a6a5e;--line:#2e26221a;--card:#e8e8e8;background:linear-gradient(180deg,#efefef 0%,var(--bg) 40%,#f0f0f0 100%)}
.yh-hero{position:relative;overflow:hidden;padding:clamp(7rem,14vh,9rem) 6vw 3rem;text-align:center;background:radial-gradient(60% 70% at 50% 0%,#7a6a5e33,transparent 70%),radial-gradient(40% 50% at 85% 30%,#e08a5b1f,transparent 70%),radial-gradient(40% 50% at 10% 40%,#7a6a5e14,transparent 70%)}
.yh-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(180deg,transparent,var(--bg));pointer-events:none}
.yh-hero__inner{position:relative;z-index:1;max-width:860px;margin:0 auto}
.yh-cats{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1.2rem}
.yh-cats a{font-size:.78rem;letter-spacing:.18em;padding:.35rem 1rem;border-radius:99px;color:#2e2622;font-weight:700;background:linear-gradient(90deg,#7a6a5ecc,#e08a5bcc);border:1px solid #2e262226}
.yh-title{font-family:var(--font);font-weight:900;font-size:clamp(1.7rem,3.6vw,2.9rem);line-height:1.3;letter-spacing:.01em;background:linear-gradient(90deg,#38302c,#48403b 50%,#48403c);-webkit-background-clip:text;background-clip:text;color:transparent}
.yh-meta{display:flex;justify-content:center;gap:.4rem 1.2rem;flex-wrap:wrap;margin-top:1.3rem;color:var(--mute);font-size:.9rem}
.yh-meta>*+*::before{content:"·";margin-right:1.2rem;color:var(--gold)}
.yh-cover{position:relative;z-index:2;max-width:980px;margin:2.6rem auto 0}
.yh-cover img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:22px;box-shadow:0 30px 80px #f7f7f7aa,0 0 0 1px #2e26221f,0 0 60px #7a6a5e33}

.yh-body{max-width:1160px;margin:0 auto;padding:1rem 6vw 4rem;display:grid;grid-template-columns:minmax(0,1fr);gap:3rem}
@media (min-width:1100px){.yh-body:has(.yh-toc:not([hidden])){grid-template-columns:240px minmax(0,720px);justify-content:center}}
.yh-toc{align-self:start;position:sticky;top:96px;padding:1.2rem 1.2rem 1.2rem 1.3rem;border-radius:18px;background:linear-gradient(160deg,#e5e5e5e6,#ececece6);border:1px solid var(--line);font-size:.9rem}
.yh-toc__title{font-weight:800;letter-spacing:.15em;font-size:.78rem;color:var(--gold);margin-bottom:.7rem}
.yh-toc ol{list-style:none;counter-reset:t;display:grid;gap:.15rem}
.yh-toc li{counter-increment:t}
.yh-toc a{display:flex;gap:.6rem;padding:.35rem .5rem;border-radius:10px;color:#564e4a;line-height:1.45;transition:background .2s,color .2s}
.yh-toc a::before{content:counter(t,decimal-leading-zero);color:#8a827e;font-variant-numeric:tabular-nums;font-size:.8rem;padding-top:.1rem}
.yh-toc a:hover,.yh-toc a.on{background:#7a6a5e26;color:#2e2622}
.yh-toc a.on::before{color:var(--gold)}

.yh-entry{max-width:720px;width:100%;margin:0 auto;padding:0;font-size:1.08rem;line-height:1.95;color:#453d39;letter-spacing:.02em}
.yh-entry>*+*{margin-top:1.25em}
.yh-entry>p:first-child{font-size:1.16rem;color:#3b332f}
.yh-entry h1{display:none}
.yh-entry h2{position:relative;font-family:var(--font);font-size:clamp(1.35rem,2.2vw,1.65rem);font-weight:900;line-height:1.4;margin-top:2.6em;padding:0 0 .7rem 0;border:0;scroll-margin-top:100px;color:#2e2622}
.yh-entry h2::before{content:attr(data-n);display:inline-flex;align-items:center;justify-content:center;min-width:2.2em;height:2.2em;margin-right:.7rem;border-radius:99px;font-size:.7em;font-weight:800;vertical-align:.15em;color:#2e2622;background:linear-gradient(135deg,#7a6a5e,#e08a5b);box-shadow:0 0 18px #e08a5b55}
.yh-entry h2:not([data-n])::before{content:"";min-width:.5em;height:1.1em;border-radius:4px}
.yh-entry h2::after{content:"";position:absolute;left:0;bottom:0;width:72px;height:3px;border-radius:3px;background:linear-gradient(90deg,#e08a5b,#7a6a5eaa,transparent)}
.yh-entry h3{font-size:1.2rem;font-weight:800;margin-top:2em;color:#7a6a5e}
.yh-entry strong{color:#2e2622;font-weight:800;background:linear-gradient(transparent 62%,#e08a5b3d 62%)}
.yh-entry a{color:#7a6a5e;text-decoration:underline;text-decoration-color:#7a6a5e66;text-underline-offset:4px}
.yh-entry ul,.yh-entry ol{list-style:none;padding:1.1rem 1.3rem;border-radius:16px;background:#2e262206;border:1px solid var(--line)}
.yh-entry li{position:relative;padding-left:1.9rem}
.yh-entry li+li{margin-top:.55em}
.yh-entry ul>li::before{content:"";position:absolute;left:.35rem;top:.72em;width:.55rem;height:.55rem;border-radius:50%;background:linear-gradient(135deg,#e08a5b,#7a6a5e);box-shadow:0 0 8px #e08a5b88}
.yh-entry ol{counter-reset:li}
.yh-entry ol>li{counter-increment:li}
.yh-entry ol>li::before{content:counter(li);position:absolute;left:0;top:.38em;width:1.4rem;height:1.4rem;border-radius:50%;display:grid;place-items:center;font-size:.78rem;font-weight:800;color:#e6e6e6;background:var(--gold)}
.yh-entry blockquote,.yh-entry .callout{position:relative;padding:1.1rem 1.3rem 1.1rem 1.5rem;border-radius:16px;border:1px solid #7a6a5e40;background:linear-gradient(135deg,#7a6a5e14,#7a6a5e14);color:#3b332f}
.yh-entry blockquote::before,.yh-entry .callout::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--gold),#e08a5b)}
.yh-entry blockquote p+p{margin-top:.6em}
.yh-entry figure,.yh-entry .yh-anim{margin:2em auto;text-align:center}
.yh-entry img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:18px;border:1px solid var(--line);box-shadow:0 18px 50px #f7f7f788}
.yh-entry figcaption{font-size:.85rem;color:var(--mute);margin-top:.7rem}
.yh-entry hr{border:0;height:1px;margin:2.6em 0;background:linear-gradient(90deg,transparent,#e08a5b80,#7a6a5e66,transparent)}
.yh-entry table{width:100%;border-collapse:collapse;font-size:.95rem;border-radius:14px;overflow:hidden}
.yh-entry th{background:#7a6a5e2e;color:#2e2622}
.yh-entry th,.yh-entry td{border:1px solid var(--line);padding:.65rem .85rem;text-align:left}

.yh-cta{padding:1rem 6vw 5rem}
.yh-cta__box{position:relative;max-width:820px;margin:0 auto;padding:clamp(2rem,4vw,3rem);text-align:center;border-radius:28px;background:radial-gradient(80% 120% at 0% 0%,#7a6a5e40,transparent 60%),radial-gradient(80% 120% at 100% 100%,#e08a5b3a,transparent 60%),#eaeaea;border:1px solid #2e262222;box-shadow:0 30px 80px #f7f7f799}
.yh-cta__eyebrow{font-size:.75rem;letter-spacing:.25em;color:var(--gold);font-weight:700;margin-bottom:.8rem}
.yh-cta__box h2{font-size:clamp(1.35rem,2.6vw,1.9rem);font-weight:900;line-height:1.4}
.yh-cta__box>p{color:#564e4a;margin-top:.8rem}
.yh-cta__btns{display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}
.yh-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:99px;font-weight:800;color:#2e2622;border:1px solid #2e26222e;background:#2e26220d;transition:transform .2s,box-shadow .2s,background .2s}
.yh-pill:hover{transform:translateY(-2px)}
.yh-pill .ico,.yh-pill svg{width:1.15em;height:1.15em}
.yh-pill.is-whatsapp{background:linear-gradient(90deg,#7a6a5e,#7a6a5e);box-shadow:0 8px 24px #7a6a5e40}
.yh-pill.is-telegram{background:linear-gradient(90deg,#7a6a5e,#7a6a5e);box-shadow:0 8px 24px #7a6a5e40}
.yh-pill.is-line{background:linear-gradient(90deg,#7a6a5e,#7a6a5e);box-shadow:0 8px 24px #7a6a5e40}
.yh-postnav{max-width:820px;margin:0 auto 5rem;padding:0 6vw}

@media (max-width:700px){
  .yh-hero{padding:6.2rem 5vw 2rem}
  .yh-title{font-size:1.55rem}
  .yh-meta{font-size:.82rem}
  .yh-meta>*+*::before{margin-right:.6rem}
  .yh-meta{gap:.3rem .6rem}
  .yh-cover{margin-top:1.8rem}
  .yh-cover img{border-radius:16px}
  .yh-body{padding:.5rem 5vw 3rem}
  .yh-toc{position:static}
  .yh-entry{font-size:1.02rem;line-height:1.9}
  .yh-entry>p:first-child{font-size:1.06rem}
  .yh-entry ul,.yh-entry ol{padding:.9rem 1rem}
  .yh-entry li{padding-left:1.7rem}
  .yh-cta{padding:0 5vw 4rem}
  .yh-cta__btns{flex-direction:column}
  .yh-pill{justify-content:center}
}
