.miron-page .eventos-objective { margin-top: 40px; }
.miron-page .eventos-process { margin-top: 40px; }
.miron-page .eventos-process li:nth-child(2) h3 { width: 135px; }
.miron-page .prototype-section { margin-top: 40px; }
.miron-page .prototype-card { margin-top: 10px; padding: 36px 70px 60px; min-height: 557px; border-color: #eef2ff; border-radius: 12px; }
.miron-page .prototype-slide { min-height: 460px; }
.miron-page .prototype-phone { height: 460px; max-height: 460px; width: 225px; max-width: 100%; filter: none; object-fit: contain; }
.miron-page .prototype-arrow img { width: auto; height: auto; filter: none; transform: none; }
.miron-system { margin-top: 40px; }
.miron-system-grid { display: grid; grid-template-columns: 260px repeat(3, minmax(0, 1fr)); gap: 35px; margin-top: 12px; align-items: start; }
.miron-system-panel { background: #fff; border: 1px solid #eef2ff; border-radius: 12px; padding: 12px; min-width: 0; min-height: 223px; }
.miron-page .miron-system-panel h3 { margin-bottom: 12px; }
.miron-swatches { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px 20px; }
.miron-swatches figure { margin: 0; text-align: center; }
.miron-swatch { padding: 16px 4px; font: 500 16px "DM Sans", sans-serif; border-radius: 4px; color: #fff; }
.swatch-primary { background: #2ecc71; }
.swatch-action { background: #ff9500; }
.swatch-dark, .swatch-white { width: 52px; height: 52px; border-radius: 50%; margin: auto; font-size: 10px; display: grid; place-items: center; padding: 0; }
.swatch-dark { background: #2a2a2a; }
.swatch-white { background: #fff; border: 1px solid rgb(0 0 0 / 8%); color: #334155; }
.miron-swatches figcaption { font: 500 14px "DM Sans", sans-serif; color: #64748b; margin-top: 4px; }
.miron-type { font-family: Poppins, sans-serif; }
.miron-type strong { font-size: 16px; font-weight: 600; }
.miron-page .miron-type p { font-family: Poppins, sans-serif; font-size: 14px; font-weight: 400; margin: 12px 0; }
.miron-type > div { display: flex; flex-wrap: wrap; gap: 12px; font-size: 14px; }
.miron-type > div span:nth-child(2) { font-weight: 500; }
.miron-type > div span:nth-child(3) { font-weight: 600; }
.miron-component-samples { display: grid; gap: 20px; }
.miron-button-sample { display: grid; place-items: center; border-radius: 100px; min-height: 52px; background: #2ecc71; color: #fff; text-align: center; font: 600 17px Poppins, sans-serif; padding: 9px 12px; }
.sample-action { background: #ff9500; }
.miron-search-sample { display: flex; align-items: center; gap: 8px; height: 44px; border: 1px solid rgb(120 120 128 / 8%); border-radius: 8px; padding: 12px; }
.miron-search-sample span { font-size: 17px; color: rgb(60 60 67 / 25%); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; min-width: 0; }
.miron-miniatures { display: grid; gap: 12px; width: 169px; max-width: 100%; font-family: Poppins, sans-serif; color: white; }
.miron-streak { background: radial-gradient(ellipse at top right, rgb(46 204 113 / 16%), transparent), #2a2a2a; border-radius: 6px; padding: 6px; height: 64px; }
.miron-streak-heading { display: flex; align-items: center; gap: 2px; }
.miron-streak-heading > strong { font-size: 20px; line-height: 1; }
.miron-streak-heading > div { padding-left: 4px; display: grid; gap: 2px; }
.miron-streak-heading b { font-size: 7px; font-weight: 500; }
.miron-streak-heading span { font-size: 5.5px; color: #c7c7cc; }
.miron-week { display: flex; justify-content: space-between; margin-top: 6px; }
.miron-week > div { display: grid; gap: 2px; font-size: 8px; text-align: center; color: #c7c7cc; }
.miron-week > div > span { width: 11px; height: 11px; border-radius: 50%; background: rgb(42 42 42 / 55%); display: grid; place-items: center; font-size: 7px; }
.miron-week .complete { background: #2ecc71; }
.miron-week .today { border: .5px solid #2ecc71; }
.miron-workout { display: flex; justify-content: space-between; align-items: center; position: relative; border-radius: 6px; height: 67px; padding: 10px; overflow: hidden; background: #121212; }
.miron-workout-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .12; }
.miron-workout > div, .miron-workout > span { position: relative; }
.miron-workout > div { display: grid; gap: 2px; }
.miron-workout strong { font-size: 12px; }
.miron-workout b { font-size: 8px; color: #2ecc71; }
.miron-workout > div > div { display: flex; gap: 4px; margin-top: 4px; }
.miron-workout > div > div > span { padding: 2px 4px; background: #2a2a2a; border-radius: 4px; font-size: 6px; }
.miron-play { padding: 6px; background: #27ae60; border-radius: 50%; }
.miron-workout-row { display: flex; align-items: center; gap: 6px; background: #2a2a2a; border-radius: 6px; padding: 6px; height: 40px; }
.miron-workout-row > span { padding: 7px; background: #8e8e93; border-radius: 5px; }
.miron-workout-row > div { display: grid; gap: 1px; flex: 1; }
.miron-workout-row b { font-size: 9px; color: #2ecc71; }
.miron-workout-row div span { font-size: 6px; }
.miron-learning { margin-top: 40px; }
.miron-learning .project-info-grid { gap: 24px; margin-top: 12px; }
.miron-learning ul { padding-left: 24px; margin: 0; }
.miron-page .project-detail { padding-bottom: 80px; }
@media (max-width: 1100px) {
  .miron-system-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
}
@media (max-width: 767px) {
  .miron-page .eventos-process { min-height: 0; }
  .miron-page .prototype-card { padding: 36px 34px 60px; min-height: auto; }
  .miron-page .prototype-phone { width: 100%; flex: 0 0 100%; padding: 0 8px; }
  .miron-system-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .miron-system-panel { min-height: 0; }
  .miron-miniatures { width: 169px; }
  .miron-page .project-detail { padding-bottom: 64px; }
}