.mde-dz-grid { margin-top: clamp(32px,6vw,48px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%,380px), 1fr)); gap: clamp(14px,3vw,16px); }
  .mde-dz-card { background: linear-gradient(180deg,#e6e6e6,#f7f7f7); border-radius: clamp(22px,5vw,28px); padding: clamp(20px,5vw,32px);
    display: flex; flex-direction: column; gap: clamp(8px,2vw,12px); }
  .mde-dz-kicker { font: 600 14px 'Work Sans', sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #336600; }
  .mde-dz-h3 { margin: 0; font: 700 clamp(24px,6vw,28px)/1.2 'Lora', serif; color: #134015; }
  .mde-dz-desc { margin: 0; font-size: clamp(16px,2vw,17px); line-height: 1.5; text-wrap: pretty; }
  .mde-dz-win { margin: 8px 0 0; font: 600 17px 'Work Sans', sans-serif; color: #134015; transition: opacity .3s ease, transform .4s cubic-bezier(.2,.8,.2,1); }

  .mde-dz-photo { margin-top: auto; position: relative; cursor: default; -webkit-tap-highlight-color: transparent; }
  .mde-dz-frame { position: relative; aspect-ratio: 4/3; border-radius: clamp(16px,4vw,24px); overflow: hidden; background: #e9f0cf;
    box-shadow: 0 0 0 0 rgba(19,64,21,0), 0 0 0 0 rgba(159,191,22,0);
    transition: transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s ease; }
  .mde-dz-frame img, .mde-dz-ph { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .8s cubic-bezier(.2,.8,.2,1); }
  .mde-dz-ph { display: grid; place-items: center; color: #336600; font: 500 15px 'Work Sans', sans-serif; }
  .mde-dz-shade { position: absolute; inset: 0; pointer-events: none; opacity: 0; transition: opacity .4s ease;
    background: linear-gradient(0deg, rgba(8,30,10,.85) 0%, rgba(8,30,10,.35) 45%, rgba(8,30,10,0) 70%); }
  .mde-dz-label { position: absolute; left: clamp(14px,4vw,20px); right: clamp(14px,4vw,20px); bottom: clamp(12px,3.5vw,18px); pointer-events: none;
    display: flex; flex-direction: column; align-items: flex-start; gap: clamp(6px,1.5vw,8px); opacity: 0; transform: translateY(12px);
    transition: opacity .4s ease, transform .5s cubic-bezier(.2,.8,.2,1); }
  .mde-dz-badge { padding: 5px 11px; border-radius: 999px; background: #9fbf16; color: #134015; font: 700 clamp(12px,3vw,13px) 'Work Sans', sans-serif; letter-spacing: .04em; text-transform: uppercase; }
  .mde-dz-name { font: 700 clamp(22px,3vw,34px)/1.1 'Lora', serif; color: #fff; text-shadow: 0 2px 12px rgba(0,0,0,.4); }
  .mde-dz-confetti { position: absolute; inset: 0; pointer-events: none; z-index: 3; }
  .mde-dz-confetti span { position: absolute; left: 50%; top: 45%; animation: mdeDzConf var(--dur) cubic-bezier(.15,.7,.3,1) var(--del) both; }

  /* Destaque (mouse) */
  .mde-dz-card.is-hot .mde-dz-frame { transform: scale(1.035); box-shadow: 0 28px 56px -22px rgba(19,64,21,.55), 0 0 0 4px #9fbf16; }
  .mde-dz-card.is-hot .mde-dz-frame img, .mde-dz-card.is-hot .mde-dz-ph { transform: scale(1.08); }
  .mde-dz-card.is-hot .mde-dz-shade, .mde-dz-card.is-hot .mde-dz-label { opacity: 1; transform: none; }
  .mde-dz-card.is-hot .mde-dz-win { opacity: 0; transform: translateY(6px); }

  .mde-dz-q { margin: clamp(40px,8vw,56px) 0 0; text-align: center; font: 600 clamp(24px,2.4vw,28px)/1.3 'Lora', serif; color: #134015; }
  .mde-dz-box { margin: clamp(16px,3vw,24px) auto 0; max-width: 820px; border: 1.5px solid rgba(19,64,21,.12); border-radius: clamp(22px,5vw,28px); padding: clamp(20px,5vw,36px); }
  .mde-dz-box h3 { margin: 0 0 12px; font: 700 clamp(20px,5vw,22px) 'Lora', serif; color: #134015; }
  .mde-dz-box ul { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 12px; font-size: clamp(16px,2vw,17px); line-height: 1.5; text-wrap: pretty; }
  .mde-dz-cta { margin-top: clamp(20px,5vw,28px); display: flex; align-items: center; justify-content: center; min-height: clamp(56px,12vw,64px); padding: 0 20px; text-align: center;
    border-radius: 999px; background: #9fbf16; color: #134015; font: 700 clamp(16px,4vw,18px) 'Work Sans', sans-serif; letter-spacing: .04em; text-transform: uppercase;
    text-decoration: none; transition: transform .2s, background .2s; }
  .mde-dz-cta:hover { background: #b4d42a; transform: translateY(-2px); }

  /* Celular */
  @media (max-width: 599px) {
    .mde-dz-win { display: none; }
    .mde-dz-frame { margin-top: 8px; }
    .mde-dz-shade, .mde-dz-label { opacity: 1; transform: none; }
    .mde-dz-card.is-hot .mde-dz-frame { transform: none; }
  }

  @keyframes mdeDzConf { 0% { transform: translate(-50%,-50%) translate(0,0) rotate(0); opacity: 1 } 80% { opacity: 1 }
    100% { transform: translate(-50%,-50%) translate(var(--dx),var(--dy)) rotate(var(--r)); opacity: 0 } }
  @keyframes mdeDzPop { 0% { transform: translateY(30px) scale(.6); opacity: 0 } 70% { transform: translateY(-6px) scale(1.04); opacity: 1 } 100% { transform: none; opacity: 1 } }
  @keyframes mdeDzBob { 0%,100% { transform: translateY(0) rotate(0) } 50% { transform: translateY(-8px) rotate(-2deg) } }
  @media (prefers-reduced-motion: reduce) {
    .mde-dz-masc > div, .mde-dz-masc img { animation: none !important; }
    .mde-dz-frame, .mde-dz-frame img, .mde-dz-ph { transition: none; }
  }

.mde-dz-photo{touch-action:pan-y;outline-offset:5px}.mde-dz-frame image-slot{position:absolute;inset:0;display:block;width:100%;height:100%}.mde-dz-card.is-hot .mde-dz-frame image-slot{transform:scale(1.08);transition:transform .5s}.mde-dz-photo:focus-visible{outline:3px solid #9fbf16;border-radius:24px}

.turma36-slideshow{position:absolute;inset:0;background:#e9f0cf}.turma36-slideshow image-slot{position:absolute;inset:0;width:100%;height:100%}.turma36-slideshow image-slot::part(image){object-fit:contain!important;object-position:center!important}.turma36-slideshow .turma36-second{opacity:0;animation:turma36Crossfade 10s ease-in-out infinite;animation-play-state:paused;will-change:opacity}.turma36-slideshow.is-visible .turma36-second{animation-play-state:running}@keyframes turma36Crossfade{0%,38%,100%{opacity:0}48%,88%{opacity:1}}@media(prefers-reduced-motion:reduce){.turma36-slideshow .turma36-second{animation:none;will-change:auto}}