/* Três programas lado a lado; rolagem horizontal em telas menores. */
.programs__track{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.program__body{padding:20px 15px 17px}
.program__body h3{font-size:29px;line-height:1.05}
.program__link{font-size:10px;gap:6px;line-height:1.5}
.dna-art{background:#f3eddf}
.dna-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.dna-art .label{background:rgba(253,251,246,.94);color:#55583f;border-color:#d8d4bd}
@media(min-width:541px) and (max-width:760px){
  .programs__track{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:310px;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding-left:0;padding:2px 0 10px;overscroll-behavior-x:contain}
  .programs__track::-webkit-scrollbar{display:none}
  .program{scroll-snap-align:start}
}
@media(max-width:760px){
  .program__body{padding:19px 17px 17px}
  .programs__track{grid-template-columns:none}
  .carousel-controls{display:flex;align-items:center;justify-content:space-between;margin-top:3px;gap:15px}
  .carousel-hint{font-size:9px;color:#9a917c}
  .carousel-dots{display:flex;gap:5px;margin-left:auto}
  .carousel-dots button{width:6px;height:6px;border:0;padding:0;border-radius:50%;background:#d7cdb7;cursor:pointer}
  .carousel-dots button.active{background:#aa873c}
  .carousel-arrows{display:flex;gap:7px}
  .carousel-arrows button{display:grid;place-items:center;background:transparent;border:1px solid #d8cdb5;border-radius:50%;width:28px;height:28px;color:#947934;cursor:pointer}
  .carousel-arrows svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
}