.Tutoriais-module__dyOsDa__tutorialsSection{padding:150px 0 var(--section-padding);background:linear-gradient(#eff6ff 0%,#f8fafc 40%,#fff 100%);min-height:100vh}.Tutoriais-module__dyOsDa__tutorialsHeader{text-align:center;max-width:780px;margin:0 auto 40px}.Tutoriais-module__dyOsDa__tutorialsHeader h1{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:16px;font-size:clamp(2.4rem,5vw,3.5rem);font-weight:700;line-height:1.15}.Tutoriais-module__dyOsDa__tutorialsHeader p{color:var(--text-secondary);max-width:680px;margin:0 auto;font-size:1.125rem;line-height:1.6}.Tutoriais-module__dyOsDa__searchBarWrapper{max-width:580px;margin:28px auto 0;position:relative}.Tutoriais-module__dyOsDa__searchBar{border:1px solid var(--border-light);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);background:#fff;align-items:center;padding:8px 16px;display:flex}.Tutoriais-module__dyOsDa__searchBar:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #2563eb1f}.Tutoriais-module__dyOsDa__searchIcon{color:var(--text-muted);flex-shrink:0;margin-right:12px}.Tutoriais-module__dyOsDa__searchInput{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:.95rem}.Tutoriais-module__dyOsDa__searchInput::placeholder{color:var(--text-muted)}.Tutoriais-module__dyOsDa__clearSearchBtn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.Tutoriais-module__dyOsDa__clearSearchBtn:hover{background:var(--bg-secondary);color:var(--text-primary)}.Tutoriais-module__dyOsDa__filterBar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:32px 0;display:flex}.Tutoriais-module__dyOsDa__filterBtn{border-radius:var(--radius-full);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-smooth);background:#fff;padding:10px 20px;font-size:.875rem;font-weight:500}.Tutoriais-module__dyOsDa__filterBtn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:#cbd5e1;transform:translateY(-1px)}.Tutoriais-module__dyOsDa__filterBtn.Tutoriais-module__dyOsDa__active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 4px 12px #2563eb40}.Tutoriais-module__dyOsDa__tutorialsGrid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:32px;margin-top:24px;display:grid}.Tutoriais-module__dyOsDa__card{border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-smooth);background:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden}.Tutoriais-module__dyOsDa__card:hover{box-shadow:var(--shadow-lg);border-color:#2563eb33;transform:translateY(-4px)}.Tutoriais-module__dyOsDa__cardImageWrapper{background:#0f172a;width:100%;height:200px;position:relative;overflow:hidden}.Tutoriais-module__dyOsDa__cardImage{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-smooth)}.Tutoriais-module__dyOsDa__card:hover .Tutoriais-module__dyOsDa__cardImage{transform:scale(1.03)}.Tutoriais-module__dyOsDa__moduleBadge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#60a5fa;border-radius:var(--radius-full);letter-spacing:.02em;z-index:2;background:#0f172ad9;border:1px solid #ffffff1a;padding:5px 12px;font-size:.75rem;font-weight:700;position:absolute;top:14px;left:14px}.Tutoriais-module__dyOsDa__difficultyBadge{color:#0f172a;border-radius:var(--radius-full);z-index:2;background:#fffffff2;padding:4px 10px;font-size:.72rem;font-weight:700;position:absolute;top:14px;right:14px;box-shadow:0 2px 6px #0000001a}.Tutoriais-module__dyOsDa__cardBody{flex-direction:column;flex:1;padding:24px;display:flex}.Tutoriais-module__dyOsDa__cardMeta{color:var(--text-muted);align-items:center;gap:16px;margin-bottom:12px;font-size:.8rem;display:flex}.Tutoriais-module__dyOsDa__cardMetaItem{align-items:center;gap:6px;display:flex}.Tutoriais-module__dyOsDa__cardTitle{color:var(--text-primary);transition:color var(--transition-fast);margin-bottom:12px;font-size:1.25rem;font-weight:700;line-height:1.35}.Tutoriais-module__dyOsDa__card:hover .Tutoriais-module__dyOsDa__cardTitle{color:var(--accent-primary)}.Tutoriais-module__dyOsDa__cardExcerpt{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:20px;font-size:.92rem;line-height:1.6;display:-webkit-box;overflow:hidden}.Tutoriais-module__dyOsDa__cardFooter{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.Tutoriais-module__dyOsDa__readTime{color:var(--text-muted);align-items:center;gap:6px;font-size:.8rem;display:flex}.Tutoriais-module__dyOsDa__readMoreBtn{color:var(--accent-primary);transition:gap var(--transition-fast);align-items:center;gap:6px;font-size:.875rem;font-weight:600;display:inline-flex}.Tutoriais-module__dyOsDa__card:hover .Tutoriais-module__dyOsDa__readMoreBtn{gap:10px}.Tutoriais-module__dyOsDa__emptyState{text-align:center;max-width:520px;margin:0 auto;padding:80px 20px}.Tutoriais-module__dyOsDa__emptyStateTitle{color:var(--text-primary);margin-bottom:8px;font-size:1.4rem;font-weight:700}.Tutoriais-module__dyOsDa__emptyStateText{color:var(--text-secondary);font-size:.95rem;line-height:1.6}@media (max-width:768px){.Tutoriais-module__dyOsDa__tutorialsGrid{grid-template-columns:1fr}}