.kf-trilha{--forest:#15382f;--gold:#b69760;--cream:#faf7f0;background:var(--cream);color:#25342e;font:17px/1.8 Arial,Helvetica,sans-serif;overflow:hidden}
.kf-trilha *{box-sizing:border-box}
.kf-trilha .hero{min-height:600px;display:flex;align-items:flex-end;background:linear-gradient(0deg,rgba(5,26,20,.88),rgba(5,26,20,.05) 72%),url('/assets/dicas/trilha-15-anos/hero.webp') center 35%/cover}
.kf-trilha .hero-inner{max-width:1060px;margin:0 auto;width:100%;padding:130px 26px 65px;color:#fff}
.kf-trilha .eyebrow{font-size:12px;font-weight:700;letter-spacing:.19em;text-transform:uppercase;color:#9d7c42}
.kf-trilha .hero .eyebrow{color:#e0c791}
.kf-trilha .hero h1{font:400 clamp(42px,7vw,76px)/1.1 Georgia,'Times New Roman',serif;max-width:850px;margin:14px 0}
.kf-trilha .hero p{font-size:19px;max-width:640px;color:#eee7d9;margin:0}
.kf-trilha .shell{max-width:1120px;margin-inline:auto;padding-inline:26px}
.kf-trilha .article{max-width:780px;margin-block:75px}
.kf-trilha .article p{margin:0 0 23px}
.kf-trilha .article h2,.kf-trilha .section h2{font:400 clamp(31px,4.3vw,49px)/1.2 Georgia,'Times New Roman',serif;color:var(--forest);margin:58px 0 25px}
.kf-trilha .lead{font:400 24px/1.6 Georgia,'Times New Roman',serif;color:#4a584c}
.kf-trilha .image{margin:45px 0}
.kf-trilha .image img{width:100%;height:auto;max-height:620px;object-fit:cover;display:block;border-radius:5px}
.kf-trilha .image figcaption{font-size:12px;color:#6d786d;margin-top:10px}
.kf-trilha .quote{border-left:3px solid var(--gold);padding:8px 0 8px 28px;font:400 27px/1.5 Georgia,'Times New Roman',serif;color:var(--forest);margin:48px 0}
.kf-trilha .quote strong{display:block;font:700 13px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.05em;margin-bottom:16px}
.kf-trilha .quote p{margin:0}
.kf-trilha .section{padding-block:70px;margin:0;max-width:none}
.kf-trilha .tint{background:#ede9df}
.kf-trilha .section-heading{max-width:740px;margin:0 auto 38px;text-align:center}
.kf-trilha .section-heading h2{margin:10px 0 15px}
.kf-trilha .section-heading p{margin:0}
.kf-trilha .video-help{font-size:14px;text-align:center;margin:0 0 22px;color:#536258}
.kf-trilha .song-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.kf-trilha .song{display:flex;gap:16px;background:#fff;padding:22px;border:1px solid #e6dfd1;border-radius:4px;min-width:0}
.kf-trilha .song>div{min-width:0;flex:1}
.kf-trilha .num{color:var(--gold);font:400 30px Georgia,'Times New Roman',serif}
.kf-trilha .song strong{display:block;font-size:17px;line-height:1.4;color:#173c30}
.kf-trilha .song small{display:block;color:#666f68;font-size:12px;margin:5px 0}
.kf-trilha .song p{font-size:13px;line-height:1.5;margin:0}
.kf-trilha .song-media{display:flex;flex-wrap:wrap;align-items:center;gap:8px 15px;margin-top:16px}
.kf-trilha .song-media button{border:1px solid #173c30;background:#173c30;color:#fff;padding:9px 12px;font:600 12px/1.3 Arial,Helvetica,sans-serif;cursor:pointer}
.kf-trilha .song-media button:hover,.kf-trilha .song-media button:focus-visible{background:#245c48}
.kf-trilha .song-media a{color:#173c30;font-size:12px;text-underline-offset:3px}
.kf-trilha .song-frame{margin-top:16px;aspect-ratio:16/9;background:#0d201b}
.kf-trilha .song-frame iframe{display:block;width:100%;height:100%;border:0}
.kf-trilha .split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px}
.kf-trilha .split img{width:100%;height:auto;max-height:550px;object-fit:cover}
.kf-trilha .split h2{margin-top:0}
.kf-trilha .note{padding:23px;border:1px solid #d4c8b1;background:#fff9ee;font-size:14px;line-height:1.7}
.kf-trilha .cta{background:var(--forest);color:#fff;text-align:center;padding:70px 22px}
.kf-trilha .cta h2{font:400 42px Georgia,'Times New Roman',serif;margin:0 0 12px;color:#fff}
.kf-trilha .cta p{max-width:650px;margin:0 auto 25px}
.kf-trilha .cta a{display:inline-block;background:#c6aa72;color:#102d24;padding:12px 28px;text-decoration:none;font-weight:700;border-radius:2px}
@media(max-width:700px){
  .kf-trilha .hero{min-height:530px}
  .kf-trilha .hero-inner{padding:85px 24px 42px}
  .kf-trilha .song-grid,.kf-trilha .split{grid-template-columns:minmax(0,1fr)}
  .kf-trilha .shell{padding-inline:20px}
  .kf-trilha .article{margin-block:55px}
  .kf-trilha .section{padding-block:50px}
  .kf-trilha .split{gap:25px}
  .kf-trilha .quote{padding-left:17px;font-size:23px}
  .kf-trilha .song{padding:18px}
}