/* ═══ Manual de Viaje Styles ═══ */
.manual-hero{background:var(--kinari);padding:5rem 2rem 4rem;text-align:center}
.manual-toc{max-width:1000px;margin:0 auto;padding:2rem 2rem 3rem}
.manual-toc__title{font-family:var(--font-display);font-size:1.4rem;font-weight:300;text-align:center;margin-bottom:2rem;color:var(--kuro)}
.manual-toc__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}
.manual-toc__item{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;background:white;border-radius:var(--radius-md);box-shadow:var(--shadow-soft);cursor:pointer;transition:var(--transition-smooth);border-left:3px solid transparent}
.manual-toc__item:hover{box-shadow:var(--shadow-lifted);transform:translateY(-2px);border-left-color:var(--kin)}
.manual-toc__num{font-family:var(--font-display);font-size:1.6rem;color:var(--kin);opacity:.5;min-width:30px}
.manual-toc__name{font-size:.85rem;color:var(--kuro);line-height:1.3}
.manual-chapters{max-width:900px;margin:0 auto;padding:0 2rem 5rem}
.manual-chapter{margin-bottom:3rem;background:white;border-radius:var(--radius-md);box-shadow:var(--shadow-soft);overflow:hidden}
.manual-chapter__header{display:flex;align-items:center;gap:1.2rem;padding:1.5rem 2rem;cursor:pointer;transition:var(--transition-smooth);border-left:4px solid transparent}
.manual-chapter__header:hover{background:rgba(196,162,101,.04)}
.manual-chapter.open .manual-chapter__header{border-left-color:var(--kin);background:rgba(196,162,101,.04)}
.manual-chapter__num{font-family:var(--font-display);font-size:2rem;color:var(--kin);opacity:.4;min-width:40px;text-align:center}
.manual-chapter.open .manual-chapter__num{opacity:.8}
.manual-chapter__title{flex:1;font-family:var(--font-display);font-size:1.3rem;font-weight:400;color:var(--kuro)}
.manual-chapter__emoji{font-size:1.5rem}
.manual-chapter__toggle svg{width:20px;height:20px;color:var(--ishi);transition:transform .4s ease}
.manual-chapter.open .manual-chapter__toggle svg{transform:rotate(180deg);color:var(--kin)}
.manual-chapter__body{max-height:0;overflow:hidden;transition:max-height .6s cubic-bezier(.25,.46,.45,.94)}
.manual-chapter.open .manual-chapter__body{max-height:8000px}
.manual-chapter__content{padding:0 2rem 2rem;border-top:1px solid var(--kinari)}
.manual-step{display:flex;gap:1rem;padding:1.2rem 0;border-bottom:1px solid rgba(232,224,208,.5)}
.manual-step:last-child{border-bottom:none}
.manual-step__icon{font-size:1.5rem;min-width:40px;text-align:center;padding-top:.2rem}
.manual-step__content h4{font-family:var(--font-display);font-size:1.05rem;font-weight:400;color:var(--kuro);margin-bottom:.3rem}
.manual-step__content p{font-size:.88rem;color:var(--sumi);line-height:1.7}
.manual-tip{display:flex;gap:.8rem;padding:1rem 1.2rem;background:rgba(196,162,101,.08);border-radius:var(--radius-sm);margin:.8rem 0;border-left:3px solid var(--kin)}
.manual-tip__icon{font-size:1.2rem;min-width:24px}
.manual-tip__text{font-size:.85rem;color:var(--sumi);line-height:1.6}
.manual-tip__text strong{color:var(--kuro)}
.manual-warning{background:rgba(212,160,160,.1);border-left-color:var(--sakura)}
.manual-section-title{font-family:var(--font-display);font-size:1.1rem;font-weight:400;color:var(--kin);margin:1.5rem 0 .8rem;padding-bottom:.5rem;border-bottom:1px solid var(--kinari)}
@media(max-width:768px){
  .manual-toc__grid{grid-template-columns:1fr}
  .manual-chapter__header{padding:1.2rem 1rem;gap:.8rem}
  .manual-chapter__title{font-size:1.1rem}
  .manual-chapter__content{padding:0 1rem 1.5rem}
  .manual-step{flex-direction:column;gap:.5rem}
}
