/* Etapa 139. Tutorial na pagina publica. CSS separado e sem scripts externos. */
.mm139-section{width:min(1240px,calc(100% - 48px));margin:52px auto 74px;padding:38px;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:40px;border:1px solid #355777;border-radius:22px;background:linear-gradient(125deg,#0b2136,#142e49 63%,#10243a);box-shadow:0 24px 60px #0004;scroll-margin-top:114px}
.mm139-copy{min-width:0}.mm139-eyebrow{color:#f3c36b;font-size:.76rem;font-weight:800;letter-spacing:.15em}.mm139-copy h2{font-size:clamp(1.85rem,3.1vw,2.7rem);line-height:1.17;letter-spacing:-.038em;margin:14px 0 16px;color:#f3f9ff}.mm139-copy h2 span{color:#ffca75}.mm139-copy>p:not(.mm139-note){color:#b9cfe1;font-size:1.02rem;line-height:1.75;margin:0}
.mm139-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}.mm139-watch,.mm139-download{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 17px;border-radius:11px;font-size:.91rem;font-weight:800;text-align:center}.mm139-watch{background:linear-gradient(110deg,#ffc755,#ffad26);color:#152031!important;border:1px solid #ffd991}.mm139-watch:hover{filter:brightness(1.1)}.mm139-download{border:1px solid #50728b;background:#203c56;color:#e7f4ff!important}.mm139-download:hover{background:#2c506b}
.mm139-note{margin:18px 0 0!important;color:#829eb5;font-size:.75rem;line-height:1.5}
.mm139-video-frame{aspect-ratio:16/9;position:relative;min-width:0;overflow:hidden;border-radius:16px;background:#050a13;border:1px solid #526783;box-shadow:0 14px 38px #0008}.mm139-video-frame iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:900px){.mm139-section{grid-template-columns:1fr;gap:22px;max-width:700px;padding:26px}}
@media(max-width:600px){.mm139-section{width:calc(100% - 28px);margin:28px auto 50px;padding:18px;border-radius:16px}.mm139-copy h2{font-size:1.8rem}.mm139-copy>p:not(.mm139-note){font-size:.96rem}.mm139-actions a{flex:1 1 100%}.mm139-video-frame{border-radius:11px}}